From 2cb8775339209916fcc889dfa9d5ea7a9f63cd24 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 27 六月 2022 18:08:02 +0800
Subject: [PATCH] 仓库定义、库位定义、物料类型  实现增删查改功能

---
 src/views/jcsz/jsqd.vue |  117 +++++++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 87 insertions(+), 30 deletions(-)

diff --git a/src/views/jcsz/jsqd.vue b/src/views/jcsz/jsqd.vue
index badb582..a3325dc 100644
--- a/src/views/jcsz/jsqd.vue
+++ b/src/views/jcsz/jsqd.vue
@@ -17,7 +17,13 @@
               <el-input v-model="form.RoleName" placeholder="璇疯緭鍏�" style="width: 200px" />
             </el-form-item>
             <el-form-item label="瑙掕壊绫诲瀷" style=" display: flex;">
-              <el-select v-model="form.RoleTypeCode" :popper-append-to-body="false" filterable style="width: 200px" placeholder="璇烽�夋嫨">
+              <el-select
+                v-model="form.RoleTypeCode"
+                :popper-append-to-body="false"
+                filterable
+                style="width: 200px"
+                placeholder="璇烽�夋嫨"
+              >
                 <el-option
                   v-for="item in RoleTypeCodeArr2"
                   :key="item.roletype_code"
@@ -237,7 +243,6 @@
           </template>
         </el-table-column>
         <el-table-column label="鎿嶄綔">
-
           <template slot-scope="{row}">
             <div class="operationClass">
               <el-button v-if="row.isVisible===0" type="text" @click="delSetting(row)">鍒犻櫎</el-button>
@@ -245,12 +250,6 @@
               <el-button v-if="row.isVisible===1" type="text" @click="formSettingCancel(row)">鍙栨秷</el-button>
             </div>
           </template>
-          <!--          <template v-for="item in RoleTypeCodeArr" slot-scope="{row}">-->
-          <!--            <div :key="item.roletype_code" class="operationClass">-->
-          <!--              <el-button v-if="item.isVisible" type="text" @click="formSettingSave(row)">淇濆瓨</el-button>-->
-          <!--              <el-button v-if="item.isVisible" type="text" @click="formSettingCancel(row)">鍙栨秷</el-button>-->
-          <!--            </div>-->
-          <!--          </template>-->
         </el-table-column>
       </el-table>
       <!--鍒嗛〉-->
@@ -301,6 +300,7 @@
               ref="dialogCascaderUser"
               key="cascaderKey"
               filterable
+              popper-class="elCascader"
               :append-to-body="false"
               :options="StuOrgArr"
               :props="defaultProps"
@@ -838,7 +838,7 @@
       }
       const res = await RoleTypeAdd([data])
       if (res.code === '200') {
-        this.$message.success('娣诲姞鎴愬姛锛�')
+        this.$message.success('淇濆瓨鎴愬姛锛�')
         await this.getRoleTypeSearch()
       }
     },
@@ -966,31 +966,51 @@
       const rightPCArrFlag = res[0][0].flag
       const rightAPPArrFlag = res[1][0].flag
 
+      let waitFlag = false// 鍥炴樉绛夊緟鏄惁鏀捐
+
       // 1.绗竴绉嶆儏鍐礟C鍜孉PP閮戒竴娆¢兘娌¢�変腑鏃�    PC鏈�変腑锛孉PP鏈�変腑
       if (rightPCArrFlag === 'N' && rightAPPArrFlag === 'N') {
         pcIsSelected1 = true
         this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
       }
+
       // 2.绗簩绉嶆儏鍐礟C宸查�変腑锛孉PP鏈�変腑
       if (rightPCArrFlag === 'Y' && rightAPPArrFlag === 'N') {
         pcIsSelected1 = true
         pcIsSelected2 = true
-        setTimeout(() => {
-          this.$nextTick(() => {
-            $('input:checkbox').eq(0).prop('checked', true)// 鑷畾涔夊崟閫夋鍥炴樉
-          })
+
+        const interval = setInterval(() => {
+          if ($('input:checkbox').length > 0) {
+            waitFlag = true
+          }
+          if (waitFlag) {
+            clearInterval(interval)
+            this.$nextTick(() => {
+              $("input[name='PC']").eq(0).prop('checked', true)// 鑷畾涔夊崟閫夋鍥炴樉
+            })
+          }
         }, 100)
+
         this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
       }
+
       // 3.绗笁绉嶆儏鍐礟C鏈�変腑锛孉PP宸查�変腑
       if (rightPCArrFlag === 'N' && rightAPPArrFlag === 'Y') {
         appIsSelected1 = true
         appIsSelected2 = true
-        setTimeout(() => {
-          this.$nextTick(() => {
-            $('input:checkbox').eq(1).prop('checked', true)// 鑷畾涔夊崟閫夋鍥炴樉
-          })
+
+        const interval = setInterval(() => {
+          if ($('input:checkbox').length > 0) {
+            waitFlag = true
+          }
+          if (waitFlag) {
+            clearInterval(interval)
+            this.$nextTick(() => {
+              $("input[name='APP']").eq(0).prop('checked', true)// 鑷畾涔夊崟閫夋鍥炴樉
+            })
+          }
         }, 100)
+
         this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightAPPArr[0].code
       }
       // 4.绗洓绉嶆儏鍐礟C宸查�変腑锛孉PP宸查�変腑
@@ -999,12 +1019,20 @@
         pcIsSelected2 = true
         appIsSelected1 = false
         appIsSelected2 = true
-        setTimeout(() => {
-          this.$nextTick(() => {
-            $('input:checkbox').eq(0).prop('checked', true)// 鑷畾涔夊崟閫夋鍥炴樉
-            $('input:checkbox').eq(1).prop('checked', true)// 鑷畾涔夊崟閫夋鍥炴樉
-          })
+
+        const interval = setInterval(() => {
+          if ($('input:checkbox').length > 0) {
+            waitFlag = true
+          }
+          if (waitFlag) {
+            clearInterval(interval)
+            this.$nextTick(() => {
+              $("input[name='PC']").eq(0).prop('checked', true)// 鑷畾涔夊崟閫夋鍥炴樉
+              $("input[name='APP']").eq(0).prop('checked', true)// 鑷畾涔夊崟閫夋鍥炴樉
+            })
+          }
         }, 100)
+
         this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
       }
       this.dialogFormRight.rightOperationArr.push({
@@ -1285,11 +1313,12 @@
   border: none;
   padding: 0 20px;
 }
+
 ::v-deep .el-button--primary:hover {
   border: none;
 }
 
-::v-deep .el-button--info{
+::v-deep .el-button--info {
   //background-color: $main_color !important;
   height: 30px;
   display: flex;
@@ -1383,8 +1412,8 @@
     }
 
     input[type=checkbox]:checked::after {
-      content: "鉁�";
-      //content: "鈭�";
+      //content: "鉁�";
+      content: "鈭�";
       color: #fff;
       font-size: 12px;
       font-weight: bold;
@@ -1421,6 +1450,7 @@
   height: 30px;
   line-height: 30px;
 }
+
 ::v-deep .el-input__inner:focus {
   border-color: $main_color;
 }
@@ -1483,28 +1513,55 @@
 ::v-deep .el-radio.is-bordered + .el-radio.is-bordered {
   margin: 10px 30px 0px 0;
 }
-.body ::v-deep .el-divider{
+
+.body ::v-deep .el-divider {
   border: 1px solid #eee;
   width: 99%;
   margin: 10px auto;
 }
-.body ::v-deep .el-form-item{
+
+.body ::v-deep .el-form-item {
   margin-bottom: 0;
 }
+
 ::v-deep .el-input__inner:focus {
   border-color: $main_color;
 }
 
-::v-deep .el-select .el-input__inner:focus{
+::v-deep .el-select .el-input__inner:focus {
   border-color: $main_color;
 }
 
-::v-deep .el-select-dropdown__item.selected{
+::v-deep .el-select-dropdown__item.selected {
   color: $main_color;
 }
 
-::v-deep .el-textarea__inner:focus{
+::v-deep .el-textarea__inner:focus {
   border-color: $main_color;
 }
 
 </style>
+<style lang="scss">
+.elCascader {
+  //.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
+  //  color: #42b983 ;
+  //}
+  .el-cascader-node.is-selectable.in-checked-path {
+    color: #42b983;
+  }
+
+  .el-radio__input.is-checked .el-radio__inner {
+    background-color: #42b983;
+    border-color: #42b983;
+  }
+
+  .el-radio__input.is-checked .el-radio__inner:hover {
+    border-color: #42b983;
+  }
+
+  .el-input__inner {
+    border-color: #42b983 !important;
+  }
+
+}
+</style>

--
Gitblit v1.9.3