增加新版本web页面

2025-04-28 15:04:06 +08:00
parent 3c1c68d327
commit 113743a065
268 changed files with 45419 additions and 3 deletions
--- a/web/src/views/dialog/queryTrace.vue
+++ b/web/src/views/dialog/queryTrace.vue
@@ -0,0 +1,109 @@
+<template>
+  <div id="queryTrace">
+    <el-dialog
+      v-el-drag-dialog
+      title="查询轨迹"
+      width="40%"
+      top="2rem"
+      :close-on-click-modal="false"
+      :visible.sync="showDialog"
+      :destroy-on-close="true"
+      @close="close()"
+    >
+      <div v-loading="isLoging">
+        <el-date-picker v-model="searchFrom" type="datetime" placeholder="选择开始日期时间" default-time="00:00:00" value-format="yyyy-MM-dd HH:mm:ss" size="mini" style="width: 11rem;" align="right" :picker-options="pickerOptions" />
+        <el-date-picker v-model="searchTo" type="datetime" placeholder="选择结束日期时间" default-time="00:00:00" value-format="yyyy-MM-dd HH:mm:ss" size="mini" style="width: 11rem;" align="right" :picker-options="pickerOptions" />
+        <el-button icon="el-icon-search" size="mini" type="primary" @click="onSubmit">查询</el-button>
+      </div>
+
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import elDragDialog from '@/directive/el-drag-dialog'
+import DeviceService from '../service/DeviceService'
+
+export default {
+  name: 'DeviceEdit',
+  directives: { elDragDialog },
+  props: [],
+  data() {
+    return {
+      deviceService: new DeviceService(),
+      pickerOptions: {
+        shortcuts: [{
+          text: '今天',
+          onClick(picker) {
+            picker.$emit('pick', new Date())
+          }
+        }, {
+          text: '昨天',
+          onClick(picker) {
+            const date = new Date()
+            date.setTime(date.getTime() - 3600 * 1000 * 24)
+            picker.$emit('pick', date)
+          }
+        }, {
+          text: '一周前',
+          onClick(picker) {
+            const date = new Date()
+            date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
+            picker.$emit('pick', date)
+          }
+        }]
+      },
+      searchFrom: null,
+      searchTo: null,
+      listChangeCallback: null,
+      showDialog: false,
+      isLoging: false,
+      channel: null,
+      callback: null
+    }
+  },
+  computed: {},
+  created() {},
+  methods: {
+    openDialog: function(channel, callback) {
+      console.log(channel)
+      this.showDialog = true
+      this.callback = callback
+      this.channel = channel
+    },
+
+    onSubmit: function() {
+      console.log('onSubmit')
+      this.isLoging = true
+      let url = `/api/position/history/${this.channel.deviceId}?start=${this.searchFrom}&end=${this.searchTo}`
+      if (this.channel.channelId) {
+        url += '&channelId=${this.channel.channelId}'
+      }
+      this.$axios.get(url, {
+      }).then((res) => {
+        this.isLoging = false
+        if (typeof this.callback === 'function') {
+          if (res.data.code == 0) {
+            this.callback(res.data.data)
+            this.close()
+          } else {
+            this.$message.error({
+              showClose: true,
+              message: res.data.msg
+            })
+          }
+        }
+      }).catch(function(error) {
+        this.isLoging = false
+        console.error(error)
+      })
+    },
+    close: function() {
+      this.showDialog = false
+      this.isLoging = false
+      this.callback = null
+      this.channel = null
+    }
+  }
+}
+</script>