feat(router): 更新路由配置和漏检列表页面

refactor(views): 重构漏检列表表单布局为两列
style(views): 调整漏检列表样式和标签显示

src/router/index.js

@@ -92,9 +92,9 @@ export const constantRoutes = [
     children: [
       {
         path: '/index',
-        component: () => import('@/views/dataBigScreen/dashboard'),
+        component: () => import('@/views/blockingData/blockingDataScreen/index'),
         name: 'Index',
-        meta: { title: '智慧大屏监控中心', icon: 'dashboard' }
+        meta: { title: '查堵大屏', icon: 'dashboard' }
       },
       // {
       //   path: '/dashboard-work',

src/views/blockingData/missedInspectionList/index.vue

@@ -87,8 +87,8 @@
       <el-table-column label="月考成绩" align="center" prop="monthlyAssessment" width="100" />
       <el-table-column label="本月自测有无漏检" align="center" prop="selfTestHasMissCheck" width="120">
         <template #default="scope">
-          <el-tag :type="scope.row.selfTestHasMissCheck === '是' ? 'warning' : 'success'">
-            {{ scope.row.selfTestHasMissCheck }}
+          <el-tag>
+            {{ scope.row.selfTestHasMissCheck ? '有' : '无' }}
           </el-tag>
         </template>
       </el-table-column>
@@ -107,105 +107,171 @@
       v-model:limit="queryParams.pageSize" @pagination="getList" />
 
     <!-- 添加或修改漏检对话框 -->
-    <el-dialog :title="title" v-model="open" width="600px" append-to-body>
-      <el-form ref="missedInspectionRef" :model="form" :rules="rules" label-width="120px">
-        <el-form-item label="大队" prop="brigadeId">
-          <el-select v-model="form.brigadeId" placeholder="请选择大队" style="width: 100%">
-            <el-option v-for="item in brigadeOptions" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="区域" prop="areaName">
-          <el-input v-model="form.areaName" placeholder="请输入区域" />
-        </el-form-item>
-        <el-form-item label="被回查人" prop="reviewedUserId">
-          <el-select v-model="form.reviewedUserId" placeholder="请选择被回查人" style="width: 100%">
-            <el-option v-for="item in personOptions" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="回查日期" prop="reviewDate">
-          <el-date-picker v-model="form.reviewDate" type="date" placeholder="选择回查日期" value-format="YYYY-MM-DD"
-            style="width: 100%" />
-        </el-form-item>
-        <el-form-item label="漏检时间" prop="missCheckTime">
-          <el-input v-model="form.missCheckTime" placeholder="请输入漏检时间" />
-        </el-form-item>
-        <el-form-item label="漏检时间段" prop="missCheckTimePeriod">
-          <el-input v-model="form.missCheckTimePeriod" placeholder="请输入漏检时间段" />
-        </el-form-item>
-        <el-form-item label="上岗位置" prop="channelName">
-          <el-input v-model="form.channelName" placeholder="请输入上岗位置" />
-        </el-form-item>
-        <el-form-item label="分管主管" prop="supervisorId">
-          <el-select v-model="form.supervisorId" placeholder="请选择分管主管" style="width: 100%">
-            <el-option v-for="item in supervisorOptions" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="代管主管" prop="actingSupervisorId">
-          <el-select v-model="form.actingSupervisorId" placeholder="请选择代管主管" style="width: 100%">
-            <el-option v-for="item in supervisorOptions" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="分管班组长" prop="teamLeaderId">
-          <el-select v-model="form.teamLeaderId" placeholder="请选择分管班组长" style="width: 100%">
-            <el-option v-for="item in teamLeaderOptions" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="物品位置" prop="itemLocation">
-          <el-input v-model="form.itemLocation" placeholder="请输入物品位置" />
-        </el-form-item>
-        <el-form-item label="简单/难" prop="difficultyLevel">
-          <el-select v-model="form.difficultyLevel" placeholder="请选择简单/难" style="width: 100%">
-            <el-option label="简单" value="简单" />
-            <el-option label="难" value="难" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="回查人" prop="reviewUserId">
-          <el-select v-model="form.reviewUserId" placeholder="请选择回查人" style="width: 100%">
-            <el-option v-for="item in personOptions" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="判别类型" prop="discriminationType">
-          <el-select v-model="form.discriminationType" placeholder="请选择判别类型" style="width: 100%">
-            <el-option v-for="item in discrimination_type" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="是否追回" prop="isRecovered">
-          <el-select v-model="form.isRecovered" placeholder="请选择是否追回" style="width: 100%">
-            <el-option label="是" value="是" />
-            <el-option label="否" value="否" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="开机年限" prop="machineOperatingYears">
-          <el-input v-model="form.machineOperatingYears" placeholder="请输入开机年限" />
-        </el-form-item>
-        <el-form-item label="证书级别" prop="certificateLevel">
-          <el-select v-model="form.certificateLevel" placeholder="请选择证书级别" style="width: 100%">
-            <el-option label="初级" value="初级" />
-            <el-option label="中级" value="中级" />
-            <el-option label="高级" value="高级" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="人员性别" prop="gender">
-          <el-select v-model="form.gender" placeholder="请选择人员性别" style="width: 100%">
-            <el-option label="男" value="男" />
-            <el-option label="女" value="女" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="漏检原因分类" prop="missCheckReasonCategory">
-          <el-input v-model="form.missCheckReasonCategory" placeholder="请输入漏检原因分类" />
-        </el-form-item>
-        <el-form-item label="月考成绩" prop="monthlyAssessment">
-          <el-input v-model="form.monthlyAssessment" placeholder="请输入月考成绩" />
-        </el-form-item>
-        <el-form-item label="本月自测有无漏检" prop="selfTestHasMissCheck">
-          <el-select v-model="form.selfTestHasMissCheck" placeholder="请选择本月自测有无漏检" style="width: 100%">
-            <el-option label="是" value="是" />
-            <el-option label="否" value="否" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="漏检物品" prop="missCheckItem">
-          <el-input v-model="form.missCheckItem" placeholder="请输入漏检物品" />
-        </el-form-item>
+    <el-dialog :title="title" v-model="open" width="1000px" append-to-body>
+      <el-form ref="missedInspectionRef" :model="form" :rules="rules" label-width="140px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="大队" prop="brigadeId">
+              <el-select v-model="form.brigadeId" placeholder="请选择大队" style="width: 100%">
+                <el-option v-for="item in brigadeOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="区域" prop="areaName">
+              <el-input v-model="form.areaName" placeholder="请输入区域" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="被回查人" prop="reviewedUserId">
+              <el-select v-model="form.reviewedUserId" placeholder="请选择被回查人" style="width: 100%">
+                <el-option v-for="item in personOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="回查日期" prop="reviewDate">
+              <el-date-picker v-model="form.reviewDate" type="date" placeholder="选择回查日期" value-format="YYYY-MM-DD"
+                style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="漏检时间" prop="missCheckTime">
+              <el-input v-model="form.missCheckTime" placeholder="请输入漏检时间" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="漏检时间段" prop="missCheckTimePeriod">
+              <el-input v-model="form.missCheckTimePeriod" placeholder="请输入漏检时间段" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="上岗位置" prop="channelName">
+              <el-input v-model="form.channelName" placeholder="请输入上岗位置" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="分管主管" prop="supervisorId">
+              <el-select v-model="form.supervisorId" placeholder="请选择分管主管" style="width: 100%">
+                <el-option v-for="item in supervisorOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="代管主管" prop="actingSupervisorId">
+              <el-select v-model="form.actingSupervisorId" placeholder="请选择代管主管" style="width: 100%">
+                <el-option v-for="item in supervisorOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="分管班组长" prop="teamLeaderId">
+              <el-select v-model="form.teamLeaderId" placeholder="请选择分管班组长" style="width: 100%">
+                <el-option v-for="item in teamLeaderOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="物品位置" prop="itemLocation">
+              <el-input v-model="form.itemLocation" placeholder="请输入物品位置" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="简单/难" prop="difficultyLevel">
+              <el-select v-model="form.difficultyLevel" placeholder="请选择简单/难" style="width: 100%">
+                <el-option label="简单" value="简单" />
+                <el-option label="难" value="难" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="回查人" prop="reviewUserId">
+              <el-select v-model="form.reviewUserId" placeholder="请选择回查人" style="width: 100%">
+                <el-option v-for="item in personOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="判别类型" prop="discriminationType">
+              <el-select v-model="form.discriminationType" placeholder="请选择判别类型" style="width: 100%">
+                <el-option v-for="item in discrimination_type" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="是否追回" prop="isRecovered">
+              <el-select v-model="form.isRecovered" placeholder="请选择是否追回" style="width: 100%">
+                <el-option label="是" value="是" />
+                <el-option label="否" value="否" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开机年限" prop="machineOperatingYears">
+              <el-input v-model="form.machineOperatingYears" placeholder="请输入开机年限" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="证书级别" prop="certificateLevel">
+              <el-select v-model="form.certificateLevel" placeholder="请选择证书级别" style="width: 100%">
+                <el-option label="初级" value="初级" />
+                <el-option label="中级" value="中级" />
+                <el-option label="高级" value="高级" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="人员性别" prop="gender">
+              <el-select v-model="form.gender" placeholder="请选择人员性别" style="width: 100%">
+                <el-option label="男" value="男" />
+                <el-option label="女" value="女" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="漏检原因分类" prop="missCheckReasonCategory">
+              <el-input v-model="form.missCheckReasonCategory" placeholder="请输入漏检原因分类" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="月考成绩" prop="monthlyAssessment">
+              <el-input v-model="form.monthlyAssessment" placeholder="请输入月考成绩" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="本月自测有无漏检" prop="selfTestHasMissCheck">
+              <el-select v-model="form.selfTestHasMissCheck" placeholder="请选择本月自测有无漏检" style="width: 100%">
+                <el-option label="有" value="1" />
+                <el-option label="无" value="0" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="漏检物品" prop="missCheckItem">
+              <el-input v-model="form.missCheckItem" placeholder="请输入漏检物品" />
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -505,6 +571,4 @@ onMounted(() => {
 .app-container {
   padding: 20px;
 }
-
-
 </style>