投诉修改

src/views/platform/bpmn/complaint/complaint.vue

@@ -64,7 +64,7 @@
           required
           label="投诉部门及人员:"
           placeholder="请输入投诉部门及人员"
-          label-width="8em"
+          label-width="6em"
           clearable
           :type="typeValue == '2' ? 'textarea' : 'text'"
           autosize
@@ -172,14 +172,22 @@
           >
             审核
           </div>
-          <van-field
-            :value="form.touSuQueRen | getValue"
+          <!-- <van-field
+            :value="form.touSuShouLi | getValue"
             autosize
             type="textarea"
             label="投诉受理审核："
             label-width="7em"
             clearable
-            :readonly="typeValue != 2"
+            :readonly="typeValue == '2'"
+            class="typeStyle"
+          /> -->
+          <van-field
+            :value="form.touSuFenLeiQiTa | getValueP(userList)"
+            label="投诉处理人："
+            label-width="6em"
+            clearable
+            :readonly="typeValue == '2'"
             class="typeStyle"
           />
         </van-cell-group>
@@ -198,7 +206,7 @@
             label="事实调查情况："
             label-width="7em"
             clearable
-            :readonly="typeValue != 2"
+            :readonly="typeValue == '2'"
             class="typeStyle"
           />
           <ibps-uploader
@@ -211,6 +219,14 @@
             clearable
             :readonly="typeValue == '2' ? true : false"
           />
+          <van-field
+            :value="form.touSuQueRen | getValue"
+            label="是否有效投诉："
+            label-width="7em"
+            clearable
+            :readonly="typeValue == '2'"
+            class="typeStyle"
+          />
           <van-field
             :value="form.chuLiCuoShi | getValue"
             autosize
@@ -219,7 +235,7 @@
             label="处理措施："
             label-width="5em"
             clearable
-            :readonly="typeValue != 2"
+            :readonly="typeValue == '2'"
           />
         </van-cell-group>
         <van-cell-group>
@@ -237,7 +253,7 @@
             label="处理结果确认："
             label-width="7em"
             clearable
-            :readonly="typeValue != 2"
+            :readonly="typeValue == '2'"
           />
         </van-cell-group>
         <van-cell-group>
@@ -254,7 +270,7 @@
             label="处理结果是否通知当事人："
             label-width="12em"
             clearable
-            :readonly="typeValue != 2"
+            :readonly="typeValue == '2'"
             class="typeStyle"
           />
           <ibps-uploader
@@ -275,7 +291,7 @@
             label="通知内容："
             label-width="5em"
             clearable
-            :readonly="typeValue != 2"
+            :readonly="typeValue == '2'"
           />
         </van-cell-group>
       </div>
@@ -316,6 +332,14 @@ export default {
     IbpsUploader
   },
   filters: {
+    getValueP(value, arr) {
+      if (value && value !== '') {
+        const obj = arr.find(i => i.userId == value)
+        return obj.userName
+      } else {
+        return '/'
+      }
+    },
     getValue(value) {
       if (value && value !== '') {
         return value
@@ -345,9 +369,10 @@ export default {
     }
   },
   data() {
-    const useId = this.$store.getters.userId
+    const { useId, userList = [] } = this.$store.getters
     return {
       useId,
+      userList,
       show: this.showPop,
       sheetShow: false,
       option2: '',
@@ -376,6 +401,7 @@ export default {
         fuJian: '',
         touSuRiQi: '',
         touSuQueRen: '',
+        touSuShouLi: '',
         touSuFenLeiQiTa: '',
         shiShiDiaoChaQing: '',
         diaoChaQingKuangF: '',
@@ -452,6 +478,7 @@ export default {
             fuJian: '',
             touSuRiQi: '',
             touSuQueRen: '',
+            touSuShouLi: '',
             touSuFenLeiQiTa: '',
             shiShiDiaoChaQing: '',
             diaoChaQingKuangF: '',
@@ -473,10 +500,11 @@ export default {
           this.form.touSuDanWei = info.user.qq
           this.form.lianXiDianHua = info.user.mobile
           this.orgId = info.employee.positions
-          if (this.id && this.id !== '') {
+          if (this.id) {
             this.getDe(this.id)
-          } else {
-            this.getTaskId(this.id)
+            if (this.typeValue == 3) {
+              this.getTaskId(this.id)
+            }
           }
         }
       },
@@ -593,6 +621,7 @@ export default {
             fuJian: data.fu_jian_,
             touSuRiQi: data.tou_su_ri_qi_,
             touSuQueRen: data.tou_su_que_ren_,
+            touSuShouLi: data.tou_su_shou_li_sh,
             touSuFenLeiQiTa: data.tou_su_fen_lei_qi,
             shiShiDiaoChaQing: data.shi_shi_diao_cha_,
             diaoChaQingKuangF: data.diao_cha_qing_kua,

src/views/platform/bpmn/complaint/complaintList.vue

@@ -1,409 +1,487 @@
 <template>
-  <div :class="{'ibps-fixed-toolbar':checkMode}">
+  <div :class="{ 'ibps-fixed-toolbar': checkMode }">
     <van-sticky>
-      <van-nav-bar :title="generateTitle($route.name,$route.params.title||$route.meta.title)"
-        :left-text="$t('common.button.back')" left-arrow
-        @click-left="$router.push({ name: 'dashboard' })" />
-      <van-search v-model="twoParam" show-action placeholder="输入搜索的投诉者/投诉单位" @search="onSearch">
+      <van-nav-bar
+        :title="
+          generateTitle($route.name, $route.params.title || $route.meta.title)
+        "
+        :left-text="$t('common.button.back')"
+        left-arrow
+        @click-left="$router.push({ name: 'dashboard' })"
+      />
+      <van-search
+        v-model="twoParam"
+        show-action
+        placeholder="输入搜索的投诉者/投诉单位"
+        @search="onSearch"
+      >
         <template #action>
-          <van-icon name="filter-o" :class="{'ibps-active':stateActive}" @click="clickMoreSearch" />
+          <van-icon
+            name="filter-o"
+            :class="{ 'ibps-active': stateActive }"
+            @click="clickMoreSearch"
+          />
         </template>
       </van-search>
     </van-sticky>
     <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
       <van-list v-model="loading" :finished="finished" @load="loadData">
         <van-checkbox-group v-model="checkedIds">
-          <van-cell v-for="(item,index) in listData" :key="item.id+index" >
+          <van-cell v-for="(item, index) in listData" :key="item.id + index">
             <div class="sectionBox verticalLine">
-							<div class="left ">投诉者：</div>
-							<div>{{item.tou_su_ren_}} </div>
-						</div>
+              <div class="left ">投诉者：</div>
+              <div>{{ item.tou_su_ren_ }}</div>
+            </div>
             <div class="sectionBox">
-							<div class="left">投诉单位：</div>
-							<div>{{item.tou_su_dan_wei_}} </div>
-						</div>
-						<div class="sectionBox">
-							<div class="left">投诉受理时间：</div>
-							<div>{{item.bian_zhi_shi_jian}} </div>
-						</div>
-						<div class="sectionBox">
-							<div class="left">投诉分类：</div>
-							<div>{{item.tou_su_fen_lei_}} </div>
-						</div>
-						<div class="sectionBox">
-							<div class="left">投诉方式：</div>
-							<div>{{item.tou_su_fang_shi_}} </div>
-						</div>
-						<div class="sectionBox">
-							<div class="left">状态：</div>
-							<div style="color: #7349ff;">
-								{{item.shi_fou_guo_shen_}}
-							</div>
-						</div>
-						<div style=" width: 100%; text-align: right; padding-top: 5rpx;padding-bottom: 0rpx;">
-							<!-- <van-button type="warning" size="small" @click="getGo(item.id_,'2')" class="u-m-r-15 btn-sty" v-if="item.lei_xing_ == '1' && item.shi_fou_guo_shen_ == '已编制'">确定</van-button>
+              <div class="left">投诉单位：</div>
+              <div>{{ item.tou_su_dan_wei_ }}</div>
+            </div>
+            <div class="sectionBox">
+              <div class="left">投诉受理时间：</div>
+              <div>{{ item.bian_zhi_shi_jian }}</div>
+            </div>
+            <div class="sectionBox">
+              <div class="left">投诉分类：</div>
+              <div>{{ item.tou_su_fen_lei_ }}</div>
+            </div>
+            <div class="sectionBox">
+              <div class="left">投诉方式：</div>
+              <div>{{ item.tou_su_fang_shi_ }}</div>
+            </div>
+            <div class="sectionBox">
+              <div class="left">状态：</div>
+              <div style="color: #7349ff;">
+                {{ item.shi_fou_guo_shen_ }}
+              </div>
+            </div>
+            <div
+              style=" width: 100%; text-align: right; padding-top: 5rpx;padding-bottom: 0rpx;"
+            >
+              <!-- <van-button type="warning" size="small" @click="getGo(item.id_,'2')" class="u-m-r-15 btn-sty" v-if="item.lei_xing_ == '1' && item.shi_fou_guo_shen_ == '已编制'">确定</van-button>
 							<van-button type="success" size="small" class="u-m-r-15 btn-sty" @click="getGo(item.id_,'4')" v-if="item.shi_fou_guo_shen_ == '已退回'">修改
 							</van-button>
 							<van-button type="warning" size="small" class="btn-back-color btn-sty" @click="getGo(item.id_,'1')">查阅
 							</van-button> -->
-							<van-button type="success" size="small" @click="getGo(item.id_,'3')" class="u-m-r-15 btn-sty" v-if="item.tou_su_ri_qi_ && item.shi_fou_guo_shen_ == '已退回'">修改</van-button>
-							<van-button type="success" size="small" @click="getDe(item.id_,'3')" class="btn-back-color btn-sty">详情
-							</van-button>
-						</div>
+              <van-button
+                v-if="item.shi_fou_guo_shen_ == '已退回'"
+                type="success"
+                size="small"
+                class="u-m-r-15 btn-sty"
+                @click="getGo(item.id_, '3')"
+                >修改</van-button
+              >
+              <van-button
+                type="success"
+                size="small"
+                class="btn-back-color btn-sty"
+                @click="getDe(item.id_, '3')"
+                >详情
+              </van-button>
+            </div>
           </van-cell>
         </van-checkbox-group>
       </van-list>
-      <ibps-list-result-page :result-type="resultType" :error-type="errorType" :result-message="resultMessage" />
+      <ibps-list-result-page
+        :result-type="resultType"
+        :error-type="errorType"
+        :result-message="resultMessage"
+      />
     </van-pull-refresh>
     <div class="suspensionBtn">
-      <img src="@/assets/images/add.png" alt="" srcset="" @click="LiftUpPop()">
+      <img
+        src="@/assets/images/add.png"
+        alt=""
+        srcset=""
+        @click="LiftUpPop()"
+      />
     </div>
-    <approve-popup :visible="batchOpinionPopup" :task-id="selectedIds" :action="actionName"
-      @close="(visible)=>{batchOpinionPopup =visible}" @callback="onRefreshPage" />
+    <approve-popup
+      :visible="batchOpinionPopup"
+      :task-id="selectedIds"
+      :action="actionName"
+      @close="
+        visible => {
+          batchOpinionPopup = visible
+        }
+      "
+      @callback="onRefreshPage"
+    />
     <!--高级查询-->
-    <ibps-more-search :show="moreSearchPopup" :search-forms="searchForms" @callback="onMoreSearch"
-      @close="callback => moreSearchPopup = callback" @reset-form="resetForm">
+    <ibps-more-search
+      :show="moreSearchPopup"
+      :search-forms="searchForms"
+      @callback="onMoreSearch"
+      @close="callback => (moreSearchPopup = callback)"
+      @reset-form="resetForm"
+    >
       <template v-slot:definition>
-        <ibps-bpmn-definition v-model="defKey" value-key="defKey" input-align="left" class="van-hairline--bottom" />
+        <ibps-bpmn-definition
+          v-model="defKey"
+          value-key="defKey"
+          input-align="left"
+          class="van-hairline--bottom"
+        />
       </template>
     </ibps-more-search>
-    <communication :showPop = "showPop" @updataSet="updataSet" :typeValue = "typeValue" :id = "id"></communication>
+    <communication
+      :id="id"
+      :show-pop="showPop"
+      :type-value="typeValue"
+      @updataSet="updataSet"
+    ></communication>
   </div>
 </template>
 <script>
-  import i18n from '@/utils/i18n'
-  import random from '@/mixins/random'
-  import bpmnStatus from '@/mixins/bpmnStatus'
-  import ActionUtils from '@/utils/action'
+import i18n from '@/utils/i18n'
+import random from '@/mixins/random'
+import bpmnStatus from '@/mixins/bpmnStatus'
+import ActionUtils from '@/utils/action'
 
-  import ApprovePopup from '@/business/platform/bpmn/form-ext/approve'
+import ApprovePopup from '@/business/platform/bpmn/form-ext/approve'
 
-  import IbpsMoreSearch from '@/components/ibps-more-search'
-  import IbpsAvatar from '@/components/ibps-avatar'
-  import IbpsToolbar from '@/components/ibps-toolbar'
-  import IbpsListResultPage from '@/components/ibps-list-result-page'
-  import IbpsTypeTree from '@/business/platform/cat/type/tree'
-  import IbpsBpmnDefinition from '@/business/platform/bpmn/definition/field'
+import IbpsMoreSearch from '@/components/ibps-more-search'
+import IbpsAvatar from '@/components/ibps-avatar'
+import IbpsToolbar from '@/components/ibps-toolbar'
+import IbpsListResultPage from '@/components/ibps-list-result-page'
+import IbpsTypeTree from '@/business/platform/cat/type/tree'
+import IbpsBpmnDefinition from '@/business/platform/bpmn/definition/field'
 
-  import IbpsBpmnFormrenderDialog from '@/business/platform/bpmn/form/dialog'
-  import communication from './complaint.vue'
+import IbpsBpmnFormrenderDialog from '@/business/platform/bpmn/form/dialog'
+import communication from './complaint.vue'
 
-  export default {
-    components: {
-      IbpsMoreSearch,
-      IbpsAvatar,
-      IbpsListResultPage,
-      IbpsTypeTree,
-      IbpsBpmnDefinition,
-      IbpsToolbar,
-      ApprovePopup,
-      IbpsBpmnFormrenderDialog,
-      communication
-    },
-    mixins: [random, bpmnStatus],
-    data() {
-      const useId = this.$store.getters.userId
-      return {
-        useId,
-        moreSearchPopup: false,
-        stateActive: false,
-        searchForms: {
-          forms: [
-            { prop: 'tou_su_ren_', label: '投诉者', fieldType: 'text'  },
-            { prop: 'tou_su_dan_wei_', label: '投诉单位',  fieldType: 'text' },
-            { prop: 'tou_su_fen_lei_', label: '投诉类型', fieldType: 'checker', cols: 3, options: [
-                {
-                  value: '全部',
-                  label: '全部'
-                }, {
-                  value: '患者',
-                  label: '患者'
-                }, {
-                  value: '临床医护',
-                  label: '临床医护'
-                }, {
-                  value: '其它',
-                  label: '其它'
-                }
-              ]
-            }
-          ]
-        },
-        subject: '',
-        typeId: '',
-        defKey: '',
-        twoParam: '',
-        moreParams: {},
+export default {
+  components: {
+    IbpsMoreSearch,
+    IbpsAvatar,
+    IbpsListResultPage,
+    IbpsTypeTree,
+    IbpsBpmnDefinition,
+    IbpsToolbar,
+    ApprovePopup,
+    IbpsBpmnFormrenderDialog,
+    communication
+  },
+  mixins: [random, bpmnStatus],
+  data() {
+    const useId = this.$store.getters.userId
+    return {
+      useId,
+      moreSearchPopup: false,
+      stateActive: false,
+      searchForms: {
+        forms: [
+          { prop: 'tou_su_ren_', label: '投诉者', fieldType: 'text' },
+          { prop: 'tou_su_dan_wei_', label: '投诉单位', fieldType: 'text' },
+          {
+            prop: 'tou_su_fen_lei_',
+            label: '投诉类型',
+            fieldType: 'checker',
+            cols: 3,
+            options: [
+              {
+                value: '全部',
+                label: '全部'
+              },
+              {
+                value: '患者',
+                label: '患者'
+              },
+              {
+                value: '临床医护',
+                label: '临床医护'
+              },
+              {
+                value: '其它',
+                label: '其它'
+              }
+            ]
+          }
+        ]
+      },
+      subject: '',
+      typeId: '',
+      defKey: '',
+      twoParam: '',
+      moreParams: {},
 
-        listData: [],
-        pagination: {},
-        sorts: {},
+      listData: [],
+      pagination: {},
+      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,
-        batchOpinionPopup: false,
-        actionName: 'agree',
+      checkMode: false,
+      checkedIds: [],
+      show: false,
+      batchOpinionPopup: false,
+      actionName: 'agree',
 
-        typeTreePopup: false,
-        scrollWhere: 0,
-        taskId: '',
-        formrenderVisible: false,
-        formrenderTitle: '',
-        page: 0,
-        showPop: false,
-        typeValue: '0',
-        id: ''
-      }
+      typeTreePopup: false,
+      scrollWhere: 0,
+      taskId: '',
+      formrenderVisible: false,
+      formrenderTitle: '',
+      page: 0,
+      showPop: false,
+      typeValue: '0',
+      id: ''
+    }
+  },
+  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: {
+    updataSet(v) {
+      this.showPop = v
+      this.startScroll()
     },
-    methods: {
-      updataSet(v){
-        this.showPop=v
-        this.startScroll()
-      },
-      generateTitle(name, title) { // generateTitle by vue-i18n
-        return i18n.generateTitle(name, title)
-      },
-      /**
-       * 加载数据
-       */
-      loadData(j) {
-        this.loading = true
-        const params = this.getSearcFormData()
-        if( j === 'search'){
-          this.page = 0
-        }
-        let itemSql = ``
-        let gtlx = params.parameters.find( i => i.key === 'tou_su_fen_lei_' ) || ''
-				if ( gtlx && gtlx.value != '全部') {
-					itemSql = itemSql + `and tou_su_fen_lei_ = '${gtlx.value}'`
-				}
-        let bdbh = params.parameters.find( i => i.key === 'tou_su_dan_wei_' ) || ''
-				if ( bdbh && bdbh.value != '') {
-					itemSql = itemSql + `and tou_su_dan_wei_ like '%${bdbh.value}%'`
-				}
-        let khlxr = params.parameters.find( i => i.key === 'tou_su_ren_' ) || ''
-				if ( khlxr && khlxr.value != '') {
-					itemSql = itemSql + `and tou_su_ren_ like '%${khlxr.value}%'`
-				}
-        let two = params.parameters.find( i => i.key === 'two' ) || ''
-				if ( two ) {
-					itemSql = itemSql + `and (tou_su_ren_ like '%${two.value}%' or tou_su_dan_wei_ like '%${two.value}%')`
-				}
-        let sql =
-					`select * from t_tsclb where create_by_ = '${this.useId}' ${itemSql}  ORDER BY create_time_ desc LIMIT ${this.page*params.requestPage.limit},${params.requestPage.limit}`
-        this.$common.request('sql', sql).then(response => {
+    generateTitle(name, title) {
+      // generateTitle by vue-i18n
+      return i18n.generateTitle(name, title)
+    },
+    /**
+     * 加载数据
+     */
+    loadData(j) {
+      this.loading = true
+      const params = this.getSearcFormData()
+      if (j === 'search') {
+        this.page = 0
+      }
+      let itemSql = ``
+      const gtlx = params.parameters.find(i => i.key === 'tou_su_fen_lei_') || ''
+      if (gtlx && gtlx.value != '全部') {
+        itemSql = itemSql + `and tou_su_fen_lei_ = '${gtlx.value}'`
+      }
+      const bdbh = params.parameters.find(i => i.key === 'tou_su_dan_wei_') || ''
+      if (bdbh && bdbh.value != '') {
+        itemSql = itemSql + `and tou_su_dan_wei_ like '%${bdbh.value}%'`
+      }
+      const khlxr = params.parameters.find(i => i.key === 'tou_su_ren_') || ''
+      if (khlxr && khlxr.value != '') {
+        itemSql = itemSql + `and tou_su_ren_ like '%${khlxr.value}%'`
+      }
+      const two = params.parameters.find(i => i.key === 'two') || ''
+      if (two) {
+        itemSql =
+          itemSql +
+          `and (tou_su_ren_ like '%${two.value}%' or tou_su_dan_wei_ like '%${two.value}%')`
+      }
+      const sql = `select * from t_tsclb where create_by_ = '${
+        this.useId
+      }' ${itemSql}  ORDER BY create_time_ desc LIMIT ${this.page *
+        params.requestPage.limit},${params.requestPage.limit}`
+      this.$common
+        .request('sql', sql)
+        .then(response => {
           // 处理数据
           ActionUtils.handleListDataCommon(this, response.variables)
-        }).catch((e) => {
+        })
+        .catch(e => {
           ActionUtils.handleErrorData(this, e)
         })
-      },
-      /**
-       * 获取格式化参数
-       */
-      getSearcFormData() {
-        let params = {}
-        if (this.$utils.isNotEmpty(this.twoParam)) {
-          params['two'] = this.twoParam
-        }
-        // if (this.$utils.isNotEmpty(this.typeId)) {
-        //   params['Q^temp.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)
-        }
-				console.log(params, 'paramsparamsparamsparams')
-        return ActionUtils.formatParams(
-          params,
-          this.pagination,
-          this.sorts)
-      },
-      LiftUpPop() {
-        this.scrollWhere = window.pageYOffset||document.body.scrollTop||document.documentElement.scrollTop;
-        this.stopScroll()
-        this.getGo('', '1')
-      },
-      /**
-       * 下拉刷新
-       */
-      onRefresh() {
-        this.refreshing = true
-        this.finished = false
-        this.loading = true
-        this.onSearch()
-      },
-      /**
-       * 查询
-       */
-      onSearch() {
-        this.stateActive = false
-        ActionUtils.initListData(this)
-        this.loadData('search')
-      },
-      /**
-       * 高级查询
-       */
-      onMoreSearch(params) {
-        this.moreParams = params
-        this.onSearch()
-        if (this.$utils.isNotEmpty(params)) {
-          this.stateActive = true
-        }
-      },
-      /**
-       * 弹窗更多查询条件
-       */
-      clickMoreSearch() {
-        this.moreSearchPopup = true
-        this.stateActive = false
-      },
-      /**
-       * 重置表单
-       */
-      resetForm() {
-        this.typeId = ''
-        this.defKey = ''
-      },
+    },
+    /**
+     * 获取格式化参数
+     */
+    getSearcFormData() {
+      let params = {}
+      if (this.$utils.isNotEmpty(this.twoParam)) {
+        params['two'] = this.twoParam
+      }
+      // if (this.$utils.isNotEmpty(this.typeId)) {
+      //   params['Q^temp.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)
+      }
+      console.log(params, 'paramsparamsparamsparams')
+      return ActionUtils.formatParams(params, this.pagination, this.sorts)
+    },
+    LiftUpPop() {
+      this.scrollWhere =
+        window.pageYOffset ||
+        document.body.scrollTop ||
+        document.documentElement.scrollTop
+      this.stopScroll()
+      this.getGo('', '1')
+    },
+    /**
+     * 下拉刷新
+     */
+    onRefresh() {
+      this.refreshing = true
+      this.finished = false
+      this.loading = true
+      this.onSearch()
+    },
+    /**
+     * 查询
+     */
+    onSearch() {
+      this.stateActive = false
+      ActionUtils.initListData(this)
+      this.loadData('search')
+    },
+    /**
+     * 高级查询
+     */
+    onMoreSearch(params) {
+      this.moreParams = params
+      this.onSearch()
+      if (this.$utils.isNotEmpty(params)) {
+        this.stateActive = true
+      }
+    },
+    /**
+     * 弹窗更多查询条件
+     */
+    clickMoreSearch() {
+      this.moreSearchPopup = true
+      this.stateActive = false
+    },
+    /**
+     * 重置表单
+     */
+    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) {
-        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
-      },
-      stopScroll(){
-        let mid = this.scrollWhere
-        // document.documentElement.style.overflow='hidden';
-        document.body.style.overflow='hidden';
-        // document.documentElement.style.position='fixed';
-        document.body.style.position='fixed';
-        // document.documentElement.style.top=-mid+'px';
-        document.body.style.top=-mid+'px';
-      },
-      //启用页面滚动
-      startScroll(){
-        // document.documentElement.style.overflow='';
-        document.body.style.overflow='auto';
-        document.body.style.position='static';
-        window.scrollTo(0,this.scrollWhere)
-        this.scrollWhere=0
-      },
-      getGo(id, typeValue) {
-        this.id = id
-        this.typeValue = typeValue
-        this.showPop = true
-			},
-			getDe(id) {
-				this.getGo(id, '2')
-			},
+    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) {
+      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
+    },
+    stopScroll() {
+      const mid = this.scrollWhere
+      // document.documentElement.style.overflow='hidden';
+      document.body.style.overflow = 'hidden'
+      // document.documentElement.style.position='fixed';
+      document.body.style.position = 'fixed'
+      // document.documentElement.style.top=-mid+'px';
+      document.body.style.top = -mid + 'px'
+    },
+    // 启用页面滚动
+    startScroll() {
+      // document.documentElement.style.overflow='';
+      document.body.style.overflow = 'auto'
+      document.body.style.position = 'static'
+      window.scrollTo(0, this.scrollWhere)
+      this.scrollWhere = 0
+    },
+    getGo(id, typeValue) {
+      this.id = id
+      this.typeValue = typeValue
+      this.showPop = true
+    },
+    getDe(id) {
+      this.getGo(id, '2')
     }
   }
+}
 </script>
 <style lang="scss" scoped>
-  ::v-deep .van-cell__title {
-    width: 65%;
+::v-deep .van-cell__title {
+  width: 65%;
 
-    .van-cell__label {
-      overflow-wrap: break-word;
-    }
+  .van-cell__label {
+    overflow-wrap: break-word;
   }
-  .sectionBox {
-		display: flex;
-		align-items: center;
-		margin-bottom: 2px;
-		font-size: 14px;
-		color: rgba(128, 138, 135, .9);
+}
+.sectionBox {
+  display: flex;
+  align-items: center;
+  margin-bottom: 2px;
+  font-size: 14px;
+  color: rgba(128, 138, 135, 0.9);
 
-		.left {
-			width: 90px;
-
-		}
-	}
-  .sectionBox::before {
-    content: '';
-    width: 5px;
-    height: 14px;
-    border-radius: 2px;
-    margin-right: 5px;
-  }
-  .btn-back-color {
-		background-color: #30c2bd !important;
-    border: none;
-	}
-  .btn-sty {
-    padding: 0 13px;
-    border-radius: 5px;
+  .left {
+    width: 90px;
   }
-  .u-m-r-15 {
-    margin-right: 8px !important;
-  }
-  .verticalLine {
-    color: #000;
-    font-size: 13px;
-    margin-bottom: 20px;
-  }
-  .verticalLine::before {
-    content: '';
-    width: 5px;
-    height: 14px;
-    background-color: #2979ff;
-    border-radius: 2px;
-    margin-right: 5px;
-  }
-  .suspensionBtn {
-    width: 80px;
-    height: 80px;
-    position: fixed;
-    top: 75%;
-    right: 2%;
-    img {
-      width: 100%;
-      height: 100%;
-    }
+}
+.sectionBox::before {
+  content: '';
+  width: 5px;
+  height: 14px;
+  border-radius: 2px;
+  margin-right: 5px;
+}
+.btn-back-color {
+  background-color: #30c2bd !important;
+  border: none;
+}
+.btn-sty {
+  padding: 0 13px;
+  border-radius: 5px;
+}
+.u-m-r-15 {
+  margin-right: 8px !important;
+}
+.verticalLine {
+  color: #000;
+  font-size: 13px;
+  margin-bottom: 20px;
+}
+.verticalLine::before {
+  content: '';
+  width: 5px;
+  height: 14px;
+  background-color: #2979ff;
+  border-radius: 2px;
+  margin-right: 5px;
+}
+.suspensionBtn {
+  width: 80px;
+  height: 80px;
+  position: fixed;
+  top: 75%;
+  right: 2%;
+  img {
+    width: 100%;
+    height: 100%;
   }
-</style>
+}
+</style>