Преглед изворни кода

增加待办、已办、办结、请求列表提示

cyy пре 1 година
родитељ
комит
899a4bfd62

+ 147 - 146
src/views/platform/bpmn/completed/index.vue

@@ -32,6 +32,8 @@
                 </template>
             </van-search>
         </van-sticky>
+        <van-notice-bar :scrollable="false" color="#1989fa" background="#ecf9ff" style="min-height: 28px;" text="仅支持部分无需补充填写数据的流程处理" />
+        <div class="ibps-blank-bar" />
         <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
             <van-list v-model="loading" :finished="finished" @load="loadData">
                 <van-cell
@@ -120,173 +122,172 @@ import IbpsListResultPage from '@/components/ibps-list-result-page'
 import IbpsBpmnFormrenderDialog from '@/business/platform/bpmn/form/dialog'
 import CommonData from '../mixin/utils'
 
-
 export default {
-    components: {
-        IbpsMoreSearch,
-        IbpsTypeTree,
-        IbpsAvatar,
-        IbpsListResultPage,
-        IbpsBpmnFormrenderDialog
-    },
-    mixins: [random, bpmnStatus,CommonData],
-    data() {
-        return {
-            stateActive: false,
-            moreSearchPopup: false,
-            typeTreePopup: false,
-            searchForms: {
-                forms: [
-                    {
-                        prop: 'Q^inst.proc_def_name_^SL',
-                        label: '事务名称',
-                        fieldType: 'text'
-                    },
-                    // { prop: 'Q^inst.proc_def_name_^SL', label: '事务说明', fieldType: 'text' },
-                    { prop: 'Q^inst.subject_^SL', label: '事务说明', fieldType: 'text' },
-                    {
-                        prop: ['Q^inst.create_time_^DL', 'Q^inst.create_time_^DG'],
-                        label: '创建时间',
-                        fieldType: 'dateRange',
-                        options: { datefmt: 'yyyy-MM-dd' }
-                    },
-                    {
-                        prop: 'Q^inst.status_^S',
-                        label: '状态',
-                        fieldType: 'checker',
-                        cols: 3,
-                        options: [
-                            { value: '', label: '全部' },
-                            { value: 'end', label: '结束' },
-                            { value: 'manualend', label: '人工结束' }
-                        ]
-                    }
-                ]
-            },
-            proName: '',
-            subject: '',
-            typeId: '',
-            checker: '',
-            moreParams: {},
+  components: {
+    IbpsMoreSearch,
+    IbpsTypeTree,
+    IbpsAvatar,
+    IbpsListResultPage,
+    IbpsBpmnFormrenderDialog
+  },
+  mixins: [random, bpmnStatus, CommonData],
+  data() {
+    return {
+      stateActive: false,
+      moreSearchPopup: false,
+      typeTreePopup: false,
+      searchForms: {
+        forms: [
+          {
+            prop: 'Q^inst.proc_def_name_^SL',
+            label: '事务名称',
+            fieldType: 'text'
+          },
+          // { prop: 'Q^inst.proc_def_name_^SL', label: '事务说明', fieldType: 'text' },
+          { prop: 'Q^inst.subject_^SL', label: '事务说明', fieldType: 'text' },
+          {
+            prop: ['Q^inst.create_time_^DL', 'Q^inst.create_time_^DG'],
+            label: '创建时间',
+            fieldType: 'dateRange',
+            options: { datefmt: 'yyyy-MM-dd' }
+          },
+          {
+            prop: 'Q^inst.status_^S',
+            label: '状态',
+            fieldType: 'checker',
+            cols: 3,
+            options: [
+              { value: '', label: '全部' },
+              { value: 'end', label: '结束' },
+              { value: 'manualend', label: '人工结束' }
+            ]
+          }
+        ]
+      },
+      proName: '',
+      subject: '',
+      typeId: '',
+      checker: '',
+      moreParams: {},
 
-            listData: [],
-            pagination: { limit: 100 },
-            sorts: {},
+      listData: [],
+      pagination: { limit: 100 },
+      sorts: {},
 
-            loading: false,
-            finished: false,
-            refreshing: false,
-            resultType: 'init',
-            errorType: null,
-            resultMessage: null,
+      loading: false,
+      finished: false,
+      refreshing: false,
+      resultType: 'init',
+      errorType: null,
+      resultMessage: null,
 
-            instId: '',
-            formrenderVisible: false,
-            formrenderTitle: ''
-        }
+      instId: '',
+      formrenderVisible: false,
+      formrenderTitle: ''
+    }
+  },
+  methods: {
+    generateTitle(name, title) {
+      // generateTitle by vue-i18n
+      return i18n.generateTitle(name, title)
     },
-    methods: {
-        generateTitle(name, title) {
-            // generateTitle by vue-i18n
-            return i18n.generateTitle(name, title)
-        },
-        /**
+    /**
      * 加载数据
      */
-        loadData() {
-            this.loading = true
-            handled(this.getSearcFormData())
-                .then(response => {
-                    // 处理数据
-                    ActionUtils.existHandleListData(
-                        this,
-                        response.data,
-                        this.$store.getters.flowList,
-                        'bpmnDefId',
-                        'bpmn_liu_cheng_di'
-                    )
-                })
-                .catch(e => {
-                    ActionUtils.handleErrorData(this, e)
-                })
-        },
-        /**
+    loadData() {
+      this.loading = true
+      handled(this.getSearcFormData())
+        .then(response => {
+          // 处理数据
+          ActionUtils.existHandleListData(
+            this,
+            response.data,
+            this.$store.getters.flowList,
+            'bpmnDefId',
+            'bpmn_liu_cheng_di'
+          )
+        })
+        .catch(e => {
+          ActionUtils.handleErrorData(this, e)
+        })
+    },
+    /**
      * 获取格式化参数
      */
-        getSearcFormData() {
-            let params = { end: '1' }
-            if (this.$utils.isNotEmpty(this.proName)) {
-                params['Q^inst.proc_def_name_^SL'] = this.proName
-            }
-            if (this.$utils.isNotEmpty(this.moreParams)) {
-                params = Object.assign(params, this.moreParams)
-            }
+    getSearcFormData() {
+      let params = { end: '1' }
+      if (this.$utils.isNotEmpty(this.proName)) {
+        params['Q^inst.proc_def_name_^SL'] = this.proName
+      }
+      if (this.$utils.isNotEmpty(this.moreParams)) {
+        params = Object.assign(params, this.moreParams)
+      }
 
-            return ActionUtils.formatParams(params, this.pagination, this.sorts)
-        },
-        /**
+      return ActionUtils.formatParams(params, this.pagination, this.sorts)
+    },
+    /**
      * 下拉刷新
      */
-        onRefresh() {
-            this.refreshing = true
-            this.finished = false
-            this.loading = true
-            this.onSearch()
-        },
-        /**
+    onRefresh() {
+      this.refreshing = true
+      this.finished = false
+      this.loading = true
+      this.onSearch()
+    },
+    /**
      * 查询
      */
-        onSearch() {
-            this.stateActive = false
-            ActionUtils.initListData(this)
-            this.loadData()
-        },
-        /**
+    onSearch() {
+      this.stateActive = false
+      ActionUtils.initListData(this)
+      this.loadData()
+    },
+    /**
      * 高级查询
      */
-        onMoreSearch(params) {
-            if (this.$utils.isNotEmpty(this.typeId)) {
-                params['Q^type_id_^SL'] = this.typeId
-            }
-            this.moreParams = params
-            this.onSearch()
-            if (this.$utils.isNotEmpty(params)) {
-                this.stateActive = true
-            }
-        },
-        /**
+    onMoreSearch(params) {
+      if (this.$utils.isNotEmpty(this.typeId)) {
+        params['Q^type_id_^SL'] = this.typeId
+      }
+      this.moreParams = params
+      this.onSearch()
+      if (this.$utils.isNotEmpty(params)) {
+        this.stateActive = true
+      }
+    },
+    /**
      * 弹窗更多查询条件
      */
-        clickMoreSearch() {
-            this.moreSearchPopup = true
-            this.stateActive = false
-        },
-        /**
+    clickMoreSearch() {
+      this.moreSearchPopup = true
+      this.stateActive = false
+    },
+    /**
      * 重置表单
      */
-        resetForm() {
-            this.typeId = ''
-            this.checker = ''
-        },
-        clickType() {
-            this.typeTreePopup = true
-        },
-        clickTypeNode(data) {
-            this.typeId = data.id
-            this.onMoreSearch({})
-        },
-        getTaskDesc(v) {
-            if (!v.includes('#')) {
-                return ''
-            }
-            return v.split('#')[1] || ''
-        },
-        onClick(item) {
-            this.instId = item.id
-            this.formrenderTitle = item.procDefName
-            this.formrenderVisible = true
-        }
+    resetForm() {
+      this.typeId = ''
+      this.checker = ''
+    },
+    clickType() {
+      this.typeTreePopup = true
+    },
+    clickTypeNode(data) {
+      this.typeId = data.id
+      this.onMoreSearch({})
+    },
+    getTaskDesc(v) {
+      if (!v.includes('#')) {
+        return ''
+      }
+      return v.split('#')[1] || ''
+    },
+    onClick(item) {
+      this.instId = item.id
+      this.formrenderTitle = item.procDefName
+      this.formrenderVisible = true
     }
+  }
 }
 </script>
 <style lang="scss" scoped>

+ 152 - 145
src/views/platform/bpmn/handled/index.vue

@@ -32,6 +32,8 @@
                 </template>
             </van-search>
         </van-sticky>
+        <van-notice-bar :scrollable="false" style="min-height: 28px;" color="#1989fa" background="#ecf9ff" text="仅支持部分无需补充填写数据的流程处理" />
+
         <div class="ibps-blank-bar" />
         <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
             <van-list v-model="loading" :finished="finished" @load="loadData">
@@ -47,8 +49,13 @@
                         <van-tag v-if="$store.getters.deptList.find(i=>i.positionId==getTaskInfo(item.subject))" color="#f4f4f5" text-color="#909399" type="success" >{{ $store.getters.deptList.find(i=>i.positionId==getTaskInfo(item.subject)).positionName }}</van-tag>
                     </template>
                     <template slot="icon">
-                        <ibps-avatar :icon="_randomIcon(index)" :text="item.name" :bg-color="_randomColor(index)" radius="4"
-                        icon-prefix="ibps-icon" class="ibps-mr-10" />
+                        <ibps-avatar
+:icon="_randomIcon(index)"
+:text="item.name"
+:bg-color="_randomColor(index)"
+radius="4"
+                        icon-prefix="ibps-icon"
+class="ibps-mr-10" />
                     </template>
                     <span>{{ item.createTime | formatRelativeTime }}</span>
                     <div>
@@ -121,169 +128,169 @@ import CommonData from '../mixin/utils'
 import IbpsBpmnFormrenderDialog from '@/business/platform/bpmn/form/dialog'
 
 export default {
-    components: {
-        IbpsMoreSearch,
-        IbpsTypeTree,
-        IbpsAvatar,
-        IbpsListResultPage,
-        IbpsBpmnFormrenderDialog
-    },
-    mixins: [random, bpmnStatus,CommonData],
-    data() {
-        return {
-            stateActive: false,
-            moreSearchPopup: false,
-            typeTreePopup: false,
-            searchForms: {
-                forms: [
-                    { prop: 'Q^inst.proc_def_name_^SL', label: '事务名称', fieldType: 'text' },
-                    { prop: 'Q^inst.subject_^SL', label: '事务说明', fieldType: 'text' },
-                    // { prop: 'Q^TASK_NAME_^SL', label: '事务说明', fieldType: 'text' },
-                    {
-                        prop: ['Q^inst.create_time_^DL', 'Q^inst.create_time_^DG'],
-                        label: '创建时间',
-                        fieldType: 'dateRange',
-                        options: { datefmt: 'yyyy-MM-dd' }
-                    },
-                    {
-                        // prop: 'Q^APO.STATUS_^S',
-                        prop: 'Q^inst.status_^SL',
-                        label: '是否结束',
-                        fieldType: 'checker',
-                        cols: 3,
-                        valueKey: 'value',
-                        options: [
-                            { value: 'end', label: '是' },
-                            { value: 'running', label: '否' }
-                            // { value: 'reject', label: '驳回' },
-                            // { value: 'rejectToStart', label: '驳回发起人' },
-                            // { value: 'abandon', label: '弃权' }
-                        ]
-                    }
-                ]
-            },
-            proName: '',
-            subject: '',
-            typeId: '',
-            moreParams: {},
+  components: {
+    IbpsMoreSearch,
+    IbpsTypeTree,
+    IbpsAvatar,
+    IbpsListResultPage,
+    IbpsBpmnFormrenderDialog
+  },
+  mixins: [random, bpmnStatus, CommonData],
+  data() {
+    return {
+      stateActive: false,
+      moreSearchPopup: false,
+      typeTreePopup: false,
+      searchForms: {
+        forms: [
+          { prop: 'Q^inst.proc_def_name_^SL', label: '事务名称', fieldType: 'text' },
+          { prop: 'Q^inst.subject_^SL', label: '事务说明', fieldType: 'text' },
+          // { prop: 'Q^TASK_NAME_^SL', label: '事务说明', fieldType: 'text' },
+          {
+            prop: ['Q^inst.create_time_^DL', 'Q^inst.create_time_^DG'],
+            label: '创建时间',
+            fieldType: 'dateRange',
+            options: { datefmt: 'yyyy-MM-dd' }
+          },
+          {
+            // prop: 'Q^APO.STATUS_^S',
+            prop: 'Q^inst.status_^SL',
+            label: '是否结束',
+            fieldType: 'checker',
+            cols: 3,
+            valueKey: 'value',
+            options: [
+              { value: 'end', label: '是' },
+              { value: 'running', label: '否' }
+              // { value: 'reject', label: '驳回' },
+              // { value: 'rejectToStart', label: '驳回发起人' },
+              // { value: 'abandon', label: '弃权' }
+            ]
+          }
+        ]
+      },
+      proName: '',
+      subject: '',
+      typeId: '',
+      moreParams: {},
 
-            listData: [],
-            pagination: { limit: 100 },
-            sorts: {},
+      listData: [],
+      pagination: { limit: 100 },
+      sorts: {},
 
-            loading: false,
-            finished: false,
-            refreshing: false,
-            resultType: 'init',
-            errorType: null,
-            resultMessage: null,
+      loading: false,
+      finished: false,
+      refreshing: false,
+      resultType: 'init',
+      errorType: null,
+      resultMessage: null,
 
-            instId: '',
-            formrenderVisible: false,
-            formrenderTitle: ''
-        }
+      instId: '',
+      formrenderVisible: false,
+      formrenderTitle: ''
+    }
+  },
+  methods: {
+    generateTitle(name, title) {
+      // generateTitle by vue-i18n
+      return i18n.generateTitle(name, title)
     },
-    methods: {
-        generateTitle(name, title) {
-            // generateTitle by vue-i18n
-            return i18n.generateTitle(name, title)
-        },
-        /**
+    /**
      * 加载数据
      */
-        loadData() {
-            this.loading = true
-            handled(this.getSearcFormData())
-                .then(response => {
-                    // 处理数据
-                    ActionUtils.existHandleListData(
-                        this,
-                        response.data,
-                        this.$store.getters.flowList,
-                        'bpmnDefId',
-                        'bpmn_liu_cheng_di'
-                    )
-                })
-                .catch(e => {
-                    ActionUtils.handleErrorData(this, e)
-                })
-        },
-        /**
+    loadData() {
+      this.loading = true
+      handled(this.getSearcFormData())
+        .then(response => {
+          // 处理数据
+          ActionUtils.existHandleListData(
+            this,
+            response.data,
+            this.$store.getters.flowList,
+            'bpmnDefId',
+            'bpmn_liu_cheng_di'
+          )
+        })
+        .catch(e => {
+          ActionUtils.handleErrorData(this, e)
+        })
+    },
+    /**
      * 获取格式化参数
      */
-        getSearcFormData() {
-            let params = {}
-            if (this.$utils.isNotEmpty(this.proName)) {
-                params['Q^inst.proc_def_name_^SL'] = this.proName
-            }
-            if (this.$utils.isNotEmpty(this.moreParams)) {
-                params = Object.assign(params, this.moreParams)
-            }
+    getSearcFormData() {
+      let params = {}
+      if (this.$utils.isNotEmpty(this.proName)) {
+        params['Q^inst.proc_def_name_^SL'] = this.proName
+      }
+      if (this.$utils.isNotEmpty(this.moreParams)) {
+        params = Object.assign(params, this.moreParams)
+      }
 
-            return ActionUtils.formatParams(params, this.pagination, this.sorts)
-        },
-        /**
+      return ActionUtils.formatParams(params, this.pagination, this.sorts)
+    },
+    /**
      * 下拉刷新
      */
-        onRefresh() {
-            this.refreshing = true
-            this.finished = false
-            this.loading = true
-            this.onSearch()
-        },
-        /**
+    onRefresh() {
+      this.refreshing = true
+      this.finished = false
+      this.loading = true
+      this.onSearch()
+    },
+    /**
      * 查询
      */
-        onSearch() {
-            this.stateActive = false
-            ActionUtils.initListData(this)
-            this.loadData()
-        },
-        /**
+    onSearch() {
+      this.stateActive = false
+      ActionUtils.initListData(this)
+      this.loadData()
+    },
+    /**
      * 高级查询
      */
-        onMoreSearch(params) {
-            if (this.$utils.isNotEmpty(this.typeId)) {
-                params['Q^type_id_^SL'] = this.typeId
-            }
-            this.moreParams = params
-            this.onSearch()
-            if (this.$utils.isNotEmpty(params)) {
-                this.stateActive = true
-            }
-        },
-        /**
+    onMoreSearch(params) {
+      if (this.$utils.isNotEmpty(this.typeId)) {
+        params['Q^type_id_^SL'] = this.typeId
+      }
+      this.moreParams = params
+      this.onSearch()
+      if (this.$utils.isNotEmpty(params)) {
+        this.stateActive = true
+      }
+    },
+    /**
      * 弹窗更多查询条件
      */
-        clickMoreSearch() {
-            this.moreSearchPopup = true
-            this.stateActive = false
-        },
-        /**
+    clickMoreSearch() {
+      this.moreSearchPopup = true
+      this.stateActive = false
+    },
+    /**
      * 重置表单
      */
-        resetForm() {
-            this.typeId = ''
-        },
-        clickType() {
-            this.typeTreePopup = true
-        },
-        clickTypeNode(data) {
-            this.typeId = data.id
-            this.onMoreSearch({})
-        },
-        getTaskDesc(v) {
-            if (!v.includes('#')) {
-                return ''
-            }
-            return v.split('#')[1] || ''
-        },
-        onClick(item) {
-            this.instId = item.id
-            this.formrenderTitle = item.taskName
-            this.formrenderVisible = true
-        }
+    resetForm() {
+      this.typeId = ''
+    },
+    clickType() {
+      this.typeTreePopup = true
+    },
+    clickTypeNode(data) {
+      this.typeId = data.id
+      this.onMoreSearch({})
+    },
+    getTaskDesc(v) {
+      if (!v.includes('#')) {
+        return ''
+      }
+      return v.split('#')[1] || ''
+    },
+    onClick(item) {
+      this.instId = item.id
+      this.formrenderTitle = item.taskName
+      this.formrenderVisible = true
     }
+  }
 }
 </script>
 <style lang="scss" scoped>

+ 3 - 1
src/views/platform/bpmn/my-request/index.vue

@@ -32,6 +32,8 @@
         </template>
       </van-search>
     </van-sticky>
+    <van-notice-bar :scrollable="false" color="#1989fa" background="#ecf9ff" style="min-height: 28px;" text="仅支持部分无需补充填写数据的流程处理" />
+    <div class="ibps-blank-bar" />
     <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
       <van-list v-model="loading" :finished="finished" @load="loadData">
         <van-swipe-cell
@@ -145,7 +147,7 @@ export default {
     IbpsListResultPage,
     IbpsBpmnFormrenderDialog
   },
-  mixins: [random, bpmnStatus,CommonData],
+  mixins: [random, bpmnStatus, CommonData],
   data() {
     return {
       stateActive: false,

+ 340 - 337
src/views/platform/bpmn/pending/index.vue

@@ -41,6 +41,9 @@
                 </template>
             </van-search>
         </van-sticky>
+        <van-notice-bar :scrollable="false" style="min-height: 28px;" color="#1989fa" background="#ecf9ff" text="仅支持部分无需补充填写数据的流程处理" />
+        <div class="ibps-blank-bar" />
+
         <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
             <van-list v-model="loading" :finished="finished" @load="loadData">
                 <van-checkbox-group v-model="checkedIds">
@@ -149,16 +152,16 @@
 </template>
 <script>
 import {
-    pending4User,
-    pending4Org,
-    pending4OrgManager,
-    pending4Role,
-    pending4Position,
-    pending4Group
+  pending4User,
+  pending4Org,
+  pending4OrgManager,
+  pending4Role,
+  pending4Position,
+  pending4Group
 } from '@/api/platform/office/bpmReceived'
 import {
-    batchSuspendProcess,
-    batchRecoverProcess
+  batchSuspendProcess,
+  batchRecoverProcess
 } from '@/api/platform/bpmn/bpmTask'
 
 import i18n from '@/utils/i18n'
@@ -178,364 +181,364 @@ import CommonData from '../mixin/utils'
 import IbpsBpmnFormrenderDialog from '@/business/platform/bpmn/form/dialog'
 
 export default {
-    components: {
-        IbpsMoreSearch,
-        IbpsAvatar,
-        IbpsListResultPage,
-        IbpsTypeTree,
-        IbpsBpmnDefinition,
-        IbpsToolbar,
-        ApprovePopup,
-        IbpsBpmnFormrenderDialog
-    },
-    mixins: [random, bpmnStatus, CommonData],
-    data() {
-        return {
-        // tabActive: 'userType',
-            tabActive: 'user',
-            tabDatas: [
-                {
-                    name: 'user',
-                    title: '用户'
-                },
-                {
-                    name: 'org',
-                    title: '组织'
-                },
-                {
-                    name: 'orgManager',
-                    title: '组织负责人'
-                },
-                {
-                    name: 'role',
-                    title: '角色'
-                },
-                {
-                    name: 'position',
-                    title: '岗位'
-                },
-                {
-                    name: 'group',
-                    title: '用户组'
-                }
-            ],
-            moreSearchPopup: false,
-            stateActive: false,
-            searchForms: {
-                forms: [
-                    { prop: 'Q^procDefName^SL', label: '事务名称' },
-                    // { prop: 'Q^inst.subject_^SL', label: '事务说明' },
-                    { prop: 'Q^temp.subject_^SL', label: '事务说明' },
-                    {
-                        prop: ['Q^temp.create_time_^DL', 'Q^temp.create_time_^DG'],
-                        label: '创建时间',
-                        fieldType: 'dateRange',
-                        options: { datefmt: 'yyyy-MM-dd' }
-                    }
-                ]
-            },
-            subject: '',
-            proName: '',
-            typeId: '',
-            defKey: '',
-            moreParams: {},
+  components: {
+    IbpsMoreSearch,
+    IbpsAvatar,
+    IbpsListResultPage,
+    IbpsTypeTree,
+    IbpsBpmnDefinition,
+    IbpsToolbar,
+    ApprovePopup,
+    IbpsBpmnFormrenderDialog
+  },
+  mixins: [random, bpmnStatus, CommonData],
+  data() {
+    return {
+      // tabActive: 'userType',
+      tabActive: 'user',
+      tabDatas: [
+        {
+          name: 'user',
+          title: '用户'
+        },
+        {
+          name: 'org',
+          title: '组织'
+        },
+        {
+          name: 'orgManager',
+          title: '组织负责人'
+        },
+        {
+          name: 'role',
+          title: '角色'
+        },
+        {
+          name: 'position',
+          title: '岗位'
+        },
+        {
+          name: 'group',
+          title: '用户组'
+        }
+      ],
+      moreSearchPopup: false,
+      stateActive: false,
+      searchForms: {
+        forms: [
+          { prop: 'Q^procDefName^SL', label: '事务名称' },
+          // { prop: 'Q^inst.subject_^SL', label: '事务说明' },
+          { prop: 'Q^temp.subject_^SL', label: '事务说明' },
+          {
+            prop: ['Q^temp.create_time_^DL', 'Q^temp.create_time_^DG'],
+            label: '创建时间',
+            fieldType: 'dateRange',
+            options: { datefmt: 'yyyy-MM-dd' }
+          }
+        ]
+      },
+      subject: '',
+      proName: '',
+      typeId: '',
+      defKey: '',
+      moreParams: {},
 
-            listData: [],
-            pagination: {
-                limit: 100
-            },
-            sorts: {},
+      listData: [],
+      pagination: {
+        limit: 100
+      },
+      sorts: {},
 
-            loading: false,
-            finished: false,
-            refreshing: false,
-            resultType: 'init',
-            errorType: null,
-            resultMessage: null,
+      loading: false,
+      finished: false,
+      refreshing: false,
+      resultType: 'init',
+      errorType: null,
+      resultMessage: null,
 
-            checkMode: false,
-            checkedIds: [],
-            show: false,
-            actions: [
-                {
-                    name: this.$t('common.button.agree'),
-                    type: 'primary',
-                    callback: this.openAgreeDialog
-                },
-                {
-                    name: this.$t('common.button.stop'),
-                    type: 'danger',
-                    callback: this.openStopDialog
-                },
-                {
-                    name: this.$t('common.button.suspend'),
-                    type: 'warning',
-                    callback: this.suspend
-                },
-                {
-                    name: this.$t('common.button.recover'),
-                    type: 'info',
-                    callback: this.recover
-                }
-            ],
-            batchOpinionPopup: false,
-            actionName: 'agree',
+      checkMode: false,
+      checkedIds: [],
+      show: false,
+      actions: [
+        {
+          name: this.$t('common.button.agree'),
+          type: 'primary',
+          callback: this.openAgreeDialog
+        },
+        {
+          name: this.$t('common.button.stop'),
+          type: 'danger',
+          callback: this.openStopDialog
+        },
+        {
+          name: this.$t('common.button.suspend'),
+          type: 'warning',
+          callback: this.suspend
+        },
+        {
+          name: this.$t('common.button.recover'),
+          type: 'info',
+          callback: this.recover
+        }
+      ],
+      batchOpinionPopup: false,
+      actionName: 'agree',
 
-            typeTreePopup: false,
+      typeTreePopup: false,
 
-            taskId: '',
-            formrenderVisible: false,
-            formrenderTitle: ''
-        }
+      taskId: '',
+      formrenderVisible: false,
+      formrenderTitle: ''
+    }
+  },
+  computed: {
+    rightText() {
+      return this.checkMode
+        ? this.$t('common.button.cancel')
+        : this.$t('common.button.manage')
     },
-    computed: {
-        rightText() {
-            return this.checkMode
-                ? this.$t('common.button.cancel')
-                : this.$t('common.button.manage')
-        },
-        selectedIds() {
-            return this.checkedIds.join(',')
-        }
+    selectedIds() {
+      return this.checkedIds.join(',')
+    }
+  },
+  methods: {
+    generateTitle(name, title) {
+      // generateTitle by vue-i18n
+      return i18n.generateTitle(name, title)
     },
-    methods: {
-        generateTitle(name, title) {
-        // generateTitle by vue-i18n
-            return i18n.generateTitle(name, title)
-        },
-        /**
+    /**
        * 加载数据
        */
-        loadData() {
-            this.loading = true
-            let requestMethod
-            switch (this.tabActive) {
-                case 'user':
-                    requestMethod = pending4User
-                    break
-                case 'org':
-                    requestMethod = pending4Org
-                    break
-                case 'orgManager':
-                    requestMethod = pending4OrgManager
+    loadData() {
+      this.loading = true
+      let requestMethod
+      switch (this.tabActive) {
+        case 'user':
+          requestMethod = pending4User
+          break
+        case 'org':
+          requestMethod = pending4Org
+          break
+        case 'orgManager':
+          requestMethod = pending4OrgManager
 
-                    break
-                case 'role':
-                    requestMethod = pending4Role
-                    break
-                case 'position':
-                    requestMethod = pending4Position
-                    break
-                case 'group':
-                    requestMethod = pending4Group
-                    break
-                default:
-                    break
-            }
+          break
+        case 'role':
+          requestMethod = pending4Role
+          break
+        case 'position':
+          requestMethod = pending4Position
+          break
+        case 'group':
+          requestMethod = pending4Group
+          break
+        default:
+          break
+      }
 
-            requestMethod(this.getSearcFormData())
-                .then(response => {
-                    // 处理数据
-                    ActionUtils.existHandleListData(
-                        this,
-                        response.data,
-                        this.$store.getters.flowList,
-                        'procDefId',
-                        'liu_cheng_id_'
-                    )
-                })
-                .catch(e => {
-                    ActionUtils.handleErrorData(this, e)
-                })
-        },
-        /**
+      requestMethod(this.getSearcFormData())
+        .then(response => {
+          // 处理数据
+          ActionUtils.existHandleListData(
+            this,
+            response.data,
+            this.$store.getters.flowList,
+            'procDefId',
+            'liu_cheng_id_'
+          )
+        })
+        .catch(e => {
+          ActionUtils.handleErrorData(this, e)
+        })
+    },
+    /**
        * 获取格式化参数
        */
-        getSearcFormData() {
-            let params = {}
-            // params['Q^temp.proc_def_id_^SL'] = ''
-            // if (this.$utils.isNotEmpty(this.subject)) {
-            //   params['Q^temp.procDefName^SL'] = this.subject
-            // }
-            if (this.$utils.isNotEmpty(this.proName)) {
-                params['Q^procDefName^SL'] = this.proName
-            }
-            //流程树搜索
-            if (this.$utils.isNotEmpty(this.typeId)) {
-                params['Q^TYPE_ID_^S'] = this.typeId
-            }
-            // if (this.$utils.isNotEmpty(this.defKey)) {
-            //   params['Q^temp.proc_def_key_^S'] = this.defKey
-            // }
-            if (this.$utils.isNotEmpty(this.moreParams)) {
-                params = Object.assign(params, this.moreParams)
-            }
+    getSearcFormData() {
+      let params = {}
+      // params['Q^temp.proc_def_id_^SL'] = ''
+      // if (this.$utils.isNotEmpty(this.subject)) {
+      //   params['Q^temp.procDefName^SL'] = this.subject
+      // }
+      if (this.$utils.isNotEmpty(this.proName)) {
+        params['Q^procDefName^SL'] = this.proName
+      }
+      // 流程树搜索
+      if (this.$utils.isNotEmpty(this.typeId)) {
+        params['Q^TYPE_ID_^S'] = this.typeId
+      }
+      // if (this.$utils.isNotEmpty(this.defKey)) {
+      //   params['Q^temp.proc_def_key_^S'] = this.defKey
+      // }
+      if (this.$utils.isNotEmpty(this.moreParams)) {
+        params = Object.assign(params, this.moreParams)
+      }
 
-            return ActionUtils.formatParams(params, this.pagination, this.sorts)
-        },
-        /**
+      return ActionUtils.formatParams(params, this.pagination, this.sorts)
+    },
+    /**
        * 下拉刷新
        */
-        onRefresh() {
-            this.refreshing = true
-            this.finished = false
-            this.loading = true
-            this.onSearch()
-        },
-        /**
+    onRefresh() {
+      this.refreshing = true
+      this.finished = false
+      this.loading = true
+      this.onSearch()
+    },
+    /**
        * 查询
        */
-        onSearch() {
-            this.stateActive = false
-            ActionUtils.initListData(this)
-            this.loadData()
-        },
-        /**
+    onSearch() {
+      this.stateActive = false
+      ActionUtils.initListData(this)
+      this.loadData()
+    },
+    /**
        * 高级查询
        */
-        onMoreSearch(params) {
-            if (this.$utils.isNotEmpty(this.typeId)) {
-                params['Q^TYPE_ID_^S'] = this.typeId
-            }
-            this.moreParams = params
-            this.onSearch()
-            if (this.$utils.isNotEmpty(params)) {
-                this.stateActive = true
-            }
-        },
-        /**
+    onMoreSearch(params) {
+      if (this.$utils.isNotEmpty(this.typeId)) {
+        params['Q^TYPE_ID_^S'] = this.typeId
+      }
+      this.moreParams = params
+      this.onSearch()
+      if (this.$utils.isNotEmpty(params)) {
+        this.stateActive = true
+      }
+    },
+    /**
        * 弹窗更多查询条件
        */
-        clickMoreSearch() {
-            this.moreSearchPopup = true
-            this.stateActive = false
-        },
-        /**
+    clickMoreSearch() {
+      this.moreSearchPopup = true
+      this.stateActive = false
+    },
+    /**
        * 重置表单
        */
-        resetForm() {
-            this.typeId = ''
-            this.defKey = ''
-        },
+    resetForm() {
+      this.typeId = ''
+      this.defKey = ''
+    },
 
-        onRefreshPage() {
-            this.checkedIds = []
-            this.checkMode = false
-            this.onRefresh()
-        },
+    onRefreshPage() {
+      this.checkedIds = []
+      this.checkMode = false
+      this.onRefresh()
+    },
 
-        onClick(item, index) {
-            if (this.checkMode) {
-                this.$refs.checkboxes[index].toggle()
-            } else {
-                this.taskId = item.id
-                this.formrenderTitle = item.procDefName
-                this.formrenderVisible = true
-            }
-        },
-        clickType() {
-            this.typeTreePopup = true
-        },
-        clickTypeNode(data) {
-            console.log(data, 'datadatadatda')
-            this.typeId = data.id
-            this.onMoreSearch({})
-        },
-        toCheckMode() {
-            if (this.$utils.isEmpty(this.listData)) {
-                return
-            }
-            if (this.checkMode) {
-                this.show = true
-                this.checkedIds = []
-            }
-            this.checkMode = !this.checkMode
-        },
-        openAgreeDialog() {
-            if (this.checkedIds.length === 0) {
-                this.$notify({
-                    type: 'warning',
-                    message: this.$t('common.dialog.selectedRecords')
-                })
-                return
-            }
-            this.batchOpinionPopup = true
-            this.actionName = 'agree'
-        },
-        openStopDialog() {
-            if (this.checkedIds.length === 0) {
-                this.$notify({
-                    type: 'warning',
-                    message: this.$t('common.dialog.selectedRecords')
-                })
-                return
-            }
-            this.batchOpinionPopup = true
-            this.actionName = 'stop'
-        },
+    onClick(item, index) {
+      if (this.checkMode) {
+        this.$refs.checkboxes[index].toggle()
+      } else {
+        this.taskId = item.id
+        this.formrenderTitle = item.procDefName
+        this.formrenderVisible = true
+      }
+    },
+    clickType() {
+      this.typeTreePopup = true
+    },
+    clickTypeNode(data) {
+      console.log(data, 'datadatadatda')
+      this.typeId = data.id
+      this.onMoreSearch({})
+    },
+    toCheckMode() {
+      if (this.$utils.isEmpty(this.listData)) {
+        return
+      }
+      if (this.checkMode) {
+        this.show = true
+        this.checkedIds = []
+      }
+      this.checkMode = !this.checkMode
+    },
+    openAgreeDialog() {
+      if (this.checkedIds.length === 0) {
+        this.$notify({
+          type: 'warning',
+          message: this.$t('common.dialog.selectedRecords')
+        })
+        return
+      }
+      this.batchOpinionPopup = true
+      this.actionName = 'agree'
+    },
+    openStopDialog() {
+      if (this.checkedIds.length === 0) {
+        this.$notify({
+          type: 'warning',
+          message: this.$t('common.dialog.selectedRecords')
+        })
+        return
+      }
+      this.batchOpinionPopup = true
+      this.actionName = 'stop'
+    },
 
-        suspend() {
-            if (this.checkedIds.length === 0) {
-                this.$notify({
-                    type: 'warning',
-                    message: this.$t('common.dialog.selectedRecords')
-                })
-                return
-            }
+    suspend() {
+      if (this.checkedIds.length === 0) {
+        this.$notify({
+          type: 'warning',
+          message: this.$t('common.dialog.selectedRecords')
+        })
+        return
+      }
 
-            this.$dialog
-                .confirm({
-                    title: this.$t('common.dialog.warn'),
-                    message: this.$t('common.operate.makeSure')
-                })
-                .then(() => {
-                    batchSuspendProcess({ taskIds: this.selectedIds })
-                        .then(response => {
-                            this.$notify({
-                                type: 'success',
-                                message: '批量挂起流程成功!'
-                            })
-                            this.onRefreshPage()
-                        })
-                        .catch(e => {
-                            console.error(e)
-                        })
-                })
-        },
-        getTaskDesc(v) {
-            if (!v.includes('#')) {
-                return ''
-            }
-            return v.split('#')[1] || ''
-        },
-        recover() {
-            if (this.checkedIds.length === 0) {
-                this.$notify({
-                    type: 'warning',
-                    message: this.$t('common.dialog.selectedRecords')
-                })
-                return
-            }
-            this.$dialog
-                .confirm({
-                    title: this.$t('common.dialog.warn'),
-                    message: this.$t('common.operate.makeSure')
-                })
-                .then(() => {
-                    batchRecoverProcess({ taskIds: this.selectedIds })
-                        .then(response => {
-                            this.$notify({
-                                type: 'success',
-                                message: '批量恢复流程成功!'
-                            })
-                            this.onRefreshPage()
-                        })
-                        .catch(e => {
-                            console.error(e)
-                        })
-                })
-        }
+      this.$dialog
+        .confirm({
+          title: this.$t('common.dialog.warn'),
+          message: this.$t('common.operate.makeSure')
+        })
+        .then(() => {
+          batchSuspendProcess({ taskIds: this.selectedIds })
+            .then(response => {
+              this.$notify({
+                type: 'success',
+                message: '批量挂起流程成功!'
+              })
+              this.onRefreshPage()
+            })
+            .catch(e => {
+              console.error(e)
+            })
+        })
+    },
+    getTaskDesc(v) {
+      if (!v.includes('#')) {
+        return ''
+      }
+      return v.split('#')[1] || ''
+    },
+    recover() {
+      if (this.checkedIds.length === 0) {
+        this.$notify({
+          type: 'warning',
+          message: this.$t('common.dialog.selectedRecords')
+        })
+        return
+      }
+      this.$dialog
+        .confirm({
+          title: this.$t('common.dialog.warn'),
+          message: this.$t('common.operate.makeSure')
+        })
+        .then(() => {
+          batchRecoverProcess({ taskIds: this.selectedIds })
+            .then(response => {
+              this.$notify({
+                type: 'success',
+                message: '批量恢复流程成功!'
+              })
+              this.onRefreshPage()
+            })
+            .catch(e => {
+              console.error(e)
+            })
+        })
     }
+  }
 }
 </script>
 <style lang="scss" scoped>