From cd25ab2d2e6440a0e6aa9e4f10949d92cc92824e Mon Sep 17 00:00:00 2001
From: 13703816893 <l_cheny@foxmail.com>
Date: Wed, 28 Jun 2023 15:12:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8B=8D=E7=85=A7=E8=A3=85=E7=BD=AE--=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E6=9F=A5=E8=AF=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../photographicDevice/components/gpsSite.vue | 136 ++++++++++++++++++
 .../components/runStatus.vue                  | 136 ++++++++++++++++++
 .../components/workStatus.vue                 | 136 ++++++++++++++++++
 .../photographicDevice/index.vue              |  23 ++-
 4 files changed, 428 insertions(+), 3 deletions(-)
 create mode 100644 src/views/management/monitoringEquipment/photographicDevice/components/gpsSite.vue
 create mode 100644 src/views/management/monitoringEquipment/photographicDevice/components/runStatus.vue
 create mode 100644 src/views/management/monitoringEquipment/photographicDevice/components/workStatus.vue

diff --git a/src/views/management/monitoringEquipment/photographicDevice/components/gpsSite.vue b/src/views/management/monitoringEquipment/photographicDevice/components/gpsSite.vue
new file mode 100644
index 0000000..b8205b7
--- /dev/null
+++ b/src/views/management/monitoringEquipment/photographicDevice/components/gpsSite.vue
@@ -0,0 +1,136 @@
+<template>
+  <el-dialog class="setimgDialog" title="GPS位置" :visible.sync="isShow" :close-on-click-modal="false" width="70%">
+    <el-form :inline="true" :model="formdata" class="demo-form-inline">
+      <el-form-item label="开始日期">
+        <el-date-picker
+          v-model="formdata.starttime"
+          type="datetime"
+          placeholder="开始日期"
+          value-format="timestamp"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="结束日期">
+        <el-date-picker
+          v-model="formdata.endtime"
+          type="datetime"
+          default-time="23:59:59"
+          placeholder="结束日期"
+          value-format="timestamp"
+          class="ml10"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+        <el-button type="primary">导出</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      ref="multipleTable"
+      :data="listData"
+      stripe
+      tooltip-effect="dark"
+      style="width: 100%"
+      v-loading="loading"
+    >
+      <el-table-column min-width="45" label="序号">
+        <template slot-scope="scope">
+          <span>{{ (page - 1) * pageSize + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="name" label="采集时间" min-width="120" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="设备名称" min-width="80" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="设备编号" min-width="120" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="装置名称" min-width="80" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="装置型号" min-width="80" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="装置版本号" min-width="80" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="生产厂家" min-width="100" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="生产日期" min-width="120" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="出厂编号" min-width="100" show-overflow-tooltip></el-table-column>
+    </el-table>
+    <div class="pageNation">
+      <el-pagination
+        @current-change="handleCurrentChange"
+        @size-change="handleSizeChange"
+        :current-page="page"
+        :page-size="pageSize"
+        layout="sizes, prev, pager, next, jumper,total"
+        :total="total"
+        background
+      >
+      </el-pagination>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import {
+  getLineListJoggle
+} from "@/utils/api/index";
+export default {
+  data() {
+    return {
+      isShow: false,
+      formdata: {},
+      listData: [],
+      loading: false,
+      seltermid: "", //装置id
+      selcmdId: "", //cmdId
+      requestId: "",
+      page: 1, // 当前页数
+      pageSize: 20, // 每页数量
+      total: 0, //总条数
+    };
+  },
+  mounted() {},
+  methods: {
+    //查询
+    onSubmit() {
+      if (this.formdata.starttime > this.formdata.endtime) {
+        return this.$message({
+          duration: 1500,
+          showClose: true,
+          message: "开始日期不能大于结束日期",
+          type: "warning",
+        });
+      }
+      this.getlistnr();
+    },
+    //获取数据
+    getlistnr(val) {
+      console.log(val);
+      this.seltermid = val.id;
+      this.selcmdId = val.cmdid;
+      this.loading = true;
+      getLineListJoggle({
+        pageindex: this.page,
+        pagesize: this.pageSize,
+      })
+        .then((res) => {
+          this.listData = res.data.list;
+          this.total = res.data.total;
+          this.loading = false;
+        })
+    },
+    //点击分页
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getlistnr();
+    },
+    //每页条数
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getlistnr();
+    },
+    display() {
+      this.isShow = true;
+    },
+    hide() {
+      this.isShow = false;
+    }
+  },
+};
+</script>
+<style lang="less" scoped>
+
+</style>
diff --git a/src/views/management/monitoringEquipment/photographicDevice/components/runStatus.vue b/src/views/management/monitoringEquipment/photographicDevice/components/runStatus.vue
new file mode 100644
index 0000000..21d34b3
--- /dev/null
+++ b/src/views/management/monitoringEquipment/photographicDevice/components/runStatus.vue
@@ -0,0 +1,136 @@
+<template>
+  <el-dialog class="setimgDialog" title="运行状态" :visible.sync="isShow" :close-on-click-modal="false" width="70%">
+    <el-form :inline="true" :model="formdata" class="demo-form-inline">
+      <el-form-item label="开始日期">
+        <el-date-picker
+          v-model="formdata.starttime"
+          type="datetime"
+          placeholder="开始日期"
+          value-format="timestamp"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="结束日期">
+        <el-date-picker
+          v-model="formdata.endtime"
+          type="datetime"
+          default-time="23:59:59"
+          placeholder="结束日期"
+          value-format="timestamp"
+          class="ml10"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+        <el-button type="primary">导出</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      ref="multipleTable"
+      :data="listData"
+      stripe
+      tooltip-effect="dark"
+      style="width: 100%"
+      v-loading="loading"
+    >
+      <el-table-column min-width="45" label="序号">
+        <template slot-scope="scope">
+          <span>{{ (page - 1) * pageSize + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="name" label="采集时间" min-width="120" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="设备名称" min-width="80" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="设备编号" min-width="120" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="装置名称" min-width="80" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="装置型号" min-width="80" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="装置版本号" min-width="80" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="生产厂家" min-width="100" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="生产日期" min-width="120" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="出厂编号" min-width="100" show-overflow-tooltip></el-table-column>
+    </el-table>
+    <div class="pageNation">
+      <el-pagination
+        @current-change="handleCurrentChange"
+        @size-change="handleSizeChange"
+        :current-page="page"
+        :page-size="pageSize"
+        layout="sizes, prev, pager, next, jumper,total"
+        :total="total"
+        background
+      >
+      </el-pagination>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import {
+  getLineListJoggle
+} from "@/utils/api/index";
+export default {
+  data() {
+    return {
+      isShow: false,
+      formdata: {},
+      listData: [],
+      loading: false,
+      seltermid: "", //装置id
+      selcmdId: "", //cmdId
+      requestId: "",
+      page: 1, // 当前页数
+      pageSize: 20, // 每页数量
+      total: 0, //总条数
+    };
+  },
+  mounted() {},
+  methods: {
+    //查询
+    onSubmit() {
+      if (this.formdata.starttime > this.formdata.endtime) {
+        return this.$message({
+          duration: 1500,
+          showClose: true,
+          message: "开始日期不能大于结束日期",
+          type: "warning",
+        });
+      }
+      this.getlistnr();
+    },
+    //获取数据
+    getlistnr(val) {
+      console.log(val);
+      this.seltermid = val.id;
+      this.selcmdId = val.cmdid;
+      this.loading = true;
+      getLineListJoggle({
+        pageindex: this.page,
+        pagesize: this.pageSize,
+      })
+        .then((res) => {
+          this.listData = res.data.list;
+          this.total = res.data.total;
+          this.loading = false;
+        })
+    },
+    //点击分页
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getlistnr();
+    },
+    //每页条数
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getlistnr();
+    },
+    display() {
+      this.isShow = true;
+    },
+    hide() {
+      this.isShow = false;
+    }
+  },
+};
+</script>
+<style lang="less" scoped>
+
+</style>
diff --git a/src/views/management/monitoringEquipment/photographicDevice/components/workStatus.vue b/src/views/management/monitoringEquipment/photographicDevice/components/workStatus.vue
new file mode 100644
index 0000000..45470b8
--- /dev/null
+++ b/src/views/management/monitoringEquipment/photographicDevice/components/workStatus.vue
@@ -0,0 +1,136 @@
+<template>
+  <el-dialog class="setimgDialog" title="工作状态" :visible.sync="isShow" :close-on-click-modal="false" width="70%">
+    <el-form :inline="true" :model="formdata" class="demo-form-inline">
+      <el-form-item label="开始日期">
+        <el-date-picker
+          v-model="formdata.starttime"
+          type="datetime"
+          placeholder="开始日期"
+          value-format="timestamp"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="结束日期">
+        <el-date-picker
+          v-model="formdata.endtime"
+          type="datetime"
+          default-time="23:59:59"
+          placeholder="结束日期"
+          value-format="timestamp"
+          class="ml10"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+        <el-button type="primary">导出</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      ref="multipleTable"
+      :data="listData"
+      stripe
+      tooltip-effect="dark"
+      style="width: 100%"
+      v-loading="loading"
+    >
+      <el-table-column min-width="45" label="序号">
+        <template slot-scope="scope">
+          <span>{{ (page - 1) * pageSize + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="name" label="采集时间" min-width="120" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="设备名称" min-width="80" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="设备编号" min-width="120" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="装置名称" min-width="80" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="装置型号" min-width="80" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="装置版本号" min-width="80" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="生产厂家" min-width="100" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="生产日期" min-width="120" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="name" label="出厂编号" min-width="100" show-overflow-tooltip></el-table-column>
+    </el-table>
+    <div class="pageNation">
+      <el-pagination
+        @current-change="handleCurrentChange"
+        @size-change="handleSizeChange"
+        :current-page="page"
+        :page-size="pageSize"
+        layout="sizes, prev, pager, next, jumper,total"
+        :total="total"
+        background
+      >
+      </el-pagination>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import {
+  getLineListJoggle
+} from "@/utils/api/index";
+export default {
+  data() {
+    return {
+      isShow: false,
+      formdata: {},
+      listData: [],
+      loading: false,
+      seltermid: "", //装置id
+      selcmdId: "", //cmdId
+      requestId: "",
+      page: 1, // 当前页数
+      pageSize: 20, // 每页数量
+      total: 0, //总条数
+    };
+  },
+  mounted() {},
+  methods: {
+    //查询
+    onSubmit() {
+      if (this.formdata.starttime > this.formdata.endtime) {
+        return this.$message({
+          duration: 1500,
+          showClose: true,
+          message: "开始日期不能大于结束日期",
+          type: "warning",
+        });
+      }
+      this.getlistnr();
+    },
+    //获取数据
+    getlistnr(val) {
+      console.log(val);
+      this.seltermid = val.id;
+      this.selcmdId = val.cmdid;
+      this.loading = true;
+      getLineListJoggle({
+        pageindex: this.page,
+        pagesize: this.pageSize,
+      })
+        .then((res) => {
+          this.listData = res.data.list;
+          this.total = res.data.total;
+          this.loading = false;
+        })
+    },
+    //点击分页
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getlistnr();
+    },
+    //每页条数
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getlistnr();
+    },
+    display() {
+      this.isShow = true;
+    },
+    hide() {
+      this.isShow = false;
+    }
+  },
+};
+</script>
+<style lang="less" scoped>
+
+</style>
diff --git a/src/views/management/monitoringEquipment/photographicDevice/index.vue b/src/views/management/monitoringEquipment/photographicDevice/index.vue
index f956b62..7b5765c 100644
--- a/src/views/management/monitoringEquipment/photographicDevice/index.vue
+++ b/src/views/management/monitoringEquipment/photographicDevice/index.vue
@@ -250,7 +250,7 @@
                 <el-dropdown-menu slot="dropdown">
                   <el-dropdown-item command="info">基本信息</el-dropdown-item>
                   <el-dropdown-item command="workStatus" >工作状态</el-dropdown-item>
-                  <el-dropdown-item command="runState" >运行状态</el-dropdown-item>
+                  <el-dropdown-item command="runStatus" >运行状态</el-dropdown-item>
                   <el-dropdown-item command="GPS">GPS位置</el-dropdown-item>
                 </el-dropdown-menu>
               </el-dropdown>
@@ -401,6 +401,9 @@
     <pictureTags ref="picturetagsref"></pictureTags>
     <gps-position ref="gpsdialog_ref"></gps-position>
     <baseInfor ref="baseInfor_ref"></baseInfor>
+    <workStatus  ref="workStatus_ref"></workStatus>
+    <runStatus ref="runStatus_ref"></runStatus>
+    <gpsSite ref="gpsSite_ref"></gpsSite>
   </div>
 </template>
 <script>
@@ -418,6 +421,9 @@ import videoCapture from "./components/videoCapture.vue";
 import pictureTags from "./components/pictureTags.vue";
 import gpsPosition from "./components/gpsPosition.vue";
 import baseInfor from './components/baseInfor.vue';
+import workStatus from './components/workStatus.vue';
+import runStatus from "./components/runStatus.vue";
+import gpsSite from "./components/gpsSite.vue";
 
 export default {
   components: {
@@ -426,7 +432,10 @@ export default {
     videoCapture,
     pictureTags,
     gpsPosition,
-    baseInfor
+    baseInfor,
+    workStatus,
+    runStatus,
+    gpsSite
   },
   data() {
     return {
@@ -654,7 +663,6 @@ export default {
       console.log(data);
       this.$refs.picturetagsref.display(data);
     },
-
     //数据查询
     handleSearchCommand(command, row) {
       console.log(command, row);
@@ -662,6 +670,15 @@ export default {
         case 'info':
           this.$refs.baseInfor_ref.display();
           break;
+        case 'workStatus':
+          this.$refs.workStatus_ref.display();
+          break;
+        case 'runStatus':
+          this.$refs.runStatus_ref.display();
+          break;
+        case 'gpsSite':
+          this.$refs.gpsSite_ref.display();
+          break;
         default:
           break;
       }