x

src/page/laser/index.vue

@@ -0,0 +1,204 @@
+<template>
+  <div class="scene-management-body" v-loading.fullscreen.lock="fullscreenLoading">
+    <div class="order-management-body">
+      <div class="order-management-inner">
+        <div class="base-info">
+          <span>关键词：</span>
+          <el-input
+            @keyup.enter.native="()=>{currentPage=1;_getSceneData()}"
+            v-model="searchKey"
+            placeholder="关键词"
+          ></el-input>
+
+        </div>
+      </div>
+      <!-- 全部 -->
+      <div class="scene-management_bottom">
+        <div class="order-management-table">
+          <el-table
+            key="order_table"
+            ref="order_table"
+            class="e-table"
+            :data="scenes"
+            style="width: 100%"
+          >
+            <el-table-column label="标题">
+              <template slot-scope="scope">
+                <a :href="scope.row.webSite" target="_blank" style="cursor: pointer;">
+                  {{scope.row.title}}
+                </a>
+              </template>
+            </el-table-column>
+            <el-table-column label="拍摄时间">
+              <template slot-scope="scope">
+                <div>{{new Date(scope.row.createTime).format('yyyy-MM-dd hh:mm:ss')}}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="status" label="状态">
+              <template slot-scope="scope">
+                {{statusMap[scope.row.status]}}
+              </template>
+            </el-table-column>
+            <el-table-column prop="snCode" label="拍摄设备snCode" ></el-table-column>
+            <el-table-column prop="userId" label="所属用户"></el-table-column>
+
+          </el-table>
+        </div>
+        <div class="order-management-pagination">
+          <el-pagination
+            @current-change="handleCurrentChange"
+            :current-page.sync="currentPage"
+            :page-size="pageSize"
+            layout="total, prev, pager, next, jumper"
+            :total="total"
+          ></el-pagination>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+
+
+        // "childName": "",
+        // "createTime": "2021-08-18 20:22:42",
+        // "id": "t-8RZswdS",
+        // "path": "/mnt/data/00001001/877605413455921152/74ee2a32dbde_202108180952482000/results",
+        // "recount": null,
+        // "shootTime": "",
+        // "snCode": "",
+        // "status": 0,
+        // "title": "楼顶",
+        // "updateTime": null,
+        // "userId": null,
+        // "webSite": "https://testlaser.4dkankan.com/maxkk/t-8RZswdS"
+
+const statusMap = {
+  0: '未初始化',
+  1: '初始化完成'
+}
+
+export default {
+  data () {
+    return {
+      currentPage: 1,
+      fullscreenLoading: false,
+      total: 0,
+      pageSize: 10,
+      searchKey: '',
+      scenes: [],
+      statusMap
+    }
+  },
+  methods: {
+    async changTypeHandle (item) {
+      this.fullscreenLoading = true
+      await this.$http.post('/manager/scene/updateSceneType', {
+        sceneType: item.sceneType,
+        sceneNum: item.num
+      })
+
+      this._getSceneData()
+      this.fullscreenLoading = false
+    },
+    async _getSceneData() {
+      this.fullscreenLoading = true
+      let res = await this.$http.post('http://120.25.146.52:9294/indoor/scene/list', {
+        searchKey: this.searchKey,
+        pageNum: this.currentPage,
+        pageSize: this.pageSize
+      })
+
+      this.scenes = res.data.content
+      
+      this.fullscreenLoading = false
+      this.total = res.data.totalElements
+
+    },
+    handleCurrentChange (val) {
+      let page = val
+      // console.log(`当前页: ${val}`)
+      if (this.total > 0 && !this.hasClickSearch) {
+        this._getSceneData(page)
+      } else {
+        this._searchOrderByPage(page)
+      }
+    },
+  },
+  watch: {
+    currentPage () {
+      this._getSceneData()
+    }
+  },
+  created () {
+    this._getSceneData()
+  }
+}
+</script>
+<style lang="css" scoped>
+@import "./style.css";
+</style>
+<style type="text/css">
+.el-table__expand-icon > i {
+  display: none !important;
+}
+
+.delete_btn span {
+  color: #f56c6c;
+}
+
+.download_btn span {
+  color: #09e1c0;
+}
+
+.el-dialog__body {
+  padding: 10px 20px;
+}
+
+.el-dialog__title {
+  font-weight: 700;
+}
+
+.el-progress-bar {
+  margin-top: 10px;
+}
+
+.el-dialog {
+  border-radius: 7px;
+}
+
+.cancle-download-btn {
+  background: #09e1c0;
+  color: white;
+  width: 120px;
+  font-size: 16px;
+  font-weight: 100;
+  letter-spacing: 1px;
+  border: none;
+}
+
+.cancle-download-btn:hover {
+  background: #09e1c0;
+  color: white;
+}
+
+.cancle-download-btn:focus {
+  color: white;
+}
+
+#progressText {
+  padding: 0 0 20px 0;
+  font-weight: 100;
+}
+
+#downloadDataName,
+#percent {
+  font-size: 16px;
+  font-weight: 200;
+  color: black;
+}
+
+#percent {
+  float: right;
+}
+</style>

src/page/laser/style.css

@@ -0,0 +1,160 @@
+.scene-management-body {
+  width: 100%;
+  float: left;
+  /*  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);*/
+  /*border: 1px solid #ebeef5;*/
+}
+
+.order_check_row {
+  display: flex;
+  width: 100%;
+}
+
+.product_info {
+  width: 50%;
+  flex-direction: column;
+  display: flex;
+  padding: 20px;
+  background: #fff;
+}
+
+.order_info {
+  width: 50%;
+  padding: 20px;
+  margin-left: 20px;
+  background: #fff;
+}
+
+.product_info_title {
+  text-align: left;
+  font-weight: 700;
+  margin-bottom: 20px;
+}
+
+.product_info_body {
+  margin-left: 30px;
+  display: flex;
+}
+
+.product_info_body_img {
+  width: 110px;
+  height: 110px;
+  border: 1px solid #ddd;
+}
+
+.product_img {
+  margin: 5px auto;
+  width: 100px;
+  height: 100px;
+}
+
+.product_info_body_info {
+  margin-left: 50px;
+}
+
+.product_info_body_info_item {
+  line-height: 27px;
+  text-align: left;
+}
+
+.product_info_body_info_item_title {
+  width: 100px;
+  display: inline-block;
+  margin-right: 20px;
+  font-weight: 700;
+}
+
+.order_info_title {
+  text-align: left;
+  font-weight: 700;
+  margin-bottom: 20px;
+}
+
+.order_info_body {
+  margin-left: 30px;
+  text-align: left;
+}
+
+.order_info_body_info_item {
+  line-height: 23px;
+  padding: 10px 0;
+  border-bottom: 1px solid #f5f5f5;
+  text-align: left;
+}
+
+.order_info_body_info_item_title {
+  width: 100px;
+  display: inline-block;
+  margin-right: 20px;
+  font-weight: 700;
+}
+
+.order-management-body {
+  width: 100%;
+  margin: 30px 0 20px 0;
+  float: left;
+}
+
+.order-management-inner {
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  /*border: 1px solid #ebeef5;*/
+  padding: 20px;
+  background: #fff;
+  border-radius: 5px;
+}
+
+.base-info {
+  margin: 20px 0;
+}
+
+.scene-management_bottom {
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  /*border: 1px solid #ebeef5;*/
+  margin-top: 30px;
+  background: #fff;
+  border-radius: 5px;
+  padding: 20px 0;
+}
+
+.scene-management_tab {
+  margin: 0 0 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.scene-management_tab ul {
+  display: inline-block;
+}
+
+.scene-management_tab li {
+  display: inline-block;
+  cursor: pointer;
+  color: #999;
+  line-height: 1;
+}
+
+.scene-management_tab_li_active {
+  color: #000!important;
+  font-weight: bold;
+}
+
+.order-management-table {
+  margin: 0 20px;
+}
+
+.order-management-pagination {
+  padding: 20px 20px 0;
+  position: relative;
+  text-align: right;
+}
+
+.el-input {
+  width: 220px;
+}

src/page/layout/slide.vue

@@ -55,6 +55,7 @@ export default {
         text: '更多设置',
         link: {name: 'home'},
         children: [
+          { text: '激光场景', link: {name: 'laser'} },
           { text: '场景管理', link: {name: 'scene'} },
           { text: '反馈消息', link: {name: 'feedback'} },
           { text: '设备管理', link: {name: 'device'} },

src/router/index.js

@@ -58,6 +58,12 @@ export default new Router({
           meta: {text: '场景管理'}
         },
         {
+          path: '/laser',
+          name: 'laser',
+          component: require('@/page/laser').default,
+          meta: {text: '激光场景'}
+        },
+        {
           path: '/user',
           name: 'User',
           component: require('@/page/user').default,