From 3a70880fc50b6452bdd3f44bb05de92283b5a646 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AA=86=E4=B9=90?= <342503599@qq.com>
Date: Thu, 1 Dec 2022 10:20:19 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E7=89=88=EF=BC=88=E5=B7=A1?=
 =?UTF-8?q?=E6=A3=80=E7=82=B9=E9=A1=B5=E9=9D=A2=E9=9C=80=E6=B1=82=E5=8F=98?=
 =?UTF-8?q?=E6=9B=B4=E3=80=81=E5=88=86=E9=A1=B5=E4=BF=AE=E6=94=B9=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/jxjadmin/registerAudit.vue          |   2 +-
 .../projectFront/inspecPoint/inspection.vue   | 520 ++++++++++++++++--
 .../safeManage/safeRocordList.vue             |   2 +-
 .../safeManage/v2/projectSelfInspection.vue   |   2 +-
 4 files changed, 480 insertions(+), 46 deletions(-)

diff --git a/src/views/jxjadmin/registerAudit.vue b/src/views/jxjadmin/registerAudit.vue
index 42392a86..835b6987 100644
--- a/src/views/jxjadmin/registerAudit.vue
+++ b/src/views/jxjadmin/registerAudit.vue
@@ -52,7 +52,7 @@
         :page-sizes="$store.state.PAGESIZRS"
         :page-size="pageSize"
         layout="total, sizes, prev, pager, next"
-        :total="total"
+        :total="Number(total)"
         background
       ></el-pagination>
     </div>
diff --git a/src/views/projectFront/inspecPoint/inspection.vue b/src/views/projectFront/inspecPoint/inspection.vue
index a0835738..d8637c7d 100644
--- a/src/views/projectFront/inspecPoint/inspection.vue
+++ b/src/views/projectFront/inspecPoint/inspection.vue
@@ -1,7 +1,12 @@
 <template>
   <div class="fullHeight">
     <div class="searchBox whiteBlock">
-      <el-form :inline="true" size="medium" :model="searchForm" ref="searchForm">
+      <el-form
+        :inline="true"
+        size="medium"
+        :model="searchForm"
+        ref="searchForm"
+      >
         <el-form-item>
           <el-button type="primary" plain @click="toAdd">新增</el-button>
         </el-form-item>
@@ -9,15 +14,47 @@
     </div>
     <div class="table_wrap whiteBlock">
       <el-table class="tables" :data="tableData">
-        <el-table-column prop="checkingPointName" label="名称" align="center"></el-table-column>
-        <el-table-column prop="position" label="位置" align="center"></el-table-column>
-        <el-table-column prop="createUserName" label="创建人" align="center"></el-table-column>
-        <el-table-column prop="createDate" label="创建时间" align="center"></el-table-column>
+        <el-table-column
+          prop="checkingPointName"
+          label="名称"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="position"
+          label="位置"
+          align="center"
+        ></el-table-column>
+        <!-- <el-table-column
+          prop="inspectUserIds"
+          label="检查人员"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="noticeUserIds"
+          label="通知人员"
+          align="center"
+        ></el-table-column> -->
+        <el-table-column
+          prop="createUserName"
+          label="创建人"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="createDate"
+          label="创建时间"
+          align="center"
+        ></el-table-column>
         <el-table-column prop="qrCode" label="二维码" align="center">
           <template slot-scope="{ row }">
             <!-- {{$store.state.FILEURL + row.qrCode}} -->
             <el-image
-              style="margin-right: 8px;width: 80px; height: 80px;cursor: pointer;border-radius: 4px"
+              style="
+                margin-right: 8px;
+                width: 80px;
+                height: 80px;
+                cursor: pointer;
+                border-radius: 4px;
+              "
               fit="cover"
               :src="$store.state.FILEURL + row.qrCode"
               :preview-src-list="[$store.state.FILEURL + row.qrCode]"
@@ -33,16 +70,25 @@
           <template slot-scope="scope">
             <div class="tableBtns">
               <div class="operationText">
-                <img src="@/assets/images/icon-edit.png" width="15px" height="15px" />
+                <img
+                  src="@/assets/images/icon-edit.png"
+                  width="15px"
+                  height="15px"
+                />
                 <a
                   class="download"
                   target="_blank"
                   :href="$store.state.FILEURL + scope.row.qrCode"
                   download
-                >下载</a>
+                  >下载</a
+                >
               </div>
               <div @click="toDelete(scope.row)" class="operationText">
-                <img src="@/assets/images/icon-delete.png" width="15px" height="15px" />
+                <img
+                  src="@/assets/images/icon-delete.png"
+                  width="15px"
+                  height="15px"
+                />
                 <span>删除</span>
               </div>
             </div>
@@ -57,7 +103,7 @@
         :page-sizes="$store.state.PAGESIZRS"
         :page-size="pageSize"
         layout="total, sizes, prev, pager, next"
-        :total="total"
+        :total="Number(total)"
         background
       ></el-pagination>
     </div>
@@ -89,20 +135,136 @@
               :placeholder="$t('message.personnelPosition.please_enter')"
             ></el-input>
           </el-form-item>
+          <el-form-item label="检查人员：" prop="inspectUserIds">
+            <el-select
+              collapse-tags
+              filterable
+              v-model="cardForm.inspectUserIds"
+              multiple
+              placeholder="请输入"
+            >
+              <el-option
+                v-for="item in accountList"
+                :key="item.userId + 'inspectUserIds'"
+                :label="item.workerName"
+                :value="item.userId"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="通知人员：" prop="noticeUserIds">
+            <el-select
+              collapse-tags
+              filterable
+              v-model="cardForm.noticeUserIds"
+              multiple
+              placeholder="请输入"
+            >
+              <el-option
+                v-for="item in accountList"
+                :key="item.userId + 'inspectUserIds'"
+                :label="item.workerName"
+                :value="item.userId"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="检查日期：" prop="startTime">
+            <!-- 开始日期 结束日期 -->
+            <el-date-picker
+              style="width: 320px"
+              v-model="checkDaterange"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              value-format="yyyy-MM-dd"
+              @change="changeDate"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="检查频次：" prop="frequencyNum">
+            <el-input-number
+              class="smallInput"
+              v-model="cardForm.frequencyNum"
+              :min="1"
+              :controls="false"
+            >
+            </el-input-number>
+            <!-- 检查频次  选择单位 -->
+            <el-select
+              class="smallInput"
+              v-model="cardForm.frequencyType"
+              placeholder="请输入"
+              style="margin-left: 12px"
+            >
+              <el-option
+                v-for="(item, index) in frequencyType"
+                :key="index + 'frequencyType'"
+                :label="item"
+                :value="index + 1"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+<!-- 
+          <el-form-item label="经度：" prop="longitude">
+            <el-input v-model="cardForm.longitude"></el-input>
+          </el-form-item>
+
+          <el-form-item label="纬度：" prop="latitude">
+            <el-input v-model="cardForm.latitude"></el-input>
+          </el-form-item> -->
+
+          <el-form-item label="自定义范围：" prop="standArea">
+            <el-select
+              v-model="cardForm.standArea"
+              :placeholder="$t('message.laborMange.pleaseChoose')"
+              @change="drawCircle()"
+            >
+              <el-option
+                v-for="item in options"
+                :key="item"
+                :label="item + $t('message.laborMange.meter')"
+                :value="item"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <div class="addrTitle" style="width: calc(100% - 160px):">
+            <el-form-item label="区域：" prop="addr">
+              <el-input
+              size="medium"
+              v-model="cardForm.addr"
+              id="tipinput"
+              placeholder="请输入"
+            >
+              <el-button slot="append" icon="el-icon-search"></el-button>
+            </el-input>
+            </el-form-item>
+           
+          </div>
+          <div
+            id="container"
+            style="width: 580px; height: 400px; background: pink"
+          ></div>
+          <div class="addrTitle">{{ cardForm.addr }}</div>
           <div id="qrCode" ref="qrCodeDiv"></div>
           <div class="dialog-footer">
             <el-button
               class="cancleBtn"
-              @click="cardDialog = false"
+              @click="closeEvent"
               icon="el-icon-circle-close"
               size="medium"
-            >{{$t('message.personnelPosition.cancel')}}</el-button>
+              >取消</el-button
+            >
             <el-button
               type="primary"
               icon="el-icon-circle-check"
               @click="addCardFn"
               size="medium"
-            >生成二维码</el-button>
+              >生成二维码</el-button
+            >
           </div>
         </el-form>
       </div>
@@ -114,14 +276,18 @@
 import {
   getPointListApi,
   addPointApi,
-  deletePointApi
+  deletePointApi,
 } from "@/assets/js/api/insect.js";
+import { getProjectChilderSystemUserListApi } from "@/assets/js/api/configManage";
 // import QRCode from "qrcodejs2";
+var mouseTool;
+var mouseTool;
+var objs = [];
 export default {
   data() {
     return {
       searchForm: {
-        workerName: ""
+        workerName: "",
       },
       cardDialogTitle: "新建巡检点",
       tableData: [],
@@ -130,19 +296,49 @@ export default {
       pageSize: 10,
       cardForm: {
         checkingPointName: "",
-        position: ""
+        position: "",
+        inspectUserIds: "", //检查人
+        noticeUserIds: "", //通知人
+        startTime: "",
+        endTime: "",
+        frequencyType: 1,
+        frequencyNum: 1,
+        standArea: 100, //范围
+        latitude: "", //纬度
+        longitude: "", //经度
+        addr:"",//地图区域
       },
       qrCode: "",
       cardDialog: false,
       projectSn: "",
       cardFormRules: {
         checkingPointName: [
-          { required: true, message: "请输入巡检点名称", trigger: "blur" }
+          { required: true, message: "请输入巡检点名称", trigger: "blur" },
         ],
         position: [
-          { required: true, message: "请输入巡检位置", trigger: "blur" }
-        ]
-      }
+          { required: true, message: "请输入巡检位置", trigger: "blur" },
+        ],
+        inspectUserIds: [
+          { required: true, message: "请输入检查人员", trigger: "blur" },
+        ],
+        noticeUserIds: [
+          { required: true, message: "请输入通知人员", trigger: "blur" },
+        ],
+        startTime: [
+          { required: true, message: "请选择检查日期", trigger: "blur" },
+        ],
+        addr: [
+          { required: true, message: "请选择区域", trigger: "blur" },
+        ],
+       
+      },
+      checkDaterange: [],
+      frequencyType: ["次", "次/日", "次/周", "次/月", "次/年"],
+      mapOperateType: 1,
+      accountList: [], //检查人员列表
+      options: [30, 50, 100, 200, 300],
+      map: null,
+      locationList: [],
     };
   },
   mounted() {
@@ -150,6 +346,193 @@ export default {
     this.getPointList();
   },
   methods: {
+    //地图加载
+    initMap() {
+      var that = this;
+      //地图加载
+      this.map = new AMap.Map("container", {
+        resizeEnable: true,
+      });
+      var geocoder = new AMap.Geocoder({});
+      //输入提示
+      var autoOptions = {
+        input: "tipinput",
+      };
+      this.auto = new AMap.Autocomplete(autoOptions);
+      this.placeSearch = new AMap.PlaceSearch({
+        map: this.map,
+      }); //构造地点查询类
+      AMap.event.addListener(this.auto, "select", this.select); //注册监听，当选中某条记录时会触发
+      mouseTool = new AMap.MouseTool(this.map);
+      mouseTool.on("draw", function (event) {
+        // event.obj 为绘制出来的覆盖物对象
+        console.log("覆盖物对象绘制完成", event.obj.getPath());
+
+        let overlaysList = that.map.getAllOverlays("polygon");
+
+        if (overlaysList.length > 1) {
+          that.map.remove(overlaysList[0]);
+        }
+
+        that.locationList = [];
+        var pathArr = event.obj.getPath();
+        pathArr.forEach((element) => {
+          that.locationList.push({
+            longitude: element.lng,
+            latitude: element.lat,
+          });
+        });
+      });
+      geocoder.getLocation(this.cardForm.addr, function (status, result) {
+        if (status === "complete" && result.geocodes.length) {
+          var lnglat = result.geocodes[0].location;
+          console.log(result.geocodes[0]);
+          // var arr = lnglat.split(',')
+          that.locationList = [
+            {
+              longitude: lnglat.lng,
+              latitude: lnglat.lat,
+            },
+          ];
+          that.drawCircle();
+        }
+      });
+      this.map.on("click", (e) => {
+        console.log(
+          "您在 [ " +
+            e.lnglat.getLng() +
+            "," +
+            e.lnglat.getLat() +
+            " ] 的位置单击了地图！"
+        );;
+        this.cardForm.latitude = e.lnglat.getLat()
+        this.cardForm.longitude = e.lnglat.getLng();
+
+        this.locationList = [];
+        this.locationList.push({
+          longitude: e.lnglat.getLng(),
+          latitude: e.lnglat.getLat(),
+        });
+        var lnglatXY = new AMap.LngLat(e.lnglat.getLng(), e.lnglat.getLat());
+        geocoder.getAddress(lnglatXY, function (status, result) {
+          console.log(status, result);
+          that.cardForm.addr = result.regeocode.formattedAddress;
+        });
+        this.drawCircle();
+        //  else {
+        //   this.locationList.push({
+        //     longitude: e.lnglat.getLng(),
+        //     latitude: e.lnglat.getLat(),
+        //   });
+
+        // }
+      });
+    },
+    //关键字查询查询
+    select(e) {
+      console.log("select", e);
+      this.placeSearch.setCity(e.poi.adcode);
+      this.placeSearch.search(e.poi.name);
+      
+    },
+    //清空地图
+    clearFn() {
+      this.map.clearMap();
+    },
+    //添加点标记
+    addMarker() {
+      // 创建一个 Icon
+      var startIcon = new AMap.Icon({
+        // 图标尺寸
+        size: new AMap.Size(25, 34),
+        // 图标的取图地址
+        image:
+          "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
+        // 图标所用图片大小
+        imageSize: new AMap.Size(25, 34),
+        // 图标取图偏移量
+        // imageOffset: new AMap.Pixel(-9, -3)
+      });
+      var marker = new AMap.Marker({
+        icon: startIcon,
+        position: [
+          this.locationList[0].longitude,
+          this.locationList[0].latitude,
+        ],
+        size: new AMap.Size(25, 34),
+        // offset: new AMap.Pixel(-13, -30)
+      });
+      marker.setMap(this.map);
+    },
+    exitEditFn() {
+      mouseTool.close();
+    },
+    //画圆
+    drawCircle() {
+      if (this.locationList.length == 0) {
+        return;
+      }
+      this.clearFn();
+      this.addMarker();
+      var circle = new AMap.Circle({
+        center: [this.locationList[0].longitude, this.locationList[0].latitude],
+        radius: this.cardForm.standArea, //半径
+        borderWeight: 2,
+        strokeColor: "#6caffc",
+        strokeOpacity: 1,
+        strokeWeight: 2,
+        fillOpacity: 0.6,
+        strokeStyle: "solid",
+        // strokeDasharray: [10, 10],
+        // 线样式还支持 'dashed'
+        fillColor: "#6caffc",
+        zIndex: 50,
+      });
+
+      circle.setMap(this.map);
+      // 缩放地图到合适的视野级别
+      this.map.setFitView([circle]);
+    },
+    //绘制矩形
+    drawRectangle() {
+      this.clearFn();
+      mouseTool.rectangle({
+        strokeColor: "#6caffc",
+        // strokeOpacity: 0.5,
+        strokeWeight: 2,
+        fillColor: "#6caffc",
+        fillOpacity: 0.6,
+        // strokeStyle还支持 solid
+        strokeStyle: "solid",
+        // strokeDasharray: [30,10],
+      });
+    },
+    drawPolygon() {
+      this.clearFn();
+      mouseTool.polygon({
+        strokeColor: "#6caffc",
+        strokeOpacity: 1,
+        strokeWeight: 2,
+        // strokeOpacity: 0.2,
+        fillColor: "#6caffc",
+        fillOpacity: 0.6,
+        // 线样式还支持 'dashed'
+        strokeStyle: "solid",
+        // strokeStyle是dashed时有效
+        // strokeDasharray: [30,10],
+      });
+    },
+    ////-------------------地图分割线
+    //日期
+    changeDate() {
+      if (this.checkDaterange) {
+        this.cardForm.startTime = this.checkDaterange[0];
+        this.cardForm.endTime = this.checkDaterange[1];
+      } else {
+        this.cardForm.startTime = "";
+        this.cardForm.endTime = "";
+      }
+    },
     //查看条数
     handleSizeChange(val) {
       this.pageSize = val;
@@ -165,12 +548,14 @@ export default {
       let data = {
         pageNo: this.pageNo,
         pageSize: this.pageSize,
-        projectSn: this.projectSn
+        projectSn: this.projectSn,
       };
-      getPointListApi(data).then(res => {
+      getPointListApi(data).then((res) => {
         console.log("----巡检点列表", res);
         this.tableData = res.result.records;
         this.total = res.result.total;
+        this.inspectUserIdsList = res.result.records;
+        this.noticeUserIdsList = res.result.records;
       });
     },
     // 刷新
@@ -180,6 +565,10 @@ export default {
     // 新增
     toAdd() {
       this.cardDialog = true;
+      this.$nextTick(() => {
+        this.initMap();
+      });
+      this.getAccountList();
     },
     // 删除
     toDelete(val) {
@@ -187,23 +576,23 @@ export default {
       this.$confirm("此操作将永久删除该巡检点, 是否继续?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning"
+        type: "warning",
       })
         .then(() => {
           let data = {
-            id: val.id
+            id: val.id,
           };
-          deletePointApi(data).then(res => {
+          deletePointApi(data).then((res) => {
             if (res.success) {
               this.getPointList();
               this.$message({
                 type: "success",
-                message: "删除成功!"
+                message: "删除成功!",
               });
             } else {
               this.$message({
                 type: "error",
-                message: res.message
+                message: res.message,
               });
             }
           });
@@ -211,7 +600,7 @@ export default {
         .catch(() => {
           this.$message({
             type: "info",
-            message: "已取消删除"
+            message: "已取消删除",
           });
         });
     },
@@ -245,23 +634,23 @@ export default {
     },
     // 生成二维码
     addCardFn() {
-      // 新增
-      let data = this.cardForm;
-      data.projectSn = this.$store.state.projectSn;
-      data.createUserId = this.$store.state.userInfo.userId;
-      data.createUserName = this.$store.state.userInfo.account;
-
-      this.$refs["cardForm"].validate(valid => {
+      this.$refs.cardForm.validate((valid) => {
         if (valid) {
-          addPointApi(data).then(res => {
+          // 新增
+          let data = this.cardForm;
+          data.projectSn = this.$store.state.projectSn;
+          data.createUserId = this.$store.state.userInfo.userId;
+          data.createUserName = this.$store.state.userInfo.account;
+          data.inspectUserIds = data.inspectUserIds.toString(',');
+          data.noticeUserIds = data.noticeUserIds.toString(',');
+          addPointApi(data).then((res) => {
             console.log("新增", res);
             if (res.code == 200) {
+              this.$message.success("添加成功！");
+              this.checkDaterange=[]
               this.cardDialog = false;
-              (this.cardForm = {
-                checkingPointName: "",
-                position: ""
-              }),
-                this.getPointList();
+              this.$refs.cardForm.resetFields();
+              this.getPointList();
             }
           });
           //   document.getElementById("qrCode").innerHTML = "";
@@ -292,8 +681,24 @@ export default {
           //   }, 500);
         }
       });
-    }
-  }
+    },
+    //检查人员下拉列表
+    getAccountList() {
+      getProjectChilderSystemUserListApi({
+        projectSn: this.$store.state.projectSn,
+      }).then((result) => {
+        this.accountList = result.result;
+        console.log("检查人员列表", this.accountList);
+      });
+    },
+    //新增弹框取消
+    closeEvent() {
+      this.cardDialog = false;
+      this.$refs.cardForm.resetFields();
+      this.cardForm.startTime = "";
+        this.cardForm.endTime = "";
+    },
+  },
 };
 </script>
 
@@ -301,4 +706,33 @@ export default {
 .download {
   text-decoration: none;
 }
+.smallInput {
+  display: inline-block;
+  width: 148px !important;
+  /deep/.el-input__inner {
+    width: 148px;
+  }
+  /deep/.el-input {
+    width: 100% !important;
+  }
+}
+::v-deep .el-input__inner {
+  height: 30px !important;
+}
+
+::v-deep .el-range-editor--medium .el-range__icon,
+.el-range-editor--medium .el-range__close-icon {
+  line-height: 10px;
+}
+::v-deep .el-select__caret {
+  line-height: 36px;
+}
+
+.dialogFormBox {
+  width: 580px;
+}
+.addrTitle {
+  font-size: 16px;
+  line-height: 56px;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/projectFront/safeManage/safeRocordList.vue b/src/views/projectFront/safeManage/safeRocordList.vue
index 35a29af3..0a2b6b29 100644
--- a/src/views/projectFront/safeManage/safeRocordList.vue
+++ b/src/views/projectFront/safeManage/safeRocordList.vue
@@ -139,7 +139,7 @@
             :page-sizes="$store.state.PAGESIZRS"
             :page-size="pageSize"
             layout="total, sizes, prev, pager, next"
-            :total="total"
+            :total="Number(total)"
           ></el-pagination>
         </div>
       </div>
diff --git a/src/views/projectFront/safeManage/v2/projectSelfInspection.vue b/src/views/projectFront/safeManage/v2/projectSelfInspection.vue
index 59b206b3..a39db410 100644
--- a/src/views/projectFront/safeManage/v2/projectSelfInspection.vue
+++ b/src/views/projectFront/safeManage/v2/projectSelfInspection.vue
@@ -113,7 +113,7 @@
         :page-sizes="$store.state.PAGESIZRS"
         :page-size="searchForm.pageSize"
         layout="total, sizes, prev, pager, next"
-        :total="Number(pageTotal)"
+        :total="pageTotal"
       ></el-pagination>
     </div>
     <!-- 新增任务弹窗 -->