From 57ee80bf3c10c4bfbd33cd466c3a7b9f16f0b35e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BB=99=E6=88=91?= <2731628804@qq.com>
Date: Mon, 9 Mar 2026 17:52:25 +0800
Subject: [PATCH] 123

---
 .../home/components/dialog/grouListJmll.vue   | 97 +++++--------------
 .../home/components/dialog/grouListJmxz.vue   | 62 +++++-------
 .../components/dialog/grouListXllsclc.vue     |  2 -
 3 files changed, 49 insertions(+), 112 deletions(-)

diff --git a/src/views/largeScreen/home/components/dialog/grouListJmll.vue b/src/views/largeScreen/home/components/dialog/grouListJmll.vue
index 380b9bb..a904679 100644
--- a/src/views/largeScreen/home/components/dialog/grouListJmll.vue
+++ b/src/views/largeScreen/home/components/dialog/grouListJmll.vue
@@ -4,31 +4,21 @@
       <div class="header">
         <span class="title">{{ title }}</span>
         <span class="close" @click="closeDialog">
-          <el-icon :size="22"><CircleClose /></el-icon>
+          <el-icon :size="22">
+            <CircleClose />
+          </el-icon>
         </span>
       </div>
       <div class="search">
         <el-form ref="formRef" :model="listQuery">
           <el-form-item label="所属部门">
-            <MOSTY.Department
-              width="200px"
-              clearable
-              v-model="listQuery.ssbmdm"
-            />
+            <MOSTY.Department width="200px" clearable v-model="listQuery.ssbmdm" />
           </el-form-item>
           &nbsp;&nbsp;
-           <el-form-item label=" 时间段">
-            <el-date-picker
-              v-model="timeRange"
-              popper-class="jl-time"
-              type="datetimerange"
-              start-placeholder="开始时间"
-              end-placeholder="结束时间"
-              range-separator="至"
-              format="YYYY-MM-DD HH:mm:ss"
-              value-format="YYYY-MM-DD HH:mm:ss"
-              placeholder="请选择开始时间"
-            ></el-date-picker>
+          <el-form-item label=" 时间段">
+            <el-date-picker v-model="timeRange" popper-class="jl-time" type="datetimerange" start-placeholder="开始时间"
+              end-placeholder="结束时间" range-separator="至" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择开始时间"></el-date-picker>
           </el-form-item>
           <el-form-item>
             <el-button class="serchBtn" @click="handleFilter"> 查询 </el-button>
@@ -37,67 +27,25 @@
         </el-form>
       </div>
       <div class="datalist">
-        <el-table
-          ref="multipleUserRef"
-          :data="list.tableData"
-          border
-          width="100%"
-          height="100%"
-        >
-          <el-table-column
-            label="序号"
-            type="index"
-            align="center"
-            width="80"
-          />
-          <el-table-column
-            prop="jlxm"
-            show-overflow-tooltip
-            align="center"
-            label="姓名"
-          >
+        <el-table ref="multipleUserRef" :data="list.tableData" border width="100%" height="100%">
+          <el-table-column label="序号" type="index" align="center" width="80" />
+          <el-table-column prop="jlxm" show-overflow-tooltip align="center" label="姓名">
           </el-table-column>
-          <el-table-column
-            prop="xbdm"
-            show-overflow-tooltip
-            align="center"
-            label="性别"
-          >
+          <el-table-column prop="xbdm" show-overflow-tooltip align="center" label="性别">
             <template #default="{ row }">
               {{ row.sfzh.charAt(16) % 2 ? "男" : "女" }}
             </template>
           </el-table-column>
-          <el-table-column
-            prop="sfzh"
-            show-overflow-tooltip
-            align="center"
-            label="身份证号码"
-          >
+          <el-table-column prop="sfzh" show-overflow-tooltip align="center" label="身份证号码">
           </el-table-column>
-          <el-table-column
-            prop="ssbm"
-            label="所属部门"
-            show-overflow-tooltip
-            align="center"
-          ></el-table-column>
-          <el-table-column
-            prop="lxdh"
-            label="联系电话"
-            align="center"
-          ></el-table-column>
+          <el-table-column prop="ssbm" label="所属部门" show-overflow-tooltip align="center"></el-table-column>
+          <el-table-column prop="lxdh" label="联系电话" align="center"></el-table-column>
         </el-table>
       </div>
       <div class="fenye">
-        <el-pagination
-          class="pagination"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page="listQuery.pageCurrent"
-          :page-sizes="[10, 20, 50, 100]"
-          :page-size="listQuery.pageSize"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="total"
-        >
+        <el-pagination class="pagination" @size-change="handleSizeChange" @current-change="handleCurrentChange"
+          :current-page="listQuery.pageCurrent" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.pageSize"
+          layout="total, sizes, prev, pager, next, jumper" :total="total">
         </el-pagination>
       </div>
     </div>
@@ -174,7 +122,7 @@ function getList() {
     pageSize: listQuery.value.pageSize,
     xfbmdm: listQuery.value.ssbmdm
   };
-  if(timeRange.value.length > 0){
+  if (timeRange.value.length > 0) {
     pramas.startTime = timeRange.value[0]
     pramas.endTime = timeRange.value[1]
   }
@@ -195,6 +143,7 @@ function getList() {
   right: 0;
   background: rgba(0, 0, 0, 0.7);
   z-index: 99;
+
   .container {
     position: absolute;
     top: 0;
@@ -244,10 +193,12 @@ function getList() {
 
 @import "~@/assets/css/layout.scss";
 @import "~@/assets/css/element-plus.scss";
-::v-deep .el-form-item{
+
+::v-deep .el-form-item {
   align-items: center;
 }
-::v-deep .el-input__inner{
+
+::v-deep .el-input__inner {
   margin: 0 !important;
 }
 </style>
diff --git a/src/views/largeScreen/home/components/dialog/grouListJmxz.vue b/src/views/largeScreen/home/components/dialog/grouListJmxz.vue
index 54852fc..9b671f2 100644
--- a/src/views/largeScreen/home/components/dialog/grouListJmxz.vue
+++ b/src/views/largeScreen/home/components/dialog/grouListJmxz.vue
@@ -1,35 +1,26 @@
 <template>
   <div class="bigBox" v-if="modelValue">
-    <div
-      class="container"
-      :class="title == '街面巡组-实际列表' ? 'container1' : ''"
-    >
+    <div class="container" :class="title == '街面巡组-实际列表' ? 'container1' : ''">
       <div class="header">
         <span class="title">{{ title }}</span>
         <span class="close" @click="closeDialog">
-          <el-icon :size="22"><CircleClose /></el-icon>
+          <el-icon :size="22">
+            <CircleClose />
+          </el-icon>
         </span>
       </div>
       <div class="search">
         <el-form ref="formRef" :model="listQuery">
           <el-form-item label="所属部门">
-            <MOSTY.Department  width="200px" clearable  v-model="listQuery.ssbmdm"/>
-          </el-form-item>  &nbsp;&nbsp;
+            <MOSTY.Department width="200px" clearable v-model="listQuery.ssbmdm" />
+          </el-form-item> &nbsp;&nbsp;
           <el-form-item label=" 负责人">
             <el-input v-model="listQuery.fzrXm" placeholder="请输入负责人" />
-          </el-form-item>  &nbsp;&nbsp;
+          </el-form-item> &nbsp;&nbsp;
           <el-form-item label=" 时间段">
-            <el-date-picker
-              v-model="timeRange"
-              popper-class="jl-time"
-              type="datetimerange"
-              start-placeholder="开始时间"
-              end-placeholder="结束时间"
-              range-separator="至"
-              format="YYYY-MM-DD HH:mm:ss"
-              value-format="YYYY-MM-DD HH:mm:ss"
-              placeholder="请选择开始时间"
-            ></el-date-picker>
+            <el-date-picker v-model="timeRange" popper-class="jl-time" type="datetimerange" start-placeholder="开始时间"
+              end-placeholder="结束时间" range-separator="至" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择开始时间"></el-date-picker>
           </el-form-item>
           <el-form-item>
             <el-button class="serchBtn" @click="handleFilter"> 查询 </el-button>
@@ -39,10 +30,10 @@
       </div>
       <div class="datalist">
         <el-table ref="multipleUserRef" :data="list.tableData" border width="100%" height="100%">
-          <el-table-column label="序号" type="index" align="center"  width="80"/>
-          <el-table-column label="部门名称" show-overflow-tooltip align="center" prop="ssbm"/>
+          <el-table-column label="序号" type="index" align="center" width="80" />
+          <el-table-column label="部门名称" show-overflow-tooltip align="center" prop="ssbm" />
           <el-table-column label="巡组名称" align="center" prop="jzMc">
-             <template #default="{ row }">
+            <template #default="{ row }">
               <div v-if="row.jzMc">{{ row.jzMc }}</div>
               <div v-else>{{ row.fzrXm }}巡组</div>
             </template>
@@ -61,7 +52,7 @@
           </el-table-column>
           <el-table-column label="巡逻车辆" align="center" prop="">
             <template #default="{ row }">
-              <el-tag v-for="(item, index) in checkJson(row.pbcl)" :key="index" >{{ item }}</el-tag>
+              <el-tag v-for="(item, index) in checkJson(row.pbcl)" :key="index">{{ item }}</el-tag>
             </template>
           </el-table-column>
           <el-table-column label="负责人" align="center" prop="fzrXm" />
@@ -76,16 +67,9 @@
         </el-table>
       </div>
       <div class="fenye">
-        <el-pagination
-          class="pagination"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page="listQuery.pageCurrent"
-          :page-sizes="[10, 20, 50, 100]"
-          :page-size="listQuery.pageSize"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="total"
-        >
+        <el-pagination class="pagination" @size-change="handleSizeChange" @current-change="handleCurrentChange"
+          :current-page="listQuery.pageCurrent" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.pageSize"
+          layout="total, sizes, prev, pager, next, jumper" :total="total">
         </el-pagination>
       </div>
     </div>
@@ -100,7 +84,7 @@ import { timeValidate } from "@/utils/time.js";
 import { http } from "@/api/service";
 import { ref, onMounted, getCurrentInstance, reactive, onUnmounted } from "vue";
 const { proxy } = getCurrentInstance();
-const { D_BZ_BBFS} = proxy.$dict("D_BZ_BBFS");
+const { D_BZ_BBFS } = proxy.$dict("D_BZ_BBFS");
 const timeRange = ref([])
 const list = reactive({
   tableData: []
@@ -176,7 +160,7 @@ function getList() {
     fzrXm: listQuery.value.fzrXm,
     ssbmdm: listQuery.value.ssbmdm,
   };
-  if(timeRange.value.length > 0){
+  if (timeRange.value.length > 0) {
     pramas.startTime = timeRange.value[0]
     pramas.endTime = timeRange.value[1]
   }
@@ -249,6 +233,7 @@ function getList() {
       height: 60px;
     }
   }
+
   .container1 {
     width: 82%;
   }
@@ -261,12 +246,15 @@ function getList() {
 .serchBtn {
   margin-left: 20px;
 }
+
 @import "~@/assets/css/layout.scss";
 @import "~@/assets/css/element-plus.scss";
-::v-deep .el-form-item{
+
+::v-deep .el-form-item {
   align-items: center;
 }
-::v-deep .el-input__inner{
+
+::v-deep .el-input__inner {
   margin: 0 !important;
 }
 </style>
diff --git a/src/views/largeScreen/home/components/dialog/grouListXllsclc.vue b/src/views/largeScreen/home/components/dialog/grouListXllsclc.vue
index 52d8fe4..5d41be5 100644
--- a/src/views/largeScreen/home/components/dialog/grouListXllsclc.vue
+++ b/src/views/largeScreen/home/components/dialog/grouListXllsclc.vue
@@ -60,9 +60,7 @@
               <span v-show="row.bblx != '02'">{{ row.kssj + "至" + row.jssj }}</span>
             </template>
           </el-table-column>
-          
           <el-table-column label="实际巡逻时间" align="center" prop="bbkssj" />
-
           <el-table-column label="巡逻车辆" align="center" prop="">
             <template #default="{ row }">
               <el-tag v-for="(item, index) in row.pbcl" :key="index">