|
@@ -1,756 +1,274 @@
|
|
|
<template>
|
|
|
- <div class="auxiliary-province-zmhd-container layout-pd">
|
|
|
- <el-card shadow="never">
|
|
|
- <div class="flex-center-align mb20">
|
|
|
- <span class="fast-search-label">快捷查询</span>
|
|
|
- <el-radio-group v-model="fastSearch" @change="fastSearchChange">
|
|
|
- <el-radio-button label="all">全部</el-radio-button>
|
|
|
- <el-radio-button label="city">未处理</el-radio-button>
|
|
|
- <el-radio-button label="province">已公开</el-radio-button>
|
|
|
- </el-radio-group>
|
|
|
- </div>
|
|
|
- <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent label-width="100px">
|
|
|
- <el-row :gutter="0">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="工单标题" prop="Keyword">
|
|
|
- <el-input v-model="state.queryParams.Keyword" 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="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="crTime">
|
|
|
- <el-date-picker
|
|
|
- v-model="state.queryParams.crTime"
|
|
|
- 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 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="FromName">
|
|
|
- <el-input v-model="state.queryParams.FromName" 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="AreaCode">
|
|
|
- <el-cascader
|
|
|
- :options="state.areaOptions"
|
|
|
- filterable
|
|
|
- :show-all-levels="false"
|
|
|
- :props="{ checkStrictly: true, value: 'id', label: 'areaName', multiple: true }"
|
|
|
- placeholder="请选择事发地址"
|
|
|
- clearable
|
|
|
- class="w100"
|
|
|
- v-model="state.queryParams.AreaCode"
|
|
|
- collapse-tags
|
|
|
- collapse-tags-tooltip
|
|
|
- :max-collapse-tags="2"
|
|
|
- @change="changeArea"
|
|
|
- ref="areaRef"
|
|
|
- >
|
|
|
- </el-cascader>
|
|
|
- </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="IsUrgent">
|
|
|
- <el-select v-model="state.queryParams.IsUrgent" placeholder="请选择是否紧急" clearable class="w100" @change="handleQuery">
|
|
|
- <el-option :value="true" label="紧急" />
|
|
|
- <el-option :value="false" 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="TransferPhone">
|
|
|
- <el-input v-model="state.queryParams.TransferPhone" 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="Statuses">
|
|
|
- <el-select v-model="state.queryParams.Statuses" placeholder="请选择工单状态" clearable class="w100" multiple>
|
|
|
- <el-option v-for="item in state.orderStatusOptions" :value="item.key" :key="item.key" :label="item.value" />
|
|
|
- </el-select>
|
|
|
- </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="AcceptTypes">
|
|
|
- <el-select
|
|
|
- v-model="state.queryParams.AcceptTypes"
|
|
|
- placeholder="请选择受理类型"
|
|
|
- multiple
|
|
|
- clearable
|
|
|
- class="w100"
|
|
|
- collapse-tags
|
|
|
- collapse-tags-tooltip
|
|
|
- :max-collapse-tags="2"
|
|
|
- >
|
|
|
- <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">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
|
|
|
- <el-form-item label="来源渠道" prop="Channels">
|
|
|
- <el-select
|
|
|
- v-model="state.queryParams.Channels"
|
|
|
- placeholder="请选择来源渠道"
|
|
|
- multiple
|
|
|
- clearable
|
|
|
- class="w100"
|
|
|
- collapse-tags
|
|
|
- collapse-tags-tooltip
|
|
|
- :max-collapse-tags="2"
|
|
|
- >
|
|
|
- <el-option v-for="item in state.channelOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
|
|
|
- </el-select>
|
|
|
- </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="HotspotIds">
|
|
|
- <hot-spot-select
|
|
|
- v-model="state.queryParams.HotspotIds"
|
|
|
- class="w100"
|
|
|
- :hotspotExternal="state.hotspotExternal"
|
|
|
- show-checkbox
|
|
|
- ref="hotSpotRef"
|
|
|
- @confirm="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="OrgCodes">
|
|
|
- <el-cascader
|
|
|
- :options="state.orgsOptions"
|
|
|
- filterable
|
|
|
- :show-all-levels="false"
|
|
|
- :props="{ checkStrictly: true, value: 'id', label: 'name', emitPath: false, multiple: true }"
|
|
|
- placeholder="请选择接办部门"
|
|
|
- clearable
|
|
|
- class="w100"
|
|
|
- v-model="state.queryParams.OrgCodes"
|
|
|
- ref="cascadeRef"
|
|
|
- collapse-tags
|
|
|
- collapse-tags-tooltip
|
|
|
- :max-collapse-tags="2"
|
|
|
- >
|
|
|
- </el-cascader>
|
|
|
- </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="NameOrNo">
|
|
|
- <el-input v-model="state.queryParams.NameOrNo" 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="ProvinceNo">
|
|
|
- <el-input v-model="state.queryParams.ProvinceNo" 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="FromPhone">
|
|
|
- <el-input v-model="state.queryParams.FromPhone" 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="PhoneNo">
|
|
|
- <el-input v-model="state.queryParams.PhoneNo" 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="PushTypeCode">
|
|
|
- <el-select v-model="state.queryParams.PushTypeCode" placeholder="请选择推送分类" clearable class="w100" @change="handleQuery">
|
|
|
- <el-option v-for="item in state.pushTypeOptions" :value="item.dicDataValue" :key="item.dicDataValue" :label="item.dicDataName" />
|
|
|
- </el-select>
|
|
|
- </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="exTime">
|
|
|
- <el-date-picker
|
|
|
- v-model="state.queryParams.exTime"
|
|
|
- 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="ActualHandlerName">
|
|
|
- <el-input v-model="state.queryParams.ActualHandlerName" 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="IsScreen">
|
|
|
- <el-select v-model="state.queryParams.IsScreen" placeholder="请选择是否甄别" class="w100" clearable @change="handleQuery">
|
|
|
- <el-option label="是" :value="true" />
|
|
|
- <el-option label="否" :value="false" />
|
|
|
- </el-select>
|
|
|
- </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="CurrentStepCode">
|
|
|
- <el-select v-model="state.queryParams.CurrentStepCode" placeholder="请选择当前办理节点" clearable class="w100" @change="handleQuery">
|
|
|
- <el-option v-for="item in state.currentStepOptions" :value="item.key" :key="item.key" :label="item.value" />
|
|
|
- </el-select>
|
|
|
- </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="doneTime">
|
|
|
- <el-date-picker
|
|
|
- v-model="state.queryParams.doneTime"
|
|
|
- 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="IsOverTime">
|
|
|
- <el-select v-model="state.queryParams.IsOverTime" placeholder="请选择是否超期" class="w100" clearable @change="handleQuery">
|
|
|
- <el-option label="是" :value="true" />
|
|
|
- <el-option label="否" :value="false" />
|
|
|
- </el-select>
|
|
|
- </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="IdentityType">
|
|
|
- <el-select v-model="state.queryParams.IdentityType" placeholder="请选择来电主体" clearable class="w100" @change="handleQuery">
|
|
|
- <el-option v-for="item in state.identityTypeOptions" :value="item.key" :key="item.key" :label="item.value" />
|
|
|
- </el-select>
|
|
|
- </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>
|
|
|
- </el-card>
|
|
|
- <el-card shadow="never">
|
|
|
- <ProTable
|
|
|
- ref="proTableRef"
|
|
|
- :columns="columns"
|
|
|
- :data="state.tableData"
|
|
|
- @updateTable="queryList"
|
|
|
- :loading="state.loading"
|
|
|
- :total="state.total"
|
|
|
- v-model:page-index="state.queryParams.PageIndex"
|
|
|
- v-model:page-size="state.queryParams.PageSize"
|
|
|
- :toolButton="['refresh', 'setting', 'exportCurrent', 'exportAll']"
|
|
|
- :exportMethod="exportOrder"
|
|
|
- :exportParams="requestParams"
|
|
|
- >
|
|
|
- <template #tableHeader="scope">
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- @click="onProvinceReturn"
|
|
|
- v-auth="'business:order:returnBatch'"
|
|
|
- :disabled="!scope.isSelected"
|
|
|
- v-show="fastSearch === 'province'"
|
|
|
- :loading="state.loading"
|
|
|
- >省退回申请
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" @click="onCreateRepeatEvent" :loading="state.loading">
|
|
|
- <SvgIcon name="ele-Plus" class="mr5" />创建重复性事件
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" @click="onObserve" v-auth="'business:order:observe'" :disabled="!scope.isSelected" :loading="state.loading"
|
|
|
- >设置观察件
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" @click="onEnd" v-auth="'business:order:end'" :disabled="!scope.isSelected" :loading="state.loading"
|
|
|
- >设置终结件
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" @click="onJbExport" :disabled="!scope.isSelected" :loading="state.loading" v-auth="'business:order:jbdExport'"
|
|
|
- ><SvgIcon name="iconfont icon-daochu" class="mr5" />交办单导出
|
|
|
- </el-button>
|
|
|
- </template>
|
|
|
- <template #expiredStatusText="{ row }">
|
|
|
- <span :class="'overdue-status-' + row.expiredStatus" :title="row.expiredStatusText"></span>
|
|
|
- </template>
|
|
|
- <template #title="{ row }">
|
|
|
- <order-detail :order="row" @updateList="queryList" :type="row.canSign ? 'danger' : 'primary'">{{ row.title }}</order-detail>
|
|
|
- </template>
|
|
|
- <!-- 表格操作 -->
|
|
|
- <template #operation="{ row }">
|
|
|
- <!-- <el-button
|
|
|
- link
|
|
|
- type="primary"
|
|
|
- @click="onReturn(row)"
|
|
|
- title="省工单退回"
|
|
|
- v-auth="'business:order:return'"
|
|
|
- v-if="row.source > 1 && row.status <= 1"
|
|
|
- >
|
|
|
- 退回</el-button
|
|
|
- >-->
|
|
|
- <!-- <el-button link type="primary" @click="onSign(row)" title="签收工单" v-if="row.canSign" v-auth="'business:order:sign'"> 签收 </el-button>
|
|
|
- <el-button link type="success" @click="onOrderEdit(row)" title="编辑工单" v-if="row.canEdit" v-auth="'business:order:edit'">
|
|
|
- 修改
|
|
|
- </el-button>-->
|
|
|
- <order-detail :order="row" @updateList="queryList" />
|
|
|
- </template>
|
|
|
- </ProTable>
|
|
|
- </el-card>
|
|
|
-
|
|
|
- <!-- 编辑重复性事件 -->
|
|
|
- <repeat-event-edit ref="repeatEventEditRef" @updateList="queryList" />
|
|
|
- <!-- 工单省退回 -->
|
|
|
- <order-return ref="orderReturnRef" @updateList="queryList" />
|
|
|
- </div>
|
|
|
+ <div class="auxiliary-province-zmhd-container layout-pd">
|
|
|
+ <el-card shadow="never">
|
|
|
+ <div class="flex-center-align mb20">
|
|
|
+ <span class="fast-search-label">快捷查询</span>
|
|
|
+ <el-radio-group v-model="fastSearch" @change="fastSearchChange">
|
|
|
+ <el-radio-button label="all">全部</el-radio-button>
|
|
|
+ <el-radio-button label="false">未处理</el-radio-button>
|
|
|
+ <el-radio-button label="true">已公开</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+ <el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent label-width="100px">
|
|
|
+ <el-row :gutter="0">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
+ <el-form-item label="工单标题" prop="Keyword">
|
|
|
+ <el-input v-model="state.queryParams.Keyword" 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="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="ProvinceNo">
|
|
|
+ <el-input v-model="state.queryParams.ProvinceNo" 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="AnswerOu">
|
|
|
+ <el-input v-model="state.queryParams.AnswerOu" 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="AuditFirstName">
|
|
|
+ <el-input v-model="state.queryParams.AuditFirstName" 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="AnswerOu">
|
|
|
+ <el-input v-model="state.queryParams.AnswerOu" 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="auditTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.auditTime"
|
|
|
+ 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>
|
|
|
+ </el-card>
|
|
|
+ <el-card shadow="never">
|
|
|
+ <ProTable
|
|
|
+ ref="proTableRef"
|
|
|
+ :columns="columns"
|
|
|
+ :data="state.tableData"
|
|
|
+ @updateTable="queryList"
|
|
|
+ :loading="state.loading"
|
|
|
+ :total="state.total"
|
|
|
+ v-model:page-index="state.queryParams.PageIndex"
|
|
|
+ v-model:page-size="state.queryParams.PageSize"
|
|
|
+ >
|
|
|
+ <template #expiredStatusText="{ row }">
|
|
|
+ <span :class="'overdue-status-' + row.expiredStatus" :title="row.expiredStatusText"></span>
|
|
|
+ </template>
|
|
|
+ <template #title="{ row }">
|
|
|
+ <order-detail :order="row" @updateList="queryList" :type="row.canSign ? 'danger' : 'primary'">{{ row.title }}</order-detail>
|
|
|
+ </template>
|
|
|
+ <!-- 表格操作 -->
|
|
|
+ <template #operation="{ row }">
|
|
|
+ <el-button link type="primary" v-if="row.isProvinceZmhd" @click="onDetail(row)">查看明细</el-button>
|
|
|
+ <el-button link type="primary" v-else @click="onPublic(row)">公开</el-button>
|
|
|
+ <order-detail :order="row" @updateList="queryList" />
|
|
|
+ </template>
|
|
|
+ </ProTable>
|
|
|
+ </el-card>
|
|
|
+ <!-- 公开 -->
|
|
|
+ <public-handle ref="publicHandleRef" @updateList="queryList" />
|
|
|
+ <public-detail ref="publicDetailRef" />
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<script setup lang="tsx" name="auxiliaryProvinceZmhd">
|
|
|
-import { defineAsyncComponent, onMounted, reactive, ref, onActivated, onBeforeUnmount } from 'vue';
|
|
|
+import { defineAsyncComponent, onMounted, reactive, ref } from 'vue';
|
|
|
import type { FormInstance } from 'element-plus';
|
|
|
-import { ElMessage, ElMessageBox, ElNotification } from 'element-plus';
|
|
|
-import { defaultDateOne, defaultTimeStartEnd, shortcuts } from '@/utils/constants';
|
|
|
+import { defaultTimeStartEnd, shortcuts } from '@/utils/constants';
|
|
|
import { useRoute, useRouter } from 'vue-router';
|
|
|
import { formatDate } from '@/utils/formatTime';
|
|
|
-import { exportJbOrder, exportOrder, listBaseData, orderList, provinceReturn } from '@/api/business/order';
|
|
|
-import { addObserve } from '@/api/query/observe';
|
|
|
-import { addEnd } from '@/api/query/end';
|
|
|
-import { treeArea } from '@/api/auxiliary/area';
|
|
|
-import { orderSign } from '@/api/todo/order';
|
|
|
-import { downloadZip } from '@/utils/tools';
|
|
|
import Other from '@/utils/other';
|
|
|
-import mittBus from '@/utils/mitt';
|
|
|
+import { provinceZmhdList } from '@/api/auxiliary/province';
|
|
|
|
|
|
// 引入组件
|
|
|
const OrderDetail = defineAsyncComponent(() => import('@/components/OrderDetail/index.vue')); // 工单详情
|
|
|
-const RepeatEventEdit = defineAsyncComponent(() => import('@/views/business/repeatEvent/components/Repeat-event-edit.vue')); // 编辑重复性事件
|
|
|
-const HotSpotSelect = defineAsyncComponent(() => import('@/components/Hotspot/index.vue')); // 选择热点
|
|
|
-const OrderReturn = defineAsyncComponent(() => import('@/views/business/return/components/Apply.vue')); // 工单退回
|
|
|
+const PublicHandle = defineAsyncComponent(() => import('@/views/auxiliary/province/zmhd/components/Public-handle.vue')); // 公开
|
|
|
+const PublicDetail = defineAsyncComponent(() => import('@/views/auxiliary/province/zmhd/components/Public-detail.vue')); // 公开详情
|
|
|
|
|
|
// 定义变量内容
|
|
|
const state = reactive<any>({
|
|
|
- queryParams: {
|
|
|
- PageIndex: 1, // 当前页
|
|
|
- PageSize: 10, // 每页条数
|
|
|
- // 查询条件
|
|
|
- No: null, // 工单编码
|
|
|
- ProvinceNo: null, // 省本地编号
|
|
|
- ActualHandlerName: null, // 接办人
|
|
|
- IsScreen: null, // 是否甄别
|
|
|
- CurrentStepCode: null, // 当前办理节点
|
|
|
- IsOverTime: null, // 是否超期
|
|
|
- FromName: null, // 来电人姓名
|
|
|
- AreaCode: [],
|
|
|
- AreaCodes: [], // 事发地址
|
|
|
- FromPhone: null, // 来电号码
|
|
|
- Keyword: null, // 关键字
|
|
|
- Content: null, // 工单内容
|
|
|
- AcceptTypes: null, // 受理类型
|
|
|
- Channels: null, // 渠道
|
|
|
- HotspotIds: [], // 热点
|
|
|
- OrgCodes: [], // 机构
|
|
|
- NameOrNo: null, // 受理坐席
|
|
|
- crTime: defaultDateOne, // 生成时间
|
|
|
- CreationTimeStart: null, // 创建时间 开始
|
|
|
- CreationTimeEnd: null, // 创建时间 结束
|
|
|
- TransferPhone: null, // 转派人
|
|
|
- exTime: [], // 过期时间
|
|
|
- ExpiredTimeStart: null, //办理期限 开始
|
|
|
- ExpiredTimeEnd: null, //办理期限 结束
|
|
|
- PhoneNo: null, // 手机号
|
|
|
- Statuses: [], // 状态
|
|
|
- doneTime: [], // 办结时间
|
|
|
- ActualHandleTimeStart:null,
|
|
|
- ActualHandleTimeEnd:null,
|
|
|
- PushTypeCode: null, //推送类型
|
|
|
- IsProvinceOrder: null, // 省市工单
|
|
|
- IsSensitiveWord: null, // 是否敏感词工单
|
|
|
- SensitiveWord: null, // 敏感词
|
|
|
- IsUrgent: null, // 是否加急
|
|
|
- },
|
|
|
- tableData: [], //表单
|
|
|
- loading: false, // 加载
|
|
|
- total: 0, // 总数
|
|
|
- acceptTypeOptions: [], //受理类型
|
|
|
- channelOptions: [], // 来源频道
|
|
|
- orderStatusOptions: [], // 工单状态
|
|
|
- currentStepOptions: [], // 当前办理节点
|
|
|
- identityTypeOptions: [], // 来电主体
|
|
|
- orgsOptions: [], // 部门
|
|
|
- pushTypeOptions: [], //推送分类
|
|
|
- orgData: [], // 机构数据
|
|
|
- areaOptions: [], // 省市区数据
|
|
|
+ queryParams: {
|
|
|
+ PageIndex: 1, // 当前页
|
|
|
+ PageSize: 10, // 每页条数
|
|
|
+ // 查询条件
|
|
|
+ No: null, // 工单编码
|
|
|
+ ProvinceNo: null, // 省工单编号
|
|
|
+ Title: null, // 标题
|
|
|
+ AnswerOu: null, // 回答部门名称
|
|
|
+ AuditFirstName: null, // 初审人姓名
|
|
|
+ auditTime: [], // 审核时间
|
|
|
+ StartTime: null, // 审核开始时间
|
|
|
+ EndTime: null, // 审核结束时间
|
|
|
+ IsProvinceZmhd: null, // 是否政民互动公开
|
|
|
+ },
|
|
|
+ tableData: [], //表单
|
|
|
+ loading: false, // 加载
|
|
|
+ total: 0, // 总数
|
|
|
});
|
|
|
const fastSearch = ref('all'); // tab位置
|
|
|
const fastSearchChange = (val: string) => {
|
|
|
- fastSearch.value = val;
|
|
|
- switch (val) {
|
|
|
- case 'all':
|
|
|
- state.queryParams.IsProvinceOrder = null;
|
|
|
- break;
|
|
|
- case 'city':
|
|
|
- state.queryParams.IsProvinceOrder = false;
|
|
|
- break;
|
|
|
- case 'province':
|
|
|
- state.queryParams.IsProvinceOrder = true;
|
|
|
- break;
|
|
|
- }
|
|
|
- handleQuery();
|
|
|
+ fastSearch.value = val;
|
|
|
+ switch (val) {
|
|
|
+ case 'all':
|
|
|
+ state.queryParams.IsProvinceZmhd = null;
|
|
|
+ break;
|
|
|
+ case 'false':
|
|
|
+ state.queryParams.IsProvinceZmhd = false;
|
|
|
+ break;
|
|
|
+ case 'true':
|
|
|
+ state.queryParams.IsProvinceZmhd = true;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ handleQuery();
|
|
|
};
|
|
|
const ruleFormRef = ref<RefType>(); // 表单ref
|
|
|
const searchCol = ref(true); // 展开/收起
|
|
|
// 展开/收起
|
|
|
const closeSearch = () => {
|
|
|
- searchCol.value = !searchCol.value;
|
|
|
+ searchCol.value = !searchCol.value;
|
|
|
};
|
|
|
const route = useRoute(); // 路由
|
|
|
const router = useRouter(); // 路由
|
|
|
const proTableRef = ref<RefType>(); // 表格ref
|
|
|
-const selectable = (row: any) => {
|
|
|
- if (state.queryParams.IsProvinceOrder) {
|
|
|
- return row?.isProvince && row?.source > 1 && row?.status <= 1;
|
|
|
- } else {
|
|
|
- return true;
|
|
|
- }
|
|
|
-};
|
|
|
// 表格配置项
|
|
|
const columns = ref<any[]>([
|
|
|
- { prop: 'expiredStatusText', label: '超期状态', align: 'center', width: 80 },
|
|
|
- { prop: 'statusText', label: '工单状态', width: 100 },
|
|
|
- { prop: 'isProvinceZmhd', label: '公开', render: (scope) => {
|
|
|
- return <span>{scope.row.isProvinceZmhd ? '已公开' : '未处理'}</span>;
|
|
|
- }, },
|
|
|
- { prop: 'actualHandleStepName', label: '办理节点', width: 120 },
|
|
|
- {
|
|
|
- prop: 'isUrgentText',
|
|
|
- label: '是否紧急',
|
|
|
- render: (scope) => {
|
|
|
- return <span class="color-danger font-bold">{scope.row.isUrgentText}</span>;
|
|
|
- },
|
|
|
- },
|
|
|
- { prop: 'provinceNo', label: '省编号', width: 220 },
|
|
|
- { prop: 'no', label: '工单编码', width: 150 },
|
|
|
- {
|
|
|
- prop: 'startTime',
|
|
|
- label: '受理时间',
|
|
|
- width: 170,
|
|
|
- render: (scope) => {
|
|
|
- return <span>{formatDate(scope.row.startTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
- },
|
|
|
- },
|
|
|
- { prop: 'title', label: '工单标题', width: 300 },
|
|
|
- {
|
|
|
- prop: 'expiredTime',
|
|
|
- label: '工单期满时间',
|
|
|
- width: 170,
|
|
|
- render: (scope) => {
|
|
|
- return <span>{formatDate(scope.row.expiredTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
- },
|
|
|
- },
|
|
|
- { prop: 'actualHandleOrgName', label: '接办部门', width: 170 },
|
|
|
- { prop: 'acceptType', label: '受理类型', width: 150 },
|
|
|
- { prop: 'hotspotName', label: '热点分类', width: 200 },
|
|
|
- { prop: 'acceptorName', label: '受理人', width: 100 },
|
|
|
- { prop: 'operation', label: '操作', fixed: 'right', width: 160, align: 'center' },
|
|
|
+ { prop: 'expiredStatusText', label: '超期状态', align: 'center', width: 80 },
|
|
|
+ { prop: 'statusText', label: '工单状态', width: 100 },
|
|
|
+ {
|
|
|
+ prop: 'isProvinceZmhd',
|
|
|
+ label: '公开',
|
|
|
+ render: (scope) => {
|
|
|
+ return <span>{scope.row.isProvinceZmhd ? '已公开' : '未处理'}</span>;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ { prop: 'actualHandleStepName', label: '办理节点', width: 120 },
|
|
|
+ {
|
|
|
+ prop: 'isUrgentText',
|
|
|
+ label: '是否紧急',
|
|
|
+ render: (scope) => {
|
|
|
+ return <span class="color-danger font-bold">{scope.row.isUrgentText}</span>;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ { prop: 'provinceNo', label: '省工单编码', width: 220 },
|
|
|
+ { prop: 'no', label: '工单编码', width: 150 },
|
|
|
+ {
|
|
|
+ prop: 'startTime',
|
|
|
+ label: '受理时间',
|
|
|
+ width: 170,
|
|
|
+ render: (scope) => {
|
|
|
+ return <span>{formatDate(scope.row.startTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ { prop: 'title', label: '工单标题', width: 300 },
|
|
|
+ {
|
|
|
+ prop: 'expiredTime',
|
|
|
+ label: '工单期满时间',
|
|
|
+ width: 170,
|
|
|
+ render: (scope) => {
|
|
|
+ return <span>{formatDate(scope.row.expiredTime, 'YYYY-mm-dd HH:MM:SS')}</span>;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ { prop: 'actualHandleOrgName', label: '接办部门', width: 170 },
|
|
|
+ { prop: 'acceptType', label: '受理类型', width: 150 },
|
|
|
+ { prop: 'hotspotName', label: '热点分类', width: 200 },
|
|
|
+ { prop: 'acceptorName', label: '受理人', width: 100 },
|
|
|
+ { prop: 'operation', label: '操作', fixed: 'right', width: 160, align: 'center' },
|
|
|
]);
|
|
|
-// 选择事发地址
|
|
|
-const areaRef = ref<RefType>();
|
|
|
-const changeArea = () => {
|
|
|
- const area = areaRef.value?.getCheckedNodes() ?? [];
|
|
|
- state.queryParams.AreaCodes = area.map((item: any) => item.value);
|
|
|
-};
|
|
|
-// 获取查询条件基础信息
|
|
|
-const getBaseData = async () => {
|
|
|
- try {
|
|
|
- const res: any = await listBaseData();
|
|
|
- const mappings: any = {
|
|
|
- acceptTypeOptions: 'acceptTypeOptions',
|
|
|
- channelOptions: 'channelOptions',
|
|
|
- orgsOptions: 'orgsOptions',
|
|
|
- pushTypeOptions: 'pushTypeOptions',
|
|
|
- orderStatusOptions: 'orderStatusOptions',
|
|
|
- identityTypeOptions: 'identityTypeOptions',
|
|
|
- currentStepOptions: 'currentStepOptions',
|
|
|
- };
|
|
|
- for (const key in mappings) {
|
|
|
- state[key] = res.result?.[mappings[key]] ?? [];
|
|
|
- }
|
|
|
- const area = await treeArea();
|
|
|
- state.areaOptions = area?.result ?? []; //省市区数据
|
|
|
- } catch (error) {
|
|
|
- console.log(error);
|
|
|
- }
|
|
|
-};
|
|
|
// 手动查询,将页码设置为1
|
|
|
const handleQuery = () => {
|
|
|
- state.queryParams.PageIndex = 1;
|
|
|
- queryList();
|
|
|
+ state.queryParams.PageIndex = 1;
|
|
|
+ queryList();
|
|
|
};
|
|
|
/** 获取列表 */
|
|
|
-const requestParams = ref({})
|
|
|
+const requestParams = ref({});
|
|
|
const queryList = () => {
|
|
|
- requestParams.value = Other.deepClone(state.queryParams);
|
|
|
- requestParams.value.CreationTimeStart = state.queryParams.crTime === null ? null : state.queryParams.crTime[0]; // 生成时间
|
|
|
- requestParams.value.CreationTimeEnd = state.queryParams.crTime === null ? null : state.queryParams.crTime[1];
|
|
|
- Reflect.deleteProperty( requestParams.value, 'crTime'); // 删除无用的参数
|
|
|
- requestParams.value.ExpiredTimeStart = state.queryParams.exTime === null ? null : state.queryParams.exTime[0]; // 期满时间
|
|
|
- requestParams.value.ExpiredTimeEnd = state.queryParams.exTime === null ? null : state.queryParams.exTime[1];
|
|
|
- Reflect.deleteProperty( requestParams.value, 'exTime'); // 删除无用的参数
|
|
|
- requestParams.value.ActualHandleTimeStart = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[0]; // 办结时间
|
|
|
- requestParams.value.ActualHandleTimeEnd = state.queryParams.doneTime === null ? null : state.queryParams.doneTime[1];
|
|
|
- Reflect.deleteProperty( requestParams.value, 'doneTime'); // 删除无用的参数
|
|
|
- Reflect.deleteProperty( requestParams.value, 'AreaCode'); // 删除无用的参数
|
|
|
- state.loading = true;
|
|
|
- orderList( requestParams.value)
|
|
|
- .then((response: any) => {
|
|
|
- state.tableData = response?.result.items ?? [];
|
|
|
+ requestParams.value = Other.deepClone(state.queryParams);
|
|
|
+ requestParams.value.StartTime = state.queryParams.auditTime === null ? null : state.queryParams.auditTime[0]; // 审核时间
|
|
|
+ requestParams.value.EndTime = state.queryParams.auditTime === null ? null : state.queryParams.auditTime[1];
|
|
|
+ Reflect.deleteProperty(requestParams.value, 'auditTime'); // 删除无用的参数
|
|
|
+ state.loading = true;
|
|
|
+ provinceZmhdList(requestParams.value)
|
|
|
+ .then((response: any) => {
|
|
|
+ state.tableData = response?.result.items ?? [];
|
|
|
|
|
|
- state.total = response?.result.total;
|
|
|
- state.loading = false;
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- state.loading = false;
|
|
|
- });
|
|
|
+ state.total = response?.result.total;
|
|
|
+ state.loading = false;
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ state.loading = false;
|
|
|
+ });
|
|
|
};
|
|
|
-const hotSpotRef = ref<RefType>();
|
|
|
/** 重置按钮操作 */
|
|
|
const resetQuery = (formEl: FormInstance | undefined) => {
|
|
|
- if (!formEl) return;
|
|
|
- formEl.resetFields();
|
|
|
- state.queryParams.IsSensitiveWord = null;
|
|
|
- state.queryParams.IsProvinceOrder = null;
|
|
|
- fastSearch.value = 'all';
|
|
|
- state.queryParams.AreaCodes = [];
|
|
|
- hotSpotRef.value?.reset();
|
|
|
- queryList();
|
|
|
-};
|
|
|
-// 设置终结件
|
|
|
-const onObserve = () => {
|
|
|
- const ids = proTableRef.value.selectedList.map((item: any) => {
|
|
|
- return {
|
|
|
- orderId: item.id,
|
|
|
- };
|
|
|
- });
|
|
|
- ElMessageBox.confirm(`选择的${proTableRef.value.selectedList.length}个工单设置观察件吗?`, '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning',
|
|
|
- draggable: true,
|
|
|
- autofocus: false,
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- addObserve({ orderIds: ids }).then(() => {
|
|
|
- ElMessage.success('操作成功');
|
|
|
- queryList();
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => {});
|
|
|
-};
|
|
|
-// 设置终结件
|
|
|
-const onEnd = () => {
|
|
|
- const ids = proTableRef.value.selectedList.map((item: any) => {
|
|
|
- return {
|
|
|
- orderId: item.id,
|
|
|
- };
|
|
|
- });
|
|
|
- ElMessageBox.confirm(`选择的${proTableRef.value.selectedList.length}个工单设置终结件吗?`, '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning',
|
|
|
- draggable: true,
|
|
|
- autofocus: false,
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- addEnd({ orderIds: ids }).then(() => {
|
|
|
- ElMessage.success('操作成功');
|
|
|
- queryList();
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => {});
|
|
|
+ if (!formEl) return;
|
|
|
+ formEl.resetFields();
|
|
|
+ state.queryParams.IsProvinceZmhd = null;
|
|
|
+ fastSearch.value = 'all';
|
|
|
+ queryList();
|
|
|
};
|
|
|
-// 省退回申请
|
|
|
-const onProvinceReturn = () => {
|
|
|
- const ids = proTableRef.value.selectedList.map((item: any) => {
|
|
|
- return {
|
|
|
- orderId: item.id,
|
|
|
- };
|
|
|
- });
|
|
|
- ElMessageBox.prompt(`选择的${proTableRef.value.selectedList.length}个工单的退回原因`, '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- draggable: true,
|
|
|
- autofocus: false,
|
|
|
- inputPlaceholder: '请填写退回原因,不超过50个字符',
|
|
|
- inputErrorMessage: '请填写退回原因',
|
|
|
- inputType: 'textarea',
|
|
|
- inputValidator: (value) => {
|
|
|
- if (value) return true;
|
|
|
- else return '请填写退回原因';
|
|
|
- },
|
|
|
- })
|
|
|
- .then(({ value }) => {
|
|
|
- provinceReturn({ orderIds: ids, content: value }).then((res: any) => {
|
|
|
- ElNotification({
|
|
|
- title: '退回完成',
|
|
|
- dangerouslyUseHTMLString: true,
|
|
|
- message: `<div>
|
|
|
- <div>总退回条数:${res.result.count}条;</>
|
|
|
- <div>成功条数:${res.result.successCount}条;</div>
|
|
|
- <div>失败条数:${res.result.errorCount}条;</div>
|
|
|
-</div>`,
|
|
|
- });
|
|
|
- queryList();
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => {});
|
|
|
+// 查看明细
|
|
|
+const publicDetailRef= ref<RefType>();
|
|
|
+const onDetail = (row: any) => {
|
|
|
+ publicDetailRef.value.openDrawer(row);
|
|
|
};
|
|
|
-// 签收工单
|
|
|
-const onSign = (row: any) => {
|
|
|
- ElMessageBox.confirm(`您确定要要签收【${row.title}】,是否继续?`, '提示', {
|
|
|
- confirmButtonText: '确认',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning',
|
|
|
- draggable: true,
|
|
|
- cancelButtonClass: 'default-button',
|
|
|
- autofocus: false,
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- orderSign(row.id).then(() => {
|
|
|
- ElMessage.success('签收成功');
|
|
|
- queryList();
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => {});
|
|
|
-};
|
|
|
-// 创建重复性事件
|
|
|
-const repeatEventEditRef = ref<RefType>();
|
|
|
-const onCreateRepeatEvent = () => {
|
|
|
- repeatEventEditRef.value.openDialog();
|
|
|
-};
|
|
|
-// 编辑工单
|
|
|
-const onOrderEdit = (row: any) => {
|
|
|
- router.push({
|
|
|
- name: 'orderAccept',
|
|
|
- query:{
|
|
|
- id: row.id,
|
|
|
- }
|
|
|
- });
|
|
|
-};
|
|
|
-// 工单省退回
|
|
|
-const orderReturnRef = ref<RefType>(); // 工单退回ref
|
|
|
-const onReturn = (row: any) => {
|
|
|
- orderReturnRef.value.openDialog(row);
|
|
|
-};
|
|
|
-// 交办单导出
|
|
|
-const onJbExport = () => {
|
|
|
- const ids = proTableRef.value.selectedList.map((item: any) => item.id);
|
|
|
- ElMessageBox.confirm(`您确定导出选中的${proTableRef.value.selectedList.length}个工单的交办单,是否继续?`, '提示', {
|
|
|
- confirmButtonText: '确认',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning',
|
|
|
- draggable: true,
|
|
|
- cancelButtonClass: 'default-button',
|
|
|
- autofocus: false,
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- state.loading = true;
|
|
|
- exportJbOrder(ids)
|
|
|
- .then((res: any) => {
|
|
|
- downloadZip(res);
|
|
|
- state.loading = false;
|
|
|
- ElMessage.success('导出成功');
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- state.loading = false;
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => {});
|
|
|
+// 公开
|
|
|
+const publicHandleRef = ref<RefType>();
|
|
|
+const onPublic = (row: any) => {
|
|
|
+ publicHandleRef.value.openDrawer(row);
|
|
|
};
|
|
|
onMounted(() => {
|
|
|
- getBaseData();
|
|
|
- queryList();
|
|
|
-});
|
|
|
-onActivated(() => {
|
|
|
- mittBus.on('clearCachePage', () => {
|
|
|
- //清除缓存
|
|
|
- queryList();
|
|
|
- });
|
|
|
-});
|
|
|
-onBeforeUnmount(() => {
|
|
|
- mittBus.off('clearCachePage');
|
|
|
+ queryList();
|
|
|
});
|
|
|
</script>
|
|
|
<style scoped lang="scss">
|
|
|
-.business-order-container {
|
|
|
- .arrow {
|
|
|
- transition: transform var(--el-transition-duration);
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- .arrow.is-reverse {
|
|
|
- transform: rotateZ(-180deg);
|
|
|
- }
|
|
|
+.auxiliary-province-zmhd-container {
|
|
|
+ .arrow {
|
|
|
+ transition: transform var(--el-transition-duration);
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .arrow.is-reverse {
|
|
|
+ transform: rotateZ(-180deg);
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|