|
|
@@ -7,24 +7,26 @@
|
|
|
<!-- <div class="flex-center-between mb20">
|
|
|
<p class="table-title">工单信息</p>
|
|
|
</div> -->
|
|
|
- <el-form :model="state.ruleForm" ref="ruleFormRef" label-width="110px" label-position="right"
|
|
|
- scroll-to-error v-loading="state.formLoading">
|
|
|
+ <el-form :model="state.ruleForm" ref="ruleFormRef" label-width="110px" label-position="right" scroll-to-error v-loading="state.formLoading">
|
|
|
<p class="border-title mb10">来电信息</p>
|
|
|
<el-row :gutter="0">
|
|
|
<!-- 来源渠道 -->
|
|
|
<el-col :span="12">
|
|
|
<!-- 手动创建 -->
|
|
|
<template v-if="state.createFrom === 'manual'">
|
|
|
- <el-form-item label="来源渠道" prop="channel"
|
|
|
- :rules="[{ required: true, message: '请选择来源渠道', trigger: 'change' }]">
|
|
|
- <el-select v-model="state.ruleForm.channel" placeholder="请选择来源渠道" class="w100"
|
|
|
- @change="() => {
|
|
|
- ruleFormRef.resetFields('fromPhone');
|
|
|
- state.ruleForm.fromPhone = '';
|
|
|
- }
|
|
|
- ">
|
|
|
- <el-option v-for="item in state.channelOptions" :key="item.key"
|
|
|
- :label="item.value" :value="item.key" />
|
|
|
+ <el-form-item label="来源渠道" prop="channel" :rules="[{ required: true, message: '请选择来源渠道', trigger: 'change' }]">
|
|
|
+ <el-select
|
|
|
+ v-model="state.ruleForm.channel"
|
|
|
+ placeholder="请选择来源渠道"
|
|
|
+ class="w100"
|
|
|
+ @change="
|
|
|
+ () => {
|
|
|
+ ruleFormRef.resetFields('fromPhone');
|
|
|
+ state.ruleForm.fromPhone = '';
|
|
|
+ }
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-option v-for="item in state.channelOptions" :key="item.key" :label="item.value" :value="item.key" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</template>
|
|
|
@@ -64,16 +66,19 @@
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12" v-if="state.ruleForm.channel === 0">
|
|
|
<!-- 手动创建 -->
|
|
|
<template v-if="state.createFrom === 'manual'">
|
|
|
- <el-form-item label="来电号码" prop="fromPhone" :rules="[
|
|
|
- { required: true, message: '请填写来电号码', trigger: 'blur' },
|
|
|
- {
|
|
|
- pattern: /^((0\d{2,3}(-)?\d{7,8})|(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8})$/,
|
|
|
- message: '来电号码格式错误',
|
|
|
- trigger: 'blur',
|
|
|
- },
|
|
|
- ]">
|
|
|
- <el-input v-model="state.ruleForm.fromPhone" placeholder="请填写来电号码" clearable
|
|
|
- @blur="searchHistory"> </el-input>
|
|
|
+ <el-form-item
|
|
|
+ label="来电号码"
|
|
|
+ prop="fromPhone"
|
|
|
+ :rules="[
|
|
|
+ { required: true, message: '请填写来电号码', trigger: 'blur' },
|
|
|
+ {
|
|
|
+ pattern: /^((0\d{2,3}(-)?\d{7,8})|(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8})$/,
|
|
|
+ message: '来电号码格式错误',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ <el-input v-model="state.ruleForm.fromPhone" placeholder="请填写来电号码" clearable @blur="searchHistory"> </el-input>
|
|
|
</el-form-item>
|
|
|
</template>
|
|
|
<!-- 来电弹单 -->
|
|
|
@@ -94,8 +99,7 @@
|
|
|
<el-form-item label="服务坐席">
|
|
|
<!-- 手动创建 -->
|
|
|
<template v-if="state.createFrom === 'manual'">
|
|
|
- <span>{{ state.ruleForm.employeeName + '[' + state.ruleForm.employeeStaffNo + ']'
|
|
|
- }}</span>
|
|
|
+ <span>{{ state.ruleForm.employeeName + '[' + state.ruleForm.employeeStaffNo + ']' }}</span>
|
|
|
</template>
|
|
|
<!-- 来电弹单 -->
|
|
|
<template v-else-if="state.createFrom === 'tel'">
|
|
|
@@ -108,97 +112,112 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="来电/信人" prop="fromName"
|
|
|
- :rules="[{ required: true, message: '请填写来电/信人', trigger: 'blur' }]">
|
|
|
- <el-input v-model="state.ruleForm.fromName" placeholder="请填写来电/信人" clearable>
|
|
|
- </el-input>
|
|
|
+ <el-form-item label="来电/信人" prop="fromName" :rules="[{ required: true, message: '请填写来电/信人', trigger: 'blur' }]">
|
|
|
+ <el-input v-model="state.ruleForm.fromName" placeholder="请填写来电/信人" clearable> </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="来电/信人性别" prop="fromGender"
|
|
|
- :rules="[{ required: true, message: '请选择来电/信人性别', trigger: 'change' }]">
|
|
|
+ <el-form-item
|
|
|
+ label="来电/信人性别"
|
|
|
+ prop="fromGender"
|
|
|
+ :rules="[{ required: true, message: '请选择来电/信人性别', trigger: 'change' }]"
|
|
|
+ >
|
|
|
<el-radio-group v-model="state.ruleForm.fromGender">
|
|
|
- <el-radio :label="item.key" v-for="item in state.genderOptions" :key="item.key">{{
|
|
|
- item.value }}</el-radio>
|
|
|
+ <el-radio :label="item.key" v-for="item in state.genderOptions" :key="item.key">{{ item.value }}</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="来电/信人身份" prop="identityType"
|
|
|
- :rules="[{ required: true, message: '请选择来电/信人身份', trigger: 'change' }]">
|
|
|
+ <el-form-item
|
|
|
+ label="来电/信人身份"
|
|
|
+ prop="identityType"
|
|
|
+ :rules="[{ required: true, message: '请选择来电/信人身份', trigger: 'change' }]"
|
|
|
+ >
|
|
|
<el-radio-group v-model="state.ruleForm.identityType" @change="selectIdentity">
|
|
|
- <el-radio :label="item.key" v-for="item in state.identityTypeOptions"
|
|
|
- :key="item.key">{{ item.value }}</el-radio>
|
|
|
+ <el-radio :label="item.key" v-for="item in state.identityTypeOptions" :key="item.key">{{ item.value }}</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="证件类型" prop="licenceTypeObj"
|
|
|
- :rules="[{ required: false, message: '请选择证件类型', trigger: 'change' }]">
|
|
|
- <el-select v-model="state.ruleForm.licenceTypeObj" placeholder="请选择证件类型" class="w100"
|
|
|
- value-key="dicDataValue" @change="(val:any) => {
|
|
|
+ <el-form-item label="证件类型" prop="licenceTypeObj" :rules="[{ required: false, message: '请选择证件类型', trigger: 'change' }]">
|
|
|
+ <el-select
|
|
|
+ v-model="state.ruleForm.licenceTypeObj"
|
|
|
+ placeholder="请选择证件类型"
|
|
|
+ class="w100"
|
|
|
+ value-key="dicDataValue"
|
|
|
+ @change="(val:any) => {
|
|
|
state.ruleForm.licenceType = val.dicDataName;
|
|
|
state.ruleForm.licenceTypeCode = val.dicDataValue;
|
|
|
}
|
|
|
- ">
|
|
|
- <el-option v-for="item in state.licenceTypeOptions" :key="item.dicDataValue"
|
|
|
- :label="item.dicDataName" :value="item" />
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-option v-for="item in state.licenceTypeOptions" :key="item.dicDataValue" :label="item.dicDataName" :value="item" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<!-- 若“证件类型”有值，则证件号码必填 -->
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="证件号码" prop="licenceNo" :rules="[
|
|
|
- { required: state.ruleForm.licenceTypeCode, message: '请填写证件号码', trigger: 'blur' },
|
|
|
- {
|
|
|
- pattern: licenceNoPattern,
|
|
|
- message: '证件号码格式错误',
|
|
|
- trigger: 'blur',
|
|
|
- },
|
|
|
- ]">
|
|
|
- <el-input v-model="state.ruleForm.licenceNo" placeholder="请填写证件号码" clearable>
|
|
|
- </el-input>
|
|
|
+ <el-form-item
|
|
|
+ label="证件号码"
|
|
|
+ prop="licenceNo"
|
|
|
+ :rules="[
|
|
|
+ { required: state.ruleForm.licenceTypeCode, message: '请填写证件号码', trigger: 'blur' },
|
|
|
+ {
|
|
|
+ pattern: licenceNoPattern,
|
|
|
+ message: '证件号码格式错误',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ <el-input v-model="state.ruleForm.licenceNo" placeholder="请填写证件号码" clearable> </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="年龄段" prop="ageRangeObj"
|
|
|
- :rules="[{ required: false, message: '请选择年龄段', trigger: 'change' }]">
|
|
|
- <el-select v-model="state.ruleForm.ageRangeObj" placeholder="请选择年龄段" class="w100"
|
|
|
- value-key="dicDataValue" @change="(val:any) => {
|
|
|
+ <el-form-item label="年龄段" prop="ageRangeObj" :rules="[{ required: false, message: '请选择年龄段', trigger: 'change' }]">
|
|
|
+ <el-select
|
|
|
+ v-model="state.ruleForm.ageRangeObj"
|
|
|
+ placeholder="请选择年龄段"
|
|
|
+ class="w100"
|
|
|
+ value-key="dicDataValue"
|
|
|
+ @change="(val:any) => {
|
|
|
state.ruleForm.ageRange = val.dicDataName;
|
|
|
state.ruleForm.ageRangeCode = val.dicDataValue;
|
|
|
}
|
|
|
- ">
|
|
|
- <el-option v-for="item in state.ageRangeOptions" :key="item.dicDataValue"
|
|
|
- :label="item.dicDataName" :value="item" />
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-option v-for="item in state.ageRangeOptions" :key="item.dicDataValue" :label="item.dicDataName" :value="item" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="联系电话" prop="contact" :rules="[
|
|
|
- { required: true, message: '请填写联系电话', trigger: 'blur' },
|
|
|
- {
|
|
|
- pattern: /^((0\d{2,3}(-)?\d{7,8})|(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8})$/,
|
|
|
- message: '联系电话格式错误',
|
|
|
- trigger: 'blur',
|
|
|
- },
|
|
|
- ]">
|
|
|
- <el-input v-model="state.ruleForm.contact"
|
|
|
- placeholder="请填写联系电话" clearable>
|
|
|
- </el-input>
|
|
|
+ <el-form-item
|
|
|
+ label="联系电话"
|
|
|
+ prop="contact"
|
|
|
+ :rules="[
|
|
|
+ { required: true, message: '请填写联系电话', trigger: 'blur' },
|
|
|
+ {
|
|
|
+ pattern: /^((0\d{2,3}(-)?\d{7,8})|(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8})$/,
|
|
|
+ message: '联系电话格式错误',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ <el-input v-model="state.ruleForm.contact" placeholder="请填写联系电话" clearable> </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="" prop="acceptSms"
|
|
|
- :rules="[{ required: false, message: '请选择', trigger: 'blur' }]">
|
|
|
+ <el-form-item label="" prop="acceptSms" :rules="[{ required: false, message: '请选择', trigger: 'blur' }]">
|
|
|
<el-checkbox v-model="state.ruleForm.acceptSms" label="受理短信" />
|
|
|
- <el-checkbox v-model="state.ruleForm.needContact" label="是否保密" />
|
|
|
+ <el-checkbox v-model="state.ruleForm.needContact" label="是否保密" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<!-- 当“来电/信人身份”为“企业”时必填 -->
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
- <el-form-item label="工作单位" prop="company"
|
|
|
- :rules="[{ required: state.ruleForm.identityType === 2, message: '请填写工作单位', trigger: 'blur' }]">
|
|
|
+ <el-form-item
|
|
|
+ label="工作单位"
|
|
|
+ prop="company"
|
|
|
+ :rules="[{ required: state.ruleForm.identityType === 2, message: '请填写工作单位', trigger: 'blur' }]"
|
|
|
+ >
|
|
|
<el-input v-model="state.ruleForm.company" placeholder="请填写工作单位" clearable> </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -209,77 +228,92 @@
|
|
|
<el-form-item label="工单编码"> {{ state.ruleForm.no }} </el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
- <el-form-item label="工单标题" prop="title"
|
|
|
- :rules="[{ required: true, message: '请填写工单标题', trigger: 'blur' }]">
|
|
|
+ <el-form-item label="工单标题" prop="title" :rules="[{ required: true, message: '请填写工单标题', trigger: 'blur' }]">
|
|
|
<el-input v-model="state.ruleForm.title" placeholder="请填写工单标题" clearable> </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
<el-row :gutter="0">
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="工单类型" prop="orderType"
|
|
|
- :rules="[{ required: true, message: '请选择工单类型', trigger: 'change' }]">
|
|
|
- <el-select v-model="state.ruleForm.orderType" placeholder="请选择工单类型" class="w100"
|
|
|
- @change="selectOrderType">
|
|
|
- <el-option v-for="item in state.orderTypeOptions" :key="item.key"
|
|
|
- :label="item.value" :value="item.key" />
|
|
|
+ <el-form-item label="工单类型" prop="orderType" :rules="[{ required: true, message: '请选择工单类型', trigger: 'change' }]">
|
|
|
+ <el-select v-model="state.ruleForm.orderType" placeholder="请选择工单类型" class="w100" @change="selectOrderType">
|
|
|
+ <el-option v-for="item in state.orderTypeOptions" :key="item.key" :label="item.value" :value="item.key" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<!-- 当“工单类型”为非通用工单时，展示【拓展信息】按钮 -->
|
|
|
- <el-col :xs="6" :sm="6" :md="6" :lg="6" :xl="6" :offset="1"
|
|
|
- v-if="state.ruleForm.orderType === 1 && state.ruleForm.acceptType">
|
|
|
+ <el-col :xs="6" :sm="6" :md="6" :lg="6" :xl="6" :offset="1" v-if="state.ruleForm.orderType === 1 && state.ruleForm.acceptType">
|
|
|
<el-form-item label="" label-width="0px">
|
|
|
- <el-button @click="showExpandForm">
|
|
|
- <SvgIcon name="ele-CirclePlus" class="mr3" size="16px" /> 拓展信息
|
|
|
- </el-button>
|
|
|
+ <el-button @click="showExpandForm"> <SvgIcon name="ele-CirclePlus" class="mr3" size="16px" /> 拓展信息 </el-button>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="受理类型" prop="acceptType"
|
|
|
- :rules="[{ required: true, message: '请选择受理类型', trigger: 'change' }]">
|
|
|
+ <el-form-item label="受理类型" prop="acceptType" :rules="[{ required: true, message: '请选择受理类型', trigger: 'change' }]">
|
|
|
<el-select v-model="state.ruleForm.acceptType" placeholder="请选择受理类型" class="w100">
|
|
|
- <el-option v-for="item in state.acceptTypeOptions" :key="item.key"
|
|
|
- :disabled="item.disabled" :label="item.value" :value="item.key" />
|
|
|
+ <el-option
|
|
|
+ v-for="item in state.acceptTypeOptions"
|
|
|
+ :key="item.key"
|
|
|
+ :disabled="item.disabled"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.key"
|
|
|
+ />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="紧急程度" prop="emergencyLevel"
|
|
|
- :rules="[{ required: true, message: '请选择紧急程度', trigger: 'change' }]">
|
|
|
+ <el-form-item label="紧急程度" prop="emergencyLevel" :rules="[{ required: true, message: '请选择紧急程度', trigger: 'change' }]">
|
|
|
<el-select v-model="state.ruleForm.emergencyLevel" placeholder="请选择紧急程度" class="w100">
|
|
|
- <el-option v-for="item in state.emergencyLevelOptions" :key="item.key"
|
|
|
- :label="item.value" :value="item.key" />
|
|
|
+ <el-option v-for="item in state.emergencyLevelOptions" :key="item.key" :label="item.value" :value="item.key" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
- <el-form-item label="热点分类" prop="hotspotId"
|
|
|
- :rules="[{ required: true, message: '请选择热点分类', trigger: 'change' }]">
|
|
|
- <el-tree-select class="w100" v-model="state.ruleForm.hotspotId" filterable clearable
|
|
|
- placeholder="请选择热点分类" :props="HotspotProps" lazy :load="load" node-key="id"
|
|
|
- check-strictly :render-after-expand="false" @node-click="hotSpotChange"
|
|
|
- ref="hotspotRef" :default-expanded-keys="state.hotspotExternal" />
|
|
|
+ <el-form-item label="热点分类" prop="hotspotId" :rules="[{ required: true, message: '请选择热点分类', trigger: 'change' }]">
|
|
|
+ <el-tree-select
|
|
|
+ class="w100"
|
|
|
+ v-model="state.ruleForm.hotspotId"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ placeholder="请选择热点分类"
|
|
|
+ :props="HotspotProps"
|
|
|
+ lazy
|
|
|
+ :load="load"
|
|
|
+ node-key="id"
|
|
|
+ check-strictly
|
|
|
+ :render-after-expand="false"
|
|
|
+ @node-click="hotSpotChange"
|
|
|
+ ref="hotspotRef"
|
|
|
+ :default-expanded-keys="state.hotspotExternal"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="事发时间" prop="incidentTime"
|
|
|
- :rules="[{ required: false, message: '请选择事发时间', trigger: 'change' }]">
|
|
|
- <el-date-picker v-model="state.ruleForm.incidentTime" type="datetime"
|
|
|
- placeholder="请选择事发时间" value-format="YYYY-MM-DD[T]HH:mm:ss" class="w100" />
|
|
|
+ <el-form-item label="事发时间" prop="incidentTime" :rules="[{ required: false, message: '请选择事发时间', trigger: 'change' }]">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.ruleForm.incidentTime"
|
|
|
+ type="datetime"
|
|
|
+ placeholder="请选择事发时间"
|
|
|
+ value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
+ class="w100"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
<el-row :gutter="0">
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="事发地址" prop="areaCode"
|
|
|
- :rules="[{ required: false, message: '请选择事发地址', trigger: 'change' }]">
|
|
|
- <el-cascader :options="state.areaOptions" filterable
|
|
|
+ <el-form-item label="事发地址" prop="areaCode" :rules="[{ required: false, message: '请选择事发地址', trigger: 'change' }]">
|
|
|
+ <el-cascader
|
|
|
+ :options="state.areaOptions"
|
|
|
+ filterable
|
|
|
:props="{ value: 'id', label: 'areaName', emitPath: false }"
|
|
|
- placeholder="请选择事发地址" class="w100" v-model="state.ruleForm.areaCode"
|
|
|
- ref="areaRef" @change="changeArea">
|
|
|
+ placeholder="请选择事发地址"
|
|
|
+ class="w100"
|
|
|
+ v-model="state.ruleForm.areaCode"
|
|
|
+ ref="areaRef"
|
|
|
+ @change="changeArea"
|
|
|
+ >
|
|
|
<template #default="{ node, data }">
|
|
|
<span>{{ data.areaName }}</span>
|
|
|
<span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
|
|
|
@@ -288,11 +322,8 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="" prop="street"
|
|
|
- :rules="[{ required: true, message: '请填写详细地址', trigger: 'blur' }]"
|
|
|
- label-width="10px">
|
|
|
- <el-input v-model="state.ruleForm.street" placeholder="请填写详细地址" clearable>
|
|
|
- </el-input>
|
|
|
+ <el-form-item label="" prop="street" :rules="[{ required: true, message: '请填写详细地址', trigger: 'blur' }]" label-width="10px">
|
|
|
+ <el-input v-model="state.ruleForm.street" placeholder="请填写详细地址" clearable> </el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -301,24 +332,23 @@
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
<el-row :gutter="0">
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="是否重复" prop="isRepeat"
|
|
|
- :rules="[{ required: true, message: '请选择是否重复', trigger: 'change' }]">
|
|
|
- <el-select v-model="state.ruleForm.isRepeat" placeholder="请选择是否重复" class="w100"
|
|
|
- @change="isRepeatChange">
|
|
|
- <el-option v-for="item in state.repeatOptions" :key="item.key"
|
|
|
- :label="item.value" :value="item.key" />
|
|
|
+ <el-form-item label="是否重复" prop="isRepeat" :rules="[{ required: true, message: '请选择是否重复', trigger: 'change' }]">
|
|
|
+ <el-select v-model="state.ruleForm.isRepeat" placeholder="请选择是否重复" class="w100" @change="isRepeatChange">
|
|
|
+ <el-option v-for="item in state.repeatOptions" :key="item.key" :label="item.value" :value="item.key" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<!-- 必填，若“是否重复”为“是”，则展示重复件选择框 -->
|
|
|
- <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12"
|
|
|
- v-if="state.ruleForm.isRepeat === 'true'">
|
|
|
- <el-form-item label="" prop="duplicateTitle" label-width="10px"
|
|
|
- :rules="[{ required: true, message: '请选择重复件', trigger: 'change' }]">
|
|
|
+ <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12" v-if="state.ruleForm.isRepeat === 'true'">
|
|
|
+ <el-form-item
|
|
|
+ label=""
|
|
|
+ prop="duplicateTitle"
|
|
|
+ label-width="10px"
|
|
|
+ :rules="[{ required: true, message: '请选择重复件', trigger: 'change' }]"
|
|
|
+ >
|
|
|
<el-input v-model="state.ruleForm.duplicateTitle" placeholder="请选择重复件" readonly>
|
|
|
<template #suffix>
|
|
|
- <el-button link type="danger" v-if="state.ruleForm.duplicateTitle"
|
|
|
- @click="clearRepeat">
|
|
|
+ <el-button link type="danger" v-if="state.ruleForm.duplicateTitle" @click="clearRepeat">
|
|
|
<SvgIcon name="ele-Delete" size="16px" />
|
|
|
</el-button>
|
|
|
<el-button link type="primary" class="ml1" @click="selectRepeat">
|
|
|
@@ -331,39 +361,44 @@
|
|
|
</el-row>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <el-form-item label="推送分类" prop="pushTypeObj"
|
|
|
- :rules="[{ required: false, message: '请选择推送分类', trigger: 'change' }]">
|
|
|
- <el-select v-model="state.ruleForm.pushTypeObj" placeholder="请选择推送分类" class="w100"
|
|
|
- clearable value-key="dicDataValue" @change="(val:any) => {
|
|
|
+ <el-form-item label="推送分类" prop="pushTypeObj" :rules="[{ required: false, message: '请选择推送分类', trigger: 'change' }]">
|
|
|
+ <el-select
|
|
|
+ v-model="state.ruleForm.pushTypeObj"
|
|
|
+ placeholder="请选择推送分类"
|
|
|
+ class="w100"
|
|
|
+ clearable
|
|
|
+ value-key="dicDataValue"
|
|
|
+ @change="(val:any) => {
|
|
|
state.ruleForm.pushType = val.dicDataName;
|
|
|
state.ruleForm.pushTypeCode = val.dicDataValue;
|
|
|
}
|
|
|
- ">
|
|
|
- <el-option v-for="item in state.pushTypeOptions" :key="item.dicDataValue"
|
|
|
- :label="item.dicDataName" :value="item" />
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-option v-for="item in state.pushTypeOptions" :key="item.dicDataValue" :label="item.dicDataName" :value="item" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
- <el-form-item label="诉求详情" prop="content"
|
|
|
- :rules="[{ required: true, message: '请填写诉求详情', trigger: 'blur' }]">
|
|
|
- <Comment @chooseComment="chooseComment" v-model="state.ruleForm.content"
|
|
|
- placeholder="请填写诉求详情" :loading="state.formLoading" :commonEnum="commonEnum.Seat"
|
|
|
- modal />
|
|
|
+ <el-form-item label="诉求详情" prop="content" :rules="[{ required: true, message: '请填写诉求详情', trigger: 'blur' }]">
|
|
|
+ <Comment
|
|
|
+ @chooseComment="chooseComment"
|
|
|
+ v-model="state.ruleForm.content"
|
|
|
+ placeholder="请填写诉求详情"
|
|
|
+ :loading="state.formLoading"
|
|
|
+ :commonEnum="commonEnum.Seat"
|
|
|
+ modal
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
- <el-form-item label="附件" prop="remark"
|
|
|
- :rules="[{ required: false, message: '请填写诉求内容', trigger: 'change' }]">
|
|
|
+ <el-form-item label="附件" prop="remark" :rules="[{ required: false, message: '请填写诉求内容', trigger: 'change' }]">
|
|
|
<Upload :fileList="state.fileList" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="24" :lg="24" :xl="24">
|
|
|
<el-form-item>
|
|
|
- <el-button class="default-button" @click="save" v-auth="'business:order:add'"> 保存
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" v-waves @click="submit"
|
|
|
- v-auth="'business:order:startWorkflow'"> 提交 </el-button>
|
|
|
+ <el-button class="default-button" @click="save" v-auth="'business:order:add'"> 保存 </el-button>
|
|
|
+ <el-button type="primary" v-waves @click="submit" v-auth="'business:order:startWorkflow'"> 提交 </el-button>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -380,26 +415,21 @@
|
|
|
</el-tabs> -->
|
|
|
<el-form :model="state.queryParams" ref="queryParamsRef" :inline="true" @submit.native.prevent>
|
|
|
<el-form-item label="关键词" prop="Keyword">
|
|
|
- <el-input v-model="state.queryParams.Keyword" placeholder="工单标题/工单编码" clearable
|
|
|
- @keyup.enter="handleQuery" />
|
|
|
+ <el-input v-model="state.queryParams.Keyword" placeholder="工单标题/工单编码" clearable @keyup.enter="handleQuery" />
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" @click="handleQuery" :loading="state.historyOrderLoading">
|
|
|
<SvgIcon name="ele-Search" class="mr5" />查询
|
|
|
</el-button>
|
|
|
- <el-button @click="resetQuery(queryParamsRef)" :loading="state.historyOrderLoading"
|
|
|
- class="default-button">
|
|
|
+ <el-button @click="resetQuery(queryParamsRef)" :loading="state.historyOrderLoading" class="default-button">
|
|
|
<SvgIcon name="ele-Refresh" class="mr5" />重置
|
|
|
</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <el-table :data="state.tableData" v-loading="state.historyOrderLoading"
|
|
|
- @current-change="handleSelectionChange" max-height="300">
|
|
|
- <el-table-column prop="phoneNo" label="重复件" width="70"
|
|
|
- v-if="state.ruleForm.isRepeat === 'true'">
|
|
|
+ <el-table :data="state.tableData" v-loading="state.historyOrderLoading" @current-change="handleSelectionChange" max-height="300">
|
|
|
+ <el-table-column prop="phoneNo" label="重复件" width="70" v-if="state.ruleForm.isRepeat === 'true'">
|
|
|
<template #default="{ row }">
|
|
|
- <el-radio v-model="state.tableRadio" :label="row.id"
|
|
|
- @change="handleRowChange(row)"> </el-radio>
|
|
|
+ <el-radio v-model="state.tableRadio" :label="row.id" @change="handleRowChange(row)"> </el-radio>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column type="index" width="60" label="序号" />
|
|
|
@@ -414,26 +444,19 @@
|
|
|
<el-table-column prop="statusText" label="状态" width="70" fixed="right" align="center">
|
|
|
<template #default="{ row }">
|
|
|
<!-- 草稿 -->
|
|
|
- <span style="color: var(--el-color-info)" v-if="row.status === 0">{{ row.statusText
|
|
|
- }}</span>
|
|
|
+ <span style="color: var(--el-color-info)" v-if="row.status === 0">{{ row.statusText }}</span>
|
|
|
<!-- 待签收 -->
|
|
|
- <span style="color: var(--el-color-success)" v-if="row.status === 10">{{ row.statusText
|
|
|
- }}</span>
|
|
|
+ <span style="color: var(--el-color-success)" v-if="row.status === 10">{{ row.statusText }}</span>
|
|
|
<!-- 办理中 -->
|
|
|
- <span style="color: var(--el-color-primary)" v-if="row.status === 20">{{ row.statusText
|
|
|
- }}</span>
|
|
|
+ <span style="color: var(--el-color-primary)" v-if="row.status === 20">{{ row.statusText }}</span>
|
|
|
<!-- 会签中 -->
|
|
|
- <span style="color: var(--el-color-primary)" v-if="row.status === 30">{{ row.statusText
|
|
|
- }}</span>
|
|
|
+ <span style="color: var(--el-color-primary)" v-if="row.status === 30">{{ row.statusText }}</span>
|
|
|
<!-- 退回 -->
|
|
|
- <span style="color: var(--el-color-danger)" v-if="row.status === 40">{{ row.statusText
|
|
|
- }}</span>
|
|
|
+ <span style="color: var(--el-color-danger)" v-if="row.status === 40">{{ row.statusText }}</span>
|
|
|
<!-- 办理完成 -->
|
|
|
- <span style="color: var(--el-color-success)" v-if="row.status === 50">{{ row.statusText
|
|
|
- }}</span>
|
|
|
+ <span style="color: var(--el-color-success)" v-if="row.status === 50">{{ row.statusText }}</span>
|
|
|
<!-- 已归档 -->
|
|
|
- <span style="color: var(--el-color-info)" v-if="row.status === 60">{{ row.statusText
|
|
|
- }}</span>
|
|
|
+ <span style="color: var(--el-color-info)" v-if="row.status === 60">{{ row.statusText }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="statusText" label="操作" width="70" fixed="right" align="center">
|
|
|
@@ -443,30 +466,49 @@
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<!-- 分页 -->
|
|
|
- <pagination :total="state.total" v-model:page="state.queryParams.PageIndex"
|
|
|
- v-model:limit="state.queryParams.PageSize" @pagination="searchHistory" />
|
|
|
+ <pagination
|
|
|
+ :total="state.total"
|
|
|
+ v-model:page="state.queryParams.PageIndex"
|
|
|
+ v-model:limit="state.queryParams.PageSize"
|
|
|
+ @pagination="searchHistory"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="right-content-knowledge mt20 box pd20">
|
|
|
<div class="flex-center-between mb20">
|
|
|
<p class="table-title">知识检索</p>
|
|
|
</div>
|
|
|
<div class="knowledge-container">
|
|
|
- <el-input v-model="state.KnowledgeKeyword" class="knowledge-input mb20" placeholder="请填写搜索内容"
|
|
|
- @keyup.enter="searchKnowledge(state.KnowledgeKeyword)">
|
|
|
+ <el-input
|
|
|
+ v-model="state.KnowledgeKeyword"
|
|
|
+ class="knowledge-input mb20"
|
|
|
+ placeholder="请填写搜索内容"
|
|
|
+ @keyup.enter="searchKnowledge(state.KnowledgeKeyword)"
|
|
|
+ >
|
|
|
<template #prefix>
|
|
|
<SvgIcon name="ele-Search" size="16px" />
|
|
|
</template>
|
|
|
<template #suffix>
|
|
|
- <el-button class="knowledge-search-button" type="primary" :loading="state.loading" round
|
|
|
- @click="searchKnowledge(state.KnowledgeKeyword)">
|
|
|
+ <el-button
|
|
|
+ class="knowledge-search-button"
|
|
|
+ type="primary"
|
|
|
+ :loading="state.loading"
|
|
|
+ round
|
|
|
+ @click="searchKnowledge(state.KnowledgeKeyword)"
|
|
|
+ >
|
|
|
<SvgIcon name="ele-Search" size="16px" color="#fff" />
|
|
|
</el-button>
|
|
|
</template>
|
|
|
</el-input>
|
|
|
<div>
|
|
|
<span class="mr10" v-if="state.items.length">搜索热词</span>
|
|
|
- <el-tag v-for="(item, index) in state.hotWords" :key="index" class="mr10 mb10"
|
|
|
- style="cursor: pointer" @click="knowledgeRetrievalPaged(item)" round>
|
|
|
+ <el-tag
|
|
|
+ v-for="(item, index) in state.hotWords"
|
|
|
+ :key="index"
|
|
|
+ class="mr10 mb10"
|
|
|
+ style="cursor: pointer"
|
|
|
+ @click="knowledgeRetrievalPaged(item)"
|
|
|
+ round
|
|
|
+ >
|
|
|
{{ item }}
|
|
|
</el-tag>
|
|
|
</div>
|
|
|
@@ -485,10 +527,14 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
<!-- 分页 -->
|
|
|
- <pagination :total="state.knowledgeTotal" v-model:page="state.knowledgeQuery.PageIndex"
|
|
|
+ <pagination
|
|
|
+ :total="state.knowledgeTotal"
|
|
|
+ v-model:page="state.knowledgeQuery.PageIndex"
|
|
|
v-model:limit="state.knowledgeQuery.PageSize"
|
|
|
- @pagination="knowledgeRetrievalPaged(state.KnowledgeKeyword)" :pageSizes="[5, 10, 15, 20]"
|
|
|
- layout="total, prev, pager, next" />
|
|
|
+ @pagination="knowledgeRetrievalPaged(state.KnowledgeKeyword)"
|
|
|
+ :pageSizes="[5, 10, 15, 20]"
|
|
|
+ layout="total, prev, pager, next"
|
|
|
+ />
|
|
|
</div>
|
|
|
</el-scrollbar>
|
|
|
</el-col>
|
|
|
@@ -533,18 +579,18 @@ const state = reactive<any>({
|
|
|
activeName: 'first', // tabs
|
|
|
ruleForm: {
|
|
|
// 表单
|
|
|
- street: '',//街道
|
|
|
- transferPhone: '',//转接电话
|
|
|
- employeeName: '',//员工姓名
|
|
|
- employeeStaffNo: '',//员工工号
|
|
|
- duplicateTitle: '',//重复工单标题
|
|
|
- duplicateId: '',//重复工单id
|
|
|
- content: '', // 工单内容
|
|
|
- licenceTypeCode: '', // 证件类型
|
|
|
- acceptSms: false, // 是否接收短信
|
|
|
- isSecret:false, //是否保密
|
|
|
- fromPhone: '', // 来电号码
|
|
|
- fromGender: '',// 来电人性别
|
|
|
+ street: '', //街道
|
|
|
+ transferPhone: '', //转接电话
|
|
|
+ employeeName: '', //员工姓名
|
|
|
+ employeeStaffNo: '', //员工工号
|
|
|
+ duplicateTitle: '', //重复工单标题
|
|
|
+ duplicateId: '', //重复工单id
|
|
|
+ content: '', // 工单内容
|
|
|
+ licenceTypeCode: '', // 证件类型
|
|
|
+ acceptSms: false, // 是否接收短信
|
|
|
+ isSecret: false, //是否保密
|
|
|
+ fromPhone: '', // 来电号码
|
|
|
+ fromGender: '', // 来电人性别
|
|
|
},
|
|
|
formLoading: false, // 表单加载状态
|
|
|
historyOrderLoading: false, // 历史工单加载状态
|
|
|
@@ -698,7 +744,7 @@ const showExpandForm = () => {
|
|
|
const saveExpandForm = (val: any) => {
|
|
|
const acceptTypeMap: any = {
|
|
|
30: 'orderReport',
|
|
|
- 35: 'orderComplain'
|
|
|
+ 35: 'orderComplain',
|
|
|
};
|
|
|
const property = acceptTypeMap[state.ruleForm.acceptType];
|
|
|
if (property) {
|
|
|
@@ -706,17 +752,17 @@ const saveExpandForm = (val: any) => {
|
|
|
}
|
|
|
};
|
|
|
// 选择来点人身份如果是企业 推送分类自动选择助企纾困
|
|
|
-const selectIdentity = (val:number)=>{
|
|
|
- if(val === 2){
|
|
|
- state.ruleForm.pushTypeObj = state.pushTypeOptions.find((item:any)=>item.dicDataValue === '8'); // 助企纾困
|
|
|
- state.ruleForm.pushType = state.ruleForm.pushTypeObj.dicDataName;
|
|
|
- state.ruleForm.pushTypeCode = state.ruleForm.pushTypeObj.dicDataValue;
|
|
|
- }
|
|
|
-}
|
|
|
+const selectIdentity = (val: number) => {
|
|
|
+ if (val === 2) {
|
|
|
+ state.ruleForm.pushTypeObj = state.pushTypeOptions.find((item: any) => item.dicDataValue === '8'); // 助企纾困
|
|
|
+ state.ruleForm.pushType = state.ruleForm.pushTypeObj.dicDataName;
|
|
|
+ state.ruleForm.pushTypeCode = state.ruleForm.pushTypeObj.dicDataValue;
|
|
|
+ }
|
|
|
+};
|
|
|
// 删除不必要的属性
|
|
|
const deleteUnnecessaryProperties = (obj: any) => {
|
|
|
const propertiesToDelete = ['ageRangeObj', 'pushTypeObj', 'licenceTypeObj'];
|
|
|
- propertiesToDelete.forEach(prop => Reflect.deleteProperty(obj, prop));
|
|
|
+ propertiesToDelete.forEach((prop) => Reflect.deleteProperty(obj, prop));
|
|
|
if (obj.acceptType === 30) Reflect.deleteProperty(obj, 'orderComplain');
|
|
|
if (obj.acceptType === 35) Reflect.deleteProperty(obj, 'orderReport');
|
|
|
};
|
|
|
@@ -764,7 +810,8 @@ const submit = throttle(() => {
|
|
|
});
|
|
|
};
|
|
|
|
|
|
- if (submitObj.orderType === 1 && submitObj.acceptType && !ExpandFormRef.value.state.validated) { //如果没有通过展示弹窗
|
|
|
+ if (submitObj.orderType === 1 && submitObj.acceptType && !ExpandFormRef.value.state.validated) {
|
|
|
+ //如果没有通过展示弹窗
|
|
|
ExpandFormRef.value.openDialog(submitObj.acceptType, true);
|
|
|
} else {
|
|
|
proceedWithSubmission();
|
|
|
@@ -884,12 +931,7 @@ onMounted(() => {
|
|
|
}
|
|
|
|
|
|
try {
|
|
|
- const [area, res, hotspot, response] = await Promise.all([
|
|
|
- treeArea(),
|
|
|
- orderBaseDataAdd(),
|
|
|
- getKeyWord(),
|
|
|
- orderDetail(route.params.id)
|
|
|
- ]);
|
|
|
+ const [area, res, hotspot, response] = await Promise.all([treeArea(), orderBaseDataAdd(), getKeyWord(), orderDetail(route.params.id)]);
|
|
|
state.acceptTypeOptions = res.result?.acceptTypeOptions ?? [];
|
|
|
state.channelOptions = res.result?.channelOptions ?? [];
|
|
|
state.emergencyLevelOptions = res.result?.emergencyLevelOptions ?? [];
|
zhangchong