浏览代码

完善液位高度和宽度

hfxc226 2 年之前
父节点
当前提交
54aa17f858
共有 4 个文件被更改,包括 12 次插入3 次删除
  1. 二进制
      src/assets/kg_green_down.png
  2. 二进制
      src/assets/kg_red_down.png
  3. 4 1
      src/views/opc/Opc.vue
  4. 8 2
      src/views/opc/OpcInfo.vue

二进制
src/assets/kg_green_down.png


二进制
src/assets/kg_red_down.png


+ 4 - 1
src/views/opc/Opc.vue

@@ -45,7 +45,10 @@
             <template slot="title">
               {{ item.description }}
             </template>
-            <img src="@/assets/kg_red_left.png" alt="" width="35px" height="35px">
+            <img v-if="item.imgPosition===null || item.imgPosition===1" src="@/assets/kg_green_left.png" alt="" width="35px" height="35px">
+            <img v-if="item.imgPosition===2" src="@/assets/kg_green_top.png" alt="" width="35px" height="35px">
+            <img v-if="item.imgPosition===3" src="@/assets/kg_green_right.png" alt="" width="35px" height="35px">
+            <img v-if="item.imgPosition===4" src="@/assets/kg_green_down.png" alt="" width="35px" height="35px">
           </a-tooltip>
         </VueDragResize>
         <VueDragResize

+ 8 - 2
src/views/opc/OpcInfo.vue

@@ -48,7 +48,10 @@
             <template slot="title">
               {{ item.description }}
             </template>
-            <img src="@/assets/kg_red_left.png" @click="handleInfo(item)" alt="" width="35px" height="35px">
+            <img v-if="item.imgPosition===1" src="@/assets/kg_red_left.png" @click="handleInfo(item)" alt="" width="35px" height="35px">
+            <img v-if="item.imgPosition===2" src="@/assets/kg_red_top.png" @click="handleInfo(item)" alt="" width="35px" height="35px">
+            <img v-if="item.imgPosition===3" src="@/assets/kg_red_right.png" @click="handleInfo(item)" alt="" width="35px" height="35px">
+            <img v-if="item.imgPosition===4" src="@/assets/kg_red_down.png" @click="handleInfo(item)" alt="" width="35px" height="35px">
           </a-tooltip>
         </VueDragResize>
         <VueDragResize
@@ -68,7 +71,10 @@
             <template slot="title">
               {{ item.description }}
             </template>
-            <img src="@/assets/kg_green_left.png" @click="handleInfo(item)" alt="" width="35px" height="35px">
+            <img v-if="item.imgPosition===null || item.imgPosition===1" src="@/assets/kg_green_left.png" @click="handleInfo(item)" alt="" width="35px" height="35px">
+            <img v-if="item.imgPosition===2" src="@/assets/kg_green_top.png" @click="handleInfo(item)" alt="" width="35px" height="35px">
+            <img v-if="item.imgPosition===3" src="@/assets/kg_green_right.png" @click="handleInfo(item)" alt="" width="35px" height="35px">
+            <img v-if="item.imgPosition===4" src="@/assets/kg_green_down.png" @click="handleInfo(item)" alt="" width="35px" height="35px">
           </a-tooltip>
         </VueDragResize>
         <VueDragResize