wxc
1 month ago
4 changed files with 22 additions and 483 deletions
@ -1,454 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="container"> |
|
||||||
<header class="mb-20"> |
|
||||||
<el-form :label-width="114"> |
|
||||||
<el-row> |
|
||||||
<el-col :span="6"> |
|
||||||
<el-form-item label="督察单位"> |
|
||||||
<depart-tree-select v-model="query.departId" /> |
|
||||||
</el-form-item> |
|
||||||
</el-col> |
|
||||||
<el-col :span="6"> |
|
||||||
<el-form-item label="任务名称"> |
|
||||||
<el-input |
|
||||||
placeholder="请输入任务名称" |
|
||||||
v-model="query.nickName" |
|
||||||
/> |
|
||||||
</el-form-item> |
|
||||||
</el-col> |
|
||||||
<el-col :span="6"> |
|
||||||
<el-form-item label="督察类型"> |
|
||||||
<el-select v-model="form.supervisionType" clearable> |
|
||||||
<el-option |
|
||||||
v-for="item in dict.supervisionType" |
|
||||||
:key="item.id" |
|
||||||
:label="item.dictLabel" |
|
||||||
:value="item.dictValue" |
|
||||||
/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
</el-col> |
|
||||||
</el-row> |
|
||||||
</el-form> |
|
||||||
<div class="flex between"> |
|
||||||
<el-button type="primary" @click="handleShowAdd"> |
|
||||||
<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="taskName" /> |
|
||||||
<el-table-column |
|
||||||
label="督察单位" |
|
||||||
prop="supDepartName" |
|
||||||
width="120" |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="参与人员" |
|
||||||
prop="persons" |
|
||||||
show-overflow-tooltip |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="任务类型" |
|
||||||
prop="supervisionType" |
|
||||||
width="100" |
|
||||||
align="center" |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="任务内容" |
|
||||||
prop="taskContent" |
|
||||||
show-overflow-tooltip |
|
||||||
/> |
|
||||||
<el-table-column label="督察时间" prop="updateTime" width="280"> |
|
||||||
<template #default="{ row }"> |
|
||||||
<span>{{ row.beginTime }}</span> |
|
||||||
<span>-</span> |
|
||||||
<span>{{ row.endTime }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="任务状态"> |
|
||||||
<template #default="{ row }"> |
|
||||||
<span v-if="row.taskStatus === 'todo'">执行中</span> |
|
||||||
<span v-if="row.taskStatus === 'done'">已完成</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="被督察单位数" prop="departNumber" align="center" /> |
|
||||||
<el-table-column label="发现问题数" prop="problemNumber" align="center" /> |
|
||||||
<el-table-column label="操作" width="200"> |
|
||||||
<template #default="{ row }"> |
|
||||||
<el-button |
|
||||||
type="primary" |
|
||||||
link |
|
||||||
@click="handleShowDetail(row)" |
|
||||||
>查看详情</el-button |
|
||||||
> |
|
||||||
<el-button |
|
||||||
type="primary" |
|
||||||
link |
|
||||||
@click="handleProblemsShow(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 |
|
||||||
title="发布任务" |
|
||||||
v-model="show" |
|
||||||
width="1076px" |
|
||||||
top="5vh" |
|
||||||
style="margin-bottom: 0" |
|
||||||
> |
|
||||||
<el-scrollbar max-height="76vh"> |
|
||||||
<el-form |
|
||||||
:label-width="150" |
|
||||||
ref="formRef" |
|
||||||
:model="form" |
|
||||||
style="min-height: 66vh" |
|
||||||
> |
|
||||||
<el-form-item |
|
||||||
label="任务名称" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请输入任务名称', |
|
||||||
trigger: ['blur'], |
|
||||||
}" |
|
||||||
prop="taskName" |
|
||||||
> |
|
||||||
<el-input |
|
||||||
v-model="form.taskName" |
|
||||||
placeholder="请输入任务名称" |
|
||||||
/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
label="督察单位" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请选择', |
|
||||||
}" |
|
||||||
prop="supDepartId" |
|
||||||
> |
|
||||||
<div style="width: 300px"> |
|
||||||
<depart-tree-select v-model="form.supDepartId" /> |
|
||||||
</div> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
label="督察人员" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请选择', |
|
||||||
}" |
|
||||||
prop="persons" |
|
||||||
> |
|
||||||
<police-picker v-model="form.persons" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
label="督察类型" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请选择', |
|
||||||
}" |
|
||||||
prop="supervisionType" |
|
||||||
> |
|
||||||
<el-select |
|
||||||
v-model="form.supervisionType" |
|
||||||
clearable |
|
||||||
style="width: 300px" |
|
||||||
> |
|
||||||
<el-option |
|
||||||
v-for="item in dict.supervisionType" |
|
||||||
:key="item.id" |
|
||||||
:label="item.dictLabel" |
|
||||||
:value="item.dictValue" |
|
||||||
/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
label="督察时间" |
|
||||||
prop="times" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请选择', |
|
||||||
}" |
|
||||||
> |
|
||||||
<div style="width: 800px"> |
|
||||||
<el-date-picker |
|
||||||
v-model="form.times" |
|
||||||
type="datetimerange" |
|
||||||
range-separator="-" |
|
||||||
start-placeholder="开始时间" |
|
||||||
end-placeholder="结束时间" |
|
||||||
/> |
|
||||||
</div> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
prop="taskContentHtml" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请输入任务内容' |
|
||||||
}" |
|
||||||
label-position="top" |
|
||||||
> |
|
||||||
<div style="width: 100%"> |
|
||||||
<quill-editor |
|
||||||
ref="quillRef" |
|
||||||
v-model="form.taskContentHtml" |
|
||||||
style=" |
|
||||||
min-height: 200px; |
|
||||||
max-height: 360px; |
|
||||||
overflow: auto; |
|
||||||
" |
|
||||||
/> |
|
||||||
</div> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
</el-scrollbar> |
|
||||||
<footer class="flex end mt-20"> |
|
||||||
<el-button type="primary" @click="submit" size="large" |
|
||||||
>发布</el-button> |
|
||||||
</footer> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
<el-dialog title="任务详情" v-model="detailShow" width="40vw"> |
|
||||||
<div class="row mb-40"> |
|
||||||
<div class="col col-24"> |
|
||||||
<label>任务名称</label> |
|
||||||
<span>{{ activeRow.taskName }}</span> |
|
||||||
</div> |
|
||||||
<div class="col col-24"> |
|
||||||
<label>督察单位</label> |
|
||||||
<span>{{ activeRow.supDepartName }}</span> |
|
||||||
</div> |
|
||||||
<div class="col col-24"> |
|
||||||
<label>参与人员</label> |
|
||||||
<span>{{ activeRow.persons }}</span> |
|
||||||
</div> |
|
||||||
<div class="col col-24"> |
|
||||||
<label>任务类型</label> |
|
||||||
<span>{{ activeRow.supervisionType }}</span> |
|
||||||
</div> |
|
||||||
<div class="col col-24"> |
|
||||||
<label>督察时间</label> |
|
||||||
<span |
|
||||||
><span>{{ activeRow.beginTime }}</span> |
|
||||||
<span>-</span> |
|
||||||
<span>{{ activeRow.endTime }}</span></span |
|
||||||
> |
|
||||||
</div> |
|
||||||
<div class="col col-24"> |
|
||||||
<label>任务内容</label> |
|
||||||
<span>{{ activeRow.taskContent }}</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<footer class="flex end mt-20"> |
|
||||||
<el-button size="large" @click="detailShow = false">关闭</el-button> |
|
||||||
</footer> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
<el-dialog |
|
||||||
title="问题清单" |
|
||||||
v-model="problemsShow" |
|
||||||
width="60vw" |
|
||||||
style="margin-bottom: 0" |
|
||||||
> |
|
||||||
<header class="mb-20"> |
|
||||||
<el-form :label-width="94"> |
|
||||||
<el-row> |
|
||||||
<el-col :span="6"> |
|
||||||
<el-form-item label="具体情况"> |
|
||||||
<el-input |
|
||||||
v-model="problemQuery.detail" |
|
||||||
clearable |
|
||||||
placeholder="请输入具体情况" |
|
||||||
/> |
|
||||||
</el-form-item> |
|
||||||
</el-col> |
|
||||||
</el-row> |
|
||||||
<div class="flex end"> |
|
||||||
<el-button type="primary" @click="getProblems"> |
|
||||||
<template #icon> |
|
||||||
<icon name="el-icon-Search" /> |
|
||||||
</template> |
|
||||||
查询</el-button |
|
||||||
> |
|
||||||
<el-button @click="problemReset">重置</el-button> |
|
||||||
</div> |
|
||||||
</el-form> |
|
||||||
</header> |
|
||||||
<div style="min-height: 400px"> |
|
||||||
<div class="table-container"> |
|
||||||
<el-table :data="problems" :max-height="640" min-height="300"> |
|
||||||
<el-table-column |
|
||||||
label="是否发现督察问题" |
|
||||||
prop="hasProblem" |
|
||||||
width="120" |
|
||||||
align="center" |
|
||||||
> |
|
||||||
<template #default="{ row }"> |
|
||||||
<span v-if="row.hasProblem">是</span> |
|
||||||
<span v-else>否</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column |
|
||||||
label="单位" |
|
||||||
prop="departName" |
|
||||||
width="140" |
|
||||||
show-overflow-tooltip |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="问题类型" |
|
||||||
prop="problemType" |
|
||||||
width="140" |
|
||||||
show-overflow-tooltip |
|
||||||
/> |
|
||||||
<el-table-column label="具体情况" prop="detail" /> |
|
||||||
<el-table-column |
|
||||||
label="创建时间" |
|
||||||
prop="createTime" |
|
||||||
width="160" |
|
||||||
/> |
|
||||||
<el-table-column label="操作" width="100"> |
|
||||||
<template #default="{ row }"> |
|
||||||
<el-button |
|
||||||
type="primary" |
|
||||||
link |
|
||||||
@click="handleShowPeople(row)" |
|
||||||
>详情</el-button |
|
||||||
> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
</div> |
|
||||||
<div class="flex end mt-8"> |
|
||||||
<el-pagination |
|
||||||
@size-change="getProblems" |
|
||||||
@current-change="getProblems" |
|
||||||
:page-sizes="[10, 20, 50]" |
|
||||||
v-model:page-size="problemQuery.size" |
|
||||||
v-model:current-page="problemQuery.current" |
|
||||||
layout="total, sizes, prev, pager, next" |
|
||||||
:total="problemTotal" |
|
||||||
> |
|
||||||
</el-pagination> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</template> |
|
||||||
<script setup> |
|
||||||
import { |
|
||||||
listInspection, |
|
||||||
addInspection, |
|
||||||
listInspectionProblems, |
|
||||||
} from "@/api/mobileSupervision/inspection"; |
|
||||||
import feedback from "@/utils/feedback"; |
|
||||||
import useCatchStore from "@/stores/modules/catch"; |
|
||||||
|
|
||||||
const catchStore = useCatchStore(); |
|
||||||
const dict = catchStore.getDicts(["supervisionType"]); |
|
||||||
|
|
||||||
const list = ref([]); |
|
||||||
const query = ref({ |
|
||||||
current: 1, |
|
||||||
size: 10, |
|
||||||
}); |
|
||||||
const total = ref(0); |
|
||||||
function getList() { |
|
||||||
listInspection(query.value).then((data) => { |
|
||||||
list.value = data.records; |
|
||||||
total.value = data.total; |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
function reset() { |
|
||||||
query.value = { |
|
||||||
current: 1, |
|
||||||
size: 10, |
|
||||||
}; |
|
||||||
getList(); |
|
||||||
} |
|
||||||
|
|
||||||
getList(); |
|
||||||
|
|
||||||
const show = ref(false); |
|
||||||
|
|
||||||
const form = ref({}); |
|
||||||
const formRef = ref(null); |
|
||||||
|
|
||||||
const quillRef = ref() |
|
||||||
async function submit() { |
|
||||||
await formRef.value.validate(); |
|
||||||
form.value.taskContent = quillRef.value.getText() |
|
||||||
await addInspection(form.value); |
|
||||||
feedback.msgSuccess("发布成功"); |
|
||||||
show.value = false; |
|
||||||
getList(); |
|
||||||
form.value = {}; |
|
||||||
} |
|
||||||
|
|
||||||
function handleShowAdd() { |
|
||||||
show.value = true; |
|
||||||
} |
|
||||||
|
|
||||||
const detailShow = ref(false); |
|
||||||
const activeRow = ref({}); |
|
||||||
|
|
||||||
function handleShowDetail(row) { |
|
||||||
activeRow.value = row; |
|
||||||
detailShow.value = true; |
|
||||||
} |
|
||||||
|
|
||||||
const problemsShow = ref(false); |
|
||||||
const problems = ref([]); |
|
||||||
const problemQuery = ref({}); |
|
||||||
const problemTotal = ref(0); |
|
||||||
|
|
||||||
function handleProblemsShow(row) { |
|
||||||
activeRow.value = row; |
|
||||||
problemsShow.value = true; |
|
||||||
getProblems(); |
|
||||||
} |
|
||||||
function getProblems() { |
|
||||||
listInspectionProblems(activeRow.value.id).then((data) => { |
|
||||||
problems.value = data.records; |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
function problemReset() { |
|
||||||
problemQuery.value = {}; |
|
||||||
} |
|
||||||
</script> |
|
||||||
<style lang="scss" scoped> |
|
||||||
h5 { |
|
||||||
margin-bottom: 10px; |
|
||||||
} |
|
||||||
.pepole-container > * { |
|
||||||
margin-bottom: 8px; |
|
||||||
} |
|
||||||
</style> |
|
||||||
Loading…
Reference in new issue