From 580ed5be34c58c8954006c94ff1a98847a091b9a Mon Sep 17 00:00:00 2001
From: buaixuexideshitongxue <2936013465@qq.com>
Date: Wed, 25 Mar 2026 17:50:45 +0800
Subject: [PATCH] =?UTF-8?q?feat--=E5=AE=A1=E8=AE=A1=E8=B4=A8=E9=87=8F?=
 =?UTF-8?q?=E8=AF=84=E4=BB=B7=EF=BC=9A=E5=88=97=E8=A1=A8=E4=BE=9D=E6=AC=A1?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E2=80=9C=E5=85=A8=E9=83=A8=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E2=80=9D=E2=80=9C=E5=BE=85=E9=A2=84=E8=AD=A6=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E2=80=9D=E2=80=9C=E9=95=BF=E6=9C=9B=E6=B5=8F=E5=AE=81=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E2=80=9D,=E9=BB=98=E8=AE=A4=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E5=BE=85=E9=A2=84=E8=AD=A6=E9=A1=B9=E7=9B=AE=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/warning/index.vue | 120 +++++++++++++++++++-----------------
 1 file changed, 64 insertions(+), 56 deletions(-)

diff --git a/src/views/warning/index.vue b/src/views/warning/index.vue
index 1d32e80..a1bcb6f 100644
--- a/src/views/warning/index.vue
+++ b/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>