From 89704ee205b06e12fd3f313daa23647c5086055a Mon Sep 17 00:00:00 2001
From: lcw <1878680531@qq.com>
Date: Mon, 28 Jul 2025 11:16:35 +0800
Subject: [PATCH] lcw

---
 public/index.html                             |    3 +-
 src/api/mosty-jmxf.js                         |    2 +
 src/components/GdMap/index copy.vue           |  371 ++++++
 src/components/GdMap/index.vue                |   66 +-
 .../qwManagement/qcgl/fkqc/index.vue          |    5 +-
 .../qwgl/components/jmqw copy.vue             | 1038 +++++++++++++++++
 .../qwManagement/qwgl/components/jmqw.vue     |   16 +-
 vue.config.js                                 |    2 +-
 8 files changed, 1446 insertions(+), 57 deletions(-)
 create mode 100644 src/api/mosty-jmxf.js
 create mode 100644 src/components/GdMap/index copy.vue
 create mode 100644 src/views/backOfficeSystem/qwManagement/qwgl/components/jmqw copy.vue

diff --git a/public/index.html b/public/index.html
index 845c13a..fc45a55 100644
--- a/public/index.html
+++ b/public/index.html
@@ -27,8 +27,7 @@
   <script src="./playctrl2/Decoder.js"></script>
   
   <!-- 融合通信 -->
-  <script type="text/javascript" src="https://80.93.3.64:7200/sppuc/static/js/jquery.js"></script>
-  <script type="text/javascript" src="https://80.93.3.64:7200/sppuc/static/js/sppuc.js"></script>
+
 
 </head>
 
diff --git a/src/api/mosty-jmxf.js b/src/api/mosty-jmxf.js
new file mode 100644
index 0000000..f0db69d
--- /dev/null
+++ b/src/api/mosty-jmxf.js
@@ -0,0 +1,2 @@
+import request from "@/utils/request";
+const api = "/mosty-api/mosty-jmxf";
diff --git a/src/components/GdMap/index copy.vue b/src/components/GdMap/index copy.vue
new file mode 100644
index 0000000..65f2874
--- /dev/null
+++ b/src/components/GdMap/index copy.vue	
@@ -0,0 +1,371 @@
+<template>
+  <div :id="mapid" class="map"></div>
+  <div class="changeMap_box" v-if="props.isShow">
+    <el-switch
+      v-model="conditionRoute"
+      @change="handleSwitch"
+      active-text="打开路况"
+      inactive-text="关闭路况"
+      style="--el-switch-color: #13ce66; --el-switch-off-color: #ff4949"
+    />
+    <!-- <el-carousel type="card" height="75px" :autoplay="false" indicator-position="none" :initial-index="3"  @change="onMapImageChange">
+      <el-carousel-item>
+        <div class="mapImageItem">
+          <img :src="require('@/assets/images/slt.jpg')" alt="" />
+          <div>栅格浅色</div>
+        </div>
+      </el-carousel-item>
+      <el-carousel-item>
+        <div class="mapImageItem">
+          <img :src="require('@/assets/images/yxt.jpg')" alt="" />
+          <div>影像图</div>
+        </div>
+      </el-carousel-item>
+      <el-carousel-item>
+        <div class="mapImageItem">
+          <img :src="require('@/assets/images/yst.jpg')" alt="" />
+          <div>栅格深色</div>
+        </div>
+      </el-carousel-item>
+      <el-carousel-item>
+        <div class="mapImageItem">
+          <img :src="require('@/assets/images/shy.png')" alt="" />
+          <div>三合一</div>
+        </div>
+      </el-carousel-item>
+    </el-carousel> -->
+    <!-- 地图缩放 -->
+    <div class="zoomTargetBox">
+      <el-input-number
+        :min="7"
+        :max="18"
+        v-model="zoomTarget"
+        :step="1"
+        step-strictly
+        @change="handleZoom"
+      >
+      </el-input-number>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onUnmounted, defineProps, nextTick } from "vue";
+import { MapUtil } from "./mapUtil";
+import emitter from "@/utils/eventBus.js";
+import { getItem } from "@/utils/storage";
+const conditionRoute = ref(true); //路况
+const mMap = ref(null); //地图对象
+const mapUtil = ref(null); //地图工具对象
+const zoomTarget = ref(6);
+
+const props = defineProps({
+  mapid: {
+    type: String,
+    default: "mapDiv"
+  },
+  //是否显示可以切换地图底图
+  isShow: {
+    type: Boolean,
+    default: false
+  },
+  //是否显示实时路况
+  isShowMvt: {
+    type: Boolean,
+    default: false
+  },
+  //是否显示地图层级
+  isShowZoom: {
+    type: Boolean,
+    default: false
+  },
+  //是否显示绘制控件
+  isShowDraw: {
+    type: Boolean,
+    default: false
+  }
+});
+try {
+  const userInfo = getItem("deptId")[0].deptCode;
+} catch (error) {}
+let map;
+let mapLayer;
+let mapLayer1;
+onMounted(() => {
+  emitter.on("followUp", (res) => {
+    let box = document.getElementsByClassName("changeMap_box");
+    if (!box) return;
+    box[0].style.right = !res ? "4px" : "398px";
+    box[0].style.transition = "0.5s";
+  });
+
+  map = new EliMap({
+    id: props.mapid,
+    crs: "EPSG:4490",
+    style: {
+      glyphs: "./fonts/{fontstack}/{range}.pbf",
+      center: [94.36057012, 29.64276831],
+      zoom: 15
+    },
+    minZoom: 7,
+    maxZoom: 18
+  });
+  window.map = map;
+  map.mapboxGLMap.on("load", () => {
+    map.addWMTSLayer(
+      "http://89.0.23.24/PGIS_S_TileMapServer/Maps/XZDJ_SL/EzMap",
+      {
+        Service: "getImage",
+        Type: "RGB",
+        ZoomOffset: "0",
+        V: "0.3",
+        Zoom: "{z}",
+        Row: "{y}",
+        Col: "{x}"
+      },
+      {
+        tileSize: 300
+      }
+    );
+    zoomTarget.value = map.mapboxGLMap.getZoom();
+  });
+  mapUtil.value = new MapUtil(map);
+
+  mapUtil.value.Drawplot(); //初始化加载绘制工具
+
+  // 设置地图中心点及图层
+  emitter.on("setMapCenter", (res) => {
+    mapUtil.value.setMapCenter(res.location, res.zoomLevel);
+  });
+
+  emitter.on("removePlot", (flag) => {
+    mapUtil.value.removePlot(flag);
+  });
+  emitter.on("removeAll", (flag) => {
+    mapUtil.value.removeAll(flag);
+  });
+  // 撒点
+  emitter.on("addPointArea", (obj) => {
+    mapUtil.value.makerSki(obj);
+  });
+  // 鼠标滑过提示文字的点位
+  emitter.on("showPoint", (obj) => {
+    mapUtil.value.showPoint(obj);
+  });
+
+  // 清除覆盖物
+  emitter.on("deletePointArea", (res) => {
+    mapUtil.value.removeElement(res);
+  });
+  // 清除某个覆盖物的单个
+  emitter.on("deletePointAreaOne", (obj) => {
+    mapUtil.value.removeElementOne(obj.flag, obj.id);
+  });
+
+  // 清除某个覆盖物的单个
+  emitter.on("showSquire", (obj) => {
+    mapUtil.value.zdySquire(obj);
+  });
+
+  // 绘制图形 - 回显区域
+  emitter.on("drawShape", (res) => {
+    mapUtil.value.plot(res, resFun);
+  });
+  emitter.on("removeEara", (flag) => {
+    mapUtil.value.removeEara(flag);
+  });
+  // 回显图形
+  emitter.on("echoPlane", (res) => {
+    mapUtil.value.echoPlane(res);
+  });
+  //移除绘制区域
+  emitter.on("removeEara", (flag) => {
+    mapUtil.value.removeEara(flag);
+  });
+  // 回显线
+  emitter.on("echoLine", (res) => {
+    mapUtil.value.createLine(res, res.flag);
+  });
+  //创建边界面（geojson）
+  emitter.on("setBoundarys", (res) => {
+    mapUtil.value.createBoundarys(res);
+  });
+  // 移除边界
+  emitter.on("removeBj", (res) => {
+    mapUtil.value.removeBj(res);
+  });
+
+  // 轨迹回放
+  emitter.on("drawLineAnimation", (res) => {
+    mapUtil.value.displayLineAnimation(res);
+  });
+
+  // 聚合撒点
+  emitter.on("addPoint", (obj) => {
+    mapUtil.value.aggregateScatteringPoint(obj);
+  });
+
+  // 热力图显示
+  emitter.on("thermodynamicChart", (res) => {
+    mapUtil.value.showHeatDrawing(res);
+  });
+
+  // 扩散圆
+  emitter.on("diffusionCircle", (res) => {
+    mapUtil.value.diffusionCircle(res);
+  });
+
+  // 展示盘曲
+  emitter.on("showGapText", (obj) => {
+    mapUtil.value.gapText(obj);
+  });
+
+  // 获取当前地图中心点
+  emitter.on("getCurrentCenter", (res) => {
+    let centerPoint = map.mapboxGLMap.getCenter();
+    let coords = [centerPoint.lng, centerPoint.lat];
+    emitter.emit("getcentercoord", coords);
+  });
+});
+//切换地图底图
+const onMapImageChange = (val) => {
+  //清除已经存在胡地图图层
+  if (map.mapboxGLMap.getLayer("SGQS_ID"))
+    map.mapboxGLMap.removeLayer("SGQS_ID");
+  if (map.mapboxGLMap.getLayer("YX_ID")) map.mapboxGLMap.removeLayer("YX_ID");
+  if (map.mapboxGLMap.getLayer("SGSG_ID"))
+    map.mapboxGLMap.removeLayer("SGSG_ID");
+  if (map.mapboxGLMap.getLayer("TDT_TITLE_ID"))
+    map.mapboxGLMap.removeLayer("TDT_TITLE_ID");
+  if (map.mapboxGLMap.getLayer("TDT_ROAD_ID"))
+    map.mapboxGLMap.removeLayer("TDT_ROAD_ID");
+  if (map.mapboxGLMap.getLayer("TDT_POI_ID"))
+    map.mapboxGLMap.removeLayer("TDT_POI_ID");
+  //设置图层
+  switch (val) {
+    case 0:
+      mapSetLayer("SGQS_ID", "SGQS");
+      break;
+    case 1:
+      mapSetLayer("YX_ID", "YX");
+      break;
+    case 2:
+      mapSetLayer("SGSG_ID", "SGSG");
+      break;
+    case 3:
+      mapSetLayer("TDT_TITLE_ID", "TDT_TITLE_SOURCES");
+      mapSetLayer("TDT_ROAD_ID", "TDT_ROAD_SOURCES");
+      mapSetLayer("TDT_POI_ID", "TDT_POI_SOURCES");
+      break;
+  }
+  if (map.mapboxGLMap.getLayer("realTimeTrafficlevelOne"))
+    map.mapboxGLMap.moveLayer("realTimeTrafficlevelOne");
+  if (map.mapboxGLMap.getLayer("map_id")) map.mapboxGLMap.moveLayer("map_id");
+  if (map.mapboxGLMap.getLayer("map_ids")) map.mapboxGLMap.moveLayer("map_ids");
+};
+
+//设置图层函数
+const mapSetLayer = (id, source) => {
+  map.mapboxGLMap.addLayer({ id, type: "raster", source });
+};
+
+//获取地图绘制的数据
+const resFun = (coord, type, flag, data) => {
+  emitter.emit("coordString", {
+    coord: coord,
+    type: type,
+    flag: flag,
+    data: data
+  });
+};
+
+// 地图层级
+const handleZoom = (val) => {
+  map.mapboxGLMap.setZoom(val);
+};
+
+// 是否打开或者关闭路况
+const handleSwitch = (val) => {
+  if (val) {
+    // 打开
+  } else {
+    // 关闭
+  }
+};
+
+onUnmounted(() => {
+  emitter.off("removePlot");
+  emitter.off("setMapCenter");
+  emitter.off("addPointArea");
+  emitter.off("showPoint");
+  emitter.off("deletePointArea");
+  emitter.off("deletePointAreaOne");
+  emitter.off("drawShape");
+  emitter.off("echoPlane");
+  emitter.off("removeEara");
+  emitter.off("echoLine");
+  emitter.off("addPoint");
+  emitter.off("thermodynamicChart");
+  emitter.off("drawLineAnimation");
+  emitter.off("aggregateScatteringPoint");
+  emitter.off("hotmap");
+  emitter.off("setBoundarys");
+  emitter.off("diffusionCircle");
+  emitter.off("SsCircle");
+  emitter.off("ClearssCircle");
+});
+</script>
+
+<style lang="scss" scoped>
+.map {
+  width: 100%;
+  height: 100%;
+  background-color: aliceblue;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+  z-index: 1;
+}
+
+.changeMap_box {
+  position: absolute;
+  right: 398px;
+  bottom: 4px;
+  z-index: 9;
+
+  .mapImageItem {
+    border: 1px solid #08aae8;
+    background: rgb(9, 26, 70);
+
+    & > img {
+      width: 100%;
+      height: 50px;
+    }
+
+    & > div {
+      text-align: center;
+      position: relative;
+      top: -3px;
+    }
+  }
+
+  .zoomTargetBox {
+    margin-top: 10px;
+    margin-left: 23px;
+  }
+
+  ::v-deep .el-input-number__decrease,
+  ::v-deep .el-input-number__increase {
+    background: #133362;
+    color: #fff;
+    border: none;
+  }
+
+  ::v-deep .el-input__inner {
+    background: #0c1641;
+  }
+}
+</style>
diff --git a/src/components/GdMap/index.vue b/src/components/GdMap/index.vue
index 65f2874..c86bbfe 100644
--- a/src/components/GdMap/index.vue
+++ b/src/components/GdMap/index.vue
@@ -1,13 +1,7 @@
 <template>
   <div :id="mapid" class="map"></div>
   <div class="changeMap_box" v-if="props.isShow">
-    <el-switch
-      v-model="conditionRoute"
-      @change="handleSwitch"
-      active-text="打开路况"
-      inactive-text="关闭路况"
-      style="--el-switch-color: #13ce66; --el-switch-off-color: #ff4949"
-    />
+    <el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况" style="--el-switch-color:#13ce66;--el-switch-off-color:#ff4949;" />
     <!-- <el-carousel type="card" height="75px" :autoplay="false" indicator-position="none" :initial-index="3"  @change="onMapImageChange">
       <el-carousel-item>
         <div class="mapImageItem">
@@ -36,14 +30,7 @@
     </el-carousel> -->
     <!-- 地图缩放 -->
     <div class="zoomTargetBox">
-      <el-input-number
-        :min="7"
-        :max="18"
-        v-model="zoomTarget"
-        :step="1"
-        step-strictly
-        @change="handleZoom"
-      >
+      <el-input-number :min="7" :max="18" v-model="zoomTarget" :step="1" step-strictly @change="handleZoom">
       </el-input-number>
     </div>
   </div>
@@ -101,32 +88,27 @@ onMounted(() => {
 
   map = new EliMap({
     id: props.mapid,
-    crs: "EPSG:4490",
+    crs: "EPSG:3857",
     style: {
       glyphs: "./fonts/{fontstack}/{range}.pbf",
-      center: [94.36057012, 29.64276831],
-      zoom: 15
+      center: [94.36,29.65],
+      zoom: 10
     },
-    minZoom: 7,
-    maxZoom: 18
+    transformRequest: (url) => {
+      if (url.indexOf("TileMatrix=") != -1) {
+        const arr = url.split("TileMatrix=");
+        const arr1 = arr[1].split("&");
+        const nurl = `${arr[0]}&TileMatrix=${Number(arr1[0])}&${arr1[1]}&${arr1[2]}`;
+
+      }
+    }
   });
+
   window.map = map;
   map.mapboxGLMap.on("load", () => {
-    map.addWMTSLayer(
-      "http://89.0.23.24/PGIS_S_TileMapServer/Maps/XZDJ_SL/EzMap",
-      {
-        Service: "getImage",
-        Type: "RGB",
-        ZoomOffset: "0",
-        V: "0.3",
-        Zoom: "{z}",
-        Row: "{y}",
-        Col: "{x}"
-      },
-      {
-        tileSize: 300
-      }
-    );
+     map.addGaudLayer({
+      url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
+    })
     zoomTarget.value = map.mapboxGLMap.getZoom();
   });
   mapUtil.value = new MapUtil(map);
@@ -184,7 +166,7 @@ onMounted(() => {
   });
   // 回显线
   emitter.on("echoLine", (res) => {
-    mapUtil.value.createLine(res, res.flag);
+    mapUtil.value.createLine(res);
   });
   //创建边界面（geojson）
   emitter.on("setBoundarys", (res) => {
@@ -215,6 +197,11 @@ onMounted(() => {
     mapUtil.value.diffusionCircle(res);
   });
 
+  // 清除全部覆盖物
+  emitter.on("removeElementAll", () => {
+    mapUtil.value.removeElementAll();
+  });
+
   // 展示盘曲
   emitter.on("showGapText", (obj) => {
     mapUtil.value.gapText(obj);
@@ -313,6 +300,7 @@ onUnmounted(() => {
   emitter.off("diffusionCircle");
   emitter.off("SsCircle");
   emitter.off("ClearssCircle");
+  emitter.off("removeElementAll");
 });
 </script>
 
@@ -335,35 +323,29 @@ onUnmounted(() => {
   right: 398px;
   bottom: 4px;
   z-index: 9;
-
   .mapImageItem {
     border: 1px solid #08aae8;
     background: rgb(9, 26, 70);
-
     & > img {
       width: 100%;
       height: 50px;
     }
-
     & > div {
       text-align: center;
       position: relative;
       top: -3px;
     }
   }
-
   .zoomTargetBox {
     margin-top: 10px;
     margin-left: 23px;
   }
-
   ::v-deep .el-input-number__decrease,
   ::v-deep .el-input-number__increase {
     background: #133362;
     color: #fff;
     border: none;
   }
-
   ::v-deep .el-input__inner {
     background: #0c1641;
   }
diff --git a/src/views/backOfficeSystem/qwManagement/qcgl/fkqc/index.vue b/src/views/backOfficeSystem/qwManagement/qcgl/fkqc/index.vue
index 8feab0e..5fc3d29 100644
--- a/src/views/backOfficeSystem/qwManagement/qcgl/fkqc/index.vue
+++ b/src/views/backOfficeSystem/qwManagement/qcgl/fkqc/index.vue
@@ -101,7 +101,7 @@ const pageData = reactive({
   total: 0,
   pageConfiger: {
     pageSize: 10,
-    pageNum: 1
+    pageCurrent: 1
   }, //分页
   controlsWidth: 210, //操作栏宽度
   tableColumn: [
@@ -134,9 +134,6 @@ const onSearch = (val)=>{
  getList()
 }
 
-
-
-
 // 改变分页
 const changeNo = (val) => {
   pageData.pageConfiger.pageCurrent = val;
diff --git a/src/views/backOfficeSystem/qwManagement/qwgl/components/jmqw copy.vue b/src/views/backOfficeSystem/qwManagement/qwgl/components/jmqw copy.vue
new file mode 100644
index 0000000..624f1fa
--- /dev/null
+++ b/src/views/backOfficeSystem/qwManagement/qwgl/components/jmqw copy.vue	
@@ -0,0 +1,1038 @@
+<template>
+  <el-form
+    ref="editRef"
+    class="info"
+    :model="dialogForm"
+    :inline="true"
+    :rules="rules"
+  >
+    <div class="bblxItem">
+      <div class="btItem">巡防部门</div>
+      <div class="info">
+        <el-form-item label="巡防部门" prop="ssbmdm">
+          <MOSTY.Department
+            width="180px"
+            clearable
+            filterable
+            v-model="dialogForm.ssbmdm"
+          />
+        </el-form-item>
+      </div>
+    </div>
+    <div class="bblxItem">
+      <div class="btItem">巡防范围</div>
+      <div class="info">
+        <el-form-item prop="xffwlx" label="">
+          <el-radio-group v-model="dialogForm.xffwlx" @change="changeType">
+            <el-radio
+              v-for="it in props.dic.D_ZDY_XFFWLX"
+              :key="it"
+              :label="it.dm"
+              >{{ it.zdmc }}</el-radio
+            >
+          </el-radio-group>
+        </el-form-item>
+      </div>
+    </div>
+
+    <div class="bblxItem">
+      <div class="btItem">
+        <span v-if="dialogForm.xffwlx == '01'">巡区设置</span>
+        <span v-if="dialogForm.xffwlx == '02'">快反点设置</span>
+        <span v-if="dialogForm.xffwlx == '03'">环林卡口设置</span>
+        <span v-if="dialogForm.xffwlx == '04'">警务站设置</span>
+        <span v-if="dialogForm.xffwlx == '05'">护学岗设置</span>
+        <span v-if="dialogForm.xffwlx == '06'">必巡线</span>
+        <span v-if="dialogForm.xffwlx == '07'">必巡点</span>
+      </div>
+      <div class="info">
+        <el-form-item v-if="dialogForm.xffwlx == '01'">
+          <ChooseTable
+            v-if="!isDetail"
+            :deptment="props.dep"
+            :configer="{ isRadio: true, lx: 'xfq' }"
+            @change="changeXq"
+            :dic="props.dic"
+          />
+        </el-form-item>
+        <el-form-item v-if="dialogForm.xffwlx == '02'">
+          <ChooseTable
+            v-if="!isDetail"
+            :deptment="props.dep"
+            :configer="{ rowKey: 'kfdId', isRadio: true, lx: 'kfd' }"
+            @change="changeXq"
+            :dic="props.dic"
+          />
+        </el-form-item>
+        <el-form-item v-if="dialogForm.xffwlx == '03'">
+          <ChooseTable
+            v-if="!isDetail"
+            :deptment="props.dep"
+            :configer="{ rowKey: 'id', isRadio: true, lx: 'jcz' }"
+            @change="changeXq"
+            :dic="props.dic"
+          />
+        </el-form-item>
+        <el-form-item v-if="dialogForm.xffwlx == '04'">
+          <ChooseTable
+            v-if="!isDetail"
+            :deptment="props.dep"
+            :configer="{ lx: 'jwz', rowKey: 'jwzId', isRadio: true }"
+            @change="changejwz"
+            :dic="props.dic"
+          />
+        </el-form-item>
+        <el-form-item
+          prop="xfqyMc"
+          v-if="['01', '02', '03'].includes(dialogForm.xffwlx)"
+        >
+          <el-input
+            :placeholder="
+              dialogForm.xffwlx == '01'
+                ? '巡区名称'
+                : dialogForm.xffwlx == '02'
+                ? '快反点'
+                : '环林卡口'
+            "
+            readonly
+            v-model="dialogForm.xfqyMc"
+          ></el-input>
+        </el-form-item>
+        <el-form-item prop="xfqyMc" v-if="['04'].includes(dialogForm.xffwlx)">
+          <el-input
+            placeholder="警务站"
+            readonly
+            v-model="dialogForm.jwzMc"
+          ></el-input>
+        </el-form-item>
+        <el-form-item
+          label="必巡点"
+          label-width="96px"
+          v-if="['01', '07'].includes(dialogForm.xffwlx)"
+        >
+          <ChooseTable
+            :deptment="props.dep"
+            v-if="!isDetail"
+            :configer="{ lx: 'bxd', placement: 'bottom' }"
+            v-model="dialogForm.bxdList"
+            :dic="props.dic"
+          />
+          <el-tag
+            type="primary"
+            v-for="itchid in dialogForm.bxdList"
+            :key="itchid"
+            >{{ itchid.xqmc }}</el-tag
+          >
+        </el-form-item>
+
+        <el-form-item
+          label="必巡线"
+          label-width="96px"
+          v-if="['01', '06'].includes(dialogForm.xffwlx)"
+        >
+          <ChooseTable
+            :deptment="props.dep"
+            v-if="!isDetail"
+            :configer="{
+              lx: 'bxx',
+              rowKey: 'id',
+              isRadio: true,
+              placement: 'bottom'
+            }"
+            @change="changeDw"
+            v-model="dialogForm.bxxList"
+            :dic="props.dic"
+          />
+          <el-tag
+            type="primary"
+            v-for="itchid in dialogForm.bxxList"
+            :key="itchid"
+            >{{ itchid.xqmc }}</el-tag
+          >
+          <template v-if="dialogForm.xffwlx == '06'">
+            <div v-for="it in dialogForm.bxdList" :key="it">
+              <span v-if="dialogForm.bxdList.length > 0">关联点位：</span>
+              <span class="dwBox">{{ it.xqmc }}</span>
+            </div>
+          </template>
+        </el-form-item>
+
+        <el-form-item label-width="96px" v-if="dialogForm.xffwlx == '05'">
+          <ChooseTable
+            :deptment="props.dep"
+            v-if="!isDetail"
+            :configer="{ lx: 'hxg' }"
+            v-model="dialogForm.hxgList"
+            :dic="props.dic"
+          />
+          <el-tag
+            type="primary"
+            v-for="itchid in dialogForm.hxgList"
+            :key="itchid"
+            >{{ itchid.xxMc }}</el-tag
+          >
+        </el-form-item>
+      </div>
+    </div>
+
+    <div class="bblxItem">
+      <div class="btItem">警组设置</div>
+      <div class="info">
+        <el-form-item>
+          <ChooseTable
+            v-if="!isDetail"
+            :deptment="props.dep"
+            :configer="{
+              isRadio: true,
+              rowKey: 'id',
+              lx: 'jz',
+              jzlx: props.bblx
+            }"
+            @change="changeJz"
+            :dic="props.dic"
+          />
+        </el-form-item>
+        <el-form-item prop="jzMc" label=" ">
+          <el-input
+            placeholder="警组名称"
+            readonly
+            v-model="dialogForm.jzMc"
+          ></el-input>
+        </el-form-item>
+      </div>
+    </div>
+
+    <div class="bblxItem">
+      <div class="btItem">班次设置</div>
+      <div class="info">
+        <el-form-item>
+          <ChooseTable
+            v-if="!isDetail"
+            :deptment="props.dep"
+            :configer="{ isRadio: true, lx: 'zbbc', bclx: props.bblx }"
+            @change="changeBc"
+            :dic="props.dic"
+          />
+        </el-form-item>
+        <el-form-item prop="bcMc" label=" ">
+          <el-input placeholder="班次名称" readonly v-model="dialogForm.bcMc" />
+        </el-form-item>
+        <el-form-item>
+          <span class="f16">(</span>
+        </el-form-item>
+        <el-form-item prop="bcKssj">
+          <el-time-picker
+            v-model="dialogForm.bcKssj"
+            format="HH:mm:ss"
+            value-format="HH:mm:ss"
+          />
+        </el-form-item>
+        <el-form-item style="width: 20px">
+          <span class="f16">至</span>
+        </el-form-item>
+        <el-form-item prop="bcKtsDict" style="width: 90px">
+          <MOSTY.Select
+            :dictEnum="props.dic.D_QW_BC_KTS"
+            placeholder="跨天数"
+            v-model="dialogForm.bcKtsDict"
+            style="width: 100%"
+          />
+        </el-form-item>
+        <el-form-item prop="bcJssj">
+          <el-time-picker
+            v-model="dialogForm.bcJssj"
+            format="HH:mm:ss"
+            value-format="HH:mm:ss"
+          />
+        </el-form-item>
+        <el-form-item>
+          <span class="f16">)</span>
+        </el-form-item>
+        <el-form-item
+          v-if="
+            dialogForm.bcKtsDict != '01' &&
+            dialogForm.bcKtsDict != '02' &&
+            dialogForm.bcKtsDict != '03'
+          "
+        >
+          <ChooseTable
+            :deptment="props.dep"
+            v-if="!isDetail"
+            :configer="{ isRadio: true, lx: 'mj', placement: 'left' }"
+            @change="changeShr"
+            :dic="props.dic"
+          />
+        </el-form-item>
+        <el-form-item
+          prop="shrXm"
+          v-if="
+            dialogForm.bcKtsDict != '01' &&
+            dialogForm.bcKtsDict != '02' &&
+            dialogForm.bcKtsDict != '03'
+          "
+        >
+          <el-input
+            placeholder="审核人"
+            readonly
+            v-model="dialogForm.shrXm"
+          ></el-input>
+        </el-form-item>
+      </div>
+    </div>
+
+    <div class="bblxItem">
+      <div class="btItem">负责人</div>
+      <div class="info">
+        <el-form-item>
+          <ChooseTable
+            :deptment="props.dep"
+            @change="handleFzr"
+            v-if="!isDetail"
+            :configer="{ lx: 'mj', rowKey: 'id', isRadio: true }"
+            :dic="props.dic"
+          />
+        </el-form-item>
+        <el-form-item prop="fzrXm">
+          <el-input
+            readonly
+            v-model="dialogForm.fzrXm"
+            placeholder="负责人"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item prop="fzrSfzh">
+          <el-input
+            readonly
+            v-model="dialogForm.fzrSfzh"
+            placeholder="身份证"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item prop="fzrLxdh">
+          <el-input
+            readonly
+            v-model="dialogForm.fzrLxdh"
+            placeholder="负责人电话"
+            clearable
+          />
+        </el-form-item>
+      </div>
+    </div>
+    <div class="bblxItem">
+      <div class="btItem">智能装备</div>
+      <div class="info">
+        <el-form-item label="执法记录仪" label-width="96px" prop="tcList">
+          <ChooseTable
+            :deptment="props.dep"
+            v-if="!isDetail"
+            :configer="{ lx: 'zfjly' }"
+            v-model="dialogForm.tcList"
+            :dic="props.dic"
+          />
+          <div style="min-width: 100px;">  <el-tag
+            type="primary"
+            v-for="itchid in dialogForm.tcList"
+            :key="itchid"
+            >{{ itchid.sbmc }}</el-tag
+          ></div>
+
+        </el-form-item>
+      </div>
+    </div>
+    <div class="bblxItem">
+      <div class="btItem">终端报备</div>
+      <div class="info">
+        <ChooseTable
+          :deptment="props.dep"
+          v-if="!isDetail"
+          :configer="{ lx: 'zdsb' }"
+          v-model="dialogForm.zdList"
+          :dic="props.dic"
+        />
+        <el-tag type="primary" v-for="it in dialogForm.zdList" :key="it.id">{{
+          it.sbmc
+        }}</el-tag>
+      </div>
+    </div>
+    <div class="bblxItem">
+      <div class="btItem">警用器械</div>
+      <div class="info">
+        <el-form-item
+          :label="item.zdmc"
+          :label-width="120"
+          v-for="(item, index) in dialogForm.qxList"
+          :key="index"
+        >
+          <el-input-number
+            v-model="item.qxsl"
+            :min="0"
+            :max="1000"
+          ></el-input-number>
+        </el-form-item>
+      </div>
+    </div>
+    <div class="bblxItem">
+      <div class="btItem">巡逻方式</div>
+      <div class="info">
+        <CheckBox :data="baseInfo.xlfs" @changeData="changeDataxl" />
+        <div
+          class="gapline"
+          v-if="baseInfo.xlfs.hasChoose.includes('车巡')"
+        ></div>
+        <!-- 车辆 -->
+        <div v-if="baseInfo.xlfs.hasChoose.includes('车巡')">
+          <ChooseTable
+            style="background-color: red"
+            class="dinw"
+            :deptment="props.dep"
+            v-if="!isDetail"
+            v-model="dialogForm.clList"
+            :configer="{ lx: 'cl', selectName: '选择车辆' }"
+            @change="changeCl"
+            :dic="props.dic"
+          />
+        </div>
+        <div
+          v-if="baseInfo.xlfs.hasChoose.includes('车巡') && dialogForm.clList"
+        >
+          <dl class="dl-car" v-for="item in dialogForm.clList" :key="item.cid">
+            <dt class="flex just-between align-center">
+              <div>{{ item.cph }}</div>
+              <div @click="closeCl(item)">
+                <el-icon><Close /></el-icon>
+              </div>
+            </dt>
+            <dd class="flex dir-column pr20 pt10">
+              <el-form-item
+                v-for="it in item.tcryListStr"
+                :label="it.label"
+                :key="it.vlaue"
+              >
+                <div class="flex">
+                  <div class="num">{{ it.list ? it.list.length : 0 }}</div>
+                  <ChooseTable
+                    :deptment="props.dep"
+                    v-if="!isDetail"
+                    :configer="{
+                      lx: it.label == '同行辅警' ? 'fj' : 'mj',
+                      placement: 'top-start'
+                    }"
+                    v-model="it.list"
+                    :key="it"
+                    :dic="props.dic"
+                  />
+                  <div class="peolist">
+                    <el-tag
+                      type="primary"
+                      v-for="itchid in it.list"
+                      :key="itchid"
+                      >{{ itchid.xm }}</el-tag
+                    >
+                  </div>
+                </div>
+              </el-form-item>
+            </dd>
+          </dl>
+        </div>
+        <div
+          class="gapline"
+          v-if="baseInfo.xlfs.hasChoose.includes('步巡')"
+        ></div>
+        <!-- 人员 -->
+        <dl class="dl-car" v-if="baseInfo.xlfs.hasChoose.includes('步巡')">
+          <dt class="peo">
+            <span>步巡人员</span>
+          </dt>
+          <dd class="info flex dir-column pt10">
+            <el-form-item prop="zbmjStr" label="当班民警">
+              <div class="flex">
+                <div class="num">
+                  {{ dialogForm.zbmjStr ? dialogForm.zbmjStr.length : 0 }}
+                </div>
+                <ChooseTable
+                  :deptment="props.dep"
+                  v-if="!isDetail"
+                  :configer="{ lx: 'mj', placement: 'top-start' }"
+                  v-model="dialogForm.zbmjStr"
+                  :dic="props.dic"
+                />
+                <div class="peolist">
+                  <el-tag
+                    type="primary"
+                    v-for="item in dialogForm.zbmjStr"
+                    :key="item"
+                    >{{ item.xm }}</el-tag
+                  >
+                </div>
+              </div>
+            </el-form-item>
+            <el-form-item prop="zbfjStr" label="当班辅警">
+              <div class="flex">
+                <div class="num">
+                  {{ dialogForm.zbfjStr ? dialogForm.zbfjStr.length : 0 }}
+                </div>
+                <ChooseTable
+                  :deptment="props.dep"
+                  v-if="!isDetail"
+                  :configer="{ lx: 'fj', placement: 'top-start' }"
+                  v-model="dialogForm.zbfjStr"
+                  :dic="props.dic"
+                />
+                <div class="peolist">
+                  <el-tag
+                    type="primary"
+                    v-for="item in dialogForm.zbfjStr"
+                    :key="item"
+                    >{{ item.xm }}</el-tag
+                  >
+                </div>
+              </div>
+            </el-form-item>
+          </dd>
+        </dl>
+      </div>
+    </div>
+
+    <div class="bblxItem">
+      <div class="btItem">武装着装</div>
+      <div class="info">
+        <el-form-item label="武装类型">
+          <MOSTY.Radio
+            :options="props.dic.D_BZ_WZLX"
+            placeholder="类型"
+            v-model="dialogForm.xfwzlx"
+          />
+        </el-form-item>
+        <el-form-item prop="xfzzlx" label="着装类型">
+          <MOSTY.Radio
+            :options="props.dic.D_BZ_ZZLX"
+            placeholder="类型"
+            v-model="dialogForm.xfzzlx"
+          />
+        </el-form-item>
+      </div>
+    </div>
+    <div class="bblxItem">
+      <div class="btItem">备注</div>
+      <div class="info">
+        <el-form-item style="width: 100%">
+          <el-input
+            v-model="dialogForm.bz"
+            placeholder="请输入关键字"
+            show-word-limit
+            type="textarea"
+          />
+        </el-form-item>
+      </div>
+    </div>
+    <div class="bblxItem" v-if="!isDetail">
+      <div class="btItem"></div>
+      <div class="info subBtn">
+        <el-button @click="saveForm" v-loading="loading">报备</el-button>
+        <el-button
+          @click="dialogForm.value.xffwlx = '1'"
+          v-if="props.text == '日历'"
+          >重置</el-button
+        >
+      </div>
+    </div>
+  </el-form>
+</template>
+
+<script setup>
+import { servicePost, serviceGet } from "@/api/serviceApi.js";
+import { ElMessage } from "element-plus";
+import * as MOSTY from "@/components/MyComponents/index";
+import ChooseTable from "@/components/chooseList/chooseTable.vue";
+import emitter from "@/utils/eventBus.js";
+import CheckBox from "@/components/checkBox/index";
+import {
+  reactive,
+  ref,
+  getCurrentInstance,
+  defineProps,
+  watch,
+  defineEmits,
+  computed
+} from "vue";
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  bblx: {
+    type: String,
+    default: "01"
+  },
+  text: String,
+  data: Object,
+  dic: Object,
+  isDetail: {
+    type: Boolean,
+    default: false
+  },
+  dep: Object
+});
+const emits = defineEmits(["updateList", "update:modelValue"]);
+const editRef = ref();
+const multipleTable = ref([]);
+const baseInfo = reactive({
+  xlfs: {
+    list: ["车巡", "步巡"],
+    hasChoose: []
+  }
+});
+const loading = ref(false);
+const activeName = ref("");
+const dialogForm = ref({
+  xffwlx: "01"
+});
+watch(
+  () => props.dic.D_JCGL_JYQX_QXLX,
+  (val) => {
+    dialogForm.value.qxList = val || [];
+    dialogForm.value.qxList.forEach((v) => {
+      v.qxsl = 0;
+    });
+  },
+  { immediate: true }
+);
+
+const rules = reactive({
+  bcKssj: [{ required: true, message: "请选择开始时间", trigger: ["change"] }],
+  bcJssj: [{ required: true, message: "请选择结束时间", trigger: ["change"] }],
+  lx: [{ required: true, message: "请选择类型", trigger: ["change"] }],
+  xlfs: [{ required: true, message: "请填写巡逻方式", trigger: ["change"] }],
+  ssbmdm: [{ required: true, message: "请选择部门", trigger: ["change"] }],
+  bcMc: [{ required: true, message: "请选班次", trigger: ["change"] }],
+  jzMc: [{ required: true, message: "请选择警组", trigger: ["change"] }],
+  shrXm: [
+    { required: true, message: "请选择审核人", trigger: ["change", "blur"] }
+  ],
+  tcList: [
+    { required: true, message: "请选择执法记录仪", trigger: ["change", "blur"] }
+  ],
+  xlfs: [{ required: true, message: "请选择警组", trigger: ["change"] }]
+});
+// 选择班次
+const changeBc = (val) => {
+  dialogForm.value.bcMc = val ? val[0].bcMc : "";
+  dialogForm.value.bcId = val ? val[0].id : "";
+  dialogForm.value.bcKssj = val ? val[0].bcKssj : "";
+  dialogForm.value.bcJssj = val ? val[0].bcJssj : "";
+  dialogForm.value.bcKtsDict = val ? val[0].bcKtsDict : "";
+};
+// 选择巡区 - 检查站 - 快反点
+const changeXq = (val) => {
+  console.log(val);
+  dialogForm.value.xfqyMc = val
+    ? val[0].xqmc || val[0].kfdMc || val[0].jczmc
+    : "";
+  dialogForm.value.xfqyId = val ? val[0].id || val[0].kfdId : "";
+};
+
+// 警务站
+const changejwz = (val) => {
+  console.log(val);
+  dialogForm.value.jwzMc = val[0].jwzMc;
+  dialogForm.value.jwzLx = val[0].jwzLx;
+  dialogForm.value.jwzId = val[0].jwzId;
+  dialogForm.value.jwzDz = val[0].jwzDz;
+  dialogForm.value.xfqyId = val[0].jwzId;
+  dialogForm.value.xfqyMc = val[0].jwzMc;
+};
+
+// 删除车辆
+const closeCl = (item) => {
+  dialogForm.value.clList = dialogForm.value.clList.filter((el) => {
+    return el.cid != item.cid;
+  });
+};
+
+// 处理负责人
+const handleFzr = (val) => {
+  dialogForm.value.fzrXm = val.length > 0 ? val[0].xm : "";
+  dialogForm.value.fzrSfzh = val.length > 0 ? val[0].sfzh : "";
+  dialogForm.value.fzrLxdh = val.length > 0 ? val[0].lxdh : "";
+};
+
+// 选择警组
+const changeJz = (val) => {
+  console.log(val);
+  val.forEach((item) => {
+    dialogForm.value.jzMc = item.jzMc;
+    dialogForm.value.jzId = item.id;
+    dialogForm.value.fzrXm = item.ddMjxm;
+    dialogForm.value.fzrSfzh = item.ddMjsfzh;
+    dialogForm.value.fzrLxdh = item.ddDh;
+    dialogForm.value.xfzzlx = item.xfzzlx;
+    dialogForm.value.xfwzlx = item.xfwzlx;
+
+    dialogForm.value.bcMc = item.bcMc;
+    dialogForm.value.bcKtsDict = item.bcKtsDict;
+    dialogForm.value.bcId = item.glQwbcId;
+    dialogForm.value.bcKssj = item.bcKssj;
+    dialogForm.value.bcJssj = item.bcJssj;
+
+    dialogForm.value.clList = item.zbclStr ? JSON.parse(item.zbclStr) : [];
+    dialogForm.value.zdList = item.zbzdsbStr ? JSON.parse(item.zbzdsbStr) : [];
+
+    let sblist = item.tcsbStr ? JSON.parse(item.tcsbStr) : [];
+
+    dialogForm.value.tcList = sblist.filter((v) => {
+      return v.sblx == "06";
+    });
+    const zbzbStr = item.zbzbStr ? JSON.parse(item.zbzbStr) : [];
+    dialogForm.value.qxList = zbzbStr.length>0? zbzbStr: props.dic.D_JCGL_JYQX_QXLX.map((item) =>{return {
+      ...item,qxsl:0
+    }} );
+    dialogForm.value.zbmjStr = item.zbmjStr ? JSON.parse(item.zbmjStr) : [];
+    dialogForm.value.zbfjStr = item.zbfjStr ? JSON.parse(item.zbfjStr) : [];
+    dialogForm.value.clList.forEach((item) => {
+      item.tcryListStr = item.tcryList;
+    });
+
+    let xlfs = item.xfxlfs ? item.xfxlfs.split(",") : [];
+    baseInfo.xlfs.hasChoose = xlfs.map((it) => {
+      return props.dic.D_BZ_XLFS.find((v) => v.value == it).label;
+    });
+  });
+};
+
+// 切换按钮
+const changeDataxl = (val) => {
+  baseInfo.xlfs.hasChoose = val;
+};
+
+//车辆选择
+const changeCl = (val) => {
+  val.forEach((item) => {
+    item.tcryListStr = props.dic.D_BZ_RYXFBBZW;
+  });
+  dialogForm.value.clList = dialogForm.value.clList.concat(val);
+  dialogForm.value.clList = Array.from(
+    new Set(dialogForm.value.clList.map(JSON.stringify))
+  ).map(JSON.parse);
+};
+// watch(()=>dialogForm.value.clList,(val,oldel)=>{
+// console.log(val,oldel);
+// let arrList=[]
+// for (let i = 0; i < val.length; i++) {
+//  console.log(val[i].tcryListStr)
+// }
+// },{deep:true})
+// 关联点位
+const changeDw = (val) => {
+  let newList = JSON.parse(JSON.stringify(val));
+  let arr = [];
+  newList.forEach((v) => {
+    v.glbxd = v.glbxd ? JSON.parse(v.glbxd) : [];
+    arr = arr.concat(v.glbxd);
+  });
+  dialogForm.value.bxdList = arr;
+};
+
+// 处理数据
+const handleRylist = (arr, text) => {
+  let list = arr?.map((it) => {
+    return {
+      ryId: it.ryid,
+      xfllId: it.id,
+      ryJzlx: it.lx,
+      ryMfjlb: it.fl,
+      rySfzh: it.sfzh,
+      ryXm: it.xm,
+      ryXfbbzw: handleDic(text)
+    };
+  });
+  return list;
+};
+
+// 处理字典
+const handleDic = (val) => {
+  let obj = props.dic.D_BZ_RYXFBBZW.find((v) => {
+    return v.label == val;
+  });
+  return obj ? obj.dm : "";
+};
+
+// 提交
+const saveForm = () => {
+  editRef.value.validate((valid) => {
+    if (!valid) return;
+    let params = { ...dialogForm.value };
+    params.bbSjBbrq = props.data.year;
+    let arr = [];
+    baseInfo.xlfs.hasChoose.forEach((it) => {
+      let obj = props.dic.D_BZ_XLFS.find((v) => v.label == it);
+      if (obj) arr.push(obj.value);
+    });
+    params.xfxlfs = arr.join(",");
+    let zbmj = handleRylist(dialogForm.value.zbmjStr, "当班民警");
+    let zbfj = handleRylist(dialogForm.value.zbfjStr, "同行辅警");
+    params.ryList = [];
+    params.ryList = params.ryList.concat(zbmj, zbfj);
+    // console.log(dialogForm.value.ryList, dialogForm.value.clList);
+
+    // if (!dialogForm.value.ryList && dialogForm.value.clList.length == 0) {
+    //   proxy.$message.warning("请选择巡逻方式和人员");
+    //   return;
+    // }
+    params.clList = params.clList.map((item) => {
+      item.tcryList = [];
+      item.tcryListStr = item.tcryListStr?.map((it) => {
+        it.list = it.list?.map((iv) => {
+          let obj = {
+            ryCzclId: item.cid || item.clId,
+            ryId: iv.ryid,
+            ryJzlx: iv.lx,
+            xfllId: iv.id,
+            ryMfjlb: iv.fl,
+            rySfzh: iv.sfzh,
+            ryXm: iv.xm,
+            ryXfbbzw: it.dm
+          };
+          item.tcryList.push(obj);
+          return {
+            xm: iv.xm,
+            sfzh: iv.sfzh,
+            fl: iv.fl,
+            id: iv.id,
+            ryid: iv.ryid
+          };
+        });
+        return {
+          label: it.label,
+          vlaue: it.dm,
+          list: it.list,
+          ryXfbbzw: it.dm,
+          dm: it.dm,
+          cid: it.cid
+        };
+      });
+      let val = {
+        clId: item.cid || item.clId,
+        clmc: item.clmc,
+        cph: item.cph,
+        cplx: item.cplx,
+        tcryList: item.tcryList,
+        tcryListStr: JSON.stringify(item.tcryListStr)
+      };
+      if (props.text == "列表") val.id = item.id;
+      return val;
+    });
+
+    if (params.bxdList) {
+      params.bxdList = params.bxdList.map((v) => {
+        return {
+          bxdLx: v.xqlx,
+          bxdMc: v.xqmc,
+          bxdid: v.id,
+          dkdz: "",
+          jd: v.zxdJd,
+          wd: v.zxdWd
+        };
+      });
+    }
+    if (params.bxxList) {
+      params.bxxList = params.bxxList.map((v) => {
+        return { bxxLx: v.xqlx, bxxMc: v.xqmc, bxxid: v.id };
+      });
+    }
+
+    loading.value = true;
+    let url =
+      props.text == "日历"
+        ? "/mosty-qwzx/tbQwglXfbb/save"
+        : "/mosty-qwzx/tbQwglXfbb/update";
+    let message = props.text == "日历" ? "新增成功" : "修改成功";
+    servicePost(params, url)
+      .then((res) => {
+        loading.value = false;
+        proxy.$message.success(message);
+        emits("updateList");
+      })
+      .catch(() => {
+        loading.value = false;
+      });
+  });
+};
+
+// 切换类型清空数据
+const changeType = () => {
+  dialogForm.value.xfqyMc = "";
+  dialogForm.value.xfqyId = "";
+  dialogForm.value.jwzMc = "";
+  dialogForm.value.jwzLx = "";
+  dialogForm.value.jwzId = "";
+  dialogForm.value.jwzDz = "";
+  dialogForm.value.bxdList = [];
+  dialogForm.value.bxxList = [];
+  dialogForm.value.hxgList = [];
+};
+
+// 回显数据
+const showData = (val) => {
+  dialogForm.value = JSON.parse(JSON.stringify(val));
+  // 巡逻方式
+  let xlfs = val.xfxlfs ? val.xfxlfs.split(",") : [];
+  let arr = xlfs.map((it) => {
+    return props.dic.D_BZ_XLFS.find((v) => v.value == it).label;
+  });
+  baseInfo.xlfs.hasChoose = arr;
+  dialogForm.value.zbmjStr = []; //值班民警 01
+  dialogForm.value.zbfjStr = []; //值班辅警 02
+  if (dialogForm.value.ryList && dialogForm.value.ryList.length > 0) {
+    dialogForm.value.ryList.forEach((item) => {
+      let obj = {
+        id: item.xfllId,
+        ryid: item.ryId,
+        lx: item.ryJzlx,
+        fl: item.ryMfjlb,
+        sfzh: item.rySfzh,
+        xm: item.ryXm
+      };
+      if (item.ryMfjlb == "01") dialogForm.value.zbmjStr.push(obj); //值班民警
+      if (item.ryMfjlb == "02") dialogForm.value.zbfjStr.push(obj); //值班辅警
+    });
+  }
+  // c车辆
+  if (dialogForm.value.clList && dialogForm.value.clList.length > 0) {
+    dialogForm.value.clList.forEach((item) => {
+      item.tcryListStr = JSON.parse(item.tcryListStr);
+    });
+  }
+  // 必巡线
+  if (dialogForm.value.bxxList) {
+    dialogForm.value.bxxList = dialogForm.value.bxxList.map((v) => {
+      return { xqlx: v.bxxLx, xqmc: v.bxxMc, id: v.bxxid };
+    });
+  }
+  // 必巡点
+  if (dialogForm.value.bxdList) {
+    dialogForm.value.bxdList = dialogForm.value.bxdList.map((v) => {
+      return {
+        xqlx: v.bxdLx,
+        xqmc: v.bxdMc,
+        id: v.bxdid,
+        zxdJd: v.jd,
+        zxdWd: v.wd
+      };
+    });
+  }
+};
+watch(
+  () => props.data,
+  (val) => {
+    if (val && val.info) showData(val.info);
+  },
+  { immediate: true }
+);
+</script>
+
+<style lang="scss" scoped>
+.bblxItem {
+  width: 100%;
+  line-height: 40px;
+  min-height: 40px;
+  display: flex;
+  .btItem {
+    width: 180px;
+    padding: 7px 0;
+    background: #e9e9e9;
+    color: #000;
+    margin-top: 1px;
+    text-align: center;
+  }
+  .info {
+    flex: 1;
+    background: #f2f2f2;
+    margin-top: 1px;
+    padding: 10px;
+    box-sizing: border-box;
+    .gapline {
+      height: 1px;
+      border-top: 1px dashed #e2e2e2;
+      margin: 4px 0;
+    }
+    .dl-car {
+      min-width: 200px;
+      display: inline-block;
+      border: solid 1px #66cbff;
+      margin: 20px 30px 0 0;
+      padding: 0;
+      border-radius: 5px;
+      position: relative;
+      dt {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        color: #0380c0;
+        padding: 0 10px 0 40px;
+        box-sizing: border-box;
+        font-weight: 600;
+        box-sizing: border-box;
+        border-bottom: solid 1px #66cbff;
+        background: #e3f5ff;
+        height: 30px;
+        border-radius: 5px 5px 0 0;
+      }
+      .peo {
+        border-bottom: solid 1px #01d608;
+        background: #dbf3cf;
+        color: #339d00;
+      }
+    }
+    .dl-car::before {
+      position: absolute;
+      content: "";
+      top: -18px;
+      left: -18px;
+      width: 52px;
+      height: 49px;
+      background: url("~@/assets/images/peo.png");
+    }
+  }
+
+  .num {
+    width: 50px;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+    border: 1px solid #d2d2d2;
+    background-color: #e7e7e7;
+    border-radius: 4px;
+    margin-right: 10px;
+  }
+  .subBtn {
+    padding-left: 100px;
+    box-sizing: border-box;
+  }
+}
+
+::v-deep .el-form-item--default {
+  margin-bottom: 0;
+}
+::v-deep .el-form-item {
+  margin-bottom: 10px;
+}
+::v-deep .el-form--inline .el-form-item {
+  margin-right: 20px;
+  margin-top: 10px;
+}
+::v-deep .el-input__inner {
+  border: 1px solid #d2d2d2;
+  background-color: #f9f9f9;
+}
+.deBtn {
+  padding: 0px 10px;
+  background: rgb(35, 176, 241);
+  border-radius: 18px;
+  color: #fff;
+  cursor: pointer;
+}
+.dwBox {
+  padding: 1px 4px;
+  box-sizing: border-box;
+  border-radius: 2px;
+  border: 1px solid #0072ff;
+  margin: 0 4px;
+}
+</style>
diff --git a/src/views/backOfficeSystem/qwManagement/qwgl/components/jmqw.vue b/src/views/backOfficeSystem/qwManagement/qwgl/components/jmqw.vue
index c24fe03..2de3049 100644
--- a/src/views/backOfficeSystem/qwManagement/qwgl/components/jmqw.vue
+++ b/src/views/backOfficeSystem/qwManagement/qwgl/components/jmqw.vue
@@ -37,16 +37,16 @@
 
     <div class="bblxItem">
       <div class="btItem">
-        <span v-if="dialogForm.xffwlx == '01'">巡区设置</span>
-        <span v-if="dialogForm.xffwlx == '02'">快反点设置</span>
+        <span v-if="dialogForm.xffwlx == '01'">环林卡口</span>
+        <!-- <span v-if="dialogForm.xffwlx == '02'">快反点设置</span>
         <span v-if="dialogForm.xffwlx == '03'">环林卡口设置</span>
         <span v-if="dialogForm.xffwlx == '04'">警务站设置</span>
         <span v-if="dialogForm.xffwlx == '05'">护学岗设置</span>
         <span v-if="dialogForm.xffwlx == '06'">必巡线</span>
-        <span v-if="dialogForm.xffwlx == '07'">必巡点</span>
+        <span v-if="dialogForm.xffwlx == '07'">必巡点</span> -->
       </div>
       <div class="info">
-        <el-form-item v-if="dialogForm.xffwlx == '01'">
+        <!-- <el-form-item v-if="dialogForm.xffwlx == '01'">
           <ChooseTable
             v-if="!isDetail"
             :deptment="props.dep"
@@ -63,8 +63,8 @@
             @change="changeXq"
             :dic="props.dic"
           />
-        </el-form-item>
-        <el-form-item v-if="dialogForm.xffwlx == '03'">
+        </el-form-item> -->
+        <el-form-item v-if="dialogForm.xffwlx == '01'">
           <ChooseTable
             v-if="!isDetail"
             :deptment="props.dep"
@@ -335,7 +335,7 @@
             :key="itchid"
             >{{ itchid.sbmc }}</el-tag
           ></div>
-         
+
         </el-form-item>
       </div>
     </div>
@@ -675,7 +675,7 @@ const changeJz = (val) => {
     dialogForm.value.zdList = item.zbzdsbStr ? JSON.parse(item.zbzdsbStr) : [];
 
     let sblist = item.tcsbStr ? JSON.parse(item.tcsbStr) : [];
-    
+
     dialogForm.value.tcList = sblist.filter((v) => {
       return v.sblx == "06";
     });
diff --git a/vue.config.js b/vue.config.js
index 75232ef..d6f160c 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -4,7 +4,7 @@ function resolve(dir) {
   return path.join(__dirname, dir);
 }
 // const serverHost = "http://192.192.192.109:8006";
-const serverHost = "http://192.168.43.92:8006";
+const serverHost = "http://192.168.1.32:8066";
 // const serverHost ="http://80.60.36.64:8006"
 module.exports = {
   publicPath: "/",