tj

src/pages/eq/hall/components/hallModal.vue

 <template>
-  <el-dialog title="编辑" :visible.sync="hallModalVisible" :append-to-body="true">
-    <el-form >
+  <el-dialog
+    title="设定频率"
+    :visible.sync="hallModalVisible"
+    :append-to-body="true"
+  >
+    <el-form>
       <el-form-item label="设定频率：" :label-width="formLabelWidth">
         <el-input size="mini" autocomplete="off"></el-input>
       </el-form-item>
-      <el-form-item label="启动控制：" :label-width="formLabelWidth">
-             <el-switch ></el-switch>
-      </el-form-item>
+      <!-- <el-form-item label="启动控制：" :label-width="formLabelWidth">
+        <el-switch></el-switch>
+      </el-form-item> -->
     </el-form>
-    <div slot="footer" >
+    <div slot="footer">
       <el-button @click="cancelhandle">取 消</el-button>
       <el-button type="primary" @click="cancelhandle">确 定</el-button>
     </div>
   </el-dialog>
-  
 </template>
 <script lang="ts">
 export default {
-  name: "hallModal",
-  props: ["hallModalVisible"],
+  name: 'hallModal',
+  props: ['hallModalVisible'],
   data() {
     return {
-        formLabelWidth:'120px',
-    };
+      formLabelWidth: '120px'
+    }
   },
-  methods:{
-    cancelhandle(){
-        this.$emit('cancelhandle')
+  methods: {
+    cancelhandle() {
+      this.$emit('cancelhandle')
     }
   }
-};
+}
 </script>

src/pages/eq/hall/page.vue

@@ -51,16 +51,17 @@
           </div>
         </div>
         <!-- table  -->
-        <enTable v-on:handleBtnClick="handleBtnClick" :tableData="tableData" :tableColums="tableColums" :isShowOp="true" isShowPage="true">
+        <enTable :tableData="tableData" :tableColums="tableColums" :isShowOp="true" isShowPage="true">
           <template v-slot:operation='scope'>
-            <el-button type="text" @click="hallModalVisible=true">编辑</el-button>
-
+            <el-button type="text" @click="statusHandle" >开启</el-button>
+            <el-button type="text" @click="statusHandle">关闭</el-button>
+            <el-button type="text" @click="statusHandle" v-if="activeTab=='01'">故障复位</el-button>
+            <el-button type="text" @click="handleBtnClick" v-if="activeTab!='01'">设置频率</el-button>
           </template>
         </enTable>
       </div>
     </cardList>
     <hall-modal v-on:cancelhandle="cancelhandle" :hallModalVisible="hallModalVisible"></hall-modal>
-    hallModalVisible
   </div>
 </template>
 <script>
@@ -71,9 +72,9 @@ import hallModal from './components/hallModal'
 import {
   tableDataOne,
   tableColumsOne,
+  tableColumsTwo,
   tableDataTwo,
-  tableDataThree,
-  tableDataFour
+  tableDataThree
 } from './config'
 
 export default {
@@ -91,17 +92,13 @@ export default {
           this.tableData = tableDataOne
           break
         case '02':
-          this.tableColums = tableColumsOne
+          this.tableColums = tableColumsTwo
           this.tableData = tableDataTwo
           break
         case '03':
-          this.tableColums = tableColumsOne
+          this.tableColums = tableColumsTwo
           this.tableData = tableDataThree
           break
-        case '04':
-          this.tableColums = tableColumsOne
-          this.tableData = tableDataFour
-          break
       }
     }
   },
@@ -114,18 +111,14 @@ export default {
       tabList: [
         {
           value: '01',
-          label: '热泵'
-        },
-        {
-          value: '02',
           label: '风冷热泵机组'
         },
         {
-          value: '03',
+          value: '02',
           label: '室内机风柜'
         },
         {
-          value: '04',
+          value: '03',
           label: ' 水泵'
         }
       ],
@@ -140,6 +133,9 @@ export default {
     },
     handleBtnClick() {
       this.hallModalVisible = true
+    },
+    statusHandle() {
+
     }
   }
 }