|
|
|
|
@ -1,32 +1,18 @@
|
|
|
|
|
<template> |
|
|
|
|
<div class="flex between mb-20 card"> |
|
|
|
|
<div class="flex gap-20"> |
|
|
|
|
<div |
|
|
|
|
class="flex gap v-center" |
|
|
|
|
v-for="item in data.coHandlingPolices" |
|
|
|
|
:key="item.empNo" |
|
|
|
|
> |
|
|
|
|
<div class="flex gap v-center" v-for="item in data.coHandlingPolices" :key="item.empNo"> |
|
|
|
|
<icon name="local-icon-police" :size="20" /> |
|
|
|
|
<span>{{ item.name }}</span> |
|
|
|
|
<span>{{ item.phone }}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
size="small" |
|
|
|
|
@click="coHandlingPoliceShow = true" |
|
|
|
|
>编辑协办民警</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="primary" size="small" @click="coHandlingPoliceShow = true">编辑协办民警</el-button> |
|
|
|
|
</div> |
|
|
|
|
<header class="flex mb-20"> |
|
|
|
|
<template v-for="(item, index) in threeSteps" :key="item.index"> |
|
|
|
|
<div |
|
|
|
|
class="step flex center v-center" |
|
|
|
|
:active="activeStep === item.index" |
|
|
|
|
:completed="item.index < step" |
|
|
|
|
:diabled="item.index > step" |
|
|
|
|
@click="handleChangeTab(item.index)" |
|
|
|
|
> |
|
|
|
|
<div class="step flex center v-center" :active="activeStep === item.index" :completed="item.index < step" |
|
|
|
|
:diabled="item.index > step" @click="handleChangeTab(item.index)"> |
|
|
|
|
<span class="mr-8">{{ index + 1 }}</span> |
|
|
|
|
<span>{{ item.name }}</span> |
|
|
|
|
</div> |
|
|
|
|
@ -50,24 +36,15 @@
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="是否取得联系" prop="contactFlag"> |
|
|
|
|
<el-radio-group v-model="form.contactFlag"> |
|
|
|
|
<el-radio :label="true" size="large" |
|
|
|
|
>取得联系</el-radio |
|
|
|
|
> |
|
|
|
|
<el-radio :label="false" size="large" |
|
|
|
|
>未取得联系</el-radio |
|
|
|
|
> |
|
|
|
|
<el-radio :label="true" size="large">取得联系</el-radio> |
|
|
|
|
<el-radio :label="false" size="large">未取得联系</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="联系时间" prop="contactTime"> |
|
|
|
|
<el-date-picker |
|
|
|
|
type="datetime" |
|
|
|
|
v-model="form.contactTime" |
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss" |
|
|
|
|
@change="handleTimeChange" |
|
|
|
|
style="width: 100%" |
|
|
|
|
/> |
|
|
|
|
<el-date-picker type="datetime" v-model="form.contactTime" value-format="YYYY-MM-DD HH:mm:ss" |
|
|
|
|
@change="handleTimeChange" style="width: 100%" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
@ -75,16 +52,11 @@
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="联系时长"> |
|
|
|
|
<span>{{ formatTimeText(form.contactDuration) }}</span> |
|
|
|
|
<span |
|
|
|
|
v-if="form.contactDuration" |
|
|
|
|
:danger="form.contactDuration > limitedTime" |
|
|
|
|
class="ml-4" |
|
|
|
|
>({{ |
|
|
|
|
<span v-if="form.contactDuration" :danger="form.contactDuration > limitedTime" class="ml-4">({{ |
|
|
|
|
form.contactDuration > limitedTime |
|
|
|
|
? "已超时" |
|
|
|
|
: "未超时" |
|
|
|
|
}})</span |
|
|
|
|
> |
|
|
|
|
}})</span> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
@ -92,16 +64,9 @@
|
|
|
|
|
<template v-if="activeStep === 2"> |
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="接访形式" prop="interviewType"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="form.interviewType" |
|
|
|
|
style="width: 450px" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in dictData.interview_type" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.name" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
<el-select v-model="form.interviewType" style="width: 450px"> |
|
|
|
|
<el-option v-for="item in dictData.interview_type" :key="item.value" :label="item.name" |
|
|
|
|
:value="item.value" /> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
@ -116,26 +81,13 @@
|
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12" prop="interviewPoliceEmpNo"> |
|
|
|
|
<el-form-item label="接访领导" prop="interviewPoliceEmpNo"> |
|
|
|
|
<LeaderSelect |
|
|
|
|
v-model="form.interviewPoliceEmpNo" |
|
|
|
|
@change="handleSelect" |
|
|
|
|
leader-type="all" |
|
|
|
|
/> |
|
|
|
|
<LeaderSelect v-model="form.interviewPoliceEmpNo" @change="handleSelect" leader-type="all" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item |
|
|
|
|
label="接访情况" |
|
|
|
|
prop="interviewDetails" |
|
|
|
|
style="width: 100%" |
|
|
|
|
> |
|
|
|
|
<el-input |
|
|
|
|
type="textarea" |
|
|
|
|
v-model="form.interviewDetails" |
|
|
|
|
:rows="5" |
|
|
|
|
style="width: 100%" |
|
|
|
|
/> |
|
|
|
|
<el-form-item label="接访情况" prop="interviewDetails" style="width: 100%"> |
|
|
|
|
<el-input type="textarea" v-model="form.interviewDetails" :rows="5" style="width: 100%" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row> |
|
|
|
|
@ -156,76 +108,36 @@
|
|
|
|
|
</template> |
|
|
|
|
<template v-if="activeStep === 3"> |
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item |
|
|
|
|
label="核办结果" |
|
|
|
|
prop="verifyDetails" |
|
|
|
|
style="width: 100%" |
|
|
|
|
> |
|
|
|
|
<el-input |
|
|
|
|
type="textarea" |
|
|
|
|
v-model="form.verifyDetails" |
|
|
|
|
:rows="5" |
|
|
|
|
style="width: 100%" |
|
|
|
|
/> |
|
|
|
|
<el-form-item label="核办结果" prop="verifyDetails" style="width: 100%"> |
|
|
|
|
<el-input type="textarea" v-model="form.verifyDetails" :rows="5" style="width: 100%" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="是否属实" prop="verifyIsTrue"> |
|
|
|
|
<el-radio-group v-model="form.verifyIsTrue"> |
|
|
|
|
<el-radio |
|
|
|
|
v-for="item in dictData.verify_is_true" |
|
|
|
|
:key="item.name" |
|
|
|
|
:label="item.value" |
|
|
|
|
size="large" |
|
|
|
|
>{{ item.name }}</el-radio |
|
|
|
|
> |
|
|
|
|
<el-radio v-for="item in dictData.verify_is_true" :key="item.name" :label="item.value" |
|
|
|
|
size="large">{{ item.name }}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
<el-divider /> |
|
|
|
|
<div |
|
|
|
|
v-if=" |
|
|
|
|
form.verifyIsTrue === '属实' || |
|
|
|
|
<div v-if="form.verifyIsTrue === '属实' || |
|
|
|
|
form.verifyIsTrue === '基本属实' |
|
|
|
|
" |
|
|
|
|
> |
|
|
|
|
"> |
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="被举报人"> |
|
|
|
|
<div> |
|
|
|
|
<div |
|
|
|
|
class="flex between gap mb-10" |
|
|
|
|
v-for="(item, index) in reportedPolices" |
|
|
|
|
:key="index" |
|
|
|
|
> |
|
|
|
|
<el-tree-select |
|
|
|
|
v-model="item.deptId" |
|
|
|
|
:data="depts" |
|
|
|
|
clearable |
|
|
|
|
filterable |
|
|
|
|
node-key="id" |
|
|
|
|
<div class="flex between gap mb-10" v-for="(item, index) in reportedPolices" :key="index"> |
|
|
|
|
<el-tree-select v-model="item.deptId" :data="depts" clearable filterable node-key="id" |
|
|
|
|
:props="{ |
|
|
|
|
value: 'id', |
|
|
|
|
label: 'name', |
|
|
|
|
}" |
|
|
|
|
check-strictly |
|
|
|
|
placeholder="请选择部门" |
|
|
|
|
@change="handleChangeDept" |
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
<el-select |
|
|
|
|
v-model="item.empNo" |
|
|
|
|
style="width: 280px" |
|
|
|
|
@change=" |
|
|
|
|
(val) => handleChangePolice(val, index) |
|
|
|
|
" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in polices" |
|
|
|
|
:key="item.id" |
|
|
|
|
:value="item.empNo" |
|
|
|
|
:label="item.name" |
|
|
|
|
></el-option |
|
|
|
|
></el-select> |
|
|
|
|
}" check-strictly placeholder="请选择部门" @change="handleChangeDept" /> |
|
|
|
|
|
|
|
|
|
<el-select v-model="item.empNo" style="width: 280px" @change="(val) => handleChangePolice(val, index) |
|
|
|
|
"> |
|
|
|
|
<el-option v-for="item in polices" :key="item.id" :value="item.empNo" |
|
|
|
|
:label="item.name"></el-option></el-select> |
|
|
|
|
<div style="font-size: 12px; min-width: 200px"> |
|
|
|
|
<span v-if="item.empNo"> |
|
|
|
|
<span class="mr-4">警号</span> |
|
|
|
|
@ -244,42 +156,25 @@
|
|
|
|
|
<span>{{ item.birthday }}</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
<el-button |
|
|
|
|
type="danger" |
|
|
|
|
plain |
|
|
|
|
@click="reportedPolices.splice(index, 1)" |
|
|
|
|
>删除</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="danger" plain @click="reportedPolices.splice(index, 1)">删除</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
<div class="text-center"> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
plain |
|
|
|
|
@click="reportedPolices.push({})" |
|
|
|
|
>添加被举报人</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="primary" plain @click="reportedPolices.push({})">添加被举报人</el-button> |
|
|
|
|
</div> |
|
|
|
|
<el-divider /> |
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="查证属实问题" prop="verifyProblem"> |
|
|
|
|
<el-checkbox-group v-model="form.verifyProblem"> |
|
|
|
|
<el-checkbox |
|
|
|
|
v-for="item in dictData.verify_problem" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.name" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
<el-checkbox v-for="item in dictData.verify_problem" :key="item.value" :label="item.name" |
|
|
|
|
:value="item.value" /> |
|
|
|
|
</el-checkbox-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item |
|
|
|
|
label="是否需要问责" |
|
|
|
|
prop="verifyNeedAccountability" |
|
|
|
|
> |
|
|
|
|
<el-form-item label="是否需要问责" prop="verifyNeedAccountability"> |
|
|
|
|
<el-radio-group v-model="form.verifyNeedAccountability"> |
|
|
|
|
<el-radio :label="true" size="large">是</el-radio> |
|
|
|
|
<el-radio :label="false" size="large">否</el-radio> |
|
|
|
|
@ -289,21 +184,14 @@
|
|
|
|
|
<el-row v-if="form.verifyNeedAccountability"> |
|
|
|
|
<el-form-item label="责任追究"> |
|
|
|
|
<el-checkbox-group v-model="form.verifyPunish"> |
|
|
|
|
<el-checkbox |
|
|
|
|
v-for="item in dictData.verify_punish" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.name" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
<el-checkbox v-for="item in dictData.verify_punish" :key="item.value" :label="item.name" |
|
|
|
|
:value="item.value" /> |
|
|
|
|
</el-checkbox-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item |
|
|
|
|
label="群众反应事项解决情况" |
|
|
|
|
prop="verifyIsResolved" |
|
|
|
|
> |
|
|
|
|
<el-form-item label="群众反应事项解决情况" prop="verifyIsResolved"> |
|
|
|
|
<el-radio-group v-model="form.verifyIsResolved"> |
|
|
|
|
<el-radio :label="true" size="large">已解决</el-radio> |
|
|
|
|
<el-radio :label="false" size="large">未解决</el-radio> |
|
|
|
|
@ -313,25 +201,15 @@
|
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="办理反馈情况" prop="verifyFeedback"> |
|
|
|
|
<el-radio-group v-model="form.verifyFeedback"> |
|
|
|
|
<el-radio |
|
|
|
|
v-for="item in dictData.satisfaction_status" |
|
|
|
|
:key="item.name" |
|
|
|
|
:label="item.value" |
|
|
|
|
size="large" |
|
|
|
|
>{{ item.name }}</el-radio |
|
|
|
|
> |
|
|
|
|
<el-radio v-for="item in dictData.satisfaction_status" :key="item.name" :label="item.value" |
|
|
|
|
size="large">{{ item.name }}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item |
|
|
|
|
label="回访人姓名" |
|
|
|
|
prop="verifyFollowupPolice" |
|
|
|
|
> |
|
|
|
|
<police-select |
|
|
|
|
v-model:data="form.verifyFollowupPolice" |
|
|
|
|
/> |
|
|
|
|
<el-form-item label="回访人姓名" prop="verifyFollowupPolice"> |
|
|
|
|
<police-select v-model:data="form.verifyFollowupPolice" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
@ -357,18 +235,10 @@
|
|
|
|
|
请上传《核查办理报告》、《处理反馈表》及相关的法律文件（比如：受案回执、立案决定书、不予立案决定书等）和佐证材料（比如：谈话笔录、调解协议等）。 |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<a |
|
|
|
|
:href="`${VITE_API_URL}/api/file/download/template/《核查办理报告》.doc`" |
|
|
|
|
target="_blank" |
|
|
|
|
class="link" |
|
|
|
|
>《核查办理报告》 下载</a |
|
|
|
|
> |
|
|
|
|
<a |
|
|
|
|
:href="`${VITE_API_URL}/api/file/download/template/《处理反馈表》.doc`" |
|
|
|
|
target="_blank" |
|
|
|
|
class="link" |
|
|
|
|
>《处理反馈表》 下载</a |
|
|
|
|
> |
|
|
|
|
<a :href="`${VITE_API_URL}/api/file/download/template/《核查办理报告》.doc`" target="_blank" |
|
|
|
|
class="link">《核查办理报告》 下载</a> |
|
|
|
|
<a :href="`${VITE_API_URL}/api/file/download/template/《处理反馈表》.doc`" target="_blank" |
|
|
|
|
class="link">《处理反馈表》 下载</a> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
@ -376,10 +246,7 @@
|
|
|
|
|
</template> |
|
|
|
|
</el-form> |
|
|
|
|
|
|
|
|
|
<CoHandlingPoliceEdit |
|
|
|
|
v-model:show="coHandlingPoliceShow" |
|
|
|
|
v-model:data="data.coHandlingPolices" |
|
|
|
|
/> |
|
|
|
|
<CoHandlingPoliceEdit v-model:show="coHandlingPoliceShow" v-model:data="data.coHandlingPolices" /> |
|
|
|
|
</template> |
|
|
|
|
<script setup> |
|
|
|
|
import CoHandlingPoliceEdit from "./CoHandlingPoliceEdit.vue"; |
|
|
|
|
@ -559,9 +426,21 @@ watch(
|
|
|
|
|
() => { |
|
|
|
|
formRef.value.resetFields(); |
|
|
|
|
initForm() |
|
|
|
|
// 每次改变信件需要重新计算步骤 |
|
|
|
|
resetStep() |
|
|
|
|
} |
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
const resetStep = () => { |
|
|
|
|
if (props.mail.flowKey === "interview_writer") { |
|
|
|
|
step.value = 2; |
|
|
|
|
} |
|
|
|
|
else if (props.mail.flowKey === "verify") { |
|
|
|
|
step.value = 3; |
|
|
|
|
} else |
|
|
|
|
step.value = 1; |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
watch( |
|
|
|
|
() => props.mail.flowKey, |
|
|
|
|
() => { |
|
|
|
|
@ -716,18 +595,22 @@ defineExpose({
|
|
|
|
|
|
|
|
|
|
.step { |
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
|
|
&[active="true"] { |
|
|
|
|
--setp-background-color: #edf0ff; |
|
|
|
|
--setp-border-color: rgba(195, 202, 245, 1); |
|
|
|
|
--setp-font-color: #162582; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&[completed="true"] { |
|
|
|
|
--setp-font-color: #666; |
|
|
|
|
|
|
|
|
|
&::after { |
|
|
|
|
--setp-border-color: #8191f1; |
|
|
|
|
background-color: var(--primary-color); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&[diabled="false"] { |
|
|
|
|
&:hover { |
|
|
|
|
cursor: pointer; |
|
|
|
|
|
