From 68e25772b64b51fccaaa7aa8d6239debbe59da1f Mon Sep 17 00:00:00 2001
From: yujintao <yujintaodotcn@foxmail.com>
Date: Wed, 15 Apr 2020 19:43:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=A0=BC=E5=BC=8F=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/heart/actuserclock-detail.vue     | 202 +++++++++---------
 1 file changed, 101 insertions(+), 101 deletions(-)

diff --git a/src/views/modules/heart/actuserclock-detail.vue b/src/views/modules/heart/actuserclock-detail.vue
index 2ccb17e6..fcead7e1 100644
--- a/src/views/modules/heart/actuserclock-detail.vue
+++ b/src/views/modules/heart/actuserclock-detail.vue
@@ -117,114 +117,114 @@
   </div>
 </template>
 <script>
-import mixinViewModule from "@/mixins/view-module";
-import debounce from "lodash/debounce";
-import "element-ui/lib/theme-chalk/timeline.css";
-import "element-ui/lib/theme-chalk/timeline-item.css";
-import "element-ui/lib/theme-chalk/image.css";
-var map;
-var markerList = [];
-var radiusList = [];
+import mixinViewModule from '@/mixins/view-module'
+import debounce from 'lodash/debounce'
+import 'element-ui/lib/theme-chalk/timeline.css'
+import 'element-ui/lib/theme-chalk/timeline-item.css'
+import 'element-ui/lib/theme-chalk/image.css'
+var map
+var markerList = []
+var radiusList = []
 // var clockList = []
 export default {
   mixins: [mixinViewModule],
-  name: "ActUserClockDetail",
-  data() {
+  name: 'ActUserClockDetail',
+  data () {
     return {
       mixinViewModuleOptions: {
-        getDataListURL: "/heart/actuserclocklog/page",
+        getDataListURL: '/heart/actuserclocklog/page',
         getDataListIsPage: true
       },
       dataForm: {
-        id: "",
-        actId: "",
-        status: "",
-        failureReason: "",
-        address: "",
-        latitude: "",
-        longitude: "",
+        id: '',
+        actId: '',
+        status: '',
+        failureReason: '',
+        address: '',
+        latitude: '',
+        longitude: '',
         radius: 200,
         clockPic: []
       },
       previewImgList: [],
       isAble: false
-    };
+    }
   },
-  mounted() {
-    this.dataForm.id = this.$route.query.id;
-    this.dataForm.actId = this.$route.query.actId;
-    this.init();
+  mounted () {
+    this.dataForm.id = this.$route.query.id
+    this.dataForm.actId = this.$route.query.actId
+    this.init()
   },
   computed: {
-    dataRule() {
+    dataRule () {
       return {
         status: [
           {
             required: true,
-            message: this.$t("validate.required"),
-            trigger: "blur"
+            message: this.$t('validate.required'),
+            trigger: 'blur'
           }
         ],
         failureReason: [
           {
             required: true,
-            message: this.$t("validate.required"),
-            trigger: "blur"
+            message: this.$t('validate.required'),
+            trigger: 'blur'
           }
         ]
-      };
+      }
     }
   },
   methods: {
-    backToActClockList() {
-      this.$emit("refreshDataList");
-      this.$parent.selectComponent = "ActUserClockLog";
+    backToActClockList () {
+      this.$emit('refreshDataList')
+      this.$parent.selectComponent = 'ActUserClockLog'
       this.$router.push({
-        path: "/heart-actinfo",
+        path: '/heart-actinfo',
         query: { id: this.dataForm.actId }
-      });
+      })
     },
-    setMap(data) {
+    setMap (data) {
       // 步骤：定义map变量 调用 qq.maps.Map() 构造函数   获取地图显示容器
       // 设置地图中心点
-      var myLatlng = new qq.maps.LatLng(data.latitude, data.longitude);
+      var myLatlng = new qq.maps.LatLng(data.latitude, data.longitude)
       // 定义工厂模式函数
-      var zoom = this.capacity(data);
+      var zoom = this.capacity(data)
       var myOptions = {
         zoom: zoom, // 设置地图缩放级别
         center: myLatlng, // 设置中心点样式
         mapTypeId: qq.maps.MapTypeId.ROADMAP // 设置地图样式详情参见MapType
-      };
+      }
       // //获取dom元素添加地图信息
-      map = new qq.maps.Map(document.getElementById("mapContainer"), myOptions);
+      map = new qq.maps.Map(document.getElementById('mapContainer'), myOptions)
       // 设置圆形
       var radius = new qq.maps.Circle({
         center: new qq.maps.LatLng(data.latitude, data.longitude),
         radius: this.dataForm.radius,
         map: map
-      });
+      })
 
-      radiusList.push(radius);
+      radiusList.push(radius)
       var marker = new qq.maps.Marker({
         position: myLatlng,
         map: map
-      });
-      markerList.push(marker);
+      })
+      markerList.push(marker)
     },
-    init() {
+    init () {
       this.$nextTick(() => {
         if (this.dataForm.id) {
-          this.getInfo();
+          this.getInfo()
         }
-      });
+      })
     },
     // 点击查看大图
-    clickImg(url) {
-      this.previewImgList = [];
-      this.previewImgList.push(url);
+    clickImg (url) {
+      this.previewImgList = []
+      this.previewImgList.push(url)
     },
-    getDataList() {
-      this.dataListLoading = true;
+    getDataList () {
+      this.dataListLoading = true
       this.$http
         .get(this.mixinViewModuleOptions.getDataListURL, {
           params: {
@@ -240,125 +240,125 @@ export default {
           }
         })
         .then(({ data: res }) => {
-          this.dataListLoading = false;
+          this.dataListLoading = false
           if (res.code !== 0) {
-            this.dataList = [];
-            this.total = 0;
-            return this.$message.error(res.msg);
+            this.dataList = []
+            this.total = 0
+            return this.$message.error(res.msg)
           }
           this.dataList = this.mixinViewModuleOptions.getDataListIsPage
             ? res.data.list
-            : res.data;
+            : res.data
           this.total = this.mixinViewModuleOptions.getDataListIsPage
             ? res.data.total
-            : 0;
+            : 0
           this.dataList.forEach(item => {
             var LogLatlng = new qq.maps.LatLng(
               item.clockLatitude,
               item.clockLongitude
-            );
+            )
             var LogMarker = new qq.maps.Marker({
               position: LogLatlng,
               map: map
-            });
-            markerList.push(LogMarker);
-          });
-          console.log(markerList);
+            })
+            markerList.push(LogMarker)
+          })
+          console.log(markerList)
         })
         .catch(() => {
-          this.dataListLoading = false;
-        });
+          this.dataListLoading = false
+        })
     },
     // 获取信息
-    getInfo() {
+    getInfo () {
       this.$http
         .get(`/heart/actuserclocklog/clockDetail/${this.dataForm.id}`)
         .then(({ data: res }) => {
           if (res.code !== 0) {
-            return this.$message.error(res.msg);
+            return this.$message.error(res.msg)
           }
           this.dataForm = {
             ...this.dataForm,
             ...res.data
-          };
+          }
           // if (res.data.status != '5' && res.data.status != '6') {
           //   this.dataForm.status = '5';
           //   this.dataForm.failureReason = '';
           // } else {
           //   this.isAble = true;
           // }
-          this.setMap(res.data);
+          this.setMap(res.data)
 
-          this.getDataList();
+          this.getDataList()
         })
-        .catch(() => {});
+        .catch(() => {})
     },
-    capacity(data) {
+    capacity (data) {
       if (data.radius > 0 && data.radius <= 25) {
-        return 18;
+        return 18
       } else if (data.radius > 25 && data.radius <= 50) {
-        return 17;
+        return 17
       } else if (data.radius > 50 && data.radius <= 100) {
-        return 16;
+        return 16
       } else if (data.radius > 100 && data.radius <= 200) {
-        return 15;
+        return 15
       } else if (data.radius > 200 && data.radius <= 500) {
-        return 14;
+        return 14
       } else if (data.radius > 500 && data.radius <= 1000) {
-        return 13;
+        return 13
       } else if (data.radius > 1000 && data.radius <= 2000) {
-        return 12;
+        return 12
       } else if (data.radius > 2000 && data.radius <= 5000) {
-        return 11;
+        return 11
       }
     },
-    formatSex: function(row, column) {
-      let state = row.sex;
-      if (state === "0") {
-        return "女";
-      } else if (state === "1") {
-        return "男";
+    formatSex: function (row, column) {
+      let state = row.sex
+      if (state === '0') {
+        return '女'
+      } else if (state === '1') {
+        return '男'
       }
     },
     // 表单提交
     dataFormSubmitHandle: debounce(
-      function() {
-        this.$refs["dataForm"].validate(valid => {
+      function () {
+        this.$refs['dataForm'].validate(valid => {
           if (!valid) {
-            return false;
+            return false
           }
           if (this.dataForm.failureReason.length > 100) {
-            return this.$message.error("处理意见不超过100字");
+            return this.$message.error('处理意见不超过100字')
           }
           // this.isAble = true
-          this.$http["post"]("/heart/actuserclocklog/pointCheck", this.dataForm)
+          this.$http['post']('/heart/actuserclocklog/pointCheck', this.dataForm)
             .then(({ data: res }) => {
               // this.isAble = false
               if (res.code !== 0) {
-                return this.$message.error(res.msg);
+                return this.$message.error(res.msg)
               }
               this.$message({
-                message: this.$t("prompt.success"),
-                type: "success",
+                message: this.$t('prompt.success'),
+                type: 'success',
                 duration: 500,
                 onClose: () => {
-                  this.$emit("refreshDataList");
-                  this.$parent.selectComponent = "ActUserClockLog";
+                  this.$emit('refreshDataList')
+                  this.$parent.selectComponent = 'ActUserClockLog'
                   this.$router.push({
-                    path: "/heart-actinfo",
+                    path: '/heart-actinfo',
                     query: { id: this.dataForm.actId }
-                  });
+                  })
                 }
-              });
+              })
             })
-            .catch(() => {});
-        });
+            .catch(() => {})
+        })
       },
       1000,
       { leading: true, trailing: false }
     )
   }
-};
+}
 </script>
 <style lang="scss">
 .aui-wrapper .el-pagination {