wxc
2 months ago
6 changed files with 296 additions and 19 deletions
@ -0,0 +1,271 @@
|
||||
<script setup> |
||||
import {getListData,addOrUpDataFun,removeByIdFun,getNegativePageByQuery} from "@/api/superviseReport/superviseReport"; |
||||
import {timeFormat} from "@/utils/util"; |
||||
|
||||
const tableRef = ref(null) |
||||
const query = ref({ |
||||
current: 1, |
||||
size: 10, |
||||
type: 2 |
||||
}) |
||||
const listData = ref([]); |
||||
const total = ref(0); |
||||
const loading = ref(false); |
||||
/** |
||||
* 获取表单数据 |
||||
* */ |
||||
const getList =async ()=>{ |
||||
loading.value=true |
||||
try{ |
||||
const res = await getListData(query.value); |
||||
listData.value=res.records; |
||||
total.value = res.total; |
||||
loading.value = false |
||||
}catch (e) { |
||||
loading.value = false |
||||
} |
||||
} |
||||
const reset =()=>{ |
||||
query.value={ |
||||
current: 1, |
||||
size: 10, |
||||
type: 2 |
||||
} |
||||
getList() |
||||
} |
||||
|
||||
onMounted(()=>{ |
||||
getList(); |
||||
}) |
||||
|
||||
//编辑 |
||||
const editShow =ref(false); |
||||
const editLoading = ref(false); |
||||
const editRow =ref({}); |
||||
|
||||
const editFlag = ref(false) |
||||
const editShowFun = () =>{ |
||||
editRow.value={ |
||||
type: 2 |
||||
} |
||||
editFlag.value = false |
||||
editShow.value=true; |
||||
} |
||||
const UpDataShowFun = (row) =>{ |
||||
editShow.value=true; |
||||
editRow.value=row; |
||||
editFlag.value = true |
||||
} |
||||
|
||||
const formRef = ref(null) |
||||
//保存数据 |
||||
const handleSumbit = async ()=>{ |
||||
await formRef.value.validate(); |
||||
editLoading.value=true; |
||||
const res = await addOrUpDataFun(editRow.value); |
||||
editShow.value=false; |
||||
await getList(); |
||||
} |
||||
|
||||
//详情 |
||||
const detailShow = ref(false); |
||||
const detailRow = ref({}) |
||||
const getDetailData = (row)=>{ |
||||
detailShow.value=true; |
||||
detailRow.value =row |
||||
} |
||||
|
||||
//删除数据 |
||||
const delReportData = async (row)=>{ |
||||
const res = await removeByIdFun(row.id); |
||||
await getList(); |
||||
} |
||||
|
||||
//督察问题 |
||||
const negativeShow = ref(false) |
||||
const negativeTable = ref(); |
||||
const negativeQuery = ref({ |
||||
current: 1, |
||||
size: 10, |
||||
departBranch:false |
||||
}) |
||||
const negativeTotal = ref(0); |
||||
const negativeLoging = ref(false); |
||||
|
||||
const handleNegativeTable =async (row)=>{ |
||||
if(row.superviseNumber > 0){ |
||||
try{ |
||||
negativeLoging.value=true; |
||||
await getNegativePageFun(row); |
||||
negativeShow.value = true; |
||||
}catch (e){ |
||||
console.log("督察问题获取失败") |
||||
negativeLoging.value=false; |
||||
} |
||||
} |
||||
} |
||||
|
||||
const getNegativePageFun = async (row)=>{ |
||||
negativeQuery.value.id =row.id; |
||||
const res = await getNegativePageByQuery(row); |
||||
negativeTable.value =res.records; |
||||
negativeTotal.value = res.total; |
||||
negativeLoging.value=false; |
||||
} |
||||
|
||||
const closeAdd =()=>{ |
||||
editRow.value={} |
||||
console.log(editRow.value) |
||||
} |
||||
watch(()=>editRow.value.files,(val)=>{ |
||||
console.log(val) |
||||
if(val){ |
||||
console.log(val[0]?.fileName.split(".")[0]) |
||||
editRow.value.reportName = val[0]?.fileName.split(".")[0] |
||||
} |
||||
|
||||
}) |
||||
|
||||
</script> |
||||
|
||||
<template> |
||||
<div class="container"> |
||||
<header> |
||||
<el-form> |
||||
<el-row :gutter="20"> |
||||
<el-col :span="6"> |
||||
<el-form-item label="通知标题"> |
||||
<el-input v-model="query.reportName" placeholder="请输入通知标题"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<div class="flex between mt-20 mb-26"> |
||||
<div> |
||||
<el-button type="primary" @click="editShowFun" >创建通知</el-button> |
||||
</div> |
||||
<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> |
||||
</el-form> |
||||
</header> |
||||
<main> |
||||
<div class="table-container" v-loading="loading"> |
||||
<el-table |
||||
:data="listData" |
||||
ref="tableRef" |
||||
style="width: 100%" |
||||
> |
||||
<el-table-column prop="reportName" label="通知标题" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="departName" label="通知单位" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="crtTime" label="创建时间" width="100"> |
||||
<template #default="{row}"> |
||||
{{ timeFormat(row.crtTime) }} |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="crtUser" label="创建人" width="100"></el-table-column> |
||||
<el-table-column label="操作" fixed="right" width="260"> |
||||
<template #default="{ row }"> |
||||
<div class="flex v-center"> |
||||
<el-button type="primary" link @click="UpDataShowFun(row)" >编辑</el-button> |
||||
<el-button type="primary" link @click="getDetailData(row)" >查看详情</el-button> |
||||
<el-button type="danger" link @click="delReportData(row)" >删除</el-button> |
||||
</div> |
||||
</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" |
||||
/> |
||||
</div> |
||||
</main> |
||||
|
||||
|
||||
<el-dialog :title="editFlag ? '编辑通知' : `创建通知`" destroy-on-close v-model="editShow" v-loading="editLoading" @close="closeAdd"> |
||||
<el-form :model="editRow" ref="formRef" :label-width="100"> |
||||
<el-form-item label="通知标题" prop="reportName" :rules="{ |
||||
required: true, |
||||
message: '请填写通知标题', |
||||
}"> |
||||
<el-input v-model="editRow.reportName" placeholder="请填写通知标题" style="width: 400px"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="通知单位" prop="departIds"> |
||||
<depart-tree-select v-model="editRow.departIds" multiple style="width: 400px" /> |
||||
</el-form-item> |
||||
<div class="flex v-center" style="height:30px;"> |
||||
<h5>附件</h5> |
||||
</div> |
||||
<el-form-item :rules="{ |
||||
required: true, |
||||
message: '请上传通知附件', |
||||
}" prop="files" style="width: 100%"> |
||||
<file-upload |
||||
style="width: 100%" |
||||
:uploadDrag="true" |
||||
v-model:files="editRow.files"></file-upload> |
||||
</el-form-item> |
||||
</el-form> |
||||
<footer class="flex end" style="margin-top: 10px"> |
||||
<el-button @click="editShow = false" size="large">取消</el-button> |
||||
<el-button type="primary" @click="handleSumbit" size="large" |
||||
>{{editFlag ? '提交' : '创建' }}</el-button |
||||
> |
||||
</footer> |
||||
</el-dialog> |
||||
|
||||
<el-dialog :title="`通知详情`" v-model="detailShow"> |
||||
<el-row> |
||||
<el-col > |
||||
<el-form-item label="通知标题"> |
||||
{{detailRow.reportName}} |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col > |
||||
<el-form-item label="通知单位"> |
||||
{{ detailRow.departName }} |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="12"> |
||||
<el-form-item label="创建警号">{{detailRow.crtEmpNo}}</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="创建人">{{detailRow.crtUser}}</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="12"> |
||||
<el-form-item label="创建单位">{{detailRow.crtDepart}}</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="创建时间"> {{ timeFormat(detailRow.crtTime) }} </el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-form-item label="附件"> |
||||
<file-list v-model:files="detailRow.files" :removeEnable="false" /> |
||||
</el-form-item> |
||||
</el-row> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
Loading…
Reference in new issue