优化loading

.postcssrc.js

@@ -0,0 +1,8 @@
+// module.exports = {
+//   plugins: {
+//     "postcss-pxtorem": {
+//       rootValue: 37.5,
+//       propList: ["*"],
+//     },
+//   },
+// };

package.json

@@ -33,6 +33,7 @@
     "js-md5": "^0.7.3",
     "less": "^4.1.3",
     "less-loader": "^11.1.0",
+    "postcss-pxtorem": "^6.0.0",
     "style-resources-loader": "^1.5.0",
     "swiper": "^5.3.6",
     "vue-awesome-swiper": "^4.1.0",

src/main.js

@@ -2,7 +2,7 @@ import Vue from "vue";
 import App from "./App.vue";
 import router from "./router";
 import store from "./store";
-
+//import "./utils/rem";
 //引入element-ui
 import "../src/assets/css/theme/index.css"; //l绿色主题
 import ElementUI from "element-ui";

src/utils/rem.js

@@ -0,0 +1,12 @@
+//兼容处理
+function setHtml() {
+  //获取设备宽度
+  var deviceWidth = document.documentElement.offsetWidth;
+  //给html标签设置fontSize，就是给rem赋值
+  document.documentElement.style.fontSize = (deviceWidth / 375) * 10 + "px";
+}
+
+//窗口大小变化的时候执行
+window.onresize = setHtml;
+//页面初始加载时也要触发
+setHtml();

src/views/management/monitoringEquipment/deviceReport/index.vue

@@ -246,7 +246,7 @@
             prop="protocolName"
             label="最新基本信息采集时间"
             show-overflow-tooltip
-            min-width="120"
+            min-width="180"
           />
           <el-table-column
             prop="protocolName"
@@ -289,7 +289,7 @@
             prop="protocolName"
             label="最新工作状态采集时间"
             show-overflow-tooltip
-            min-width="120"
+            min-width="180"
           />
           <el-table-column
             prop="protocolName"
@@ -337,7 +337,7 @@
             prop="protocolName"
             label="最新运行状态采集时间"
             show-overflow-tooltip
-            min-width="120"
+            min-width="180"
           />
           <el-table-column
             prop="protocolName"
@@ -367,7 +367,7 @@
             prop="protocolName"
             label="最新GPS位置采集时间"
             show-overflow-tooltip
-            min-width="120"
+            min-width="180"
           />
           <el-table-column
             prop="protocolName"

src/views/management/monitoringEquipment/photographicDevice/index.vue

@@ -351,7 +351,15 @@
                 type="text"
                 class="deleteText"
                 @click.native.stop="handleDelete(scope.row)"
-                >删除</el-button
+                v-if="scope.row.status == 1"
+                >关闭</el-button
+              >
+              <el-button
+                type="text"
+                class="deleteText"
+                @click.native.stop="handleDelete(scope.row)"
+                v-if="scope.row.status == 0"
+                >打开</el-button
               >
             </template>
           </el-table-column>
@@ -681,7 +689,7 @@ export default {
         termid: data.id,
       });
       console.log(this.deleteArr);
-      this.$confirm("确定要删除记录吗,同时删除关联关系?", "提示", {
+      this.$confirm("确定要关闭该装置?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning",
@@ -695,7 +703,7 @@ export default {
           this.$message({
             duration: 1500,
             type: "success",
-            message: "删除成功!",
+            message: "关闭成功!",
             showClose: true,
           });
         })

src/views/realTimeMonitor/index.vue

@@ -663,6 +663,8 @@ export default {
     },
     //获取图片
     getTerminalPhotoList(id, date, termId) {
+      this.btnpicloading = false;
+      this.btnvideoloading = false;
       this.clearfun();
       this.terminalPhoto = [];
       console.log(id, date, termId);