From 16ee35c91d67c515f808fb29da7dcba5d2c5dcd0 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Sat, 06 Jan 2024 18:00:10 +0800
Subject: [PATCH] 数据管理下,页面风格,按钮大小统一; 场所管理审核异常处理; 发起事务页面处理;

---
 src/views/userHouse/hireInfoList.vue                |   26 --
 src/views/userHouse/houseList.vue                   |   36 +--
 src/views/work/start.vue                            |  371 ++++++++++++++++++++--------------------
 src/views/userHouse/components/householdManager.vue |   14 -
 src/views/place/index.vue                           |   22 +-
 src/views/userHouse/houseHoldList.vue               |   46 +---
 6 files changed, 233 insertions(+), 282 deletions(-)

diff --git a/src/views/place/index.vue b/src/views/place/index.vue
index c81d30e..0f44eb8 100644
--- a/src/views/place/index.vue
+++ b/src/views/place/index.vue
@@ -17,18 +17,18 @@
                 <span v-text="decimalProcessing(row.lat)"></span>
             </template>
 
-            <template slot-scope="{row}" slot="confirmFlag">
-                <el-tag size="small" :type="showConfirmFlag(row.confirmFlag).type">{{ showConfirmFlag(row.confirmFlag).text
+            <template slot-scope="{row, size}" slot="confirmFlag">
+                <el-tag :size="size" :type="showConfirmFlag(row.confirmFlag).type">{{ showConfirmFlag(row.confirmFlag).text
                 }}</el-tag>
             </template>
 
-            <template slot-scope="{row}" slot="confirmFlag">
-                <el-tag size="small" :type="showConfirmFlag(row.confirmFlag).type">{{ showConfirmFlag(row.confirmFlag).text
+            <template slot-scope="{row, size}" slot="confirmFlag">
+                <el-tag :size="size" :type="showConfirmFlag(row.confirmFlag).type">{{ showConfirmFlag(row.confirmFlag).text
                 }}</el-tag>
             </template>
 
-            <template slot-scope="{row}" slot="source">
-                <el-tag size="small" :type="showSource(row.source).type">{{ showSource(row.source).text
+            <template slot-scope="{row, size}" slot="source">
+                <el-tag :size="size" :type="showSource(row.source).type">{{ showSource(row.source).text
                 }}</el-tag>
             </template>
 
@@ -37,13 +37,13 @@
                 </el-button>
             </template>
 
-            <template slot-scope="scope" slot="menu">
-                <el-button type="text" :disabled="scope.row.confirmFlag == 2 || scope.row.confirmFlag != 4"
-                    icon="el-icon-s-check" size="small" v-if="permission.place_audit_cur" @click="auditCur(scope.row)">审核
+            <template slot-scope="{row, size}" slot="menu">
+                <el-button :size="size" type="text" :disabled="row.confirmFlag == 2 || row.confirmFlag == 4"
+                    icon="el-icon-s-check" v-if="permission.place_audit_cur" @click="auditCur(row)">审核
                 </el-button>
 
-                <el-button type="text" icon="el-icon-edit" size="small" v-if="permission.place_manage_tenants"
-                    @click="ManageTenants(scope.row)">场所维护
+                <el-button :size="size" type="text" icon="el-icon-edit" v-if="permission.place_manage_tenants"
+                    @click="ManageTenants(row)">场所维护
                 </el-button>
             </template>
         </avue-crud>
diff --git a/src/views/userHouse/components/householdManager.vue b/src/views/userHouse/components/householdManager.vue
index 64a3374..5c5b710 100644
--- a/src/views/userHouse/components/householdManager.vue
+++ b/src/views/userHouse/components/householdManager.vue
@@ -12,18 +12,6 @@
                             @click="handleDelete">删 除
                         </el-button>
                     </template>
-                    <template slot-scope="{row}" slot="tenantName">
-                        <el-tag>{{ row.tenantName }}</el-tag>
-                    </template>
-                    <template slot-scope="{row}" slot="roleName">
-                        <el-tag>{{ row.roleName }}</el-tag>
-                    </template>
-                    <template slot-scope="{row}" slot="deptName">
-                        <el-tag>{{ row.deptName }}</el-tag>
-                    </template>
-                    <template slot-scope="{row}" slot="userTypeName">
-                        <el-tag>{{ row.userTypeName }}</el-tag>
-                    </template>
                 </avue-crud>
             </basic-container>
         </el-col>
@@ -811,7 +799,7 @@
         onLoad (page, params = {}) {
             params['houseCode'] = this.houseCode
             this.loading = true
-            
+
             getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
                 const data = res.data.data
                 this.page.total = data.total
diff --git a/src/views/userHouse/hireInfoList.vue b/src/views/userHouse/hireInfoList.vue
index 4c29fac..80d0043 100644
--- a/src/views/userHouse/hireInfoList.vue
+++ b/src/views/userHouse/hireInfoList.vue
@@ -7,41 +7,28 @@
                     @row-save="rowSave" :before-open="beforeOpen" :page.sync="page" @search-change="searchChange"
                     @search-reset="searchReset" @selection-change="selectionChange" @current-change="currentChange"
                     @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
-                    <template slot="auditStatus" slot-scope="{row}">
-                        <el-tag size="small" :type="showConfirmFlag(row.auditStatus).type">
+                    <template slot-scope="{row, size}" slot="auditStatus">
+                        <el-tag :size="size" :type="showConfirmFlag(row.auditStatus).type">
                             {{ showConfirmFlag(row.auditStatus).text }}
                         </el-tag>
                     </template>
 
                     <template slot="menuLeft">
-                        <el-button type="danger" size="small" plain icon="el-icon-delete"
+                        <el-button type="danger" :size="size" plain icon="el-icon-delete"
                             v-if="permission.houseRental_delete" @click="handleDelete">删 除
                         </el-button>
                     </template>
 
-                    <template slot-scope="scope" slot="menu">
-                        <el-button type="text" icon="el-icon-circle-plus-outline" size="small"
-                            v-if="permission.househould_manager" @click="ManageTenants(scope.row)">管理租户
+                    <template slot-scope="{row, size}" slot="menu">
+                        <el-button :size="size" type="text" icon="el-icon-circle-plus-outline"
+                            v-if="permission.househould_manager" @click="ManageTenants(row)">管理租户
                         </el-button>
                         <!--  <el-button type="success" size="small" plain icon="el-icon-upload2" @click="handleImport">导入
             </el-button>
             <el-button type="warning" size="small" plain icon="el-icon-download" @click="handleExport">导出
             </el-button> -->
                     </template>
-                    <template slot-scope="{row}" slot="tenantName">
-                        <el-tag>{{ row.tenantName }}</el-tag>
-                    </template>
-                    <template slot-scope="{row}" slot="roleName">
-                        <el-tag>{{ row.roleName }}</el-tag>
-                    </template>
-                    <template slot-scope="{row}" slot="deptName">
-                        <el-tag>{{ row.deptName }}</el-tag>
-                    </template>
-                    <template slot-scope="{row}" slot="userTypeName">
-                        <el-tag>{{ row.userTypeName }}</el-tag>
-                    </template>
                 </avue-crud>
-
 
                 <el-dialog title="租户管理" append-to-body :visible.sync="roleBox">
                     <avue-crud :option="houseHoldOption" :search.sync="search" :table-loading="loading" :data="houseHold"
@@ -56,7 +43,6 @@
                         <el-button type="primary" @click="submitRole">确 定</el-button>
                     </span>
                 </el-dialog>
-
 
                 <el-dialog title="用户数据导入" append-to-body :visible.sync="excelBox" width="555px">
                     <avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter">
diff --git a/src/views/userHouse/houseHoldList.vue b/src/views/userHouse/houseHoldList.vue
index 6ff6c2c..862da1b 100644
--- a/src/views/userHouse/houseHoldList.vue
+++ b/src/views/userHouse/houseHoldList.vue
@@ -18,39 +18,24 @@
                             icon="el-icon-download" @click="handleExport">导出
                         </el-button>
                     </template>
-                    <template slot-scope="scope" slot="menu">
-                        <el-button type="text" icon="el-icon-circle-plus-outline" size="small"
-                            v-if="permission.househould_manager" @click="manageLabel(scope.row)">标签
+
+                    <template slot-scope="{row, size}" slot="menu">
+                        <el-button :size="size" type="text" icon="el-icon-circle-plus-outline"
+                            v-if="permission.househould_manager" @click="manageLabel(row)">标签
                         </el-button>
                     </template>
-                    <template slot-scope="{row}" slot="phoneNumber">
-                        <el-button type="text" @click="showStringDispose(row, 'phoneNumberflag')">
+                    <template slot-scope="{row, size}" slot="phoneNumber">
+                        <el-button :size="size" type="text" @click="showStringDispose(row, 'phoneNumberflag')">
                             {{ textDispose(row, 'phoneNumberflag', 'phoneNumber') }}
                         </el-button>
                     </template>
-                    <template slot-scope="{row}" slot="idCard">
-                        <el-button type="text" @click="showStringDispose(row, 'idCardflag')"
+                    <template slot-scope="{row, size}" slot="idCard">
+                        <el-button :size="size" type="text" @click="showStringDispose(row, 'idCardflag')"
                             v-text="textDispose(row, 'idCardflag', 'idCard')"></el-button>
                     </template>
-
-                    <template slot-scope="{row}" slot="householdLabelList">
+                    <template slot-scope="{row, size}" slot="householdLabelList">
                         {{ labelDispose(row.householdLabelList) }}
                     </template>
-
-                    <template slot-scope="{row}" slot="tenantName">
-                        <el-tag>{{ row.tenantName }}</el-tag>
-                    </template>
-                    <template slot-scope="{row}" slot="roleName">
-                        <el-tag>{{ row.roleName }}</el-tag>
-                    </template>
-                    <template slot-scope="{row}" slot="deptName">
-                        <el-tag>{{ row.deptName }}</el-tag>
-                    </template>
-                    <template slot-scope="{row}" slot="userTypeName">
-                        <el-tag>{{ row.userTypeName }}</el-tag>
-                    </template>
-
-
                 </avue-crud>
                 <el-dialog title="用户角色配置" append-to-body :visible.sync="roleBox" width="345px" center>
 
@@ -59,8 +44,8 @@
                     </el-tree>
 
                     <span slot="footer" class="dialog-footer">
-                        <el-button @click="roleBox = false">取 消</el-button>
-                        <el-button type="primary" @click="submitRole">确 定</el-button>
+                        <el-button size="small" @click="roleBox = false">取 消</el-button>
+                        <el-button size="small" type="primary" @click="submitRole">确 定</el-button>
                     </span>
                 </el-dialog>
 
@@ -92,16 +77,15 @@
                     <avue-form :option="labelOption" v-model="labelForm" :submit="onsubmit">
                     </avue-form>
                     <span slot="footer" class="dialog-footer">
-                        <el-button @click="editLabelFlge = false">取 消</el-button>
-                        <el-button type="primary" @click="onsubmit">确 定</el-button>
+                        <el-button size="small" @click="editLabelFlge = false">取 消</el-button>
+                        <el-button size="small" type="primary" @click="onsubmit">确 定</el-button>
                     </span>
                 </el-dialog>
-
 
                 <el-dialog title="用户数据导入" append-to-body :visible.sync="excelBox" width="555px">
                     <avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter">
                         <template slot="excelTemplate">
-                            <el-button type="primary" @click="handleTemplate">
+                            <el-button size="small" type="primary" @click="handleTemplate">
                                 点击下载<i class="el-icon-download el-icon--right"></i>
                             </el-button>
                         </template>
@@ -1088,7 +1072,7 @@
 
         onLoad (page, params = {}) {
             this.loading = true
-            
+
             getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
                 const data = {
                     ...res.data.data,
diff --git a/src/views/userHouse/houseList.vue b/src/views/userHouse/houseList.vue
index 64d2d2e..8b2f087 100644
--- a/src/views/userHouse/houseList.vue
+++ b/src/views/userHouse/houseList.vue
@@ -18,30 +18,18 @@
                             icon="el-icon-download" @click="handleExport">导出
                         </el-button>
                     </template>
-                    <template slot-scope="scope" slot="menu">
-                        <el-button type="text" icon="el-icon-circle-plus-outline" size="small"
-                            v-if="permission.househould_manager" @click="handleHouseholdManager(scope.row)">住户管理
+
+                    <template slot-scope="{row, size}" slot="menu">
+                        <el-button :size="size" type="text" icon="el-icon-circle-plus-outline"
+                            v-if="permission.househould_manager" @click="handleHouseholdManager(row)">住户管理
                         </el-button>
-                        <el-button type="text" icon="el-icon-circle-plus-outline" size="small"
-                            v-if="permission.househould_manager" @click="manageLabel(scope.row)">标签
+                        <el-button :size="size" type="text" icon="el-icon-circle-plus-outline"
+                            v-if="permission.househould_manager" @click="manageLabel(row)">标签
                         </el-button>
                     </template>
 
-                    <template slot-scope="{row}" slot="tenantName">
-                        <el-tag>{{ row.tenantName }}</el-tag>
-                    </template>
-                    <template slot-scope="{row}" slot="roleName">
-                        <el-tag>{{ row.roleName }}</el-tag>
-                    </template>
-                    <template slot-scope="{row}" slot="deptName">
-                        <el-tag>{{ row.deptName }}</el-tag>
-                    </template>
-                    <template slot-scope="{row}" slot="userTypeName">
-                        <el-tag>{{ row.userTypeName }}</el-tag>
-                    </template>
-
-                    <template slot-scope="{row}" slot="phone">
-                        <el-button type="text" @click="showStringDispose(row, 'phoneflag')">
+                    <template slot-scope="{row, size}" slot="phone">
+                        <el-button :size="size" type="text" @click="showStringDispose(row, 'phoneflag')">
                             {{ textDispose(row, 'phoneflag', 'phone') }}
                         </el-button>
                     </template>
@@ -57,8 +45,8 @@
                     </el-tree>
 
                     <span slot="footer" class="dialog-footer">
-                        <el-button @click="roleBox = false">取 消</el-button>
-                        <el-button type="primary" @click="submitRole">确 定</el-button>
+                        <el-button size="small" @click="roleBox = false">取 消</el-button>
+                        <el-button size="small" type="primary" @click="submitRole">确 定</el-button>
                     </span>
                 </el-dialog>
 
@@ -80,8 +68,8 @@
                     <avue-form :option="labelOption" v-model="labelForm" :submit="onsubmit">
                     </avue-form>
                     <span slot="footer" class="dialog-footer">
-                        <el-button @click="editLabelFlge = false">取 消</el-button>
-                        <el-button type="primary" @click="onsubmit">确 定</el-button>
+                        <el-button size="small" @click="editLabelFlge = false">取 消</el-button>
+                        <el-button size="small" type="primary" @click="onsubmit">确 定</el-button>
                     </span>
                 </el-dialog>
 
diff --git a/src/views/work/start.vue b/src/views/work/start.vue
index d53c1fe..9703ed5 100644
--- a/src/views/work/start.vue
+++ b/src/views/work/start.vue
@@ -1,203 +1,208 @@
 <template>
-  <basic-container>
-    <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" v-model="form" ref="crud"
-      @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
-      @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
-      <template slot="menuLeft">
-        <el-radio-group v-model="mode" size="small">
-          <el-radio-button label="1">通用流程</el-radio-button>
-          <el-radio-button label="2">定制流程</el-radio-button>
-        </el-radio-group>
-      </template>
-      <template slot-scope="scope" slot="menu">
-        <el-button type="text" size="small" icon="el-icon-video-play" v-if="permission.work_start_flow"
-          @click.stop="handleStart(scope.row)">发起
-        </el-button>
-        <el-button type="text" size="small" icon="el-icon-search" v-if="permission.work_start_image"
-          @click.stop="handleImage(scope.row, scope.index)">流程图
-        </el-button>
-      </template>
-      <template slot-scope="{row}" slot="tenantId">
-        <el-tag>{{ row.tenantId === '' ? '通用' : row.tenantId }}</el-tag>
-      </template>
-      <template slot-scope="{row}" slot="version">
-        <el-tag>v{{ row.version }}</el-tag>
-      </template>
-      <template slot-scope="{row}" slot="suspensionState">
-        <el-tag>{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
-      </template>
-      <template slot-scope="{row}" slot="category">
-        <el-tag>{{ row.categoryName }}</el-tag>
-      </template>
-    </avue-crud>
-    <flow-design is-dialog :is-display.sync="flowBox" :process-definition-id="processDefinitionId"></flow-design>
-  </basic-container>
+    <basic-container>
+        <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" v-model="form" ref="crud"
+            @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
+            @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
+            <template slot="menuLeft">
+                <el-radio-group v-model="mode" size="small">
+                    <el-radio-button label="1">通用流程</el-radio-button>
+                    <el-radio-button label="2">定制流程</el-radio-button>
+                </el-radio-group>
+            </template>
+            <template slot-scope="scope" slot="menu">
+                <el-button type="text" size="small" icon="el-icon-video-play" v-if="permission.work_start_flow"
+                    @click.stop="handleStart(scope.row)">发起
+                </el-button>
+                <el-button type="text" size="small" icon="el-icon-search" v-if="permission.work_start_image"
+                    @click.stop="handleImage(scope.row, scope.index)">流程图
+                </el-button>
+            </template>
+            <template slot-scope="{row, size}" slot="tenantId">
+                <el-tag :size="size">{{ row.tenantId === '' ? '通用' : row.tenantId }}</el-tag>
+            </template>
+            <template slot-scope="{row, size}" slot="version">
+                <el-tag :size="size">v{{ row.version }}</el-tag>
+            </template>
+            <template slot-scope="{row, size}" slot="suspensionState">
+                <el-tag :size="size" :type="row.suspensionState === 1 ? 'success' : 'info'">{{ row.suspensionState === 1 ?
+                    '激活' : '挂起'
+                }}</el-tag>
+            </template>
+            <template slot-scope="{row, size}" slot="category">
+                <el-tag :size="size">{{ row.categoryName }}</el-tag>
+            </template>
+        </avue-crud>
+        <flow-design is-dialog :is-display.sync="flowBox" :process-definition-id="processDefinitionId"></flow-design>
+    </basic-container>
 </template>
 
 <script>
-  import {
+import {
     mapGetters
-  } from "vuex"
-  import {
+} from "vuex"
+import {
     startList
-  } from "@/api/work/work"
-  import {
+} from "@/api/work/work"
+import {
     flowCategory,
     flowRoute
-  } from "@/util/flow"
+} from "@/util/flow"
 
-  export default {
-    data() {
-      return {
-        form: {},
-        mode: '1',
-        selectionId: '',
-        selectionList: [],
-        query: {},
-        loading: true,
-        page: {
-          pageSize: 10,
-          currentPage: 1,
-          total: 0
-        },
-        processDefinitionId: '',
-        flowBox: false,
-        workBox: false,
-        option: {
-          height: 'auto',
-          calcHeight: 30,
-          tip: false,
-          searchShow: true,
-          searchMenuSpan: 6,
-          border: true,
-          index: true,
-          selection: true,
-          editBtn: false,
-          addBtn: false,
-          viewBtn: false,
-          delBtn: false,
-          menuWidth: 280,
-          dialogWidth: 900,
-          dialogClickModal: false,
-          column: [{
-              label: '租户编号',
-              prop: 'tenantId',
-              slot: true,
-              width: 120,
+export default {
+    data () {
+        return {
+            form: {},
+            mode: '1',
+            selectionId: '',
+            selectionList: [],
+            query: {},
+            loading: true,
+            page: {
+                pageSize: 10,
+                currentPage: 1,
+                total: 0
             },
-            {
-              label: "流程分类",
-              type: "select",
-              row: true,
-              dicUrl: "/api/blade-system/dict/dictionary?code=flow",
-              props: {
-                label: "dictValue",
-                value: "dictKey"
-              },
-              dataType: "number",
-              slot: true,
-              prop: "category",
-              search: true,
-              width: 100,
+            processDefinitionId: '',
+            flowBox: false,
+            workBox: false,
+            option: {
+                searchLabelWidth: 96,
+                searchShow: true,
+                searchMenuSpan: 3,
+                menuWidth: 140,
+
+                height: 'auto',
+                calcHeight: 30,
+                tip: false,
+                border: true,
+                index: true,
+                selection: true,
+                editBtn: false,
+                addBtn: false,
+                viewBtn: false,
+                delBtn: false,
+                dialogWidth: 900,
+                dialogClickModal: false,
+                column: [
+                    {
+                        width: 120,
+                        label: '租户编号',
+                        prop: 'tenantId',
+                        slot: true,
+                    },
+                    {
+                        width: 120,
+                        label: "流程分类",
+                        type: "select",
+                        row: true,
+                        dicUrl: "/api/blade-system/dict/dictionary?code=flow",
+                        props: {
+                            label: "dictValue",
+                            value: "dictKey"
+                        },
+                        dataType: "number",
+                        slot: true,
+                        prop: "category",
+                        search: true,
+                    },
+                    {
+                        label: '流程标识',
+                        prop: 'key',
+                    },
+                    {
+                        label: '流程名称',
+                        prop: 'name',
+                        search: true,
+                    },
+                    {
+                        label: '流程版本',
+                        prop: 'version',
+                        slot: true,
+                        width: 80,
+                    },
+                    {
+                        label: '状态',
+                        prop: 'suspensionState',
+                        slot: true,
+                        width: 80,
+                    },
+                    {
+                        label: '部署时间',
+                        prop: 'deploymentTime',
+                        width: 165,
+                    },
+                ]
             },
-            {
-              label: '流程标识',
-              prop: 'key',
-            },
-            {
-              label: '流程名称',
-              prop: 'name',
-              search: true,
-            },
-            {
-              label: '流程版本',
-              prop: 'version',
-              slot: true,
-              width: 80,
-            },
-            {
-              label: '状态',
-              prop: 'suspensionState',
-              slot: true,
-              width: 80,
-            },
-            {
-              label: '部署时间',
-              prop: 'deploymentTime',
-              width: 165,
-            },
-          ]
-        },
-        data: []
-      }
+            data: []
+        }
     },
     watch: {
-      'mode'() {
-        this.onLoad(this.page)
-      }
+        'mode' () {
+            this.onLoad(this.page)
+        }
     },
     computed: {
-      ...mapGetters(["permission", "flowRoutes"]),
-      ids() {
-        let ids = []
-        this.selectionList.forEach(ele => {
-          ids.push(ele.id)
-        })
-        return ids.join(",")
-      },
+        ...mapGetters(["permission", "flowRoutes"]),
+        ids () {
+            let ids = []
+            this.selectionList.forEach(ele => {
+                ids.push(ele.id)
+            })
+            return ids.join(",")
+        },
     },
     methods: {
-      searchReset() {
-        this.query = {}
-        this.onLoad(this.page)
-      },
-      searchChange(params, done) {
-        this.query = params
-        this.page.currentPage = 1
-        this.onLoad(this.page, params)
-        done()
-      },
-      selectionChange(list) {
-        this.selectionList = list
-      },
-      selectionClear() {
-        this.selectionList = []
-        this.$refs.crud.toggleSelection()
-      },
-      handleStart(row) {
-        // console.log("+++++++++++++++++" + `/work/process/${flowRoute(this.flowRoutes, row.category)}/form/${row.id}`)
-        this.$router.push({
-          path: `/work/process/${flowRoute(this.flowRoutes, row.category)}/form/${row.id}`
-        })
-      },
-      handleImage(row) {
-        this.processDefinitionId = row.id
-        this.flowBox = true
-      },
-      currentChange(currentPage) {
-        this.page.currentPage = currentPage
-      },
-      sizeChange(pageSize) {
-        this.page.pageSize = pageSize
-      },
-      refreshChange() {
-        this.onLoad(this.page, this.query)
-      },
-      onLoad(page, params = {}) {
-        const query = {
-          ...this.query,
-          category: (params.category) ? flowCategory(params.category) : null,
-          mode: this.mode
+        searchReset () {
+            this.query = {}
+            this.onLoad(this.page)
+        },
+        searchChange (params, done) {
+            this.query = params
+            this.page.currentPage = 1
+            this.onLoad(this.page, params)
+            done()
+        },
+        selectionChange (list) {
+            this.selectionList = list
+        },
+        selectionClear () {
+            this.selectionList = []
+            this.$refs.crud.toggleSelection()
+        },
+        handleStart (row) {
+            // console.log("+++++++++++++++++" + `/work/process/${flowRoute(this.flowRoutes, row.category)}/form/${row.id}`)
+            this.$router.push({
+                path: `/work/process/${flowRoute(this.flowRoutes, row.category)}/form/${row.id}`
+            })
+        },
+        handleImage (row) {
+            this.processDefinitionId = row.id
+            this.flowBox = true
+        },
+        currentChange (currentPage) {
+            this.page.currentPage = currentPage
+        },
+        sizeChange (pageSize) {
+            this.page.pageSize = pageSize
+        },
+        refreshChange () {
+            this.onLoad(this.page, this.query)
+        },
+        onLoad (page, params = {}) {
+            const query = {
+                ...this.query,
+                category: (params.category) ? flowCategory(params.category) : null,
+                mode: this.mode
+            }
+            this.loading = true
+            startList(page.currentPage, page.pageSize, Object.assign(params, query)).then(res => {
+                const data = res.data.data
+                this.page.total = data.total
+                this.data = data.records
+                this.loading = false
+                this.selectionClear()
+            })
         }
-        this.loading = true
-        startList(page.currentPage, page.pageSize, Object.assign(params, query)).then(res => {
-          const data = res.data.data
-          this.page.total = data.total
-          this.data = data.records
-          this.loading = false
-          this.selectionClear()
-        })
-      }
     }
-  }
+}
 </script>
\ No newline at end of file

--
Gitblit v1.9.3