[update] 设备管理

src/views/systemOverview/wellheadDataMonitoring/WellheadDataMonitoring.vue

@@ -12,10 +12,10 @@
               <a-select class="search-input" style="margin-left: 8px;" v-model="queryParam.singleWell" placeholder="请选择单井">
                 <a-select-option v-for="item in singleWellList" :key="item.id" :value="item.id">{{ item.name }}</a-select-option>
               </a-select>
-              <span class="search-operate-btns">
-                <a-button class="search-btn" type="primary" @click="searchQuery">
-                  <img :src="require('@assets/images/icon/search.png')" alt="查询" class="search-btn-icon">
-                  <span class="search-btn-text">查询</span>
+              <span class="search-operate-btns custom-btns-box">
+                <a-button class="btn-blue" type="primary" @click="searchQuery">
+                  <img :src="require('@assets/images/icon/search.png')" alt="查询" class="btn-icon">
+                  <span class="btn-text">查询</span>
                 </a-button>
               </span>
             </a-form-item>
@@ -73,12 +73,12 @@
           <div class="working-status-container">
             <div class="working-status-title">名称：华h62-1</div>
             <div class="working-status-img">
-              <img :src="isWorking ? working : suspend" alt="油井工作状态">
+              <img :src="workingStatus" alt="油井工作状态">
             </div>
             <div class="working-status-btns">
-              <a-button class="primary-btn">远程启井</a-button>
-              <a-button class="danger-btn">远程停井</a-button>
-              <a-button class="primary-btn">频率控制</a-button>
+              <a-button @click="handleChangeWorkingCondition(true)" class="primary-btn">远程启井</a-button>
+              <a-button @click="handleChangeWorkingCondition(false)" class="danger-btn">远程停井</a-button>
+              <a-button @click="handleChangeWorkingCondition(true)" class="primary-btn">频率控制</a-button>
             </div>
           </div>
         </common-card>
@@ -137,8 +137,7 @@
 <!--        </span>-->
 <!--      </a-table>-->
 <!--    </div>-->
-    <div class='mb-20'>
-
+    <div>
       <a-table
         style='display: inline-block; width: calc(100% - 110px)'
         bordered
@@ -197,12 +196,12 @@ export default {
   components: { ResponsiveChart, CommonCardInfo, CommonCard },
   data () {
     return {
-      // 是否工作中
-      isWorking: true,
-      // 工作中图片
-      suspend: require('@/assets/images/systemOverview/wellheadDataMonitoring/suspend.gif'),
       // 暂停中图片
-      working: require('@/assets/images/systemOverview/wellheadDataMonitoring/working.gif'),
+      suspend: require('@/assets/images/systemOverview/wellheadDataMonitoring/suspend.gif'),
+      // 工作中图片
+      working: require('@assets/images/systemOverview/wellheadDataMonitoring/working.gif'),
+      // 是否工作中
+      workingStatus: require('@/assets/images/systemOverview/wellheadDataMonitoring/working.gif'),
       loading: false,
       queryParam: {},
       wellSiteList: [],
@@ -707,6 +706,14 @@ export default {
           }
         ]
       })
+    },
+    // 油井工作状态
+    handleChangeWorkingCondition (status) {
+      if (status === true) {
+        this.workingStatus = this.working
+      } else if (status === false) {
+        this.workingStatus = this.suspend
+      }
     }
   }
 }
@@ -825,19 +832,6 @@ export default {
   }
 }
 
-// 表格样式
-
-// 表头字体
-/deep/ .ant-table-thead tr > th {
-  font-family: Alimama ShuHeiTi, Alimama ShuHeiTi, sans-serif;
-  font-weight: bold;
-  font-size: 14px;
-  line-height: 20px;
-}
-// 表头边框错位
-/deep/ .ant-table-fixed-header .ant-table-scroll .ant-table-header {
-  margin-right: -11px;
-}
 // 确认
 .confirm,
 .confirm:hover {