文字修改

.history/src/views/index/components/sbjk_20220116213101.vue

@@ -1,146 +0,0 @@
-<template>
-  <div class="panel sbgk">
-    <!--<img :class="{ 'arrowTransform': !flag, 'arrowTransformReturn': flag}" src="./aa.png" alt="" @click="flag = !flag">-->
-
-    <div class="panel-tit">设备工况</div>
-    <div class="pie-box">
-      <div class="pie-item">
-        <pie-sounder v-on:GetKey="GetCon"></pie-sounder>
-      </div>
-      <div class="pie-item">
-        <pie-camera v-on:Camera="CameCon"></pie-camera>
-      </div>
-    </div>
-    <div class="num-analysis">
-      <div>
-        <ul style="display:flex;">
-          <li>
-            <p class="num-tit">停用</p>
-            <p class="num-no">{{stop}}</p>
-          </li>
-          <li style="border-right: 1px dashed #42a4ff;">
-            <p class="num-tit">启用</p>
-            <p class="num-no" style="color: #f84803;">{{using}}</p>
-          </li>
-          <li>
-            <p class="num-tit">报废</p>
-            <p class="num-no">{{scrap}}</p>
-          </li>
-        </ul>
-      </div>
-      <div>
-        <ul>
-          <li @click="postMsg('total', '摄像头')">
-            <p class="num-tit">设备总数</p>
-            <p class="num-no" style="color: #00acff">{{total}}</p>
-          </li>
-          <li @click="postMsg('error', '摄像头')">
-            <p class="num-tit">异常数量</p>
-            <p class="num-no" style="color: #fec400">{{error}}</p>
-          </li>
-        </ul>
-      </div>
-    </div>
-
-    <div class="panel-footer"></div>
-  </div>
-</template>
-<script>
-import pieSounder from "./pieSounder";
-import PieCamera from "./pieCamera";
-
-export default {
-  components: { pieSounder, PieCamera },
-  name: "sbgk",
-  data() {
-    return {
-      flag: false,
-      stop:0,//周界停用
-      scrap:0,//周界报废
-      using:0,//周界启用
-
-      total:0,//摄像机总数
-      error:0,//摄像机在线数量
-    };
-  },
-  mounted() {
-
-  },
-  methods: {
-    GetCon(val){
-      this.stop = val.stop
-      this.scrap = val.scrap
-      this.using = val.using
-    },
-    CameCon(val){
-      this.total=val.total
-      this.error=val.total-val.online
-    },
-    postMsg(state, name) {
-      var myframe = document.getElementById("otherPage"); //获取iframe
-      myframe.contentWindow.postMessage({ state: state, name: name }, "*"); //childDomain是子页面的源（协议+主机+端口号）
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-
-// 设备工况
-.panel.sbgk {
-  z-index: 2;
-}
-//  .arrowTransform{
-//     transition: 0.2s;
-//     transform-origin: center;
-//     transform: rotateZ(180deg);
-//   }
-//   .arrowTransformReturn{
-//     transition: 0.2s;
-//     transform-origin: center;
-//     transform: rotateZ(0deg);
-//   }
-.pie-item {
-  width: 50%;
-  height: 24rem;
-  display: inline-block;
-  vertical-align: top;
-}
-.num-analysis {
-  margin: 1rem;
-  display: flex;
-}
-.num-analysis > div {
-  width: 50%;
-  border: 1px solid #3486da;
-  display: inline-block;
-  background: #074198;
-}
-.num-analysis > div:first-child {
-  margin-right: 1rem;
-}
-
-.num-analysis ul li {
-  padding: 0 1rem;
-  margin: 10px 0;
-  float: left;
-  width: 50%;
-
-  text-align: center;
-  position: relative;
-}
-
-.num-analysis ul li:first-child {
-  border-right: 1px dashed #42a4ff;
-}
-.num-tit {
-  font-size: 1.4rem;
-  margin-bottom: 1rem;
-  white-space: nowrap;  //强制不换行
-}
-.num-no {
-  font-size: 1.8rem;
-  color: #04f9ab;
-  font-family: "impact";
-}
-</style>

.history/src/views/index/components/sbjk_20220116213106.vue

@@ -1,146 +0,0 @@
-<template>
-  <div class="panel sbgk">
-    <!--<img :class="{ 'arrowTransform': !flag, 'arrowTransformReturn': flag}" src="./aa.png" alt="" @click="flag = !flag">-->
-
-    <div class="panel-tit">设备工况</div>
-    <div class="pie-box">
-      <div class="pie-item">
-        <pie-sounder v-on:GetKey="GetCon"></pie-sounder>
-      </div>
-      <div class="pie-item">
-        <pie-camera v-on:Camera="CameCon"></pie-camera>
-      </div>
-    </div>
-    <div class="num-analysis">
-      <div>
-        <ul style="display:flex;">
-          <li>
-            <p class="num-tit">停用</p>
-            <p class="num-no">{{stop}}</p>
-          </li>
-          <li style="border-right: 1px dashed #42a4ff;">
-            <p class="num-tit">启用</p>
-            <p class="num-no" style="color: #f84803;">{{using}}</p>
-          </li>
-          <li>
-            <p class="num-tit">报废</p>
-            <p class="num-no">{{scrap}}</p>
-          </li>
-        </ul>
-      </div>
-      <div>
-        <ul>
-          <li @click="postMsg('total', '摄像头')">
-            <p class="num-tit">设备总数</p>
-            <p class="num-no" style="color: #00acff">{{total}}</p>
-          </li>
-          <li @click="postMsg('error', '摄像头')">
-            <p class="num-tit">异常数量</p>
-            <p class="num-no" style="color: #fec400">{{error}}</p>
-          </li>
-        </ul>
-      </div>
-    </div>
-
-    <div class="panel-footer"></div>
-  </div>
-</template>
-<script>
-import pieSounder from "./pieSounder";
-import PieCamera from "./pieCamera";
-
-export default {
-  components: { pieSounder, PieCamera },
-  name: "sbgk",
-  data() {
-    return {
-      flag: false,
-      stop:0,//周界停用
-      scrap:0,//周界报废
-      using:0,//周界启用
-
-      total:0,//摄像机总数
-      error:0,//摄像机在线数量
-    };
-  },
-  mounted() {
-
-  },
-  methods: {
-    GetCon(val){
-      this.stop = val.stop
-      this.scrap = val.scrap
-      this.using = val.using
-    },
-    CameCon(val){
-      this.total=val.total
-      this.error=val.total-val.online
-    },
-    postMsg(state, name) {
-      var myframe = document.getElementById("otherPage"); //获取iframe
-      myframe.contentWindow.postMessage({ state: state, name: name }, "*"); //childDomain是子页面的源（协议+主机+端口号）
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-
-// 设备工况
-.panel.sbgk {
-  z-index: 2;
-}
-//  .arrowTransform{
-//     transition: 0.2s;
-//     transform-origin: center;
-//     transform: rotateZ(180deg);
-//   }
-//   .arrowTransformReturn{
-//     transition: 0.2s;
-//     transform-origin: center;
-//     transform: rotateZ(0deg);
-//   }
-.pie-item {
-  width: 50%;
-  height: 24rem;
-  display: inline-block;
-  vertical-align: top;
-}
-.num-analysis {
-  margin: 1rem;
-  display: flex;
-}
-.num-analysis > div {
-  width: 50%;
-  border: 1px solid #3486da;
-  display: inline-block;
-  background: #074198;
-}
-.num-analysis > div:first-child {
-  margin-right: 1rem;
-}
-
-.num-analysis ul li {
-  padding: 0 1rem;
-  margin: 10px 0;
-  float: left;
-  width: 50%;
-
-  text-align: center;
-  position: relative;
-}
-
-.num-analysis ul li:first-child {
-  border-right: 1px dashed #42a4ff;
-}
-.num-tit {
-  font-size: 1.4rem;
-  margin-bottom: 1rem;
-  white-space: nowrap;  //强制不换行
-}
-.num-no {
-  font-size: 1.8rem;
-  color: #04f9ab;
-  font-family: "impact";
-}
-</style>

.history/src/views/index/components/sbjk_20220120091329.vue

@@ -1,155 +0,0 @@
-<template>
-  <div class="panel sbgk">
-    <!--<img :class="{ 'arrowTransform': !flag, 'arrowTransformReturn': flag}" src="./aa.png" alt="" @click="flag = !flag">-->
-
-    <div class="panel-tit">设备工况</div>
-    <div class="pie-box">
-      <div class="pie-item">
-        <pie-sounder v-on:GetKey="GetCon"></pie-sounder>
-      </div>
-      <div class="pie-item">
-        <pie-camera v-on:Camera="CameCon"></pie-camera>
-      </div>
-    </div>
-    <div class="num-analysis">
-      <div>
-        <ul style="display:flex;">
-          <li>
-            <p class="num-tit">停用</p>
-            <p class="num-no">{{stop}}</p>
-          </li>
-          <li style="border-right: 1px dashed #42a4ff;">
-            <p class="num-tit">启用</p>
-            <p class="num-no" style="color: #f84803;">{{using}}</p>
-          </li>
-          <li>
-            <p class="num-tit">报废</p>
-            <p class="num-no">{{scrap}}</p>
-          </li>
-        </ul>
-      </div>
-      <div>
-        <ul>
-          <li>
-            <p class="num-tit">设备总数</p>
-            <p class="num-no" style="color: #00acff">{{total}}</p>
-          </li>
-          <li>
-            <p class="num-tit">异常数量</p>
-            <p class="num-no" style="color: #fec400">{{error}}</p>
-          </li>
-
-          <!-- <li @click="postMsg('total', '摄像头')">
-            <p class="num-tit">设备总数</p>
-            <p class="num-no" style="color: #00acff">{{total}}</p>
-          </li>
-          <li @click="postMsg('error', '摄像头')">
-            <p class="num-tit">异常数量</p>
-            <p class="num-no" style="color: #fec400">{{error}}</p>
-          </li> -->
-        </ul>
-      </div>
-    </div>
-
-    <div class="panel-footer"></div>
-  </div>
-</template>
-<script>
-import pieSounder from "./pieSounder";
-import PieCamera from "./pieCamera";
-
-export default {
-  components: { pieSounder, PieCamera },
-  name: "sbgk",
-  data() {
-    return {
-      flag: false,
-      stop:0,//周界停用
-      scrap:0,//周界报废
-      using:0,//周界启用
-
-      total:0,//摄像机总数
-      error:0,//摄像机在线数量
-    };
-  },
-  mounted() {
-
-  },
-  methods: {
-    GetCon(val){
-      this.stop = val.stop
-      this.scrap = val.scrap
-      this.using = val.using
-    },
-    CameCon(val){
-      this.total=val.total
-      this.error=val.total-val.online
-    },
-    postMsg(state, name) {
-      var myframe = document.getElementById("otherPage"); //获取iframe
-      myframe.contentWindow.postMessage({ state: state, name: name }, "*"); //childDomain是子页面的源（协议+主机+端口号）
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-
-// 设备工况
-.panel.sbgk {
-  z-index: 2;
-}
-//  .arrowTransform{
-//     transition: 0.2s;
-//     transform-origin: center;
-//     transform: rotateZ(180deg);
-//   }
-//   .arrowTransformReturn{
-//     transition: 0.2s;
-//     transform-origin: center;
-//     transform: rotateZ(0deg);
-//   }
-.pie-item {
-  width: 50%;
-  height: 24rem;
-  display: inline-block;
-  vertical-align: top;
-}
-.num-analysis {
-  margin: 1rem;
-  display: flex;
-}
-.num-analysis > div {
-  width: 50%;
-  border: 1px solid #3486da;
-  display: inline-block;
-  background: #074198;
-}
-.num-analysis > div:first-child {
-  margin-right: 1rem;
-}
-
-.num-analysis ul li {
-  padding: 0 1rem;
-  margin: 10px 0;
-  float: left;
-  width: 50%;
-
-  text-align: center;
-  position: relative;
-}
-
-.num-analysis ul li:first-child {
-  border-right: 1px dashed #42a4ff;
-}
-.num-tit {
-  font-size: 1.4rem;
-  margin-bottom: 1rem;
-  white-space: nowrap;  //强制不换行
-}
-.num-no {
-  font-size: 1.8rem;
-  color: #04f9ab;
-  font-family: "impact";
-}
-</style>

.history/src/views/index/components/sbjk_20220120091405.vue

@@ -1,155 +0,0 @@
-<template>
-  <div class="panel sbgk">
-    <!--<img :class="{ 'arrowTransform': !flag, 'arrowTransformReturn': flag}" src="./aa.png" alt="" @click="flag = !flag">-->
-
-    <div class="panel-tit">设备工况</div>
-    <div class="pie-box">
-      <div class="pie-item">
-        <pie-sounder v-on:GetKey="GetCon"></pie-sounder>
-      </div>
-      <div class="pie-item">
-        <pie-camera v-on:Camera="CameCon"></pie-camera>
-      </div>
-    </div>
-    <div class="num-analysis">
-      <div>
-        <ul style="display:flex;">
-          <li>
-            <p class="num-tit">停用</p>
-            <p class="num-no">{{stop}}</p>
-          </li>
-          <li style="border-right: 1px dashed #42a4ff;">
-            <p class="num-tit">启用</p>
-            <p class="num-no" style="color: #f84803;">{{using}}</p>
-          </li>
-          <li>
-            <p class="num-tit">报废</p>
-            <p class="num-no">{{scrap}}</p>
-          </li>
-        </ul>
-      </div>
-      <div>
-        <ul>
-          <li>
-            <p class="num-tit">设备总数</p>
-            <p class="num-no" style="color: #00acff">{{total}}</p>
-          </li>
-          <li>
-            <p class="num-tit">异常数量</p>
-            <p class="num-no" style="color: #fec400">{{error}}</p>
-          </li>
-
-          <!-- <li @click="postMsg('total', '摄像头')">
-            <p class="num-tit">设备总数</p>
-            <p class="num-no" style="color: #00acff">{{total}}</p>
-          </li>
-          <li @click="postMsg('error', '摄像头')">
-            <p class="num-tit">异常数量</p>
-            <p class="num-no" style="color: #fec400">{{error}}</p>
-          </li> -->
-        </ul>
-      </div>
-    </div>
-
-    <div class="panel-footer"></div>
-  </div>
-</template>
-<script>
-import pieSounder from "./pieSounder";
-import PieCamera from "./pieCamera";
-
-export default {
-  components: { pieSounder, PieCamera },
-  name: "sbgk",
-  data() {
-    return {
-      flag: false,
-      stop:0,//周界停用
-      scrap:0,//周界报废
-      using:0,//周界启用
-
-      total:0,//摄像机总数
-      error:0,//摄像机在线数量
-    };
-  },
-  mounted() {
-
-  },
-  methods: {
-    GetCon(val){
-      this.stop = val.stop
-      this.scrap = val.scrap
-      this.using = val.using
-    },
-    CameCon(val){
-      this.total=val.total
-      this.error=val.total-val.online
-    },
-    postMsg(state, name) {
-      var myframe = document.getElementById("otherPage"); //获取iframe
-      myframe.contentWindow.postMessage({ state: state, name: name }, "*"); //childDomain是子页面的源（协议+主机+端口号）
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-
-// 设备工况
-.panel.sbgk {
-  z-index: 2;
-}
-//  .arrowTransform{
-//     transition: 0.2s;
-//     transform-origin: center;
-//     transform: rotateZ(180deg);
-//   }
-//   .arrowTransformReturn{
-//     transition: 0.2s;
-//     transform-origin: center;
-//     transform: rotateZ(0deg);
-//   }
-.pie-item {
-  width: 50%;
-  height: 24rem;
-  display: inline-block;
-  vertical-align: top;
-}
-.num-analysis {
-  margin: 1rem;
-  display: flex;
-}
-.num-analysis > div {
-  width: 50%;
-  border: 1px solid #3486da;
-  display: inline-block;
-  background: #074198;
-}
-.num-analysis > div:first-child {
-  margin-right: 1rem;
-}
-
-.num-analysis ul li {
-  padding: 0 1rem;
-  margin: 10px 0;
-  float: left;
-  width: 50%;
-
-  text-align: center;
-  position: relative;
-}
-
-.num-analysis ul li:first-child {
-  border-right: 1px dashed #42a4ff;
-}
-.num-tit {
-  font-size: 1.4rem;
-  margin-bottom: 1rem;
-  white-space: nowrap;  //强制不换行
-}
-.num-no {
-  font-size: 1.8rem;
-  color: #04f9ab;
-  font-family: "impact";
-}
-</style>

src/views/index/components/pieSounder.vue

@@ -93,7 +93,7 @@ export default {
               },
             },
           },
-          subtext: "设防占比",
+          subtext: "布防占比",
           subtextStyle: {
             color: "#fff",
             fontSize: "12",

src/views/index/components/sbjk.vue

@@ -15,7 +15,7 @@
       <div>
         <ul style="display:flex;">
           <li>
-            <p class="num-tit">设防</p>
+            <p class="num-tit">布防</p>
             <p class="num-no">{{sf}}</p>
           </li>
           <li style="border-right: 1px dashed #42a4ff;">