Browse Source

feat--审计质量评价:列表依次展示“全部项目”“待预警项目”“长望浏宁项目”,默认展示待预警项目列表

main
buaixuexideshitongxue 1 month ago
parent
commit
580ed5be34
  1. 120
      src/views/warning/index.vue

120
src/views/warning/index.vue

@ -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 }">-->
<!-- &lt;!&ndash; //1 2 ,0&ndash;&gt;-->
<!-- <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>

Loading…
Cancel
Save