From 99a010f21d278498bafd248217c584e101db2d8f Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期四, 01 九月 2022 17:27:17 +0800
Subject: [PATCH] 1.自动扫码回车功能接入

---
 src/views/jcsz/jsqd.vue |  110 +++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 83 insertions(+), 27 deletions(-)

diff --git a/src/views/jcsz/jsqd.vue b/src/views/jcsz/jsqd.vue
index 23cd185..a7c6972 100644
--- a/src/views/jcsz/jsqd.vue
+++ b/src/views/jcsz/jsqd.vue
@@ -2,10 +2,13 @@
   <div>
     <div class="body" :style="{height:mainHeight+'px'}">
 
-      <div class="bodyTopButtonGroup">
+      <div class="bodyTopButtonGroup" style="justify-content: space-between">
         <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>
-        <el-button icon="el-icon-setting" @click="settingButton">璁剧疆</el-button>
-        <el-button icon="el-icon-download" @click="upload">瀵煎叆</el-button>
+
+        <div style="display: flex">
+          <el-button icon="el-icon-setting" @click="settingButton">璁剧疆</el-button>
+          <el-button icon="el-icon-download" @click="upload">瀵煎叆</el-button>
+        </div>
       </div>
 
       <div class="bodyTopFormGroup">
@@ -97,7 +100,13 @@
             min-width="160"
             label="瑙掕壊鎻忚堪"
             sortable="custom"
-          />
+            show-tooltip-when-overflow
+          >
+            <template slot-scope="{row}">
+              <div v-if="row.description">{{ row.description }}</div>
+              <div v-else>/</div>
+            </template>
+          </el-table-column>
           <el-table-column
             prop="lm_user"
             label="鍒涘缓浜哄憳"
@@ -122,8 +131,18 @@
             sortable="custom"
           >
             <template slot-scope="{row}">
-              <i v-if="row.is_user==='Y'" class="el-icon-user-solid" style="color:#42b983;cursor: pointer" @click="userClick(row)" />
-              <i v-if="row.is_user==='N'" class="el-icon-user-solid" style="color: rgb(180 ,181, 185);cursor: pointer" @click="userClick(row)" />
+              <i
+                v-if="row.is_user==='Y'"
+                class="el-icon-user-solid"
+                style="color:#42b983;cursor: pointer"
+                @click="userClick(row)"
+              />
+              <i
+                v-if="row.is_user==='N'"
+                class="el-icon-user-solid"
+                style="color: rgb(180 ,181, 185);cursor: pointer"
+                @click="userClick(row)"
+              />
             </template>
           </el-table-column>
           <el-table-column
@@ -134,7 +153,12 @@
           >
             <template slot-scope="{row}">
               <i v-if="row.is_right==='Y'" class="el-icon-share" @click="rightClick(row)" />
-              <i v-if="row.is_right==='N'" class="el-icon-share" style="color: rgb(180 ,181, 185)" @click="rightClick(row)" />
+              <i
+                v-if="row.is_right==='N'"
+                class="el-icon-share"
+                style="color: rgb(180 ,181, 185)"
+                @click="rightClick(row)"
+              />
             </template>
           </el-table-column>
           <el-table-column
@@ -157,7 +181,6 @@
       </div>
       <!--鍒嗛〉-->
       <pagination
-        v-show="total>0"
         :total="total"
         :page.sync="form.page"
         :limit.sync="form.rows"
@@ -280,7 +303,6 @@
       </el-table>
       <!--鍒嗛〉-->
       <pagination
-        v-show="RoleTypeCodeArrLength>0"
         :total="RoleTypeCodeArrLength"
         :page.sync="formSetting.page"
         :limit.sync="formSetting.rows"
@@ -381,12 +403,12 @@
         ref="multipleTable"
         :data="dialogFormUserTable"
         border
+        :row-class-name="tableRowClassName"
         highlight-current-row
         :height="isIpad?400:365"
         :header-cell-style="this.$headerCellStyle"
         :cell-style="this.$cellStyle"
         :row-key="getRowKey"
-        :row-class-name="tableRowClassName"
         @sort-change="sortChangeOfUser"
         @selection-change="handleSelectionChange"
       >
@@ -396,6 +418,7 @@
           type="selection"
           width="50"
           :reserve-selection="true"
+          fixed
         />
         <el-table-column
           prop="RowNum"
@@ -421,17 +444,23 @@
           prop="flag"
           label="鍏宠仈瑙掕壊"
           sortable="custom"
+          fixed="right"
         >
           <template slot-scope="{row}">
-            <div v-if="row.flag==='Y'">鏄�</div>
-            <div v-if="row.flag==='N'">鍚�</div>
+            <div v-if="row.flag==='Y'">
+              <svg-icon icon-class="circleYes" style="margin-right: 2px" />
+              鏄�
+            </div>
+            <div v-if="row.flag==='N'">
+              <svg-icon icon-class="circleNo" style="margin-right: 2px" />
+              鍚�
+            </div>
           </template>
         </el-table-column>
       </el-table>
 
       <!--鍒嗛〉-->
       <pagination
-        v-show="dialogFormUserTableLength>0"
         :total="dialogFormUserTableLength"
         :page.sync="dialogFormUser.page"
         :limit.sync="dialogFormUser.rows"
@@ -528,7 +557,14 @@
     </el-dialog>
 
     <!--瀵煎叆缁勪欢-->
-    <import-picker ref="importPickerFunc" class="importPickerClass" :shows.sync="shows" :title="title_value" :colos="colos" :code="code" />
+    <import-picker
+      ref="importPickerFunc"
+      class="importPickerClass"
+      :shows.sync="shows"
+      :title="title_value"
+      :colos="colos"
+      :code="code"
+    />
 
   </div>
 </template>
@@ -790,6 +826,9 @@
         DeleteRole({ RoleCode: row.role_code }).then(res => {
           if (res.code === '200') {
             this.$message.success('鍒犻櫎鎴愬姛!')
+            if (this.form.page > 1 && this.tableData.length === 1) {
+              this.form.page--
+            }
             this.getRoleSearch()
           }
         })
@@ -883,6 +922,9 @@
         RoleTypeDelete({ RoleTypeCode: row.roletype_code }).then(res => {
           if (res.code === '200') {
             this.$message.success('鍒犻櫎鎴愬姛!')
+            if (this.formSetting.page > 1 && this.RoleTypeCodeArr.length === 1) {
+              this.formSetting.page--
+            }
             this.getRoleTypeSearch()
           }
         })
@@ -1026,12 +1068,13 @@
         type: ''
       }
       const { data: res } = await RoleAssociationRight(data)// 鎺ュ彛鑾峰彇鏁版嵁
-
+      // console.log(res, 111)
       this.dialogFormRight.rightPCArr = res[0][0].is_delete === '0' ? res[0] : []
       this.dialogFormRight.rightAPPArr = res[1][0].is_delete === '0' ? res[1] : []
 
       this.PCTrue = res[0][0].is_delete === '0'
-      this.APPTrue = res[1][0].is_delete === '0'
+      this.APPTrue = res[1][0].children.filter(item => item.is_delete === '0').length === 0 ? false : res[1][0].is_delete === '0'
+
       // '0'鏄剧ず  '1' 涓嶆樉绀�   杩囨护鍑虹浉瀵瑰簲鐨勮彍鍗�
       if (this.PCTrue) {
         this.dialogFormRight.rightPCArr[0].children = this.dialogFormRight.rightPCArr[0].children.filter(item => item.is_delete === '0')
@@ -1041,12 +1084,13 @@
       }
 
       if (this.APPTrue) {
-        this.dialogFormRight.rightAPPArr[0].children = this.dialogFormRight.rightAPPArr[0].children.filter(item => item.is_delete === '0')
+        this.dialogFormRight.rightAPPArr[0].children = this.dialogFormRight.rightAPPArr[0].children.filter(item => item.is_delete === '0' || item.is_delete === null)
         this.dialogFormRight.rightAPPArr[0].children.forEach(item => {
-          item.children = item.children.filter(it => it.is_delete === '0')
+          item.children = item.children.filter(it => it.is_delete === '0' || it.is_delete === null)
+          // item.children = item.children.filter(it => it.is_delete !== '1')
         })
       }
-
+      // console.log(this.dialogFormRight.rightAPPArr[0], 234)
       // 鍒ゆ柇鍝釜鏄珮浜�
       let pcIsSelected1 = false
       let pcIsSelected2 = false
@@ -1134,9 +1178,9 @@
 
       // 鐩墠涓�鏈熻偗瀹氭槸杩欎釜
       if (this.PCTrue && !this.APPTrue) {
-        pcIsSelected1 = true
+        // pcIsSelected1 = true
         if (rightPCArrFlag === 'Y') {
-          // pcIsSelected1 = true
+          pcIsSelected1 = true
           pcIsSelected2 = true
 
           const interval = setInterval(() => {
@@ -1151,9 +1195,9 @@
             }
           }, 100)
 
-          // this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
+          this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
         }
-        this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
+        // this.dialogFormRight.rightCurrentCode = this.dialogFormRight.rightPCArr[0].code
       }
 
       if (!this.PCTrue && this.APPTrue) {
@@ -1497,6 +1541,7 @@
 ::v-deep .el-dialog__body {
   padding: 20px 100px !important;
 }
+
 .settingDialogVisible, .userDialogVisible, .dialogVisibleRight {
   ::v-deep .el-dialog__body {
     padding: 10px 20px !important;
@@ -1568,11 +1613,16 @@
 <!--鍏叡椤甸潰鏍峰紡-->
 <style lang="scss" scoped>
 $main_color: #42b983;
-.el-icon-share ,.el-icon-delete,.el-icon-edit-outline{
+::v-deep .el-button--text{
+  font-size: 14px ;
+  cursor: pointer ;
+}
+.el-icon-share, .el-icon-delete, .el-icon-edit-outline {
   color: $main_color;
   cursor: pointer;
 }
-.el-icon-edit-outline{
+
+.el-icon-edit-outline {
   margin-right: 15px;
 }
 
@@ -1633,8 +1683,8 @@
   background-color: #f8f8fa;
 }
 
-::v-deep .el-table__body .el-table__row.hover-row td{
-  background-color: #eaecef ;
+::v-deep .el-table__body .el-table__row.hover-row td {
+  background-color: #eaecef;
 }
 
 ::v-deep .el-form--inline .el-form-item__label {
@@ -1650,6 +1700,7 @@
 .body ::v-deep .el-form-item {
   margin-bottom: 0;
 }
+
 .userDialogVisible ::v-deep .el-form-item {
   margin-bottom: 0;
 }
@@ -1660,4 +1711,9 @@
 .el-table .custom-row {
   background: #f8f8fa;
 }
+
+.el-form-item__label {
+  font-weight: 400 !important
+}
+
 </style>

--
Gitblit v1.9.3