cloud-module-bpm 6.13.2 → 6.13.3

package/packages/bpm-sign-dialog/SourceGrid.vue

@@ -1,27 +1,29 @@
 <template>
   <div>
-    <el-row justify="space-between" style="padding: 5px;">
+    <el-row
+      justify="space-between"
+      style="padding: 5px;"
+    >
       <el-col
         :span="7"
         style="float: left;margin-top: 5px;padding-left: 2px;"
-        >{{ $t('base.list_alternatives') }}</el-col
+      >{{ $t('base.list_alternatives') }}</el-col>
+      <el-col
+        :span="17"
+        style="float:right;"
       >
-      <el-col :span="17" style="float:right;">
         <el-input
-          class="custom_input_1"
           placeholder="请输入姓名或编码"
           v-model="searchName"
           clearable
-          @change="searchGridData"
-          @keyup.enter.native="searchGridData"
-          suffix-icon="el-icon-search"
+          @change="requestGridData"
         >
-          <!-- <el-button
+          <el-button
             class="el-icon-search-button"
             slot="append"
             icon="el-icon-search"
-            @click="searchGridData"
-          ></el-button> -->
+            @click="requestGridData"
+          ></el-button>
         </el-input>
       </el-col>
     </el-row>
@@ -29,7 +31,7 @@
       ref="sourceGrid"
       :data="empTableData"
       stripe
-      :ruleEngine="ruleEngine"  
+      :ruleEngine="ruleEngine"
       :height="tableHeight"
       style="width: 100%;"
       :element-loading-text="$t('base.table.loading')"
@@ -40,10 +42,21 @@
       @row-click="handleRowClick"
     >
       <div class=""></div>
-      <el-table-column style="height: 18px" v-if="notOnlyApprove" type="selection"></el-table-column>
-      <el-table-column prop="name" :label="$t('base.user.name')" fit="true">
+      <el-table-column
+        style="height: 18px"
+        v-if="notOnlyApprove"
+        type="selection"
+      ></el-table-column>
+      <el-table-column
+        prop="name"
+        :label="$t('base.user.name')"
+        fit="true"
+      >
         <template slot-scope="scope">
-          <div :title="scope.row.name" class="cell-hidden">
+          <div
+            :title="scope.row.name"
+            class="cell-hidden"
+          >
             {{ scope.row.name }}
           </div>
         </template>
@@ -54,14 +67,24 @@
         fit="true"
       >
         <template slot-scope="scope">
-          <div :title="scope.row.code" class="cell-hidden">
+          <div
+            :title="scope.row.code"
+            class="cell-hidden"
+          >
             {{ scope.row.code }}
           </div>
         </template>
       </el-table-column>
-      <el-table-column prop="deptName" :label="$t('base.dept.name')" fit="true">
+      <el-table-column
+        prop="deptName"
+        :label="$t('base.dept.name')"
+        fit="true"
+      >
         <template slot-scope="scope">
-          <div :title="scope.row.deptName" class="cell-hidden">
+          <div
+            :title="scope.row.deptName"
+            class="cell-hidden"
+          >
             {{ scope.row.deptName }}
           </div>
         </template>
@@ -111,12 +134,12 @@ export default {
     'el-input': Input,
     'el-button': Button
   },
-  data() {
+  data () {
     return {
       signUsersUrl: '/api/engine/bpm/process/getSignUsers',//add by zhang
       searchName: '',
       multipleSelection: [],
-      tableHeight: 355,
+      tableHeight: 375,
       currentPage: 1,
       pageSize: 10,
       pagerCount: 5,
@@ -126,24 +149,24 @@ export default {
       empTotal: 0,
       loading: false,
       receiverIds: [],
-      ruleEngine:{}
+      ruleEngine: {}
     };
   },
   computed: {
     // 是否是单人审批，如果不是单人审批则展示多选框
-    notOnlyApprove() {
+    notOnlyApprove () {
       return this.opt.approveType != 'onlyApprove';
     }
   },
-  created() {
+  created () {
     // this.tableHeight = window.outerHeight > 900 ? 385 : 265;
     this.opt.nextNodes.forEach(bpmUser => {
       this.receiverIds.push(bpmUser.code);
     });
-    
+
   },
   watch: {
-    'opt.nextNodes'(old, newVal) {
+    'opt.nextNodes' (old, newVal) {
       this.empTableData = this.opt.nextNodes;
       this.empTotal = this.opt.nextNodes.length;
       this.opt.nextNodes.forEach(bpmUser => {
@@ -153,9 +176,9 @@ export default {
     }
   },
   //加载时调用方法 函数
-  mounted() {
+  mounted () {
     let _this = this;
-    
+
     // this.empTableData = this.opt;
     // this.empTableData = this.opt.bpmUsers;
     // 初始化选择数据分页
@@ -165,7 +188,7 @@ export default {
     }
     this.empTotal = this.opt.nextNodes.length;
     //点击树节点，刷新待选列表
-    this.EventBus.$on('refresh-source-grid', treeNode => {
+    this.EventBus.$on('refresh-source-grid-sign', treeNode => {
       _this.pageSize = 10;
       _this.currentPage = 1;
       _this.treeNode = treeNode.attributes || treeNode;
@@ -176,89 +199,49 @@ export default {
       _this.cancelSelecedUser(row);
     });
     //监听保存按钮事件。点击后，清除已选择处理人对象
-    this.EventBus.$on('save-button-click', function() {
+    this.EventBus.$on('save-button-click', function () {
       _this.searchName = '';
       _this.multipleSelection = [];
     });
   },
   methods: {
     //每页显示数据个数变化时调用
-    handleSizeChange(val) {
+    handleSizeChange (val) {
       this.pageSize = val;
       //点击过tree，this.treeNode.code有值进行分页
       if (this.treeNode.code) {
         this.requestGridData();
-      } else {
-        //未点击tree进行分页
-        this.resultDataChange();
       }
     },
     //页码变化时调用
-    handleCurrentChange(val) {
+    handleCurrentChange (val) {
       this.currentPage = val;
       //点击过tree，this.treeNode.code有值进行分页
-      if (this.treeNode.code) {
+      if (val) {
         this.requestGridData();
-      } else {
-        //未点击tree进行分页
-        this.resultDataChange();
-      }
-    },
-    searchGridData() {
-      this.currentPage = 1;
-      if (this.treeNode.code) {
-        this.requestGridData();
-      } else {
-        this.resultDataChange();
       }
     },
     //判断是否是选择一条数据还是取消选择
-    selectRow(select, row) {
+    selectRow (select, row) {
       return select.some(element => {
         if (element.code == row.code) {
           return true;
         }
       });
     },
-    resultDataChange() {
-      if (this.sourceAllData.length) {
-        // 按照模糊次进行匹配
-        if (this.searchName) {
-          const filteredData = this.sourceAllData.filter(item => {
-            const code = String(item.code || '').toLowerCase();
-            const name = String(item.name || '').toLowerCase();
-            const keywordLower = this.searchName.toLowerCase();
-            return code.includes(keywordLower) || name.includes(keywordLower);
-          });
-          this.empTotal = filteredData.length;
-          if (filteredData) {
-            let result = filteredData.slice(
-              this.pageSize * (this.currentPage - 1),
-              this.pageSize * this.currentPage
-            );
-            this.empTableData = result;
-          } else {
-            this.empTableData = [];
-          }
-        } else {
-          let result = this.sourceAllData.slice(
-            this.pageSize * (this.currentPage - 1),
-            this.pageSize * this.currentPage
-          );
-          this.empTableData = result;
-          this.empTotal = this.sourceAllData.length;
-        }
-        // 设置行选中效果
-        this.$nextTick(() => {
-          this.setRowStatus();
-        });
+    resultDataChange () {
+      if (this.sourceAllData) {
+        var result = this.sourceAllData.slice(
+          this.pageSize * (this.currentPage - 1),
+          this.pageSize * this.currentPage
+        );
+        this.empTableData = result;
       } else {
         this.empTableData = [];
-        this.empTotal = 0;
       }
     },
     //判断是否已经选择该条数据
-    indexOfMultipleSelection(row) {
+    indexOfMultipleSelection (row) {
       var index = -1;
       var _this = this;
       if (_this.multipleSelection.length > 0) {
@@ -272,10 +255,10 @@ export default {
       return index;
     },
     //行单击事件只有单人审批是选人才生效，其他审批方式，通过checkbox生效
-    handleRowClick(row, event, column) {
+    handleRowClick (row, event, column) {
       let _this = this;
       let index = this.indexOfMultipleSelection(row);
-      if(this.notOnlyApprove) {
+      if (this.notOnlyApprove) {
         this.$refs.sourceGrid.toggleRowSelection(row);
         if (index != -1) {
           this.multipleSelection.splice(index, 1);
@@ -292,7 +275,7 @@ export default {
           this.multipleSelection.push(row);
         }
       }
-      
+
       let dealUserCodes = {};
       this.multipleSelection.forEach(element => {
         dealUserCodes[element.code] = element.name;
@@ -302,7 +285,7 @@ export default {
         dealUserCodes: dealUserCodes
       });
     },
-    handleSelect(select, row) {
+    handleSelect (select, row) {
       if (this.selectRow(select, row)) {
         if (this.indexOfMultipleSelection(row) == -1) {
           this.multipleSelection.push(row);
@@ -322,7 +305,7 @@ export default {
         dealUserCodes: dealUserCodes
       });
     },
-    handleSelectAll(selection) {
+    handleSelectAll (selection) {
       if (selection.length == 0) {
         this.empTableData.forEach(row => {
           let index = this.indexOfMultipleSelection(row);
@@ -342,13 +325,13 @@ export default {
       this.multipleSelection.forEach(element => {
         dealUserCodes[element.code] = element.name;
       });
-      this.EventBus.$emit('refresh-selected-grid' ,this.multipleSelection);
+      this.EventBus.$emit('refresh-selected-grid', this.multipleSelection);
       this.EventBus.$emit('update-selected-user', {
         dealUserCodes: dealUserCodes
       });
     },
     //请求数据
-    requestGridData() {
+    requestGridData () {
       let _this = this;
       let param = {
         page: this.currentPage,
@@ -360,22 +343,22 @@ export default {
       };
       axios['bpm-engine']
         .post(_this.signUsersUrl + '/' + _this.ruleEngine.procInstId, param)
-        .then(function(res) {
+        .then(function (res) {
           if (res.success) {
             _this.empTableData = res.data.rows;
             _this.empTotal = res.data.total;
             //必须等列表重新渲染完毕，才能执行此方法。
-            setTimeout(function() {
+            setTimeout(function () {
               _this.setRowStatus();
             }, 100);
           }
           _this.loading = false;
         })
-        .catch(function(err) {
+        .catch(function (err) {
           console.log(err);
         });
     },
-    setRowStatus() {
+    setRowStatus () {
       let _this = this;
       this.empTableData.forEach(row => {
         let index = _this.indexOfMultipleSelection(row);
@@ -384,29 +367,29 @@ export default {
         }
       });
     },
-    cancelSelecedUser(row) {
-        //取消已选中的
-        let index = this.indexOfMultipleSelection(row);
-        if (index != -1) {
-          this.multipleSelection.splice(index, 1);
-        }
-        //更新待选的人员
-        for (var i = 0; i < this.empTableData.length; i++) {
-          if (this.empTableData[i].code == row.code) {
-            this.$refs.sourceGrid.toggleRowSelection(
-              this.empTableData[i],
-              false
-            );
-          }
+    cancelSelecedUser (row) {
+      //取消已选中的
+      let index = this.indexOfMultipleSelection(row);
+      if (index != -1) {
+        this.multipleSelection.splice(index, 1);
+      }
+      //更新待选的人员
+      for (var i = 0; i < this.empTableData.length; i++) {
+        if (this.empTableData[i].code == row.code) {
+          this.$refs.sourceGrid.toggleRowSelection(
+            this.empTableData[i],
+            false
+          );
         }
-        // this.$refs.sourceGrid.toggleRowSelection(row);
-        let dealUserCodes = {};
-        this.multipleSelection.forEach(element => {
-         dealUserCodes[element.code] = element.name;
-        });
-        this.EventBus.$emit('update-selected-user', {
-          dealUserCodes: dealUserCodes
-        });
+      }
+      // this.$refs.sourceGrid.toggleRowSelection(row);
+      let dealUserCodes = {};
+      this.multipleSelection.forEach(element => {
+        dealUserCodes[element.code] = element.name;
+      });
+      this.EventBus.$emit('update-selected-user', {
+        dealUserCodes: dealUserCodes
+      });
     }
   }
 };