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 total =ref(10)
const tableData =ref([])
const activeTab = ref(route.query.specialArea === 'cwlnt' ? 'cwlnt' : route.query.warningState === '1' ? '1' : '0')
const query = ref({
size: Number(route.query.size) || 10,
current: Number(route.query.current) || 1,
reportName: route.query.reportName || '',
projectUnitId: route.query.projectUnitId || '',
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 =()=>{
query.value={
size:10,
current:1
current:1,
warningState: '0',
specialArea: ''
}
activeTab.value = '0'
getList();
}
const warningStateDisabled = computed(() => activeTab.value !== 'cwlnt')
const getList = async ()=>{
loading.value=true
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/>
</el-form-item>
</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-form-item label="发文日期">
<date-time-range-picker-ext
@ -97,6 +104,8 @@ watch(()=>route.query.load,(val)=>{
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="归档日期">
<date-time-range-picker-ext
@ -109,64 +118,69 @@ watch(()=>route.query.load,(val)=>{
/>
</el-form-item>
</el-col>
<el-col :span="6" :offset="6">
<el-button type="primary" @click="getList">
<template #icon>
<icon name="el-icon-Search"/>
</template>
查询
</el-button
>
<el-button @click="reset">重置</el-button>
<el-col :span="6">
<el-form-item label="预警状态">
<el-select v-model="query.warningState" :disabled="warningStateDisabled" 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-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>
<el-main >
<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-column width="70" type="index" label="序号" :index="(index)=> index+1"></el-table-column>
<el-table-column label="项目名称" prop="reportName" width="110"/>
<el-table-column label="项目名称" prop="reportName" width="200" />
<el-table-column
label="报审类型"
prop="reportType"
min-width="120"
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
label="项目类别"
min-width="120"
prop="projectType"
show-overflow-tooltip
align="center"
width="100"
/>
<el-table-column
label="预警监督状态"
prop="warningState"
min-width="120"
show-overflow-tooltip
align="center"
width="110"
>
<template #default="{row}">
{{row.warningState === '1'?'已预警监督':'未预警监督'}}
{{ row.warningState === '1' ? '已预警' : '待预警' }}
</template>
</el-table-column>
<el-table-column
label="审计单位"
prop="auditUnitStr"
min-width="120"
show-overflow-tooltip
min-width="100"
/>
<el-table-column
label="审计问题数"
min-width="120"
align="center"
width="100"
>
<template #default="{row}">
{{row.warningContent == null?0:row.warningContent}}
@ -175,39 +189,35 @@ watch(()=>route.query.load,(val)=>{
<el-table-column
label="项目单位"
prop="projectUnitStr"
min-width="120"
show-overflow-tooltip
min-width="100"
/>
<el-table-column
label="项目负责人"
min-width="120"
prop="projectPrincipal"
show-overflow-tooltip
width="130"
/>
<el-table-column
label="项目负责人联系方式"
prop="projectPhone"
width="200"
align="center"
width="190"
>
</el-table-column>
<el-table-column
label="采购方式"
min-width="120"
prop="purchaseMethod"
show-overflow-tooltip
align="center"
width="110"
/>
<el-table-column
label="报审金额"
min-width="130"
prop="reportMoney"
show-overflow-tooltip
width="120"
/>
<el-table-column
label="报审日期"
min-width="130"
prop="applicantTime"
show-overflow-tooltip
width="120"
>
<template #default="{row}">
{{timeFormat(row.applicantTime)}}
@ -215,21 +225,19 @@ watch(()=>route.query.load,(val)=>{
</el-table-column>
<el-table-column
label="立项金额"
min-width="130"
prop="projectApprovalMoney"
show-overflow-tooltip
width="120"
/>
<el-table-column
label="立项日期"
min-width="130"
prop="projectApprovalTime"
show-overflow-tooltip
width="120"
>
<template #default="{row}">
{{timeFormat(row.projectApprovalTime)}}
</template>
</el-table-column>
<el-table-column label="归档日期" min-width="130">
<el-table-column label="归档日期" width="120">
<template #default="{row}">
{{timeFormat(row.archiving)}}
</template>

Loading…
Cancel
Save