|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="business-discern-apply-container layout-padding">
|
|
|
- <div class="layout-padding-auto layout-padding-view pd20">
|
|
|
+ <div class="layout-padding-auto layout-padding-view pd20">
|
|
|
<ProTable
|
|
|
ref="proTableRef"
|
|
|
:columns="columns"
|
|
@@ -10,175 +10,187 @@
|
|
|
:total="state.total"
|
|
|
v-model:page-index="state.queryParams.PageIndex"
|
|
|
v-model:page-size="state.queryParams.PageSize"
|
|
|
- @sort-change="sortChange"
|
|
|
+ @sort-change="sortChange"
|
|
|
>
|
|
|
- <template #table-search>
|
|
|
- <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent label-width="100px">
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="甄别退回" prop="ScreenSendBack">
|
|
|
- <el-select v-model="state.queryParams.ScreenSendBack" placeholder="请选择甄别退回" @change="handleQuery">
|
|
|
- <el-option :value="0" label="全部" />
|
|
|
- <el-option :value="1" label="是" />
|
|
|
- <el-option :value="2" label="否" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="工单编码" prop="No">
|
|
|
- <el-input v-model="state.queryParams.No" placeholder="工单编码" clearable @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="工单标题" prop="Title">
|
|
|
- <el-input v-model="state.queryParams.Title" placeholder="工单标题" clearable @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="省/市工单" prop="IsProvince">
|
|
|
- <el-select v-model="state.queryParams.IsProvince" clearable placeholder="请选择省/市工单" @change="handleQuery">
|
|
|
- <el-option :value="false" label="市工单" />
|
|
|
- <el-option :value="true" label="省工单" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </transition>
|
|
|
- <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="受理类型" prop="AcceptType">
|
|
|
- <el-select v-model="state.queryParams.AcceptType" placeholder="请选择受理类型" clearable class="w100" @change="handleQuery">
|
|
|
- <el-option v-for="item in state.acceptTypeOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </transition>
|
|
|
- <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="热点分类" prop="HotspotSpliceName">
|
|
|
- <el-input v-model="state.queryParams.HotspotSpliceName" placeholder="热点分类名称" clearable @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </transition>
|
|
|
- <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="来源渠道" prop="SourceChannel">
|
|
|
- <el-select v-model="state.queryParams.SourceChannel" placeholder="请选择来源渠道" clearable class="w100" @change="handleQuery">
|
|
|
- <el-option v-for="item in state.sourceChannelOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </transition>
|
|
|
- <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="一级部门" prop="OrgLevelOneName">
|
|
|
- <el-input v-model="state.queryParams.OrgLevelOneName" placeholder="一级部门名称" clearable @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </transition>
|
|
|
- <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="接办部门" prop="CurrentHandleOrgName">
|
|
|
- <el-input v-model="state.queryParams.CurrentHandleOrgName" placeholder="接办部门名称" clearable @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </transition>
|
|
|
- <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="被回访部门" prop="VisitOrgName">
|
|
|
- <el-input v-model="state.queryParams.VisitOrgName" placeholder="被回访部门名称" clearable @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </transition>
|
|
|
- <transition name="el-zoom-in-top">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
- <el-form-item label="受理时间" prop="slTime">
|
|
|
- <el-date-picker
|
|
|
- v-model="state.queryParams.slTime"
|
|
|
- type="datetimerange"
|
|
|
- unlink-panels
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始时间"
|
|
|
- end-placeholder="结束时间"
|
|
|
- :shortcuts="shortcuts"
|
|
|
- @change="handleQuery"
|
|
|
- value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
- :default-time="defaultTimeStartEnd"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </transition>
|
|
|
- <transition name="el-zoom-in-top">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
- <el-form-item label="接办时间" prop="jbTime">
|
|
|
- <el-date-picker
|
|
|
- v-model="state.queryParams.jbTime"
|
|
|
- type="datetimerange"
|
|
|
- unlink-panels
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始时间"
|
|
|
- end-placeholder="结束时间"
|
|
|
- :shortcuts="shortcuts"
|
|
|
- @change="handleQuery"
|
|
|
- value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
- :default-time="defaultTimeStartEnd"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </transition>
|
|
|
- <transition name="el-zoom-in-top">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
- <el-form-item label="办结时间" prop="bjTime">
|
|
|
- <el-date-picker
|
|
|
- v-model="state.queryParams.bjTime"
|
|
|
- type="datetimerange"
|
|
|
- unlink-panels
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始时间"
|
|
|
- end-placeholder="结束时间"
|
|
|
- :shortcuts="shortcuts"
|
|
|
- @change="handleQuery"
|
|
|
- value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
- :default-time="defaultTimeStartEnd"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </transition>
|
|
|
- <transition name="el-zoom-in-top">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
- <el-form-item label="回访时间" prop="hfTime">
|
|
|
- <el-date-picker
|
|
|
- v-model="state.queryParams.hfTime"
|
|
|
- type="datetimerange"
|
|
|
- unlink-panels
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始时间"
|
|
|
- end-placeholder="结束时间"
|
|
|
- :shortcuts="shortcuts"
|
|
|
- @change="handleQuery"
|
|
|
- value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
- :default-time="defaultTimeStartEnd"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </transition>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label=" ">
|
|
|
- <div class="flex-end w100">
|
|
|
- <el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
|
|
|
- <el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
|
|
|
- <SvgIcon name="ele-Refresh" class="mr5" />重置
|
|
|
- </el-button>
|
|
|
- <el-button link type="primary" @click="closeSearch" :loading="state.loading">
|
|
|
- {{ searchCol ? '展开' : '收起' }}
|
|
|
- <SvgIcon :class="{ 'is-reverse': searchCol }" name="ele-ArrowUp" class="mr5 arrow" size="18px" />
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </template>
|
|
|
+ <template #table-search>
|
|
|
+ <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent label-width="100px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="甄别退回" prop="ScreenSendBack">
|
|
|
+ <el-select v-model="state.queryParams.ScreenSendBack" placeholder="请选择甄别退回" @change="handleQuery">
|
|
|
+ <el-option :value="0" label="全部" />
|
|
|
+ <el-option :value="1" label="是" />
|
|
|
+ <el-option :value="2" label="否" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="工单编码" prop="No">
|
|
|
+ <el-input v-model="state.queryParams.No" placeholder="工单编码" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="工单标题" prop="Title">
|
|
|
+ <el-input v-model="state.queryParams.Title" placeholder="工单标题" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="省/市工单" prop="IsProvince">
|
|
|
+ <el-select v-model="state.queryParams.IsProvince" clearable placeholder="请选择省/市工单" @change="handleQuery">
|
|
|
+ <el-option :value="false" label="市工单" />
|
|
|
+ <el-option :value="true" label="省工单" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="受理类型" prop="AcceptType">
|
|
|
+ <el-select v-model="state.queryParams.AcceptType" placeholder="请选择受理类型" clearable class="w100" @change="handleQuery">
|
|
|
+ <el-option
|
|
|
+ v-for="item in state.acceptTypeOptions"
|
|
|
+ :value="item.dicDataValue"
|
|
|
+ :key="item.dicDataValue"
|
|
|
+ :label="item.dicDataName"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="热点分类" prop="HotspotSpliceName">
|
|
|
+ <el-input v-model="state.queryParams.HotspotSpliceName" placeholder="热点分类名称" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="来源渠道" prop="SourceChannel">
|
|
|
+ <el-select v-model="state.queryParams.SourceChannel" placeholder="请选择来源渠道" clearable class="w100" @change="handleQuery">
|
|
|
+ <el-option
|
|
|
+ v-for="item in state.sourceChannelOptions"
|
|
|
+ :value="item.dicDataValue"
|
|
|
+ :key="item.dicDataValue"
|
|
|
+ :label="item.dicDataName"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="一级部门" prop="OrgLevelOneName">
|
|
|
+ <el-input v-model="state.queryParams.OrgLevelOneName" placeholder="一级部门名称" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="接办部门" prop="CurrentHandleOrgName">
|
|
|
+ <el-input v-model="state.queryParams.CurrentHandleOrgName" placeholder="接办部门名称" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <transition name="el-zoom-in-top" v-show="!searchCol">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="被回访部门" prop="VisitOrgName">
|
|
|
+ <el-input v-model="state.queryParams.VisitOrgName" placeholder="被回访部门名称" clearable @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <transition name="el-zoom-in-top">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
+ <el-form-item label="受理时间" prop="slTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.slTime"
|
|
|
+ type="datetimerange"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始时间"
|
|
|
+ end-placeholder="结束时间"
|
|
|
+ :shortcuts="shortcuts"
|
|
|
+ @change="handleQuery"
|
|
|
+ value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
+ :default-time="defaultTimeStartEnd"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <transition name="el-zoom-in-top">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
+ <el-form-item label="接办时间" prop="jbTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.jbTime"
|
|
|
+ type="datetimerange"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始时间"
|
|
|
+ end-placeholder="结束时间"
|
|
|
+ :shortcuts="shortcuts"
|
|
|
+ @change="handleQuery"
|
|
|
+ value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
+ :default-time="defaultTimeStartEnd"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <transition name="el-zoom-in-top">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
+ <el-form-item label="办结时间" prop="bjTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.bjTime"
|
|
|
+ type="datetimerange"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始时间"
|
|
|
+ end-placeholder="结束时间"
|
|
|
+ :shortcuts="shortcuts"
|
|
|
+ @change="handleQuery"
|
|
|
+ value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
+ :default-time="defaultTimeStartEnd"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <transition name="el-zoom-in-top">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
+ <el-form-item label="回访时间" prop="hfTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.hfTime"
|
|
|
+ type="datetimerange"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始时间"
|
|
|
+ end-placeholder="结束时间"
|
|
|
+ :shortcuts="shortcuts"
|
|
|
+ @change="handleQuery"
|
|
|
+ value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
+ :default-time="defaultTimeStartEnd"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </transition>
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label=" ">
|
|
|
+ <div class="flex-end w100">
|
|
|
+ <el-button type="primary" @click="handleQuery" :loading="state.loading">
|
|
|
+ <SvgIcon name="ele-Search" class="mr5" />查询
|
|
|
+ </el-button>
|
|
|
+ <el-button @click="resetQuery(ruleFormRef)" class="default-button" :loading="state.loading">
|
|
|
+ <SvgIcon name="ele-Refresh" class="mr5" />重置
|
|
|
+ </el-button>
|
|
|
+ <el-button link type="primary" @click="closeSearch" :loading="state.loading">
|
|
|
+ {{ searchCol ? '展开' : '收起' }}
|
|
|
+ <SvgIcon :class="{ 'is-reverse': searchCol }" name="ele-ArrowUp" class="mr5 arrow" size="18px" />
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </template>
|
|
|
<template #title="{ row }">
|
|
|
<order-detail :order="row.order" @updateList="queryList">{{ row.order?.title }}</order-detail>
|
|
|
</template>
|
|
@@ -187,21 +199,19 @@
|
|
|
<el-button link type="primary" @click="submitDiscern(row)" title="发起甄别申请" v-auth="'business:discern:apply:submit'">
|
|
|
发起甄别
|
|
|
</el-button>
|
|
|
- <el-button link type="primary" @click="onDetail(row)" title="查看甄别详情" v-if="row.screenSendBackText === '是'">
|
|
|
- 甄别详情
|
|
|
- </el-button>
|
|
|
- <el-button link type="primary" @click="visitDetail(row)" title="查看回访明细">
|
|
|
- 回访明细
|
|
|
- </el-button>
|
|
|
+ <el-button link type="primary" @click="onDetail(row)" title="查看甄别详情" v-if="row.screenSendBack"> 甄别详情 </el-button>
|
|
|
+ <el-button link type="primary" @click="visitDetail(row)" title="查看回访明细"> 回访明细 </el-button>
|
|
|
</template>
|
|
|
</ProTable>
|
|
|
</div>
|
|
|
<!-- 流程审批 -->
|
|
|
<process-audit ref="processAuditRef" @orderProcessSuccess="queryList" />
|
|
|
- <!-- 回访详情 -->
|
|
|
- <visit-detail-com ref="visitDetailRef" @updateList="queryList" />
|
|
|
- <!-- 甄别详情 -->
|
|
|
- <discern-detail ref="discernDetailRef" @updateList="queryList" />
|
|
|
+ <!-- 回访详情 -->
|
|
|
+ <visit-detail-com ref="visitDetailRef" @updateList="queryList" />
|
|
|
+ <!-- 甄别详情 -->
|
|
|
+ <discern-detail ref="discernDetailRef" @updateList="queryList" />
|
|
|
+ <!-- 甄别修改 -->
|
|
|
+ <discern-edit ref="discernEditRef" @updateList="queryList" />
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup lang="tsx" name="businessDiscernApply">
|
|
@@ -209,42 +219,43 @@ import { defineAsyncComponent, onMounted, reactive, ref } from 'vue';
|
|
|
import { FormInstance } from 'element-plus';
|
|
|
import { formatDate } from '@/utils/formatTime';
|
|
|
import { screenApplyList, screenBaseData } from '@/api/business/discern';
|
|
|
-import { commonEnum, defaultTimeStartEnd, shortcuts } from "@/utils/constants";
|
|
|
+import { commonEnum, defaultTimeStartEnd, shortcuts } from '@/utils/constants';
|
|
|
import other from '@/utils/other';
|
|
|
-import Other from "@/utils/other";
|
|
|
+import Other from '@/utils/other';
|
|
|
// 引入组件
|
|
|
const ProcessAudit = defineAsyncComponent(() => import('@/components/ProcessAudit/index.vue')); // 流程审批
|
|
|
const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.vue')); // 工单详情
|
|
|
const VisitDetailCom = defineAsyncComponent(() => import('@/views/business/visit/component/Visit-detail.vue')); // 回访
|
|
|
const DiscernDetail = defineAsyncComponent(() => import('@/views/business/discern/components/Discern-detail.vue')); // 甄别详情
|
|
|
+const DiscernEdit = defineAsyncComponent(() => import('@/views/business/discern/components/Discern-edit.vue')); // 甄别修改
|
|
|
// 定义变量内容
|
|
|
const ruleFormRef = ref<RefType>(); // 表单ref
|
|
|
const proTableRef = ref<RefType>(); // 表格ref
|
|
|
// 表格配置项
|
|
|
const columns = ref<any[]>([
|
|
|
- { prop: 'screenSendBackText', label: '甄别退回' },
|
|
|
+ { prop: 'screenSendBackText', label: '甄别退回' },
|
|
|
{ prop: 'order.no', label: '工单编码', minWidth: 140 },
|
|
|
{ prop: 'order.isProvinceText', label: '省/市工单', minWidth: 90 },
|
|
|
{ prop: 'order.title', label: '工单标题', minWidth: 200 },
|
|
|
- { prop: 'order.acceptType', label: '受理类型', minWidth: 100 },
|
|
|
+ { prop: 'order.acceptType', label: '受理类型', minWidth: 100 },
|
|
|
{ prop: 'order.sourceChannel', label: '来源渠道', minWidth: 100 },
|
|
|
{ prop: 'order.orgLevelOneName', label: '一级部门', minWidth: 140 },
|
|
|
{ prop: 'order.currentHandleOrgName', label: '接办部门', minWidth: 140 },
|
|
|
- { prop: 'visitOrgName', label: '被回访部门', minWidth: 140 },
|
|
|
- {
|
|
|
- prop: 'order.startTime',
|
|
|
- label: '受理时间',
|
|
|
- minWidth: 160,
|
|
|
- sortable:'custom',
|
|
|
- render: (scope) => {
|
|
|
- return <span>{formatDate(scope.row.order?.startTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
- },
|
|
|
- },
|
|
|
+ { prop: 'visitOrgName', label: '被回访部门', minWidth: 140 },
|
|
|
+ {
|
|
|
+ prop: 'order.startTime',
|
|
|
+ label: '受理时间',
|
|
|
+ minWidth: 160,
|
|
|
+ sortable: 'custom',
|
|
|
+ render: (scope) => {
|
|
|
+ return <span>{formatDate(scope.row.order?.startTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
+ },
|
|
|
+ },
|
|
|
{
|
|
|
prop: 'order.actualHandleTime',
|
|
|
label: '接办时间',
|
|
|
minWidth: 160,
|
|
|
- sortable:'custom',
|
|
|
+ sortable: 'custom',
|
|
|
render: (scope) => {
|
|
|
return <span>{formatDate(scope.row.order?.actualHandleTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
},
|
|
@@ -253,7 +264,7 @@ const columns = ref<any[]>([
|
|
|
prop: 'order.filedTime',
|
|
|
label: '办结时间',
|
|
|
minWidth: 160,
|
|
|
- sortable:'custom',
|
|
|
+ sortable: 'custom',
|
|
|
render: (scope) => {
|
|
|
return <span>{formatDate(scope.row.order?.filedTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
},
|
|
@@ -262,7 +273,7 @@ const columns = ref<any[]>([
|
|
|
prop: 'orderVisit.visitTime',
|
|
|
label: '回访时间',
|
|
|
minWidth: 160,
|
|
|
- sortable:'custom',
|
|
|
+ sortable: 'custom',
|
|
|
render: (scope) => {
|
|
|
return <span>{formatDate(scope.row.orderVisit?.visitTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
},
|
|
@@ -274,31 +285,31 @@ const state = reactive<any>({
|
|
|
// 查询条件
|
|
|
PageIndex: 1,
|
|
|
PageSize: 20,
|
|
|
- ScreenSendBack:0, // 甄别退回
|
|
|
- No:null, // 工单编码
|
|
|
- Title:null, // 工单标题
|
|
|
+ ScreenSendBack: 0, // 甄别退回
|
|
|
+ No: null, // 工单编码
|
|
|
+ Title: null, // 工单标题
|
|
|
IsProvince: null, // 省/市工单
|
|
|
IsHomePage: null, // 是否首页进入
|
|
|
- AcceptType:null, // 受理类型
|
|
|
- HotspotSpliceName:null, // 热点分类
|
|
|
- SourceChannel:null, // 来源渠道
|
|
|
+ AcceptType: null, // 受理类型
|
|
|
+ HotspotSpliceName: null, // 热点分类
|
|
|
+ SourceChannel: null, // 来源渠道
|
|
|
OrgLevelOneName: null, // 一级部门
|
|
|
- CurrentHandleOrgName: null, // 接办部门名称
|
|
|
- VisitOrgName: null, // 被回访部门
|
|
|
- slTime:[],// 受理时间
|
|
|
- CreationTime:null,
|
|
|
- EndCreationTime:null,
|
|
|
- jbTime:[], // 接办时间
|
|
|
- CurrentHandleTime:null,
|
|
|
- EndCurrentHandleTime:null,
|
|
|
- bjTime:[], // 办结时间
|
|
|
- FiledTime:null,
|
|
|
- EndFiledTime:null,
|
|
|
- hfTime:[], // 回访时间
|
|
|
- VisitTime:null,
|
|
|
- EndVisitTime:null,
|
|
|
- SortField:null,
|
|
|
- SortRule:null
|
|
|
+ CurrentHandleOrgName: null, // 接办部门名称
|
|
|
+ VisitOrgName: null, // 被回访部门
|
|
|
+ slTime: [], // 受理时间
|
|
|
+ CreationTime: null,
|
|
|
+ EndCreationTime: null,
|
|
|
+ jbTime: [], // 接办时间
|
|
|
+ CurrentHandleTime: null,
|
|
|
+ EndCurrentHandleTime: null,
|
|
|
+ bjTime: [], // 办结时间
|
|
|
+ FiledTime: null,
|
|
|
+ EndFiledTime: null,
|
|
|
+ hfTime: [], // 回访时间
|
|
|
+ VisitTime: null,
|
|
|
+ EndVisitTime: null,
|
|
|
+ SortField: null,
|
|
|
+ SortRule: null,
|
|
|
},
|
|
|
tableData: [], //表单
|
|
|
loading: false, // 加载
|
|
@@ -337,19 +348,19 @@ const handleQuery = () => {
|
|
|
/** 获取列表 */
|
|
|
const requestParams = ref({});
|
|
|
const queryList = () => {
|
|
|
- requestParams.value = Other.deepClone(state.queryParams);
|
|
|
- requestParams.value.CreationTime = state.queryParams.slTime === null ? null : state.queryParams.slTime[0]; // 受理时间
|
|
|
- requestParams.value.EndCreationTime = state.queryParams.slTime === null ? null : state.queryParams.slTime[1];
|
|
|
- Reflect.deleteProperty(requestParams.value, 'slTime'); // 删除无用的参数
|
|
|
- requestParams.value.CurrentHandleTime = state.queryParams.jbTime === null ? null : state.queryParams.jbTime[0]; // 接办时间
|
|
|
- requestParams.value.EndCurrentHandleTime = state.queryParams.jbTime === null ? null : state.queryParams.jbTime[1];
|
|
|
- Reflect.deleteProperty(requestParams.value, 'jbTime'); // 删除无用的参数
|
|
|
- requestParams.value.FiledTime = state.queryParams.bjTime === null ? null : state.queryParams.bjTime[0]; // 办结时间
|
|
|
- requestParams.value.EndFiledTime = state.queryParams.bjTime === null ? null : state.queryParams.bjTime[1];
|
|
|
- Reflect.deleteProperty(requestParams.value, 'bjTime'); // 删除无用的参数
|
|
|
- requestParams.value.VisitTime = state.queryParams.hfTime === null ? null : state.queryParams.hfTime[0]; // 回访时间
|
|
|
- requestParams.value.EndVisitTime = state.queryParams.hfTime === null ? null : state.queryParams.hfTime[1];
|
|
|
- Reflect.deleteProperty(requestParams.value, 'hfTime'); // 删除无用的参数
|
|
|
+ requestParams.value = Other.deepClone(state.queryParams);
|
|
|
+ requestParams.value.CreationTime = state.queryParams.slTime === null ? null : state.queryParams.slTime[0]; // 受理时间
|
|
|
+ requestParams.value.EndCreationTime = state.queryParams.slTime === null ? null : state.queryParams.slTime[1];
|
|
|
+ Reflect.deleteProperty(requestParams.value, 'slTime'); // 删除无用的参数
|
|
|
+ requestParams.value.CurrentHandleTime = state.queryParams.jbTime === null ? null : state.queryParams.jbTime[0]; // 接办时间
|
|
|
+ requestParams.value.EndCurrentHandleTime = state.queryParams.jbTime === null ? null : state.queryParams.jbTime[1];
|
|
|
+ Reflect.deleteProperty(requestParams.value, 'jbTime'); // 删除无用的参数
|
|
|
+ requestParams.value.FiledTime = state.queryParams.bjTime === null ? null : state.queryParams.bjTime[0]; // 办结时间
|
|
|
+ requestParams.value.EndFiledTime = state.queryParams.bjTime === null ? null : state.queryParams.bjTime[1];
|
|
|
+ Reflect.deleteProperty(requestParams.value, 'bjTime'); // 删除无用的参数
|
|
|
+ requestParams.value.VisitTime = state.queryParams.hfTime === null ? null : state.queryParams.hfTime[0]; // 回访时间
|
|
|
+ requestParams.value.EndVisitTime = state.queryParams.hfTime === null ? null : state.queryParams.hfTime[1];
|
|
|
+ Reflect.deleteProperty(requestParams.value, 'hfTime'); // 删除无用的参数
|
|
|
state.loading = true;
|
|
|
screenApplyList(requestParams.value)
|
|
|
.then((response: any) => {
|
|
@@ -370,48 +381,57 @@ const resetQuery = (formEl: FormInstance | undefined) => {
|
|
|
};
|
|
|
// 排序
|
|
|
const sortChange = (val: any) => {
|
|
|
- state.queryParams.SortField = val.order ? val.prop : null;
|
|
|
- // 0 升序 1 降序
|
|
|
- state.queryParams.SortRule = val.order ? (val.order == 'descending' ? 1 : 0) : null;
|
|
|
- queryList();
|
|
|
+ state.queryParams.SortField = val.order ? val.prop : null;
|
|
|
+ // 0 升序 1 降序
|
|
|
+ state.queryParams.SortRule = val.order ? (val.order == 'descending' ? 1 : 0) : null;
|
|
|
+ queryList();
|
|
|
};
|
|
|
// 甄别审批
|
|
|
const processAuditRef = ref<RefType>(); // 流程审批ref
|
|
|
+const discernEditRef = ref<RefType>(); // 甄别修改ref
|
|
|
const submitDiscern = (row: any) => {
|
|
|
- const orderDetail = {
|
|
|
- visitId: row.visitId,
|
|
|
- visitDetailId: row.id,
|
|
|
- ...row.order,
|
|
|
- };
|
|
|
- const params = {
|
|
|
- id: row.id,
|
|
|
- commonEnum: commonEnum.Discriminate,
|
|
|
- processType: '甄别申请',
|
|
|
- orderDetail,
|
|
|
- extra: {
|
|
|
- dialogTitle: '甄别申请',
|
|
|
- inputPlaceholder: '请填写甄别意见',
|
|
|
- annexName: '甄别附件',
|
|
|
- },
|
|
|
- };
|
|
|
- processAuditRef.value.openDialog(params);
|
|
|
+ if (row.screenSendBack) {
|
|
|
+ if(row.orderScreens.length){
|
|
|
+ const editRow = {...row.orderScreens[0]}
|
|
|
+ // 修改甄别
|
|
|
+ // 退回到了开始 需要重新打开编辑页面在发起流程
|
|
|
+ discernEditRef.value.openDialog(editRow);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ const orderDetail = {
|
|
|
+ visitId: row.visitId,
|
|
|
+ visitDetailId: row.id,
|
|
|
+ ...row.order,
|
|
|
+ };
|
|
|
+ const params = {
|
|
|
+ id: row.id,
|
|
|
+ commonEnum: commonEnum.Discriminate,
|
|
|
+ processType: '甄别申请',
|
|
|
+ orderDetail,
|
|
|
+ extra: {
|
|
|
+ dialogTitle: '甄别申请',
|
|
|
+ inputPlaceholder: '请填写甄别意见',
|
|
|
+ annexName: '甄别附件',
|
|
|
+ },
|
|
|
+ };
|
|
|
+ processAuditRef.value.openDialog(params);
|
|
|
+ }
|
|
|
};
|
|
|
// 查看甄别详情
|
|
|
const discernDetailRef = ref<RefType>();
|
|
|
-const onDetail = (row:any)=>{
|
|
|
- if(row && row.orderScreens && row.orderScreens.length){
|
|
|
- const params = {
|
|
|
- id:row.orderScreens[0].id,
|
|
|
- }
|
|
|
- discernDetailRef.value.openDialog(params);
|
|
|
- }
|
|
|
-
|
|
|
-}
|
|
|
+const onDetail = (row: any) => {
|
|
|
+ if (row && row.orderScreens && row.orderScreens.length) {
|
|
|
+ const params = {
|
|
|
+ id: row.orderScreens[0].id,
|
|
|
+ };
|
|
|
+ discernDetailRef.value.openDialog(params);
|
|
|
+ }
|
|
|
+};
|
|
|
// 查看回访明细
|
|
|
const visitDetailRef = ref<RefType>();
|
|
|
-const visitDetail = (row:any)=>{
|
|
|
- visitDetailRef.value.openDialog(row.orderVisit, '回访明细');
|
|
|
-}
|
|
|
+const visitDetail = (row: any) => {
|
|
|
+ visitDetailRef.value.openDialog(row.orderVisit, '回访明细');
|
|
|
+};
|
|
|
const historyParams = history.state;
|
|
|
onMounted(async () => {
|
|
|
if (historyParams.IsHomePage) {
|