eoss-ui 0.4.61 → 0.4.63

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

@@ -1,18 +1,112 @@
 <template>
-  <div class="flow-list">
+  <div class="es-flow-list">
     <div
+      class="es-flow-list-item"
+      v-for="(item, index) in content"
+      :key="index"
+      v-show="
+        (item.type == 'splitReading' &&
+          splitReadingData &&
+          splitReadingData.length > 0) ||
+        item.type != 'splitReading'
+      "
+    >
+      <div class="es-flow-list-box">
+        <es-data-table
+          :class="{ 'es-flow-group-data-table': item.type !== 'sign' }"
+          number
+          @cell-click="handleCellClick"
+          full
+          v-bind="item"
+          :data="
+            item.type === 'preset'
+              ? presetData
+              : item.type === 'sign'
+              ? signData
+              : item.type === 'splitReading'
+              ? splitReadingData
+              : flowData
+          "
+          @btn-click="handleBtnClick"
+        ></es-data-table>
+      </div>
+    </div>
+    <es-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      title="查看附件"
+      :visible.sync="showFileList"
+      v-if="showFileList"
+    >
+      <FileList
+        :ownId="wfpendingid"
+        :code="flowTableInfo.adjunctCode"
+        :deleted="false"
+        :disabled="true"
+        @cancel="showFileList = false"
+      />
+    </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">
+        <es-data-table
+          :data="pressTableList"
+          :thead="pressThead"
+          @page-size-change="handleSizeChange"
+          @page-current-change="handleCurrentChange"
+          stripe
+          full
+          style="width: 100%"
+          @sort-change="sortChange"
+          :page="pageInfo"
+        />
+      </div>
+    </es-dialog>
+    <es-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      title="删除"
+      :visible.sync="showDel"
+      height="auto"
+      class="del-flow"
+      v-if="showDel"
+    >
+      <es-form
+        v-loading="delLoading"
+        :model="formData"
+        :contents="formItemList"
+        @submit="handleFormSubmit"
+      >
+      </es-form>
+    </es-dialog>
+    <!-- <div
       v-if="hide.indexOf('flow') == -1"
       :class="
         fyTableList != undefined && fyTableList.length != 0
           ? 'preset-list'
           : 'preset-list-tow'
       "
-      style="flex:1"
+      style="flex: 1"
     >
-      <div class="title">
+      <div class="es-toolbar" >
         流程列表
         <div v-if="isShort != 1" style="display:inline-block;margin-left:10px">
-          <es-select
+         
+          <el-radio-group
+            class="list-radio"
+            v-model="showSuggest"
+            @input="handleChange"
+          >
+            <el-radio label="all">显示全部</el-radio>
+            <el-radio label="have">显示已填意见</el-radio>
+          </el-radio-group>
+           <es-select
             v-model="viewType"
             placeholder="请选择"
             @change="handleChange"
@@ -25,40 +119,37 @@
             >
             </el-option>
           </es-select>
-          <el-radio-group
-            class="list-radio"
-            v-model="showSuggest"
-            @input="handleChange"
-          >
-            <el-radio label="all">显示全部</el-radio>
-            <el-radio label="have">显示已填意见</el-radio>
-          </el-radio-group>
         </div>
       </div>
       <FlowTable
         v-if="show"
-        style="height:calc(100% - 60px)"
+        style="height: calc(100% - 60px)"
         :data="flowTableList"
         :modify="modify"
+        :toolbar="newToolbar"
         :fileStyle="attachmentPaperClipCssStyle"
         v-bind="flowTableInfo"
         @success="handleChange"
       />
     </div>
-
     <div
       v-if="
         fyTableList != undefined &&
-          fyTableList.length != 0 &&
-          show &&
-          hide.indexOf('splitReading') == -1
+        fyTableList.length != 0 &&
+        show &&
+        hide.indexOf('splitReading') == -1
       "
       :class="'preset-list'"
       :style="hide.indexOf('preset') != -1 ? 'flex:1' : ''"
     >
-      <div class="title">{{ taskReadName ? taskReadName : '非流程' }}列表</div>
       <FlowTable
-        style="height:calc(100% - 40px)"
+        style="height: calc(100% - 40px)"
+        :toolbar="[
+          {
+            type: 'text',
+            contents: (taskReadName ? taskReadName : '非流程') + '列表'
+          }
+        ]"
         :data="fyTableList"
         v-bind="flowTableInfo"
         @success="handleChange"
@@ -75,17 +166,22 @@
         fyTableList != undefined && fyTableList.length != 0 ? '' : 'flex:1'
       "
     >
-      <div class="title">预设列表</div>
       <es-data-table
         numbers
-        :data="tableData"
+        :data="presetData"
         :thead="thead"
+        :toolbar="[
+          {
+            type: 'text',
+            contents: '预设列表'
+          }
+        ]"
         stripe
         full
         style="width: 100%"
         @btnClick="handleClick"
       />
-    </div>
+    </div> -->
   </div>
 </template>
 
@@ -94,14 +190,18 @@ import {
   findCodeValues,
   deletePresetInfo,
   pendedhistoryListJson,
-  toPresetInfoListIndex
+  toPresetInfoListIndex,
+  pressListJson,
+  deleteFlow
 } from 'eoss-ui/src/config/api';
+import FileList from '../../flow/src/component/FileList.vue';
 import FlowTable from './flow-table.vue';
 import util from 'eoss-ui/src/utils/util';
 export default {
   name: 'EsFlowList',
   components: {
-    [FlowTable.name]: FlowTable
+    [FlowTable.name]: FlowTable,
+    [FileList.name]: FileList
   },
   props: {
     businessId: {
@@ -111,18 +211,93 @@ export default {
     hide: {
       type: String,
       default: ''
+    },
+    toolbar: {
+      type: Array,
+      default: () => []
+    },
+    contents: {
+      type: Array,
+      default() {
+        return ['flow', 'splitReading', 'preset'];
+      }
     }
   },
   inheritAttrs: false,
   data() {
     return {
+      pressLoading: false,
+      pressTableList: [],
+      currentPage: 1,
+      pageSize: 20,
+      pressThead: [
+        {
+          title: '催办节点',
+          align: 'center',
+          sortable: true,
+          field: 'urge_item'
+        },
+        {
+          title: '催办人名称',
+          sortable: true,
+          align: 'center',
+          field: 'urge_man_name'
+        },
+        {
+          title: '催办时间',
+          sortable: true,
+          align: 'center',
+          field: 'urge_time'
+        },
+        {
+          title: '被催办人名称',
+          align: 'center',
+          sortable: true,
+          field: 'urged_man_name'
+        }
+      ],
+      wfpendingid: '',
+      showFileList: false,
+      flowData: [],
+      splitReadingData: [],
+      presetData: [],
+      signData: [],
       loading: '', //加载中
       preset_type: [], //预设类型
       showPress: false, //查看催办记录弹窗
       modify: false,
+      formData: { reason: '' },
+      formItemList: [
+        {
+          name: 'reason',
+          label: '删除原因',
+          type: 'textarea',
+          placeholder: '请输入删除原因',
+          rules: {
+            required: true,
+            message: '请输入删除原因',
+            trigger: 'blur'
+          },
+          value: '',
+          rows: 5
+        },
+        {
+          type: 'submit',
+          skin: 'lay-form-btns',
+          contents: [
+            {
+              type: 'primary',
+              plain: true,
+              text: '保存',
+              event: 'confirm'
+            }
+          ]
+        }
+      ],
+      delLoading: false,
+      showDel: false,
       attachmentPaperClipCssStyle: '',
       is_edit: [], //是否可编辑
-      tableData: [], //预设列表
       flowTableInfo: {
         adjunctCode: '',
         hasAgent: '1' //是否展示代办人 1：展示 0：不展示
@@ -140,10 +315,424 @@ export default {
       fyTableList: [], //分阅列表
       showSuggest: 'all', //筛选显示数据
       presetInfoListHiddenColumns: '', //隐藏表格展示数据
-      canDelete: false //是否展示操作按钮
+      canDelete: false, //是否展示操作按钮
+      historyId: '',
+      sidx: '',
+      sord: '',
+      total: 0
     };
   },
   computed: {
+    toolbars() {
+      return {
+        flow: [
+          {
+            type: 'text',
+            contents: '流程列表'
+          },
+          {
+            type: 'search',
+            contents: [
+              {
+                name: 'showSuggest',
+                type: 'radio',
+                changeSearch: true,
+                data: [
+                  {
+                    value: 'all',
+                    name: '显示全部',
+                    checked: true
+                  },
+                  { value: 'have', name: '显示已填意见' }
+                ],
+                events: {
+                  change: (key, value) => {
+                    this.handleChange(key, value);
+                  }
+                }
+              },
+              {
+                type: 'select',
+                placeholder: '请选择',
+                name: 'viewType',
+                width: '140px',
+                changeSearch: true,
+                events: {
+                  change: (key, value) => {
+                    this.handleChange(key, value);
+                  }
+                },
+                data: [
+                  {
+                    value: 1,
+                    selected: true,
+                    name: '时间排序'
+                  },
+                  {
+                    value: 2,
+                    name: '部门排序'
+                  },
+                  {
+                    value: 3,
+                    name: '树形排序'
+                  }
+                ]
+              }
+            ]
+          }
+        ],
+        preset: [
+          {
+            type: 'text',
+            contents: '预设列表'
+          }
+        ],
+        sign: [
+          {
+            type: 'button',
+            contents: [
+              {
+                text: '生成处理签',
+                type: 'primary'
+              }
+            ]
+          }
+        ],
+        splitReading: [
+          {
+            type: 'text',
+            contents:
+              (this.taskReadName ? this.taskReadName : '非流程') + '列表'
+          }
+        ]
+      };
+    },
+    pageInfo() {
+      return {
+        pageNum: this.currentPage,
+        pageSize: this.pageSize,
+        totalCount: this.total
+      };
+    },
+    theads() {
+      const _that = this;
+      return {
+        flow: [
+          {
+            label: '经办部门',
+            field: 'deptid',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 150
+          },
+          {
+            label: '步骤',
+            field: 'itemname',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 110
+          },
+          {
+            label: '办理人',
+            field: 'userName',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 110
+          },
+          {
+            label: '状态',
+            field: 'pendstate',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 80,
+            render: (h, params) => {
+              return h('span', {
+                style: {
+                  color:
+                    params.row.pendstate == 0 || params.row.pendstate == 3
+                      ? 'red'
+                      : params.row.pendstate == 1
+                      ? 'green'
+                      : 'deepskyblue'
+                },
+                domProps: { innerHTML: params.row.querykeywords }
+              });
+            }
+          },
+          {
+            label: '办理意见',
+            field: 'doresult',
+            align: 'center',
+            showOverflowTooltip: true,
+            render: (h, params) => {
+              return h(
+                'span',
+                {},
+                params.row.doresult || params.row.handleInfo
+              );
+            }
+          },
+          {
+            label: '验签',
+            field: 'authTypeStr',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 70,
+            render: (h, params) => {
+              return h(
+                'span',
+                { style: { color: 'deepskyblue' } },
+                params.row.authTypeStr
+              );
+            }
+          },
+          {
+            label: '附件',
+            field: 'hasAdjunct',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 70,
+            render: (h, params) => {
+              if (params.row.hasAdjunct) {
+                return h('span', {
+                  style: _that.attachmentPaperClipCssStyle
+                    ? _that.attachmentPaperClipCssStyle
+                    : { color: 'red', fontSize: '20px' },
+                  class: 'iconfont es-icon-fujian'
+                });
+              } else {
+                return h('span', {}, '');
+              }
+            }
+          },
+          {
+            label: '时间',
+            field: 'doetime',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 150,
+            render: (h, params) => {
+              return h(
+                'span',
+                {},
+                util.formatDate(params.row.doetime, 'yyyy-MM-dd HH:mm')
+              );
+            }
+          },
+          {
+            label: '代办人',
+            field: 'douserid',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 80,
+            hide: _that.flowTableInfo.hasAgent != '1'
+          },
+          {
+            label: '催办',
+            field: 'pressTimes',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 150,
+            render: (h, params) => {
+              return h(
+                'span',
+                { style: 'color:deepskyblue;cursor: pointer;' },
+                params.row.pressTimes
+              );
+            }
+          },
+          {
+            title: '操作',
+            type: 'handle',
+            width: this.modify ? '130' : '100',
+            template: '',
+            events: [
+              {
+                text: '删除',
+                rules: (rows) => {
+                  return rows.canDelete;
+                }
+              },
+              {
+                text: '修改',
+                rules: (rows) => {
+                  return this.modify && rows.pendstate == 2;
+                }
+              }
+            ]
+          }
+        ],
+        preset: this.thead,
+        splitReading: [
+          {
+            label: '经办部门',
+            field: 'deptid',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 150
+          },
+          {
+            label: '步骤',
+            field: 'itemname',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 110
+          },
+          {
+            label: '办理人',
+            field: 'userName',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 110
+          },
+          {
+            label: '状态',
+            field: 'pendstate',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 80,
+            render: (h, params) => {
+              return h('span', {
+                style: {
+                  color:
+                    params.row.pendstate == 0 || params.row.pendstate == 3
+                      ? 'red'
+                      : params.row.pendstate == 1
+                      ? 'green'
+                      : 'deepskyblue'
+                },
+                domProps: { innerHTML: params.row.querykeywords }
+              });
+            }
+          },
+          {
+            label: '办理意见',
+            field: 'doresult',
+            align: 'center',
+            showOverflowTooltip: true,
+            render: (h, params) => {
+              return h(
+                'span',
+                {},
+                params.row.doresult || params.row.handleInfo
+              );
+            }
+          },
+          {
+            label: '验签',
+            field: 'authTypeStr',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 70,
+            render: (h, params) => {
+              return h(
+                'span',
+                { style: { color: 'deepskyblue' } },
+                params.row.authTypeStr
+              );
+            }
+          },
+          {
+            label: '附件',
+            field: 'hasAdjunct',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 70,
+            render: (h, params) => {
+              if (params.row.hasAdjunct) {
+                return h('span', {
+                  style: _that.attachmentPaperClipCssStyle
+                    ? _that.attachmentPaperClipCssStyle
+                    : { color: 'red', fontSize: '20px' },
+                  class: 'iconfont es-icon-fujian'
+                });
+              } else {
+                return h('span', {}, '');
+              }
+            }
+          },
+          {
+            label: '时间',
+            field: 'doetime',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 150,
+            render: (h, params) => {
+              return h(
+                'span',
+                {},
+                util.formatDate(params.row.doetime, 'yyyy-MM-dd HH:mm')
+              );
+            }
+          },
+          {
+            label: '代办人',
+            field: 'douserid',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 80,
+            hide: _that.flowTableInfo.hasAgent != '1'
+          },
+          {
+            label: '催办',
+            field: 'pressTimes',
+            align: 'center',
+            showOverflowTooltip: true,
+            width: 150,
+            render: (h, params) => {
+              return h(
+                'span',
+                { style: 'color:deepskyblue;cursor: pointer;' },
+                params.row.pressTimes
+              );
+            }
+          },
+          {
+            title: '操作',
+            type: 'handle',
+            width: '100',
+            template: '',
+            events: [
+              {
+                text: '删除',
+                rules: (rows) => {
+                  return rows.canDelete;
+                }
+              }
+            ]
+          }
+        ]
+      };
+    },
+    content() {
+      return this.contents.map((item) => {
+        if (typeof item === 'string') {
+          return {
+            type: item,
+            toolbar: this.toolbars[item],
+            thead: this.theads[item],
+            showFormBtn: false
+          };
+        } else {
+          if (!Object.prototype.hasOwnProperty.call(item, 'toolbar')) {
+            let toolbars = this.toolbars[item.type];
+            return { ...item, toolbars };
+          }
+          if (!Object.prototype.hasOwnProperty.call(item, 'thead')) {
+            let thead = this.theads[item.type];
+            return { ...item, thead };
+          }
+          return item;
+        }
+      });
+    },
+    newToolbar() {
+      if (this.toolbar && this.toolbar.length > 0) {
+        return this.toolbar;
+      } else {
+        return [];
+      }
+    },
     thead() {
       let table = [
         {
@@ -171,7 +760,7 @@ export default {
         {
           key: 'zt',
           title: '状态',
-          width: '60',
+          width: '80',
           align: 'center',
           field: 'statusName'
         },
@@ -243,7 +832,7 @@ export default {
         this.presetInfoListHiddenColumns != ''
       ) {
         table = table.filter(
-          items => this.presetInfoListHiddenColumns.indexOf(items.key) == -1
+          (items) => this.presetInfoListHiddenColumns.indexOf(items.key) == -1
         );
       }
       if (!this.canDelete) table.splice(table.length - 1, 1);
@@ -261,14 +850,162 @@ export default {
   },
 
   methods: {
+    handleCellClick(row, column) {
+      if (column.property == 'hasAdjunct' && row.hasAdjunct) {
+        this.showFile(row.wfpendingid);
+      } else if (column.property == 'pressTimes') {
+        this.goPress(row.id);
+      }
+    },
+    handleBtnClick(data) {
+      const { handle, row } = data;
+      if (handle.text == '删除') {
+        this.del(row.id);
+      }
+    },
+    /**
+     * handleFormSubmit
+     * @desc:删除节点点击事件
+     * @param {Object} formData 点击删除的form数据
+     * @author liufan
+     * @date 2022年11月29日
+     **/
+    handleFormSubmit(formData) {
+      this.delLoading = true;
+      let params = {
+        url: deleteFlow,
+        method: 'POST',
+        data: { id: this.historyId, reason: formData.reason }
+      };
+      util
+        .ajax(params)
+        .then((res) => {
+          const { status, message } = res;
+          this.delLoading = false;
+          if (status === 'success') {
+            this.$message.success('删除成功');
+            this.showDel = false;
+            this.handleChange();
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch((err) => {
+          this.delLoading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    /**
+     * del
+     * @desc:展示删除弹窗
+     * @param {String} id 当前点击数据id
+     * @author liufan
+     * @date 2022年11月29日
+     **/
+    del(id) {
+      this.historyId = id;
+      this.showDel = true;
+    },
+    /**
+     * handleCurrentChange
+     * @desc:监听页码变化
+     * @param {String} val 当前页
+     * @author liufan
+     * @date 2022年11月29日
+     **/
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getPressList();
+    },
+    /**
+     * handleSizeChange
+     * @desc:监听每页数据显示数量变化
+     * @param {String} val 每页展示数量
+     * @author liufan
+     * @date 2022年11月29日
+     **/
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getPressList();
+    },
+    /**
+     * sortChange
+     * @desc:监听排序变化
+     * @param {Object} info 需要排序的字段及排序方式
+     * @author liufan
+     * @date 2022年11月29日
+     **/
+    sortChange(info) {
+      let { prop, order } = info;
+      this.sidx = prop;
+      this.sord = order.replace('ending', '');
+      this.getPressList();
+    },
+    /**
+     * getPressList
+     * @desc:催办列表数据
+     * @author liufan
+     * @date 2022年11月29日
+     **/
+    getPressList() {
+      const { historyId, pageSize, sidx, sord, currentPage } = this;
+      this.pressLoading = true;
+      let params = {
+        url: pressListJson,
+        params: { historyId },
+        method: 'POST',
+        data: { page: currentPage, rows: pageSize, sidx, sord, historyId }
+      };
+      util
+        .ajax(params)
+        .then((res) => {
+          this.pressTableList = res.data;
+          this.total = res.totalrecords;
+          this.pressLoading = false;
+        })
+        .catch((err) => {
+          this.pressLoading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    /**
+     * goPress
+     * @desc:催办列表查看
+     * @param {String} id 催办列表id
+     * @author liufan
+     * @date 2022年11月29日
+     **/
+    goPress(id) {
+      this.historyId = id;
+      this.showPress = true;
+      this.getPressList();
+    },
+    /**
+     * showFile
+     * @desc:附件查看
+     * @param {String} ownId 附件id
+     * @author liufan
+     * @date 2022年11月29日
+     **/
+    showFile(ownId) {
+      this.wfpendingid = ownId;
+      this.showFileList = true;
+    },
     /**
      * handleChange
      * @desc:切换排序方式
      * @author liufan
      * @date 2022年11月22日
      **/
-    handleChange() {
-      this.show = false;
+    handleChange(key, value) {
+      if (value) {
+        this[key] = value;
+      }
+      // this.show = false;
       this.loading = util.loading(this.$loading, '加载中...');
       this.getFlowList();
     },
@@ -290,7 +1027,7 @@ export default {
       };
       util
         .ajax(params)
-        .then(res => {
+        .then((res) => {
           const {
             status,
             message,
@@ -312,15 +1049,15 @@ export default {
               res.data.attachmentPaperClipCssStyle;
             this.isShort = isShort;
             this.taskReadName = taskReadName;
-            this.flowTableList = wfHistoryList;
-            this.fyTableList = fyHistoryList;
+            this.flowData = wfHistoryList;
+            this.splitReadingData = fyHistoryList;
             this.modify = modify;
           } else {
             this.$message.error(message || '系统错误，请联系管理员！');
           }
           this.show = true;
         })
-        .catch(err => {
+        .catch((err) => {
           this.loading.close();
           if (err.message && err.message !== 'canceled') {
             this.$message.error(err.message);
@@ -353,7 +1090,7 @@ export default {
               };
               util
                 .ajax(param)
-                .then(res => {
+                .then((res) => {
                   const { status, message } = res;
                   this.loading.close();
                   if (status === 'success') {
@@ -363,14 +1100,14 @@ export default {
                     this.$message.error(message || '系统错误，请联系管理员！');
                   }
                 })
-                .catch(err => {
+                .catch((err) => {
                   this.loading.close();
                   if (err.message && err.message !== 'canceled') {
                     this.$message.error(err.message);
                   }
                 });
             })
-            .catch(e => {
+            .catch((e) => {
               // on cancel
             });
         } else {
@@ -387,7 +1124,7 @@ export default {
      * @date 2022年11月10日
      **/
     getCodeValue(value, type) {
-      let val = this[type].filter(item => item.cciValue == value);
+      let val = this[type].filter((item) => item.cciValue == value);
       return val[0].shortName;
     },
     /**
@@ -404,7 +1141,7 @@ export default {
       };
       util
         .ajax(params)
-        .then(res => {
+        .then((res) => {
           const { status, message, data } = res;
           if (status == 'success') {
             this[code] = data;
@@ -412,7 +1149,7 @@ export default {
             this.$message.error(message || '系统错误，请联系管理员！');
           }
         })
-        .catch(e => {});
+        .catch((e) => {});
     },
     /**
      * getListInfo
@@ -427,7 +1164,7 @@ export default {
       };
       util
         .ajax(param)
-        .then(res => {
+        .then((res) => {
           const {
             status,
             message,
@@ -435,14 +1172,14 @@ export default {
           } = res;
           this.loading.close();
           if (status == 'success') {
-            presetInfoList && (this.tableData = presetInfoList);
+            presetInfoList && (this.presetData = presetInfoList);
             this.presetInfoListHiddenColumns = presetInfoListHiddenColumns;
             this.canDelete = canDelete;
           } else {
             this.$message.error(message || '系统错误，请联系管理员！');
           }
         })
-        .catch(err => {
+        .catch((err) => {
           this.loading.close();
           if (err.message && err.message !== 'canceled') {
             this.$message.error(err.message);