定位页面搭建

sgzb-ui/src/views/newLogin.vue

@@ -32,7 +32,7 @@
               </el-form-item>
 
               <!-- 5.29 新增双因子验证 -->
-              <el-form-item prop="textCode" class="code-container" v-if="loginForm.username === 'admin'">
+              <el-form-item prop="textCode" class="code-container" v-if="loginForm.username === 'adminBns'">
                 <el-input v-model="loginForm.textCode" placeholder="短信验证码" style="width: 67%">
                   <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
                 </el-input>

sgzb-ui/src/views/warehouseManage/machinery/coding/component/MapDIalog.vue

@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <!-- 地图弹框 展示设备轨迹 -->
+    <el-dialog title="装备定位信息" :visible.sync="openMap" width="80%" :close-on-click-modal="false" append-to-body>
+      <!-- 表单 根据日期查询设备轨迹 -->
+      <el-card shadow="hover">
+        <el-form :model="queryForm" inline>
+          <el-form-item label="日期">
+            <el-date-picker
+              v-model="queryForm.date"
+              type="date"
+              placeholder="请选择日期"
+              style="width: 200px"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+            ></el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" size="small" @click="handleQuery">轨迹查询</el-button>
+          </el-form-item>
+        </el-form>
+      </el-card>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MapDIalog',
+  props: {
+    openMap: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      queryForm: {
+        date: '',
+      },
+    }
+  },
+  created() {},
+  methods: {
+    handleQuery() {
+      console.log('🚀 ~ handleQuery ~ 查询:', this.queryForm.date)
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped></style>

sgzb-ui/src/views/warehouseManage/machinery/coding/index.vue

@@ -532,6 +532,8 @@
                 <!-- <el-button type="primary" @click="downloadCode">下 载</el-button> -->
             </div>
         </el-dialog>
+
+        <MapDIalog :openMap="openMap" />
     </div>
     <div v-else>
         <BindIOT :isShow="isShow" />
@@ -556,13 +558,15 @@ import Treeselect from '@riophae/vue-treeselect'
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 import QRCode from 'qrcodejs2'
 import BindIOT from './component/BindIOT.vue'
+import MapDIalog from './component/MapDIalog.vue'
 
 export default {
     name: 'Devices',
     dicts: ['sys_normal_disable'],
-    components: { Treeselect, BindIOT },
+    components: { Treeselect, BindIOT, MapDIalog },
     data() {
         return {
+            openMap: false,
             isShow: false,
             // 遮罩层
             loading: true,
@@ -816,6 +820,8 @@ export default {
         },
         handleMap(row) {
             console.log('~ handleMap ~ 地图', row)
+            // 点击打开弹框
+            this.openMap = true
         }
     },
 }