wxc
1 year ago
21 changed files with 1537 additions and 1000 deletions
@ -0,0 +1,8 @@ |
|||||||
|
import request from "@/api/request"; |
||||||
|
|
||||||
|
export function listVideoInspection(query) { |
||||||
|
return request.get({ |
||||||
|
url: `/videoInspection`, |
||||||
|
query: query |
||||||
|
}); |
||||||
|
} |
||||||
@ -0,0 +1,28 @@ |
|||||||
|
import request from "@/api/request"; |
||||||
|
|
||||||
|
export function listNews(query) { |
||||||
|
return request.get({ |
||||||
|
url: '/news', |
||||||
|
query |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
export function addNews(body) { |
||||||
|
return request.post({ |
||||||
|
url: '/news', |
||||||
|
body |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
export function updateNews(body) { |
||||||
|
return request.put({ |
||||||
|
url: '/news', |
||||||
|
body |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
export function delNews(id) { |
||||||
|
return request.del({ |
||||||
|
url: '/news/' + id |
||||||
|
}); |
||||||
|
} |
||||||
@ -0,0 +1,284 @@ |
|||||||
|
<template> |
||||||
|
<el-dialog title="公安部信访投诉导入" width="80vw" ref="dialogRef"> |
||||||
|
<header class="flex center mb-40"> |
||||||
|
<el-steps |
||||||
|
:space="400" |
||||||
|
:active="activeStep" |
||||||
|
finish-status="success" |
||||||
|
style="width: 800px" |
||||||
|
> |
||||||
|
<el-step title="数据导入" /> |
||||||
|
<el-step title="数据校验" /> |
||||||
|
<el-step title="数据导入" /> |
||||||
|
</el-steps> |
||||||
|
</header> |
||||||
|
<div style="min-height: 50vh"> |
||||||
|
<template v-if="activeStep === 0"> |
||||||
|
<el-upload |
||||||
|
drag |
||||||
|
:multiple="false" |
||||||
|
:auto-upload="false" |
||||||
|
:show-file-list="false" |
||||||
|
v-model:file-list="fileList" |
||||||
|
accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" |
||||||
|
class="mt-20" |
||||||
|
> |
||||||
|
<template v-if="fileList.length === 0"> |
||||||
|
<el-icon class="el-icon--upload" |
||||||
|
><upload-filled |
||||||
|
/></el-icon> |
||||||
|
<div class="el-upload__text"> |
||||||
|
<p>点击或拖拽文件到此区域上传</p> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<template v-else> |
||||||
|
<el-icon class="el-icon--upload"><Select /></el-icon> |
||||||
|
<div class="el-upload__text"> |
||||||
|
已选择文件：{{ fileList[fileList.length - 1].name }} |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</el-upload> |
||||||
|
<div class="mt-20"> |
||||||
|
<span>文件模板</span> |
||||||
|
<a |
||||||
|
class="link" |
||||||
|
:href="`${BASE_PATH}/templates/公安信访投诉数据导入模板.xls`" |
||||||
|
target="__blank" |
||||||
|
>公安信访投诉数据导入模板.xls 下载</a |
||||||
|
> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<template v-if="activeStep === 1"> |
||||||
|
<div class="table-container"> |
||||||
|
<el-table :data="importTableData"> |
||||||
|
<el-table-column |
||||||
|
label="办理单位" |
||||||
|
prop="discoverTime" |
||||||
|
width="180" |
||||||
|
> |
||||||
|
<template #default="{ row }"> |
||||||
|
<depart-tree-select |
||||||
|
size="small" |
||||||
|
v-model="row.departId" |
||||||
|
/> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="责任部门" |
||||||
|
prop="involveDepartName" |
||||||
|
width="120" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="问题发生地" |
||||||
|
prop="occurred" |
||||||
|
width="160" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="信访件编号" |
||||||
|
prop="originId" |
||||||
|
width="160" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="信访形式" |
||||||
|
prop="channelForFilingComplaints" |
||||||
|
width="86" |
||||||
|
align="center" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="姓名" |
||||||
|
prop="responderName" |
||||||
|
width="86" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="身份证号" |
||||||
|
prop="responderIdCode" |
||||||
|
width="174" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="住址" |
||||||
|
prop="responderAddress" |
||||||
|
width="174" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="手机号码" |
||||||
|
prop="contactPhone" |
||||||
|
width="120" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="信访日期" |
||||||
|
prop="discoveryTime" |
||||||
|
width="110" |
||||||
|
/> |
||||||
|
|
||||||
|
<el-table-column |
||||||
|
label="信访内容" |
||||||
|
prop="thingDesc" |
||||||
|
width="160" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="异常动态" |
||||||
|
prop="abnormal" |
||||||
|
width="100" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="问题发生日期" |
||||||
|
prop="happenTime" |
||||||
|
width="120" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="信访人数" |
||||||
|
prop="peopleNumber" |
||||||
|
width="86" |
||||||
|
align="center" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="信访诉求" |
||||||
|
prop="appeal" |
||||||
|
width="140" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="公安业务分类" |
||||||
|
prop="businessTypeName" |
||||||
|
width="140" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="档案编号" |
||||||
|
prop="fileNo" |
||||||
|
width="110" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="转往处" |
||||||
|
prop="turnAround" |
||||||
|
width="150" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="办理方式" |
||||||
|
prop="handingMethod" |
||||||
|
width="120" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="核查人" |
||||||
|
prop="reviewPersonName" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="具体承办单位" |
||||||
|
prop="handleDepartName" |
||||||
|
width="120" |
||||||
|
/> |
||||||
|
|
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<template v-if="activeStep === 2"> |
||||||
|
<el-result |
||||||
|
icon="success" |
||||||
|
title="导入成功" |
||||||
|
:sub-title="` 已成功导入${importTableData.length}条数据。`" |
||||||
|
> |
||||||
|
</el-result> |
||||||
|
</template> |
||||||
|
</div> |
||||||
|
<footer class="flex end mt-20 v-center"> |
||||||
|
<el-button size="large" @click="handlePrev" v-if="activeStep !== 3" |
||||||
|
>上一步</el-button |
||||||
|
> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
size="large" |
||||||
|
@click="handleNext" |
||||||
|
v-loading="loading" |
||||||
|
>{{ activeStep === 2 ? "确定" : "下一步" }}</el-button |
||||||
|
> |
||||||
|
</footer> |
||||||
|
</el-dialog> |
||||||
|
</template> |
||||||
|
<script setup> |
||||||
|
import { |
||||||
|
importPetitionComplaintGab, |
||||||
|
addPetitionComplaintGab, |
||||||
|
} from "@/api/data/petitionComplaint"; |
||||||
|
import feedback from "@/utils/feedback"; |
||||||
|
import { onMounted } from "vue"; |
||||||
|
|
||||||
|
const emit = defineEmits(["close", "update"]); |
||||||
|
|
||||||
|
const activeStep = ref(0) |
||||||
|
|
||||||
|
const fileList = ref([]); |
||||||
|
|
||||||
|
const importTableData = ref([]); |
||||||
|
|
||||||
|
const loading = ref(false); |
||||||
|
|
||||||
|
async function handleNext() { |
||||||
|
if (activeStep.value === 0) { |
||||||
|
if (fileList.value.length === 0) { |
||||||
|
return; |
||||||
|
} |
||||||
|
const formData = new FormData(); |
||||||
|
formData.append("file", fileList.value[fileList.value.length - 1].raw); |
||||||
|
loading.value = true; |
||||||
|
try { |
||||||
|
importTableData.value = await importPetitionComplaintGab( |
||||||
|
formData |
||||||
|
); |
||||||
|
} catch (e) { |
||||||
|
loading.value = false; |
||||||
|
throw e; |
||||||
|
} |
||||||
|
loading.value = false; |
||||||
|
activeStep.value = 1; |
||||||
|
return; |
||||||
|
} |
||||||
|
if (activeStep.value === 1) { |
||||||
|
importTableData.value.forEach((item) => { |
||||||
|
if (!item.departId) { |
||||||
|
feedback.msgWarning("请选择办理单位"); |
||||||
|
throw e; |
||||||
|
} |
||||||
|
}); |
||||||
|
loading.value = true; |
||||||
|
try { |
||||||
|
await addPetitionComplaintGab(importTableData.value); |
||||||
|
} catch(e) { |
||||||
|
loading.value = false |
||||||
|
return |
||||||
|
} |
||||||
|
loading.value = false |
||||||
|
activeStep.value = 2; |
||||||
|
emit('update') |
||||||
|
return; |
||||||
|
} |
||||||
|
if (activeStep.value === 2) { |
||||||
|
emit('close') |
||||||
|
activeStep.value = 0 |
||||||
|
importTableData.value = [] |
||||||
|
fileList.value = [] |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
function handlePrev() { |
||||||
|
activeStep.value = activeStep.value - 1; |
||||||
|
} |
||||||
|
|
||||||
|
const dialogRef = ref() |
||||||
|
|
||||||
|
watch(() => dialogRef.value?.visible, (val) => { |
||||||
|
if (!val) { |
||||||
|
activeStep.value = 0 |
||||||
|
importTableData.value = [] |
||||||
|
fileList.value = [] |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
@ -0,0 +1,247 @@ |
|||||||
|
<template> |
||||||
|
<el-dialog title="国家信访投诉导入" width="80vw" ref="dialogRef"> |
||||||
|
<header class="flex center mb-40"> |
||||||
|
<el-steps |
||||||
|
:space="300" |
||||||
|
:active="activeStep" |
||||||
|
finish-status="success" |
||||||
|
style="width: 800px" |
||||||
|
> |
||||||
|
<el-step title="数据导入" /> |
||||||
|
<el-step title="数据校验" /> |
||||||
|
<el-step title="数据导入" /> |
||||||
|
</el-steps> |
||||||
|
</header> |
||||||
|
<div style="min-height: 50vh"> |
||||||
|
<template v-if="activeStep === 0"> |
||||||
|
<el-upload |
||||||
|
drag |
||||||
|
:multiple="false" |
||||||
|
:auto-upload="false" |
||||||
|
:show-file-list="false" |
||||||
|
v-model:file-list="fileList" |
||||||
|
accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" |
||||||
|
class="mt-20" |
||||||
|
> |
||||||
|
<template v-if="fileList.length === 0"> |
||||||
|
<el-icon class="el-icon--upload" |
||||||
|
><upload-filled |
||||||
|
/></el-icon> |
||||||
|
<div class="el-upload__text"> |
||||||
|
<p>点击或拖拽文件到此区域上传</p> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<template v-else> |
||||||
|
<el-icon class="el-icon--upload"><Select /></el-icon> |
||||||
|
<div class="el-upload__text"> |
||||||
|
已选择文件：{{ fileList[fileList.length - 1].name }} |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</el-upload> |
||||||
|
<div class="mt-20"> |
||||||
|
<span>文件模板</span> |
||||||
|
<a |
||||||
|
class="link" |
||||||
|
:href="`${BASE_PATH}/templates/国家信访投诉数据导入模板.xls`" |
||||||
|
target="__blank" |
||||||
|
>国家信访投诉数据导入模板.xls 下载</a |
||||||
|
> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<template v-if="activeStep === 1"> |
||||||
|
<div class="table-container"> |
||||||
|
<el-table :data="importTableData"> |
||||||
|
<el-table-column |
||||||
|
label="办理单位" |
||||||
|
prop="discoverTime" |
||||||
|
width="180" |
||||||
|
> |
||||||
|
<template #default="{ row }"> |
||||||
|
<depart-tree-select |
||||||
|
size="small" |
||||||
|
v-model="row.departId" |
||||||
|
/> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="去向机构" |
||||||
|
prop="handleDepartName" |
||||||
|
width="120" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="问题发生地" |
||||||
|
prop="occurred" |
||||||
|
width="160" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="信访件编号" |
||||||
|
prop="originId" |
||||||
|
width="196" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="信访形式" |
||||||
|
prop="channelForFilingComplaints" |
||||||
|
width="86" |
||||||
|
align="center" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="姓名" |
||||||
|
prop="responderName" |
||||||
|
width="86" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="身份证号" |
||||||
|
prop="responderIdCode" |
||||||
|
width="174" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="信访人住址" |
||||||
|
prop="responderAddress" |
||||||
|
width="174" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="手机号码" |
||||||
|
prop="responderPhone" |
||||||
|
width="120" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="信访日期" |
||||||
|
prop="discoveryTime" |
||||||
|
width="110" |
||||||
|
/> |
||||||
|
|
||||||
|
<el-table-column |
||||||
|
label="信访内容" |
||||||
|
prop="thingDesc" |
||||||
|
width="160" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="是否重信" |
||||||
|
prop="initialPetition" |
||||||
|
width="86" |
||||||
|
align="center" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="信访人数" |
||||||
|
prop="peopleNumber" |
||||||
|
width="86" |
||||||
|
align="center" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="公安业务分类" |
||||||
|
prop="businessTypeName" |
||||||
|
width="140" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<template v-if="activeStep === 2"> |
||||||
|
<el-result |
||||||
|
icon="success" |
||||||
|
title="导入成功" |
||||||
|
:sub-title="` 已成功导入${importTableData.length}条数据。`" |
||||||
|
> |
||||||
|
</el-result> |
||||||
|
</template> |
||||||
|
</div> |
||||||
|
<footer class="flex end mt-20 v-center"> |
||||||
|
<el-button size="large" @click="handlePrev" v-if="activeStep !== 3" |
||||||
|
>上一步</el-button |
||||||
|
> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
size="large" |
||||||
|
@click="handleNext" |
||||||
|
v-loading="loading" |
||||||
|
>{{ activeStep === 2 ? "确定" : "下一步" }}</el-button |
||||||
|
> |
||||||
|
</footer> |
||||||
|
</el-dialog> |
||||||
|
</template> |
||||||
|
<script setup> |
||||||
|
import { |
||||||
|
importPetitionComplaintGj, |
||||||
|
addPetitionComplaintGj, |
||||||
|
} from "@/api/data/petitionComplaint"; |
||||||
|
import feedback from "@/utils/feedback"; |
||||||
|
import { onMounted } from "vue"; |
||||||
|
|
||||||
|
const emit = defineEmits(["close", "update"]); |
||||||
|
|
||||||
|
const activeStep = ref(0) |
||||||
|
|
||||||
|
const fileList = ref([]); |
||||||
|
|
||||||
|
const importTableData = ref([]); |
||||||
|
|
||||||
|
const loading = ref(false); |
||||||
|
|
||||||
|
async function handleNext() { |
||||||
|
if (activeStep.value === 0) { |
||||||
|
if (fileList.value.length === 0) { |
||||||
|
return; |
||||||
|
} |
||||||
|
const formData = new FormData(); |
||||||
|
formData.append("file", fileList.value[fileList.value.length - 1].raw); |
||||||
|
loading.value = true; |
||||||
|
try { |
||||||
|
importTableData.value = await importPetitionComplaintGj( |
||||||
|
formData |
||||||
|
); |
||||||
|
} catch (e) { |
||||||
|
loading.value = false; |
||||||
|
throw e; |
||||||
|
} |
||||||
|
loading.value = false; |
||||||
|
activeStep.value = 1; |
||||||
|
return; |
||||||
|
} |
||||||
|
if (activeStep.value === 1) { |
||||||
|
importTableData.value.forEach((item) => { |
||||||
|
if (!item.departId) { |
||||||
|
feedback.msgWarning("请选择办理单位"); |
||||||
|
throw e; |
||||||
|
} |
||||||
|
}); |
||||||
|
loading.value = true; |
||||||
|
try { |
||||||
|
await addPetitionComplaintGj(importTableData.value); |
||||||
|
} catch(e) { |
||||||
|
loading.value = false |
||||||
|
return |
||||||
|
} |
||||||
|
loading.value = false |
||||||
|
activeStep.value = 2; |
||||||
|
emit('update') |
||||||
|
return; |
||||||
|
} |
||||||
|
if (activeStep.value === 2) { |
||||||
|
emit('close') |
||||||
|
activeStep.value = 0 |
||||||
|
importTableData.value = [] |
||||||
|
fileList.value = [] |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
function handlePrev() { |
||||||
|
activeStep.value = activeStep.value - 1; |
||||||
|
} |
||||||
|
|
||||||
|
const dialogRef = ref() |
||||||
|
|
||||||
|
watch(() => dialogRef.value?.visible, (val) => { |
||||||
|
if (!val) { |
||||||
|
activeStep.value = 0 |
||||||
|
importTableData.value = [] |
||||||
|
fileList.value = [] |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
@ -1,568 +0,0 @@ |
|||||||
<template> |
|
||||||
<el-dialog width="80vw" top="5vh" v-model="show" :title="title"> |
|
||||||
<div style="height: 600px"> |
|
||||||
<template v-if="step === 1"> |
|
||||||
<div class="mt-20"> |
|
||||||
<span>信访投诉数据台账模板</span> |
|
||||||
<a |
|
||||||
class="link" |
|
||||||
:href="`${BASE_PATH}/templates/信访投诉数据台账（模板）.xlsx`" |
|
||||||
target="__blank" |
|
||||||
>下载</a |
|
||||||
> |
|
||||||
</div> |
|
||||||
<el-upload |
|
||||||
drag |
|
||||||
:multiple="false" |
|
||||||
:auto-upload="false" |
|
||||||
:show-file-list="false" |
|
||||||
v-model:file-list="fileList" |
|
||||||
accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" |
|
||||||
class="mt-20" |
|
||||||
> |
|
||||||
<template v-if="fileList.length === 0"> |
|
||||||
<el-icon class="el-icon--upload" |
|
||||||
><upload-filled |
|
||||||
/></el-icon> |
|
||||||
<div class="el-upload__text"> |
|
||||||
点击或拖拽文件到此区域上传 |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
<template v-else> |
|
||||||
<el-icon class="el-icon--upload"><Select /></el-icon> |
|
||||||
<div class="el-upload__text"> |
|
||||||
已选择文件：{{ fileList[fileList.length - 1].name }} |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
</el-upload> |
|
||||||
<el-radio-group v-model="dataUpdateMethod" class="mt-20"> |
|
||||||
<el-radio value="incremental" border>增量更新</el-radio> |
|
||||||
<el-radio value="overwrite" border>覆盖更新</el-radio> |
|
||||||
</el-radio-group> |
|
||||||
</template> |
|
||||||
<template v-else> |
|
||||||
<el-page-header @back="step = 1" class="mb-20"></el-page-header> |
|
||||||
<div style="height: 556px; overflow: hidden"> |
|
||||||
<el-scrollbar height="556px"> |
|
||||||
<el-tabs v-model="activeTab"> |
|
||||||
<el-tab-pane label="全部" name="all"> |
|
||||||
<div class="table-container"> |
|
||||||
<el-table |
|
||||||
:data="importTableData" |
|
||||||
ref="tableRef" |
|
||||||
> |
|
||||||
<el-table-column |
|
||||||
type="selection" |
|
||||||
:selectable=" |
|
||||||
(row) => row.state === 'success' |
|
||||||
" |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="信件编号" |
|
||||||
prop="originId" |
|
||||||
show-overflow-tooltip |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="投诉渠道" |
|
||||||
prop="channelForFilingComplaints" |
|
||||||
show-overflow-tooltip |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="受理层级" |
|
||||||
prop="acceptanceLevel" |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="登记时间" |
|
||||||
prop="discoveryTime" |
|
||||||
width="100" |
|
||||||
show-overflow-tooltip |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="投诉人" |
|
||||||
prop="responderName" |
|
||||||
width="90" |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="投诉人电话" |
|
||||||
prop="contactPhone" |
|
||||||
width="120" |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="初重信访" |
|
||||||
align="center" |
|
||||||
width="85" |
|
||||||
> |
|
||||||
<template #default="{ row }"> |
|
||||||
<span>{{ |
|
||||||
getDictLable( |
|
||||||
dict.initialPetition, |
|
||||||
row.initialPetition |
|
||||||
) |
|
||||||
}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column |
|
||||||
label="缠访闹访" |
|
||||||
width="85" |
|
||||||
align="center" |
|
||||||
> |
|
||||||
<template #default="{ row }"> |
|
||||||
<span |
|
||||||
v-if=" |
|
||||||
row.entanglementVisits === |
|
||||||
true |
|
||||||
" |
|
||||||
>是</span |
|
||||||
> |
|
||||||
<span |
|
||||||
v-if=" |
|
||||||
row.entanglementVisits === |
|
||||||
false |
|
||||||
" |
|
||||||
>否</span |
|
||||||
> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column |
|
||||||
label="群众集访" |
|
||||||
width="85" |
|
||||||
align="center" |
|
||||||
> |
|
||||||
<template #default="{ row }"> |
|
||||||
<span |
|
||||||
v-if=" |
|
||||||
row.massVisits === true |
|
||||||
" |
|
||||||
>是</span |
|
||||||
> |
|
||||||
<span |
|
||||||
v-if=" |
|
||||||
row.massVisits === false |
|
||||||
" |
|
||||||
>否</span |
|
||||||
> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="被投诉二级机构" prop="involveSecondDepartName" show-overflow-tooltip /> |
|
||||||
<el-table-column label="被投诉所队" prop="involveThirdDepartName" show-overflow-tooltip /> |
|
||||||
<el-table-column |
|
||||||
label="具体内容" |
|
||||||
prop="thingDesc" |
|
||||||
show-overflow-tooltip |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="数据校验" |
|
||||||
width="90" |
|
||||||
align="center" |
|
||||||
> |
|
||||||
<template #default="{ row }"> |
|
||||||
<el-tag |
|
||||||
type="success" |
|
||||||
v-if=" |
|
||||||
row.state === 'success' |
|
||||||
" |
|
||||||
>正确</el-tag |
|
||||||
> |
|
||||||
<el-tooltip |
|
||||||
effect="dark" |
|
||||||
:content="row.errMsg" |
|
||||||
placement="top-start" |
|
||||||
v-else |
|
||||||
> |
|
||||||
<el-tag type="danger" |
|
||||||
>异常</el-tag |
|
||||||
> |
|
||||||
</el-tooltip> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column |
|
||||||
label="操作" |
|
||||||
width="100" |
|
||||||
> |
|
||||||
<template #default="{ row }"> |
|
||||||
<el-button |
|
||||||
type="primary" |
|
||||||
link |
|
||||||
@click="handleEdit(row)" |
|
||||||
>编辑</el-button |
|
||||||
> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
</div> |
|
||||||
</el-tab-pane> |
|
||||||
<el-tab-pane name="fail"> |
|
||||||
<template #label> |
|
||||||
<el-badge |
|
||||||
:value="importTableFailData.length" |
|
||||||
class="item" |
|
||||||
> |
|
||||||
<span>异常</span> |
|
||||||
</el-badge> |
|
||||||
</template> |
|
||||||
<div class="table-container"> |
|
||||||
<el-table :data="importTableFailData"> |
|
||||||
<el-table-column |
|
||||||
label="信件编号" |
|
||||||
prop="originId" |
|
||||||
show-overflow-tooltip |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="投诉渠道" |
|
||||||
prop="channelForFilingComplaints" |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="受理层级" |
|
||||||
prop="acceptanceLevel" |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="登记时间" |
|
||||||
prop="discoveryTime" |
|
||||||
show-overflow-tooltip |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="投诉人" |
|
||||||
prop="responderName" |
|
||||||
width="90" |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="投诉人电话" |
|
||||||
prop="contactPhone" |
|
||||||
width="120" |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="初重信访" |
|
||||||
align="center" |
|
||||||
width="90" |
|
||||||
> |
|
||||||
<template #default="{ row }"> |
|
||||||
<span>{{ |
|
||||||
getDictLable( |
|
||||||
dict.initialPetition, |
|
||||||
row.initialPetition |
|
||||||
) |
|
||||||
}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column |
|
||||||
label="缠访闹访" |
|
||||||
width="90" |
|
||||||
align="center" |
|
||||||
> |
|
||||||
<template #default="{ row }"> |
|
||||||
<span |
|
||||||
v-if=" |
|
||||||
row.entanglementVisits === |
|
||||||
true |
|
||||||
" |
|
||||||
>是</span |
|
||||||
> |
|
||||||
<span |
|
||||||
v-if=" |
|
||||||
row.entanglementVisits === |
|
||||||
false |
|
||||||
" |
|
||||||
>否</span |
|
||||||
> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column |
|
||||||
label="群众集访" |
|
||||||
width="90" |
|
||||||
align="center" |
|
||||||
> |
|
||||||
<template #default="{ row }"> |
|
||||||
<span |
|
||||||
v-if=" |
|
||||||
row.massVisits === true |
|
||||||
" |
|
||||||
>是</span |
|
||||||
> |
|
||||||
<span |
|
||||||
v-if=" |
|
||||||
row.massVisits === false |
|
||||||
" |
|
||||||
>否</span |
|
||||||
> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="被投诉二级机构" prop="involveSecondDepartName" show-overflow-tooltip /> |
|
||||||
<el-table-column label="被投诉所队" prop="involveThirdDepartName" show-overflow-tooltip /> |
|
||||||
<el-table-column |
|
||||||
label="具体内容" |
|
||||||
prop="thingDesc" |
|
||||||
show-overflow-tooltip |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="数据校验" |
|
||||||
width="120" |
|
||||||
> |
|
||||||
<template #default="{ row }"> |
|
||||||
<el-tooltip |
|
||||||
effect="dark" |
|
||||||
:content="row.errMsg" |
|
||||||
placement="top-start" |
|
||||||
> |
|
||||||
<el-tag type="danger" |
|
||||||
>异常</el-tag |
|
||||||
> |
|
||||||
</el-tooltip> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column |
|
||||||
label="操作" |
|
||||||
width="120" |
|
||||||
> |
|
||||||
<template #default="{ row }"> |
|
||||||
<el-button |
|
||||||
type="primary" |
|
||||||
link |
|
||||||
@click="handleEdit(row)" |
|
||||||
>编辑</el-button |
|
||||||
> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
</div> |
|
||||||
</el-tab-pane> |
|
||||||
</el-tabs> |
|
||||||
</el-scrollbar> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
</div> |
|
||||||
<footer class="flex end mt-20 v-center"> |
|
||||||
<span class="mr-20" v-if="step === 2" |
|
||||||
>选中：<b>{{ checkRowSize }}</b |
|
||||||
>条数据</span |
|
||||||
> |
|
||||||
<el-button size="large" @click="show = false">取消</el-button> |
|
||||||
<el-button |
|
||||||
type="primary" |
|
||||||
size="large" |
|
||||||
@click="handleImport" |
|
||||||
:disabled="fileList.length === 0" |
|
||||||
v-if="step === 1" |
|
||||||
v-loading="loading" |
|
||||||
>下一步</el-button |
|
||||||
> |
|
||||||
<el-button |
|
||||||
type="primary" |
|
||||||
size="large" |
|
||||||
@click="handleSaveImport" |
|
||||||
:disabled="checkRowSize === 0" |
|
||||||
v-else |
|
||||||
>确认导入</el-button |
|
||||||
> |
|
||||||
</footer> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
<el-dialog width="660px" top="5vh" v-model="editShow" title="编辑数据"> |
|
||||||
<el-form :label-width="120" :model="form" ref="formRef"> |
|
||||||
<el-form-item |
|
||||||
label="信件编号" |
|
||||||
prop="originId" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请选择', |
|
||||||
trigger: ['blur'], |
|
||||||
}" |
|
||||||
> |
|
||||||
<el-input placeholder="请输入" v-model="form.originId" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="投诉渠道"> |
|
||||||
<el-input |
|
||||||
placeholder="请输入" |
|
||||||
v-model="form.channelForFilingComplaints" |
|
||||||
/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="受理层级"> |
|
||||||
<el-input placeholder="请输入" v-model="form.acceptanceLevel" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="登记时间"> |
|
||||||
<el-date-picker type="datetime" v-model="form.discoveryTime" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="投诉人"> |
|
||||||
<el-input placeholder="请输入" v-model="form.responderName" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="投诉人电话"> |
|
||||||
<el-input placeholder="请输入" v-model="form.contactPhone" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
label="初重信访" |
|
||||||
prop="initialPetition" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请选择', |
|
||||||
trigger: ['blur'], |
|
||||||
}" |
|
||||||
> |
|
||||||
<el-select clearable v-model="form.initialPetition"> |
|
||||||
<el-option |
|
||||||
v-for="item in dict.initialPetition" |
|
||||||
:key="item.id" |
|
||||||
:label="item.dictLabel" |
|
||||||
:value="item.dictValue" |
|
||||||
/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
label="缠访闹访" |
|
||||||
prop="entanglementVisits" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请选择', |
|
||||||
trigger: ['blur'], |
|
||||||
}" |
|
||||||
> |
|
||||||
<el-select v-model="form.entanglementVisits"> |
|
||||||
<el-option :value="true" label="是" /> |
|
||||||
<el-option :value="false" label="否" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
label="群众集访" |
|
||||||
prop="massVisits" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请选择', |
|
||||||
trigger: ['blur'], |
|
||||||
}" |
|
||||||
> |
|
||||||
<el-select v-model="form.massVisits"> |
|
||||||
<el-option :value="true" label="是" /> |
|
||||||
<el-option :value="false" label="否" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
label="被投诉机构" |
|
||||||
prop="involveThirdDepartId" |
|
||||||
|
|
||||||
> |
|
||||||
<depart-tree-select |
|
||||||
v-model="form.involveThirdDepartId" |
|
||||||
:check-strictly="false" |
|
||||||
@node-click=" |
|
||||||
(node) => |
|
||||||
(form.involveThirdDepartName = node.shortName) |
|
||||||
" |
|
||||||
/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
label="具体内容" |
|
||||||
prop="thingDesc" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请输入', |
|
||||||
trigger: ['blur'], |
|
||||||
}" |
|
||||||
> |
|
||||||
<el-input type="textarea" v-model="form.thingDesc" /> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<footer class="flex end mt-20"> |
|
||||||
<el-button @click="editShow = false">取消</el-button> |
|
||||||
<el-button type="primary" @click="handleEditSumbit" |
|
||||||
>确认修改</el-button |
|
||||||
> |
|
||||||
</footer> |
|
||||||
</el-dialog> |
|
||||||
</template> |
|
||||||
<script setup> |
|
||||||
import { BASE_PATH } from "@/api/request"; |
|
||||||
import { getDictLable } from "@/utils/util"; |
|
||||||
import { |
|
||||||
importPetitionComplaint, |
|
||||||
addPetitionComplaint, |
|
||||||
} from "@/api/data/petitionComplaint"; |
|
||||||
import feedback from "@/utils/feedback"; |
|
||||||
import useCatchStore from "@/stores/modules/catch"; |
|
||||||
import { computed } from "vue"; |
|
||||||
|
|
||||||
const catchStore = useCatchStore(); |
|
||||||
const dict = catchStore.getDicts(["initialPetition"]); |
|
||||||
|
|
||||||
const props = defineProps({ |
|
||||||
modelValue: { |
|
||||||
type: Boolean, |
|
||||||
default: false, |
|
||||||
}, |
|
||||||
title: { |
|
||||||
type: String, |
|
||||||
}, |
|
||||||
problemSourcesCode: { |
|
||||||
type: String, |
|
||||||
}, |
|
||||||
}); |
|
||||||
const emit = defineEmits(["update:modelValue", "close", "update"]); |
|
||||||
|
|
||||||
const show = ref(false); |
|
||||||
watch( |
|
||||||
() => props.modelValue, |
|
||||||
(val) => { |
|
||||||
show.value = val; |
|
||||||
} |
|
||||||
); |
|
||||||
watch(show, (val) => { |
|
||||||
emit("update:modelValue", val); |
|
||||||
}); |
|
||||||
|
|
||||||
const dataUpdateMethod = ref("incremental"); |
|
||||||
const fileList = ref([]); |
|
||||||
|
|
||||||
const importTableData = ref([]); |
|
||||||
const importTableFailData = computed(() => { |
|
||||||
return importTableData.value.filter((item) => item.state === "fail"); |
|
||||||
}); |
|
||||||
|
|
||||||
const step = ref(1); |
|
||||||
const loading = ref(false); |
|
||||||
async function handleImport() { |
|
||||||
const formData = new FormData(); |
|
||||||
formData.append("file", fileList.value[fileList.value.length - 1].raw); |
|
||||||
loading.value = true; |
|
||||||
importTableData.value = await importPetitionComplaint(formData); |
|
||||||
loading.value = false; |
|
||||||
step.value = 2; |
|
||||||
nextTick(() => {}); |
|
||||||
} |
|
||||||
|
|
||||||
const checkRowSize = computed( |
|
||||||
() => tableRef.value?.getSelectionRows().length || 0 |
|
||||||
); |
|
||||||
|
|
||||||
const tableRef = ref(null); |
|
||||||
async function handleSaveImport() { |
|
||||||
const rows = tableRef.value.getSelectionRows(); |
|
||||||
await addPetitionComplaint({ |
|
||||||
dataUpdateMethod: dataUpdateMethod.value, |
|
||||||
problemSourcesCode: props.problemSourcesCode, |
|
||||||
data: [...rows], |
|
||||||
}); |
|
||||||
feedback.msgSuccess(`成功导入${rows.length}条数据`); |
|
||||||
step.value = 1; |
|
||||||
importTableData.value = []; |
|
||||||
fileList.value = []; |
|
||||||
emit("close"); |
|
||||||
emit("update"); |
|
||||||
} |
|
||||||
|
|
||||||
let activeIndex = -1; |
|
||||||
function handleEdit(row) { |
|
||||||
form.value = { ...row }; |
|
||||||
activeIndex = importTableData.value.indexOf(row); |
|
||||||
editShow.value = true; |
|
||||||
} |
|
||||||
const editShow = ref(false); |
|
||||||
const form = ref({}); |
|
||||||
const formRef = ref(); |
|
||||||
const activeTab = ref("all"); |
|
||||||
|
|
||||||
async function handleEditSumbit() { |
|
||||||
await formRef.value.validate(); |
|
||||||
form.value.state = "success"; |
|
||||||
importTableData.value[activeIndex] = form.value; |
|
||||||
editShow.value = false; |
|
||||||
} |
|
||||||
</script> |
|
||||||
<style lang="scss" scoped> |
|
||||||
</style> |
|
||||||
@ -0,0 +1,162 @@ |
|||||||
|
<template> |
||||||
|
<div class="container"> |
||||||
|
<header> |
||||||
|
<el-form :label-width="114"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="预警类型"> |
||||||
|
<el-input |
||||||
|
placeholder="请输入" |
||||||
|
v-model="query.systemKeyName" |
||||||
|
clearable |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="案事件名称"> |
||||||
|
<el-input |
||||||
|
placeholder="请输入" |
||||||
|
v-model="query.title" |
||||||
|
clearable |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="发生单位"> |
||||||
|
<depart-tree-select |
||||||
|
v-model="query.departId" |
||||||
|
placeholder="涉及单位" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-form> |
||||||
|
<div class="flex end mt-20 mb-26"> |
||||||
|
<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"> |
||||||
|
<el-table :data="list"> |
||||||
|
<el-table-column |
||||||
|
label="预警级别" |
||||||
|
prop="alarmLevel" |
||||||
|
width="120" |
||||||
|
/> |
||||||
|
<el-table-column label="预警类别" prop="systemKeyName" /> |
||||||
|
<el-table-column label="预警时间" prop="" /> |
||||||
|
<el-table-column label="案事件名称" prop="title" /> |
||||||
|
<el-table-column label="发生单位名称" prop="fsdwGajgmc" /> |
||||||
|
<el-table-column label="下发状态" width="120"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<span class="text-danger">未下发</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" width="160"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-button type="primary" link>查看详情</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
<div class="flex end mt-8"> |
||||||
|
<el-pagination |
||||||
|
@size-change="getList" |
||||||
|
@current-change="getList" |
||||||
|
:current-page="query.current" |
||||||
|
: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 title="视频督察详情" v-model="show" width="80vw"> |
||||||
|
<div class="row"> |
||||||
|
<div class="col col-6"> |
||||||
|
<label>预警时间</label> |
||||||
|
<span>{{ }}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-6"> |
||||||
|
<label>预警级别</label> |
||||||
|
<span>{{ }}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-6"> |
||||||
|
<label>预警开始时间</label> |
||||||
|
<span>{{ }}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-6"> |
||||||
|
<label>预警结束时间</label> |
||||||
|
<span>{{ }}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-12"> |
||||||
|
<label>登记单位</label> |
||||||
|
<span>{{ }}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-12"> |
||||||
|
<label>发生单位</label> |
||||||
|
<span>{{ }}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-24"> |
||||||
|
<label>督察方式</label> |
||||||
|
<span>{{ }}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-24"> |
||||||
|
<label>督察方式</label> |
||||||
|
<span>{{ }}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-24"> |
||||||
|
<label>预警名称</label> |
||||||
|
<span>{{ }}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-24"> |
||||||
|
<label>预警标题</label> |
||||||
|
<span>{{ }}</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
|
|
||||||
|
</template> |
||||||
|
<script setup> |
||||||
|
import { listVideoInspection } from "@/api/data/videoInspection"; |
||||||
|
import feedback from "@/utils/feedback"; |
||||||
|
const query = ref({ |
||||||
|
current: 1, |
||||||
|
size: 10, |
||||||
|
}); |
||||||
|
|
||||||
|
const list = ref([]); |
||||||
|
const total = ref(0); |
||||||
|
function getList() { |
||||||
|
listVideoInspection(query.value).then((data) => { |
||||||
|
list.value = data.records; |
||||||
|
total.value = data.total; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
onMounted(() => { |
||||||
|
getList(); |
||||||
|
}); |
||||||
|
|
||||||
|
function reset() { |
||||||
|
query.value = { |
||||||
|
current: 1, |
||||||
|
size: 10, |
||||||
|
}; |
||||||
|
getList(); |
||||||
|
} |
||||||
|
|
||||||
|
const show = ref(false); |
||||||
|
</script> |
||||||
|
<style scoped> |
||||||
|
</style> |
||||||
@ -0,0 +1,272 @@ |
|||||||
|
<template> |
||||||
|
<div class="container"> |
||||||
|
<header> |
||||||
|
<el-form :label-width="120"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="发布时间"> |
||||||
|
<date-time-range-picker-ext |
||||||
|
v-model="query.releaseTime" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="动态类型"> |
||||||
|
<el-select v-model="query.hostLevel" clearable> |
||||||
|
<el-option |
||||||
|
v-for="item in dict.newsWorkSource" |
||||||
|
:key="item.id" |
||||||
|
:label="item.dictLabel" |
||||||
|
:value="item.dictValue" |
||||||
|
/> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="动态分类"> |
||||||
|
<el-select v-model="query.hostLevel" clearable> |
||||||
|
<el-option |
||||||
|
v-for="item in dict.newsWorkType" |
||||||
|
:key="item.id" |
||||||
|
:label="item.dictLabel" |
||||||
|
:value="item.dictValue" |
||||||
|
/> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="动态内容"> |
||||||
|
<el-input |
||||||
|
placeholder="请输入" |
||||||
|
v-model="query.contextTxt" |
||||||
|
clearable |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-form> |
||||||
|
<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-button @click="reset">重置</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</header> |
||||||
|
<div class="table-container"> |
||||||
|
<el-table :data="list"> |
||||||
|
<el-table-column label="发布时间" prop="releaseTime" width="160" /> |
||||||
|
<el-table-column label="动态类型" prop="source" width="130" /> |
||||||
|
<el-table-column label="动态分类" prop="workType" width="120" /> |
||||||
|
<el-table-column label="动态内容" prop="contentTxt" /> |
||||||
|
<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" |
||||||
|
:current-page="query.current" |
||||||
|
: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' ? '新增工作动态' : '编辑工作动态'" |
||||||
|
width="900" |
||||||
|
> |
||||||
|
<el-form |
||||||
|
:label-width="140" |
||||||
|
:model="formData" |
||||||
|
ref="fomrRef" |
||||||
|
style="min-height: 40vh" |
||||||
|
> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item |
||||||
|
label="动态类型" |
||||||
|
prop="source" |
||||||
|
:rules="{ |
||||||
|
required: true, |
||||||
|
message: '请选择', |
||||||
|
trigger: ['blur'], |
||||||
|
}" |
||||||
|
> |
||||||
|
<el-radio-group v-model="formData.source"> |
||||||
|
<el-radio |
||||||
|
v-for="item in dict.newsWorkSource" |
||||||
|
:key="item.dictCode" |
||||||
|
:value="item.dictValue" |
||||||
|
>{{ item.dictLabel |
||||||
|
}}{{ |
||||||
|
item.remark ? `(${item.remark})` : "" |
||||||
|
}}</el-radio |
||||||
|
> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item |
||||||
|
label="发布时间" |
||||||
|
prop="releaseTime" |
||||||
|
:rules="{ |
||||||
|
required: true, |
||||||
|
message: '请选择', |
||||||
|
trigger: ['blur'], |
||||||
|
}" |
||||||
|
> |
||||||
|
<el-date-picker |
||||||
|
v-model="formData.releaseTime" |
||||||
|
type="datetime" |
||||||
|
placeholder="请选择" |
||||||
|
value-format="YYYY-MM-DD HH:mm" |
||||||
|
time-format="HH:mm" |
||||||
|
style="width: 100%" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
|
||||||
|
<el-form-item |
||||||
|
label="动态分类" |
||||||
|
prop="workType" |
||||||
|
:rules="{ |
||||||
|
required: true, |
||||||
|
message: '请选择', |
||||||
|
trigger: ['blur'], |
||||||
|
}" |
||||||
|
> |
||||||
|
<el-radio-group v-model="formData.workType"> |
||||||
|
<el-radio |
||||||
|
v-for="item in dict.newsWorkType" |
||||||
|
:key="item.dictCode" |
||||||
|
:value="item.dictValue" |
||||||
|
>{{ item.dictLabel |
||||||
|
}}{{ item.remark ? `(${item.remark})` : "" }}</el-radio |
||||||
|
> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item |
||||||
|
label="动态内容" |
||||||
|
prop="contentTxt" |
||||||
|
:rules="{ |
||||||
|
required: true, |
||||||
|
message: '请输入', |
||||||
|
trigger: ['blur'], |
||||||
|
}" |
||||||
|
> |
||||||
|
<el-input |
||||||
|
v-model="formData.contentTxt" |
||||||
|
clearable |
||||||
|
placeholder="请输入" |
||||||
|
type="textarea" |
||||||
|
:autosize="{ minRows: 6, maxRows: 10 }" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<footer class="flex end mt-40"> |
||||||
|
<el-button @click="show = false" size="large">取消</el-button> |
||||||
|
<el-button type="primary" @click="submit" size="large" |
||||||
|
>保存</el-button |
||||||
|
> |
||||||
|
</footer> |
||||||
|
</el-dialog> |
||||||
|
</template> |
||||||
|
<script setup> |
||||||
|
import { listNews, addNews, updateNews, delNews } from "@/api/work/news"; |
||||||
|
import feedback from "@/utils/feedback"; |
||||||
|
import useCatchStore from "@/stores/modules/catch"; |
||||||
|
|
||||||
|
const catchStore = useCatchStore(); |
||||||
|
const dict = catchStore.getDicts(["newsWorkType", "newsWorkSource"]); |
||||||
|
|
||||||
|
const query = ref({ |
||||||
|
current: 1, |
||||||
|
size: 10, |
||||||
|
}); |
||||||
|
|
||||||
|
const list = ref([]); |
||||||
|
const total = ref(0); |
||||||
|
function getList() { |
||||||
|
listNews(query.value).then((data) => { |
||||||
|
list.value = data.records; |
||||||
|
total.value = data.total; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function reset() { |
||||||
|
query.value = { |
||||||
|
current: 1, |
||||||
|
size: 10, |
||||||
|
}; |
||||||
|
getList(); |
||||||
|
} |
||||||
|
|
||||||
|
onMounted(() => { |
||||||
|
getList(); |
||||||
|
}); |
||||||
|
|
||||||
|
const show = ref(false); |
||||||
|
const mode = ref("add"); |
||||||
|
const formData = ref({}); |
||||||
|
const fomrRef = ref(); |
||||||
|
|
||||||
|
function handleAdd() { |
||||||
|
formData.value = { internalId: "" }; |
||||||
|
show.value = true; |
||||||
|
mode.value = "add"; |
||||||
|
} |
||||||
|
function handleEdit(row) { |
||||||
|
formData.value = { ...row }; |
||||||
|
show.value = true; |
||||||
|
mode.value = "edit"; |
||||||
|
} |
||||||
|
|
||||||
|
async function handleDel(row) { |
||||||
|
await feedback.confirm("确定要删除该数据？"); |
||||||
|
await delNews(row.id); |
||||||
|
getList(); |
||||||
|
feedback.msgSuccess("删除成功"); |
||||||
|
} |
||||||
|
|
||||||
|
async function submit() { |
||||||
|
await fomrRef.value.validate(); |
||||||
|
if (mode.value === "add") { |
||||||
|
await addNews(formData.value); |
||||||
|
} else { |
||||||
|
await updateNews(formData.value); |
||||||
|
} |
||||||
|
show.value = false; |
||||||
|
formData.value = {}; |
||||||
|
getList(); |
||||||
|
feedback.msgSuccess("操作成功"); |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
Loading…
Reference in new issue