|
|
|
|
@ -1,91 +1,104 @@
|
|
|
|
|
<template> |
|
|
|
|
<div class="container"> |
|
|
|
|
<header> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<div class="form-row flex"> |
|
|
|
|
<label class="text-center">局长信箱</label> |
|
|
|
|
<div class="flex wrap query-box"> |
|
|
|
|
<el-input |
|
|
|
|
placeholder="处理结果" |
|
|
|
|
v-model="query.originId" |
|
|
|
|
clearable |
|
|
|
|
style="width: 280px" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<div class="form-row flex"> |
|
|
|
|
<label class="text-center">数字督察</label> |
|
|
|
|
<div class="flex wrap query-box"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="query.handleResultCode" |
|
|
|
|
style="width: 280px" |
|
|
|
|
clearable |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in dict.handleResult" |
|
|
|
|
:key="item.dictCode" |
|
|
|
|
:value="item.dictValue" |
|
|
|
|
:label="item.dictLabel" |
|
|
|
|
<el-tabs v-model="query.source" type="card"> |
|
|
|
|
<el-tab-pane |
|
|
|
|
v-for="item in sources" |
|
|
|
|
:key="item" |
|
|
|
|
:label="item.text" |
|
|
|
|
:name="item.value" |
|
|
|
|
> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
<div class="container"> |
|
|
|
|
<header> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<div class="form-row flex"> |
|
|
|
|
<label class="text-center">{{ query.source }}</label> |
|
|
|
|
<div class="flex wrap query-box"> |
|
|
|
|
<el-input |
|
|
|
|
placeholder="处理结果" |
|
|
|
|
v-model="query.originId" |
|
|
|
|
clearable |
|
|
|
|
style="width: 280px" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<div class="flex between mt-20 mb-26"> |
|
|
|
|
<el-button type="primary" @click="handleAdd"> |
|
|
|
|
<template #icon><icon name="el-icon-Plus" /></template> |
|
|
|
|
新增</el-button |
|
|
|
|
> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" @click="getList"> |
|
|
|
|
<template #icon |
|
|
|
|
><icon name="el-icon-Search" |
|
|
|
|
/></template> |
|
|
|
|
查询</el-button |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<div class="form-row flex"> |
|
|
|
|
<label class="text-center">数字督察</label> |
|
|
|
|
<div class="flex wrap query-box"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="query.handleResultCode" |
|
|
|
|
style="width: 280px" |
|
|
|
|
clearable |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in dict.handleResult" |
|
|
|
|
:key="item.dictCode" |
|
|
|
|
:value="item.dictValue" |
|
|
|
|
:label="item.dictLabel" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<div class="flex between mt-20 mb-26"> |
|
|
|
|
<el-button type="primary" @click="handleAdd"> |
|
|
|
|
<template #icon><icon name="el-icon-Plus" /></template> |
|
|
|
|
新增</el-button |
|
|
|
|
> |
|
|
|
|
<el-button @click="reset">重置</el-button> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" @click="getList"> |
|
|
|
|
<template #icon |
|
|
|
|
><icon name="el-icon-Search" |
|
|
|
|
/></template> |
|
|
|
|
查询</el-button |
|
|
|
|
> |
|
|
|
|
<el-button @click="reset">重置</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</header> |
|
|
|
|
<div class="table-container" v-loading="loading"> |
|
|
|
|
<el-table :data="list"> |
|
|
|
|
<el-table-column label="处理结论形态" prop="externalType" v-if="query.source === '12337'" /> |
|
|
|
|
<el-table-column label="处理结果" prop="externalName" /> |
|
|
|
|
<el-table-column label="数字督察处理结果" prop="internalName" /> |
|
|
|
|
<el-table-column |
|
|
|
|
label="最后修改时间" |
|
|
|
|
prop="updateTime" |
|
|
|
|
width="160" |
|
|
|
|
/> |
|
|
|
|
<el-table-column label="操作" width="160"> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<el-button type="primary" link @click="handleEdit(row)" |
|
|
|
|
>编辑</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="danger" link @click="handleDel(row)" |
|
|
|
|
>删除</el-button |
|
|
|
|
> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
</div> |
|
|
|
|
<div class="flex end mt-8"> |
|
|
|
|
<el-pagination |
|
|
|
|
@size-change="getList" |
|
|
|
|
@current-change="getList" |
|
|
|
|
:page-sizes="[10, 20, 50]" |
|
|
|
|
v-model:page-size="query.size" |
|
|
|
|
v-model:current-page="query.current" |
|
|
|
|
layout="total, sizes, prev, pager, next" |
|
|
|
|
:total="total" |
|
|
|
|
> |
|
|
|
|
</el-pagination> |
|
|
|
|
</div> |
|
|
|
|
</header> |
|
|
|
|
<div class="table-container"> |
|
|
|
|
<el-table :data="list"> |
|
|
|
|
<el-table-column label="局长信箱处理结果" prop="externalName" /> |
|
|
|
|
<el-table-column label="数字督察处理结果" prop="internalName" /> |
|
|
|
|
<el-table-column |
|
|
|
|
label="最后修改时间" |
|
|
|
|
prop="updateTime" |
|
|
|
|
width="160" |
|
|
|
|
/> |
|
|
|
|
<el-table-column label="操作" width="160"> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<el-button type="primary" link @click="handleEdit(row)" |
|
|
|
|
>编辑</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="danger" link @click="handleDel(row)" |
|
|
|
|
>删除</el-button |
|
|
|
|
> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
</div> |
|
|
|
|
<div class="flex end mt-8"> |
|
|
|
|
<el-pagination |
|
|
|
|
@size-change="getList" |
|
|
|
|
@current-change="getList" |
|
|
|
|
:page-sizes="[10, 20, 50]" |
|
|
|
|
v-model:page-size="query.size" |
|
|
|
|
v-model:current-page="query.current" |
|
|
|
|
layout="total, sizes, prev, pager, next" |
|
|
|
|
:total="total" |
|
|
|
|
> |
|
|
|
|
</el-pagination> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog |
|
|
|
|
v-model="show" |
|
|
|
|
:title="mode === 'add' ? '新增处理结果映射' : '编辑处理结果映射'" |
|
|
|
|
@ -93,7 +106,19 @@
|
|
|
|
|
> |
|
|
|
|
<el-form :label-width="140" :model="formData" ref="fomrRef"> |
|
|
|
|
<el-form-item |
|
|
|
|
label="局长信箱处理结果" |
|
|
|
|
label="来源" |
|
|
|
|
prop="source" |
|
|
|
|
:rules="{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择' |
|
|
|
|
}" |
|
|
|
|
> |
|
|
|
|
<el-select v-model="formData.source" clearable style="width: 280px"> |
|
|
|
|
<el-option v-for="item in sources" :key="item" :label="item.text" :value="item.value" /> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item |
|
|
|
|
label="处理结果" |
|
|
|
|
prop="externalName" |
|
|
|
|
:rules="{ |
|
|
|
|
required: true, |
|
|
|
|
@ -108,6 +133,20 @@
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item |
|
|
|
|
label="处理结论形态" |
|
|
|
|
prop="externalType" |
|
|
|
|
:rules="{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择', |
|
|
|
|
trigger: ['blur'], |
|
|
|
|
}" |
|
|
|
|
v-if="formData.source === '12337'" |
|
|
|
|
> |
|
|
|
|
<el-select v-model="formData.externalType" clearable style="width: 280px"> |
|
|
|
|
<el-option v-for="item in externalTypes" :key="item" :label="item.text" :value="item.value" /> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item |
|
|
|
|
label="数字督察处理结果" |
|
|
|
|
prop="internalId" |
|
|
|
|
@ -188,14 +227,22 @@ function getProblemType(id) {
|
|
|
|
|
const query = ref({ |
|
|
|
|
current: 1, |
|
|
|
|
size: 10, |
|
|
|
|
source: '局长信箱' |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
watch(() => query.value.source, () => { |
|
|
|
|
getList() |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
const list = ref([]); |
|
|
|
|
const total = ref(0); |
|
|
|
|
const loading = ref(false) |
|
|
|
|
function getList() { |
|
|
|
|
loading.value = true |
|
|
|
|
listHandleResultMaping(query.value).then((data) => { |
|
|
|
|
list.value = data.records; |
|
|
|
|
total.value = data.total; |
|
|
|
|
loading.value = false |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -246,6 +293,36 @@ async function submit() {
|
|
|
|
|
getList(); |
|
|
|
|
feedback.msgSuccess("操作成功"); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const sources = [ |
|
|
|
|
{ |
|
|
|
|
text: '局长信箱', |
|
|
|
|
value: '局长信箱' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
text: '12337', |
|
|
|
|
value: '12337' |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
|
|
|
|
|
const externalTypes = [ |
|
|
|
|
{ |
|
|
|
|
text: '第一种形态', |
|
|
|
|
value: '第一种形态' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
text: '第二种形态', |
|
|
|
|
value: '第二种形态' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
text: '第三种形态', |
|
|
|
|
value: '第三种形态' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
text: '第四种形态', |
|
|
|
|
value: '第四种形态' |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
</script> |
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
</style> |