枪支定位

shuishen

2021-12-01 bc6677eb827ad5d2413a21a893d1b8f60d2efd3a

枪支定位

 src/views/map/gunGps.vue

@@ -2,7 +2,7 @@
 * @Author: Morpheus
 * @Date: 2021-07-05 16:31:54
 * @Last Modified by: Morpheus
 * @Last Modified time: 2021-11-17 09:21:20
 * @Last Modified time: 2021-12-01 10:52:09
 * menu-name 押运人员定位
 */
<template>
@@ -14,51 +14,43 @@
            <Map ref="modalForm" />
          </div>
          <div>
            <div class="data-table map-people-table" v-show="!detailFlag">
              <el-table
                :data="tableData"
                        <div class="data-table map-people-table"
                             v-show="!detailFlag">
                            <el-table :data="tableData"
                style="width: 100%"
                v-loading="loading"
              >
                <el-table-column
                  align="center"
                                      v-loading="loading">
                                <el-table-column align="center"
                  prop="gunMode"
                  label="枪支类型"
                  width="136"
                >
                                                 width="136">
                </el-table-column>

                <el-table-column
                  align="center"
                                <el-table-column align="center"
                  prop="personInCharge"
                  label="责任人"
                >
                                                 label="责任人">
                </el-table-column>

                <el-table-column label="操作" width="136" align="center">
                                <el-table-column label="操作"
                                                 width="136"
                                                 align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="positionClick(scope.row)"
                                        <el-button @click="positionClick(scope.row)"
                      type="text"
                      size="small"
                      title="定位"
                    >
                                                   title="定位">
                      <i class="el-icon-location"></i>
                    </el-button>
                    <el-button
                      @click="detailsClick(scope.row)"
                                        <el-button @click="detailsClick(scope.row)"
                      type="text"
                      size="small"
                      title="轨迹"
                    >
                                                   title="轨迹">
                      <i class="el-icon-position"></i>
                    </el-button>
                  </template>
                </el-table-column>
              </el-table>
              <div ref="tablePagination">
                <el-pagination
                  @size-change="handleSizeChange"
                                <el-pagination @size-change="handleSizeChange"
                  @current-change="handleCurrentChange"
                  background
                  :page-sizes="[10, 30, 50, 100]"
@@ -66,14 +58,17 @@
                  :current-page="page.currentPage"
                  :page-size="page.pageSize"
                  :pager-count="3"
                  :total="page.total"
                >
                                               :total="page.total">
                </el-pagination>
              </div>
            </div>
            <div class="track-box" v-show="detailFlag">
                        <div class="track-box"
                             v-show="detailFlag">
              <div>
                <el-button @click="goOut" type="text" size="small" title="轨迹">
                                <el-button @click="goOut"
                                           type="text"
                                           size="small"
                                           title="轨迹">
                  <i class="el-icon-back"></i>
                </el-button>

@@ -113,21 +108,20 @@
                <li>
                  <div>选择时间：</div>
                  <div class="datetime">
                    <el-date-picker
                      v-model="trackTime"
                                        <el-date-picker v-model="trackTime"
                      type="datetimerange"
                      range-separator="至"
                      start-placeholder="开始日期"
                      size="mini"
                      :editable="false"
                      end-placeholder="结束日期"
                    >
                                                        end-placeholder="结束日期">
                    </el-date-picker>
                  </div>
                </li>

                <li>
                  <el-button type="text" @click="lookTrack">
                                    <el-button type="text"
                                               @click="lookTrack">
                    查看轨迹
                  </el-button>
                </li>
@@ -141,7 +135,7 @@
</template>

<script>
import { getGunList, getPosition, getTrack } from "@/api/map/gun";
import { getGunList, getTrack } from "@/api/map/gun";

import gunPng from "@/assets/img/gun.png";

@@ -188,13 +182,49 @@
    },

    positionClick(val) {
      getPosition({ type: 3, workerId: val.id }).then((result) => {
            var timestamp = Date.parse(new Date());

            var serverDate = new Date(timestamp);

            const start =
                (serverDate.getFullYear() - 5) +
                "-" +
                this.disposeTime(serverDate.getMonth() + 1) +
                "-" +
                this.disposeTime(serverDate.getDate()) +
                " " +
                this.disposeTime(serverDate.getHours()) +
                ":" +
                this.disposeTime(serverDate.getMinutes()) +
                ":" +
                this.disposeTime(serverDate.getSeconds());


            const end =
                serverDate.getFullYear() +
                "-" +
                this.disposeTime(serverDate.getMonth() + 1) +
                "-" +
                this.disposeTime(serverDate.getDate()) +
                " " +
                this.disposeTime(serverDate.getHours()) +
                ":" +
                this.disposeTime(serverDate.getMinutes()) +
                ":" +
                this.disposeTime(serverDate.getSeconds());

            getTrack({
                workerId: val.id,
                type: 3,
                startTime: start,
                endTime: end,
            }).then((result) => {
        var res = result.data.data;
        if (JSON.stringify(res) != "{}") {
          this.$refs.modalForm.addEntitys(
            {
              LGTD: 115.86,
              LTTD: 28.71,
                            LGTD: Number(res[0].longitude),
                            LTTD: Number(res[0].latitude),
              name: "枪支位置",
            },
            gunPng,
@@ -204,6 +234,7 @@
          );
        }
      });

    },

    detailsClick(row) {