eoss-ui 0.7.84 → 0.7.86

package/packages/flow-list/src/main.vue

@@ -54,25 +54,97 @@
         @cancel="showFileList = false"
       />
     </es-dialog>
+    <es-dialog
+      append-to-body
+      class="es-flow-list-dialog"
+      :close-on-click-modal="false"
+      title="流程历史批量删除"
+      :visible.sync="showBatchDelete"
+      v-if="showBatchDelete"
+    >
+      <div style="height: 100%" v-loading="batchDeleteLoading">
+        <es-data-table
+          v-if="showBatchDelete"
+          checkbox
+          :data="batchdeleteTableList"
+          :thead="batchdeleteThead"
+          numbers
+          full
+          @selection-change="handleSelectionChange($event,'batchDelete')"
+          style="width: 100%"
+        />
+        <div class="batch-delete-footer">
+          <el-input class="batch-delete-footer-input" v-model="batchdeletereason" placeholder="请输入批量删除的原因"></el-input>
+          <es-button type="primary" @click="handleBatchDelete">批量删除</es-button>
+          <es-button type="primary" @click="showBatchDelete = false">取消</es-button>
+        </div>
+      </div>
+    </es-dialog>
+    <es-dialog
+      append-to-body
+      class="es-flow-list-dialog"
+      :close-on-click-modal="false"
+      title="查看删除记录"
+      :visible.sync="showDelete"
+      v-if="showDelete"
+    >
+      <div style="height: 100%" v-loading="deleteLoading">
+        <es-data-table
+          v-if="showDelete"
+          :data="deleteTableList"
+          :thead="deleteThead"
+          @btn-click="handleBtnShowClick"
+          @page-size-change="handleSizeChange($event, 'delete')"
+          @page-current-change="handleCurrentChange($event, 'delete')"
+          numbers
+          full
+          style="width: 100%"
+          @sort-change="sortChange($event, 'delete')"
+          :page="pageInfo"
+        />
+      </div>
+    </es-dialog>
+    <es-dialog
+      append-to-body
+      class="es-flow-list-dialog"
+      :close-on-click-modal="false"
+      title="查看重设记录"
+      :visible.sync="showReset"
+      v-if="showReset"
+    >
+      <div style="height: 100%" v-loading="resetLoading">
+        <es-data-table
+          v-if="showReset"
+          :data="resetTableList"
+          :thead="resetThead"
+          @page-size-change="handleSizeChange($event, 'reset')"
+          @page-current-change="handleCurrentChange($event, 'reset')"
+          numbers
+          full
+          style="width: 100%"
+          @sort-change="sortChange($event, 'reset')"
+          :page="pageInfo"
+        />
+      </div>
+    </es-dialog>
     <es-dialog
       append-to-body
       :close-on-click-modal="false"
       title="查看催办记录"
       :visible.sync="showPress"
-      height="500px"
       v-if="showPress"
     >
-      <div style="height: 400px" v-loading="pressLoading">
+      <div style="height: 100%" v-loading="pressLoading">
         <es-data-table
           v-if="show"
           :data="pressTableList"
           :thead="pressThead"
-          @page-size-change="handleSizeChange"
-          @page-current-change="handleCurrentChange"
+          @page-size-change="handleSizeChange($event, 'press')"
+          @page-current-change="handleCurrentChange($event, 'press')"
           stripe
           full
           style="width: 100%"
-          @sort-change="sortChange"
+          @sort-change="sortChange($event, 'press')"
           :page="pageInfo"
         />
       </div>
@@ -109,6 +181,10 @@ import {
   taskReadWithDraw,
   fyListJson,
   circularReadWithdraw,
+  resetJson,
+  deletedListJson,
+  restoredHistory,
+  batchDelete,
   modifyFlow
 } from 'eoss-ui/src/config/api';
 import FileList from '../../flow/src/component/FileList.vue';
@@ -127,8 +203,8 @@ export default {
       type: Function,
       default: () => {}
     },
-    flowViewType:{
-      type: [Number,String],
+    flowViewType: {
+      type: [Number, String],
       default: 0
     },
     hide: {
@@ -190,6 +266,7 @@ export default {
       pressTableList: [],
       circularData: [],
       selectList: [],
+      batchDeleteSelectList:[],
       flowHeight: '',
       presetHeight: '',
       signHeight: '',
@@ -239,6 +316,203 @@ export default {
       loading: '', //加载中
       preset_type: [], //预设类型
       showPress: false, //查看催办记录弹窗
+      showDelete: false, //删除记录弹窗
+      showBatchDelete: false,
+      deleteLoading: false,
+      batchDeleteLoading: false,
+      deleteTableList: [],
+      batchdeleteTableList: [],
+      batchdeletereason:'',
+      batchdeleteThead: [
+        {
+          title: '步骤',
+          align: 'center',
+          // sortable: true,
+          showOverflowTooltip: true,
+          field: 'itemname'
+        },
+        {
+          title: '办理人',
+          align: 'center',
+          showOverflowTooltip: true,
+          width: 120,
+          // sortable: true,
+          field: 'userName'
+        },
+        {
+          label: '状态',
+          field: 'pendstate',
+          key: 'zt',
+          align: 'center',
+          showOverflowTooltip: true,
+          width: this.theadWidth.pendstate || 80,
+          render: (h, params) => {
+            return h('span', {
+              style: {
+                color:
+                  params.row.pendstate == 0 || params.row.pendstate == 3
+                    ? 'red'
+                    : params.row.pendstate == 1
+                    ? 'green'
+                    : params.row.pendstate == -1
+                    ? 'orange'
+                    : 'deepskyblue'
+              },
+              domProps: { innerHTML: params.row.querykeywords }
+            });
+          }
+        },
+        {
+          title: '办理意见',
+          align: 'center',
+          showOverflowTooltip: true,
+          // sortable: true,
+          field: 'doresult'
+        },
+        {
+          title: '办理时间',
+          align: 'center',
+          showOverflowTooltip: true,
+          // sortable: true,
+          field: 'doetime',
+          render: (h, params) => {
+              return h(
+                'span',
+                {},
+                params.row.doetime
+                  ? util.formatDate(params.row.doetime, 'yyyy-MM-dd HH:mm')
+                  : ''
+              );
+            }
+        }
+      ],
+      deleteThead: [
+        {
+          title: '步骤',
+          align: 'center',
+          // sortable: true,
+          showOverflowTooltip: true,
+          field: 'itemname'
+        },
+        {
+          title: '办理人',
+          align: 'center',
+          showOverflowTooltip: true,
+          width: 120,
+          // sortable: true,
+          field: 'userName'
+        },
+        {
+          title: '办理意见',
+          align: 'center',
+          showOverflowTooltip: true,
+          width: 240,
+          // sortable: true,
+          field: 'doresult'
+        },
+        {
+          title: '办理时间',
+          align: 'center',
+          width: 150,
+          showOverflowTooltip: true,
+          // sortable: true,
+          field: 'doetime'
+        },
+        {
+          title: '删除人',
+          showOverflowTooltip: true,
+          width: 120,
+          align: 'center',
+          // sortable: true,
+          field: 'querykeywords'
+        },
+        {
+          title: '删除原因',
+          align: 'center',
+          width: 240,
+          showOverflowTooltip: true,
+          // sortable: true,
+          field: 'upstepInfo'
+        },
+        {
+          title: '删除时间',
+          align: 'center',
+          width: 150,
+          showOverflowTooltip: true,
+          // sortable: true,
+          field: 'statechangetime'
+        },
+        {
+          title: '操作',
+          type: 'handle',
+          events: [
+            {
+              text: '恢复'
+            }
+          ]
+        }
+      ],
+      showReset: false, //重设记录弹窗
+      resetLoading: false,
+      resetTableList: [],
+      resetThead: [
+        {
+          title: '重设人登录名',
+          align: 'center',
+          // sortable: true,
+          showOverflowTooltip: true,
+          field: 'reset_person_login_name'
+        },
+        {
+          title: '重设人姓名',
+          align: 'center',
+          showOverflowTooltip: true,
+          // sortable: true,
+          field: 'reset_person_name'
+        },
+        {
+          title: '重设前节点',
+          align: 'center',
+          showOverflowTooltip: true,
+          // sortable: true,
+          field: 'reset_bf_item'
+        },
+        {
+          title: '重设前执行人',
+          align: 'center',
+          showOverflowTooltip: true,
+          // sortable: true,
+          field: 'reset_bf_user'
+        },
+        {
+          title: '重设后节点',
+          showOverflowTooltip: true,
+          align: 'center',
+          // sortable: true,
+          field: 'reset_af_item'
+        },
+        {
+          title: '重设后执行人',
+          align: 'center',
+          showOverflowTooltip: true,
+          // sortable: true,
+          field: 'reset_af_user'
+        },
+        {
+          title: '重设时间',
+          align: 'center',
+          showOverflowTooltip: true,
+          // sortable: true,
+          field: 'reset_time'
+        },
+        {
+          title: '操作IP',
+          align: 'center',
+          showOverflowTooltip: true,
+          // sortable: true,
+          field: 'reset_ip'
+        }
+      ],
       modify: false,
       formData: { reason: '' },
 
@@ -264,36 +538,41 @@ export default {
       showSuggest: 'all', //筛选显示数据
       presetInfoListHiddenColumns: '', //隐藏表格展示数据
       canDelete: false, //是否展示操作按钮
+      canBatchDelete: false, //是否可以批量删除
+      isSuperRole: false, //是否管理员
+      isShowReset: false, //是否显示重设记录
       historyId: '',
       sidx: '',
-      sord: '',
-      modalType:'',
+      sord: 'asc',
+      modalType: '',
       total: 0
     };
   },
   watch: {
-    flowViewType:{
+    flowViewType: {
       handler(val) {
-        if(val){
+        if (val) {
           this.loading = util.loading(this.$loading, '加载中...');
           this.getFlowList(val);
         }
-    },
-    deep:true,
-    immediate:true
+      },
+      deep: true,
+      immediate: true
     }
   },
 
   computed: {
-          formItemList(){
-            return [
+    formItemList() {
+      return [
         {
           name: 'reason',
-          label:this.modalType == 'del' ? '删除原因' : '办理意见',
+          label: this.modalType == 'del' ? '删除原因' : '办理意见',
           type: 'textarea',
-          placeholder: `请输入${this.modalType == 'del' ? '删除原因' : '办理意见'}`,
+          placeholder: `请输入${
+            this.modalType == 'del' ? '删除原因' : '办理意见'
+          }`,
           rules: {
-            required:this.modalType == 'del',
+            required: this.modalType == 'del',
             message: '请输入删除原因',
             trigger: 'blur'
           },
@@ -312,8 +591,8 @@ export default {
             }
           ]
         }
-      ]
-          },
+      ];
+    },
     toolbars() {
       return {
         flow: [
@@ -342,6 +621,7 @@ export default {
                   }
                 }
               },
+
               {
                 type: 'select',
                 placeholder: '请选择',
@@ -362,7 +642,7 @@ export default {
                   {
                     value: 2,
                     name: '部门排序'
-                  },
+                  }
                   // {
                   //   value: 3,
                   //   name: '树形排序'
@@ -370,6 +650,52 @@ export default {
                 ]
               }
             ]
+          },
+          {
+            type: 'button',
+            name: 'btn',
+            width: '140px',
+            contents: [
+              {
+                text: '删除记录',
+                type: 'primary',
+                hide: !this.canDelete && !this.isSuperRole,
+                event: (res) => {
+                  // click: (key, value) => {
+                  this.showDelete = true;
+                  this.currentPage = 1;
+                  this.pageSize = 20;
+                  this.getDeletList();
+                  // }
+                }
+              },
+              {
+                text: '批量删除',
+                type: 'primary',
+                hide: !this.canBatchDelete && !this.isSuperRole,
+                event: (res) => {
+                  // click: (key, value) => {
+                  this.showBatchDelete = true;
+                  this.batchdeleteTableList = this.flowData.filter((x) => x.pendstate == 2);
+                  console.log(res, '批量删除');
+                  // }
+                }
+              },
+              {
+                text: '重设记录',
+                type: 'primary',
+                hide: !this.isShowReset,
+                event: (res) => {
+                  // click: (key, value) => {
+                  this.showReset = true;
+                  this.currentPage = 1;
+                  this.pageSize = 20;
+                  this.getResetList();
+                  console.log(res, '重设记录');
+                  // }
+                }
+              }
+            ]
           }
         ],
         preset: [
@@ -492,7 +818,9 @@ export default {
                     params.row.pendstate == 0 || params.row.pendstate == 3
                       ? 'red'
                       : params.row.pendstate == 1
-                      ? 'green' :  params.row.pendstate == -1 ? 'orange'
+                      ? 'green'
+                      : params.row.pendstate == -1
+                      ? 'orange'
                       : 'deepskyblue'
                 },
                 domProps: { innerHTML: params.row.querykeywords }
@@ -668,7 +996,9 @@ export default {
                     params.row.pendstate == 0 || params.row.pendstate == 3
                       ? 'red'
                       : params.row.pendstate == 1
-                      ? 'green':  params.row.pendstate == -1 ? 'orange'
+                      ? 'green'
+                      : params.row.pendstate == -1
+                      ? 'orange'
                       : 'deepskyblue'
                 },
                 domProps: { innerHTML: params.row.querykeywords }
@@ -845,7 +1175,9 @@ export default {
                     params.row.pendstate == 0 || params.row.pendstate == 3
                       ? 'red'
                       : params.row.pendstate == 1
-                      ? 'green':  params.row.pendstate == -1 ? 'orange'
+                      ? 'green'
+                      : params.row.pendstate == -1
+                      ? 'orange'
                       : 'deepskyblue',
                   cursor: this.hasCircularReadWithdrawAuthority
                     ? 'pointer'
@@ -1271,6 +1603,96 @@ export default {
   },
 
   methods: {
+     /**
+     * handleBatchDelete
+     * @desc:批量删除
+     * @author liufan
+     * @date 2025年12月31日
+     **/
+    handleBatchDelete(){
+      if(this.batchDeleteSelectList.length == 0){
+        this.$message.error('请选择需要删除的流程历史数据!');
+        return;
+      }
+      if(!this.batchdeletereason){
+        this.$message.error('请输入批量删除的原因!');
+        return;
+      }
+      let ids = this.batchDeleteSelectList.map(item => item.id).join(',');
+      let params = {
+        url:batchDelete,
+        method: 'POST',
+        data: { ids,reason:this.batchdeletereason }
+      };
+      console.log(params);
+      this.$confirm('您确定要批量删除勾选上的流程历史数据吗?', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+          .then(() => {
+            this.loading = util.loading(this.$loading, '批量删除中...');
+             util
+        .ajax(params)
+        .then((res) => {
+              this.loading.close();
+           if (res.rCode == 0 || res.status == 'success') {
+                this.flowData = this.flowData.filter(item => ids.indexOf(item.id) == -1);
+                this.batchdeleteTableList = this.flowData.filter((x) => x.pendstate == 2)
+                this.batchdeletereason='';
+                this.show = false
+                setTimeout(() => {
+                  this.show = true;
+                }, 0);
+                this.$message({
+                  message: '删除成功',
+                  type: 'success'
+                });
+              }else{
+                this.$message.error(res.message);
+              }
+        })
+        .catch((err) => {
+              this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        }); }).catch(() => {});
+     
+      
+    },
+    handleBtnShowClick(val) {
+      const { handle, row } = val;
+      if (handle.text == '恢复') {
+        let params = {
+          url: restoredHistory,
+          params: {
+            id: row.id
+          }
+        };
+        this.$confirm('您确定要恢复这条办理历史吗？', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+          .then(() => {
+            this.loading = util.loading(this.$loading, '恢复中...');
+            util.ajax(params).then((res) => {
+              this.loading.close();
+              if (res.rCode == 0 || res.status == 'success') {
+                this.getDeletList();
+                this.getFlowList();
+                this.$message({
+                  message: '恢复成功',
+                  type: 'success'
+                });
+              }
+            });
+            // _that.subMit(res.results,type)
+          })
+          .catch(() => {});
+      }
+    },
     recallReadFun() {
       const _that = this;
       let pendingIds = _that.selectList.map((x) => x.id).join(',');
@@ -1303,8 +1725,13 @@ export default {
         this.recallReadFun();
       });
     },
-    handleSelectionChange(val) {
-      this.selectList = val;
+    handleSelectionChange(val,type) {
+      if(type == 'batchDelete'){
+        this.batchDeleteSelectList = val
+        console.log(this.batchDeleteSelectList,'this.batchDeleteSelectList')
+      }else{
+        this.selectList = val;
+      }
     },
     handledraw(pendedHistoryId) {
       let params = {
@@ -1388,7 +1815,7 @@ export default {
       if (column.property == 'hasAdjunct' && row.hasAdjunct) {
         this.showFile(row.wfpendingid);
       } else if (column.property == 'pressTimes') {
-        if(row.pressTimes != 0){
+        if (row.pressTimes != 0) {
           this.goPress(row.id);
         }
       } else if (
@@ -1402,8 +1829,8 @@ export default {
       // recallRead
       const { handle, row } = data;
       if (handle.text == '删除' || handle.text == '修改') {
-       this.formData.reason = handle.text == '修改' ? row.doresult : ''
-        this.del(row.id,handle.text == '删除'?'del':'modify');
+        this.formData.reason = handle.text == '修改' ? row.doresult : '';
+        this.del(row.id, handle.text == '删除' ? 'del' : 'modify');
       } else if (handle.fun == 'recallRead') {
         this[handle.fun]();
       }
@@ -1418,14 +1845,14 @@ export default {
     handleFormSubmit(formData) {
       this.delLoading = true;
       let params = {
-        url:this.modalType == 'del' ? deleteFlow : modifyFlow,
+        url: this.modalType == 'del' ? deleteFlow : modifyFlow,
         method: 'POST',
         data: { id: this.historyId, reason: formData.reason }
       };
-      if(this.modalType != 'del'){
+      if (this.modalType != 'del') {
         delete params.data.reason;
-        params.data.doResult = formData.reason 
-        params.data.doresult = formData.reason 
+        params.data.doResult = formData.reason;
+        params.data.doresult = formData.reason;
       }
       util
         .ajax(params)
@@ -1433,7 +1860,9 @@ export default {
           const { status, message } = res;
           this.delLoading = false;
           if (status === 'success') {
-            this.$message.success(`${this.modalType == 'del' ? '删除' : '修改'}成功`);
+            this.$message.success(
+              `${this.modalType == 'del' ? '删除' : '修改'}成功`
+            );
             this.showDel = false;
             this.handleChange();
           } else {
@@ -1454,7 +1883,7 @@ export default {
      * @author liufan
      * @date 2022年11月29日
      **/
-    del(id,type) {
+    del(id, type) {
       this.modalType = type;
       this.historyId = id;
       this.showDel = true;
@@ -1466,9 +1895,11 @@ export default {
      * @author liufan
      * @date 2022年11月29日
      **/
-    handleCurrentChange(val) {
+    handleCurrentChange(val, type) {
       this.currentPage = val;
-      this.getPressList();
+      if (type == 'press') {
+        this.getPressList();
+      }
     },
     /**
      * handleSizeChange
@@ -1479,7 +1910,9 @@ export default {
      **/
     handleSizeChange(val) {
       this.pageSize = val;
-      this.getPressList();
+      if (type == 'press') {
+        this.getPressList();
+      }
     },
     /**
      * sortChange
@@ -1488,11 +1921,75 @@ export default {
      * @author liufan
      * @date 2022年11月29日
      **/
-    sortChange(info) {
-      let { prop, order } = info;
+    sortChange(info, type) {
+      console.log(info);
+      let { prop } = info;
       this.sidx = prop;
-      this.sord = order.replace('ending', '');
-      this.getPressList();
+      this.sord = this.sord == 'asc' ? 'desc' : 'asc';
+      if (type == 'press') {
+        this.getPressList();
+      } else if (type == 'reset') {
+        this.getResetList();
+      } else if (type == 'delete') {
+        this.getDeletList();
+      }
+    },
+    /**
+     * getDeletList
+     * @desc:删除列表数据
+     * @author liufan
+     * @date 2025年12月30日
+     **/
+    getDeletList() {
+      const { pageSize, sidx, sord, currentPage, businessId } = this;
+      this.deleteLoading = true;
+      let params = {
+        url: deletedListJson + '?apprecordId=' + businessId,
+        method: 'POST',
+        data: { page: currentPage, rows: pageSize, sidx, sord }
+      };
+      util
+        .ajax(params)
+        .then((res) => {
+          this.deleteTableList = res.data;
+          this.total = res.totalrecords;
+          this.deleteLoading = false;
+        })
+        .catch((err) => {
+          this.deleteLoading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    /**
+     * getResetList
+     * @desc:重设列表数据
+     * @author liufan
+     * @date 2025年12月30日
+     **/
+    getResetList() {
+      const { pageSize, sidx, sord, currentPage, businessId } = this;
+      this.resetLoading = true;
+      let params = {
+        url: resetJson + '?appRecordId=' + businessId,
+        params: { appRecordId: businessId },
+        method: 'POST',
+        data: { page: currentPage, rows: pageSize, sidx, sord }
+      };
+      util
+        .ajax(params)
+        .then((res) => {
+          this.resetTableList = res.data;
+          this.total = res.totalrecords;
+          this.resetLoading = false;
+        })
+        .catch((err) => {
+          this.resetLoading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
     },
     /**
      * getPressList
@@ -1594,7 +2091,7 @@ export default {
         params: {
           apprecordid: this.businessId,
           pendingAttr: 0,
-          viewType:type || this.viewType,
+          viewType: type || this.viewType,
           showSuggest: this.showSuggest,
           ...this.params
         }
@@ -1613,6 +2110,9 @@ export default {
               isShort,
               modify,
               canDelete,
+              canBatchDelete,
+              isSuperRole,
+              isShowReset,
               taskReadName
             }
           } = res;
@@ -1637,6 +2137,9 @@ export default {
             });
             this.modify = modify;
             this.canDelete = canDelete;
+            this.canBatchDelete = canBatchDelete;
+            this.isSuperRole = isSuperRole;
+            this.isShowReset = isShowReset;
             this.show = true;
             if (this.height == 'auto') {
               this.$nextTick(() => {