|
|
@@ -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>
|
cyy