|
|
|
@ -8,21 +8,38 @@ const route = useRoute() |
|
|
|
const loading =ref(false) |
|
|
|
const loading =ref(false) |
|
|
|
const total =ref(10) |
|
|
|
const total =ref(10) |
|
|
|
const tableData =ref([]) |
|
|
|
const tableData =ref([]) |
|
|
|
|
|
|
|
const activeTab = ref(route.query.specialArea === 'cwlnt' ? 'cwlnt' : route.query.warningState === '1' ? '1' : '0') |
|
|
|
const query = ref({ |
|
|
|
const query = ref({ |
|
|
|
size: Number(route.query.size) || 10, |
|
|
|
size: Number(route.query.size) || 10, |
|
|
|
current: Number(route.query.current) || 1, |
|
|
|
current: Number(route.query.current) || 1, |
|
|
|
reportName: route.query.reportName || '', |
|
|
|
reportName: route.query.reportName || '', |
|
|
|
projectUnitId: route.query.projectUnitId || '', |
|
|
|
projectUnitId: route.query.projectUnitId || '', |
|
|
|
auditUnitId: route.query.auditUnitId || '', |
|
|
|
auditUnitId: route.query.auditUnitId || '', |
|
|
|
warningState: route.query.warningState || '', |
|
|
|
warningState: route.query.specialArea === 'cwlnt' ? (route.query.warningState || '') : (route.query.warningState === '1' ? '1' : '0'), |
|
|
|
|
|
|
|
specialArea: route.query.specialArea || '', |
|
|
|
}) |
|
|
|
}) |
|
|
|
|
|
|
|
const handleClick = (tab)=>{ |
|
|
|
|
|
|
|
if (tab.props.name === 'cwlnt') { |
|
|
|
|
|
|
|
query.value.specialArea = 'cwlnt' |
|
|
|
|
|
|
|
query.value.warningState = '' |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
query.value.specialArea = '' |
|
|
|
|
|
|
|
query.value.warningState = tab.props.name |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
query.value.current = 1 |
|
|
|
|
|
|
|
getList() |
|
|
|
|
|
|
|
} |
|
|
|
const reset =()=>{ |
|
|
|
const reset =()=>{ |
|
|
|
query.value={ |
|
|
|
query.value={ |
|
|
|
size:10, |
|
|
|
size:10, |
|
|
|
current:1 |
|
|
|
current:1, |
|
|
|
|
|
|
|
warningState: '0', |
|
|
|
|
|
|
|
specialArea: '' |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
activeTab.value = '0' |
|
|
|
getList(); |
|
|
|
getList(); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
const warningStateDisabled = computed(() => activeTab.value !== 'cwlnt') |
|
|
|
const getList = async ()=>{ |
|
|
|
const getList = async ()=>{ |
|
|
|
loading.value=true |
|
|
|
loading.value=true |
|
|
|
const res = await warningPage(query.value) |
|
|
|
const res = await warningPage(query.value) |
|
|
|
@ -75,16 +92,6 @@ watch(()=>route.query.load,(val)=>{ |
|
|
|
<depart-tree-select v-model="query.auditUnitId" :size="'default'" placeholder="请选择审计单位" clearable/> |
|
|
|
<depart-tree-select v-model="query.auditUnitId" :size="'default'" placeholder="请选择审计单位" clearable/> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
|
|
|
|
<el-form-item label="预警监督状态"> |
|
|
|
|
|
|
|
<el-select v-model="query.warningState" clearable> |
|
|
|
|
|
|
|
<el-option label="已预警监督" value="1"></el-option> |
|
|
|
|
|
|
|
<el-option label="未预警监督" value="0"></el-option> |
|
|
|
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-row :gutter="20"> |
|
|
|
|
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="发文日期"> |
|
|
|
<el-form-item label="发文日期"> |
|
|
|
<date-time-range-picker-ext |
|
|
|
<date-time-range-picker-ext |
|
|
|
@ -97,6 +104,8 @@ watch(()=>route.query.load,(val)=>{ |
|
|
|
/> |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-row :gutter="20"> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="归档日期"> |
|
|
|
<el-form-item label="归档日期"> |
|
|
|
<date-time-range-picker-ext |
|
|
|
<date-time-range-picker-ext |
|
|
|
@ -109,64 +118,69 @@ watch(()=>route.query.load,(val)=>{ |
|
|
|
/> |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6" :offset="6"> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-button type="primary" @click="getList"> |
|
|
|
<el-form-item label="预警状态"> |
|
|
|
<template #icon> |
|
|
|
<el-select v-model="query.warningState" :disabled="warningStateDisabled" clearable> |
|
|
|
<icon name="el-icon-Search"/> |
|
|
|
<el-option label="已预警" value="1"></el-option> |
|
|
|
</template> |
|
|
|
<el-option label="待预警" value="0"></el-option> |
|
|
|
查询 |
|
|
|
</el-select> |
|
|
|
</el-button |
|
|
|
</el-form-item> |
|
|
|
> |
|
|
|
|
|
|
|
<el-button @click="reset">重置</el-button> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<div class="flex end"> |
|
|
|
|
|
|
|
<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> |
|
|
|
</header> |
|
|
|
<el-main > |
|
|
|
<el-main > |
|
|
|
<div class="table-container" v-loading="loading" > |
|
|
|
<div class="table-container" v-loading="loading" > |
|
|
|
|
|
|
|
<el-tabs v-model="activeTab" @tab-click="handleClick"> |
|
|
|
|
|
|
|
<el-tab-pane label="待预警" name="0"></el-tab-pane> |
|
|
|
|
|
|
|
<el-tab-pane label="已预警" name="1"></el-tab-pane> |
|
|
|
|
|
|
|
<el-tab-pane label="长望浏宁" name="cwlnt"></el-tab-pane> |
|
|
|
|
|
|
|
</el-tabs> |
|
|
|
<el-table :data="tableData"> |
|
|
|
<el-table :data="tableData"> |
|
|
|
<el-table-column width="70" type="index" label="序号" :index="(index)=> index+1"></el-table-column> |
|
|
|
<el-table-column label="项目名称" prop="reportName" width="200" /> |
|
|
|
<el-table-column label="项目名称" prop="reportName" width="110"/> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="报审类型" |
|
|
|
label="报审类型" |
|
|
|
prop="reportType" |
|
|
|
prop="reportType" |
|
|
|
min-width="120" |
|
|
|
|
|
|
|
show-overflow-tooltip |
|
|
|
show-overflow-tooltip |
|
|
|
|
|
|
|
width="100" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<!-- <el-table-column label="数据状态" width="110">--> |
|
|
|
|
|
|
|
<!-- <template #default="{ row }">--> |
|
|
|
|
|
|
|
<!-- <!– //1 为 已下发问题 ,2 为已提交审核,0为常规–>--> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <p v-if="row.stateData == '1'">已下发问题</p>--> |
|
|
|
|
|
|
|
<!-- <p v-else-if ="row.stateData == '2'" >已提交审核</p>--> |
|
|
|
|
|
|
|
<!-- <p v-else >待预警</p>--> |
|
|
|
|
|
|
|
<!-- </template>--> |
|
|
|
|
|
|
|
<!-- </el-table-column>--> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="项目类别" |
|
|
|
label="项目类别" |
|
|
|
min-width="120" |
|
|
|
|
|
|
|
prop="projectType" |
|
|
|
prop="projectType" |
|
|
|
show-overflow-tooltip |
|
|
|
align="center" |
|
|
|
|
|
|
|
width="100" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="预警监督状态" |
|
|
|
label="预警监督状态" |
|
|
|
prop="warningState" |
|
|
|
prop="warningState" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
show-overflow-tooltip |
|
|
|
width="110" |
|
|
|
> |
|
|
|
> |
|
|
|
<template #default="{row}"> |
|
|
|
<template #default="{row}"> |
|
|
|
{{row.warningState === '1'?'已预警监督':'未预警监督'}} |
|
|
|
{{ row.warningState === '1' ? '已预警' : '待预警' }} |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="审计单位" |
|
|
|
label="审计单位" |
|
|
|
prop="auditUnitStr" |
|
|
|
prop="auditUnitStr" |
|
|
|
min-width="120" |
|
|
|
|
|
|
|
show-overflow-tooltip |
|
|
|
show-overflow-tooltip |
|
|
|
|
|
|
|
min-width="100" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="审计问题数" |
|
|
|
label="审计问题数" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
|
|
|
|
width="100" |
|
|
|
> |
|
|
|
> |
|
|
|
<template #default="{row}"> |
|
|
|
<template #default="{row}"> |
|
|
|
{{row.warningContent == null?0:row.warningContent}} |
|
|
|
{{row.warningContent == null?0:row.warningContent}} |
|
|
|
@ -175,39 +189,35 @@ watch(()=>route.query.load,(val)=>{ |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="项目单位" |
|
|
|
label="项目单位" |
|
|
|
prop="projectUnitStr" |
|
|
|
prop="projectUnitStr" |
|
|
|
min-width="120" |
|
|
|
|
|
|
|
show-overflow-tooltip |
|
|
|
show-overflow-tooltip |
|
|
|
|
|
|
|
min-width="100" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="项目负责人" |
|
|
|
label="项目负责人" |
|
|
|
min-width="120" |
|
|
|
|
|
|
|
prop="projectPrincipal" |
|
|
|
prop="projectPrincipal" |
|
|
|
show-overflow-tooltip |
|
|
|
width="130" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="项目负责人联系方式" |
|
|
|
label="项目负责人联系方式" |
|
|
|
prop="projectPhone" |
|
|
|
prop="projectPhone" |
|
|
|
width="200" |
|
|
|
width="190" |
|
|
|
align="center" |
|
|
|
|
|
|
|
> |
|
|
|
> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="采购方式" |
|
|
|
label="采购方式" |
|
|
|
min-width="120" |
|
|
|
|
|
|
|
prop="purchaseMethod" |
|
|
|
prop="purchaseMethod" |
|
|
|
show-overflow-tooltip |
|
|
|
align="center" |
|
|
|
|
|
|
|
width="110" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="报审金额" |
|
|
|
label="报审金额" |
|
|
|
min-width="130" |
|
|
|
|
|
|
|
prop="reportMoney" |
|
|
|
prop="reportMoney" |
|
|
|
show-overflow-tooltip |
|
|
|
width="120" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="报审日期" |
|
|
|
label="报审日期" |
|
|
|
min-width="130" |
|
|
|
|
|
|
|
prop="applicantTime" |
|
|
|
prop="applicantTime" |
|
|
|
show-overflow-tooltip |
|
|
|
width="120" |
|
|
|
> |
|
|
|
> |
|
|
|
<template #default="{row}"> |
|
|
|
<template #default="{row}"> |
|
|
|
{{timeFormat(row.applicantTime)}} |
|
|
|
{{timeFormat(row.applicantTime)}} |
|
|
|
@ -215,21 +225,19 @@ watch(()=>route.query.load,(val)=>{ |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="立项金额" |
|
|
|
label="立项金额" |
|
|
|
min-width="130" |
|
|
|
|
|
|
|
prop="projectApprovalMoney" |
|
|
|
prop="projectApprovalMoney" |
|
|
|
show-overflow-tooltip |
|
|
|
width="120" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="立项日期" |
|
|
|
label="立项日期" |
|
|
|
min-width="130" |
|
|
|
|
|
|
|
prop="projectApprovalTime" |
|
|
|
prop="projectApprovalTime" |
|
|
|
show-overflow-tooltip |
|
|
|
width="120" |
|
|
|
> |
|
|
|
> |
|
|
|
<template #default="{row}"> |
|
|
|
<template #default="{row}"> |
|
|
|
{{timeFormat(row.projectApprovalTime)}} |
|
|
|
{{timeFormat(row.projectApprovalTime)}} |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="归档日期" min-width="130"> |
|
|
|
<el-table-column label="归档日期" width="120"> |
|
|
|
<template #default="{row}"> |
|
|
|
<template #default="{row}"> |
|
|
|
{{timeFormat(row.archiving)}} |
|
|
|
{{timeFormat(row.archiving)}} |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|