锅炉

src/views/boilerOperationRecord/index.vue

@@ -0,0 +1,86 @@
+<template>
+  <div class="ele-body">
+    <el-card shadow="never" v-loading="loading">
+      <div class="switch">
+        <div class="switch_left">
+          <ul>
+            <li
+              v-for="item in tabOptions"
+              :key="item.key"
+              :class="{ active: activeComp == item.key }"
+              @click="handleClick(item)"
+            >
+              {{ item.name }}
+            </li>
+          </ul>
+        </div>
+        <!-- <div class="right" style="padding: 10px">
+          <el-button @click="$router.go(-1)">返回</el-button>
+        </div> -->
+      </div>
+      <div class="main">
+        <div v-if="activeComp == 'plan'">
+          <plan ref="tableRef" :pageName="'boilerOperationRecord'"></plan>
+        </div>
+        <div v-if="activeComp == 'workOrder'">
+          <workOrder ref="tableRef" :pageName="'boilerOperationRecord'"></workOrder>
+        </div>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+  import plan from '@/views/recordComponents/plan.vue';
+  import workOrder from '@/views/recordComponents//workOrder.vue';
+
+  export default {
+    components: {
+      plan,
+      workOrder
+    },
+    data() {
+      return {
+        activeComp: 'plan',
+        tabOptions: [
+          { key: 'plan', name: '计划' },
+          { key: 'workOrder', name: '工单' }
+        ],
+        // 加载状态
+        loading: false
+      };
+    },
+    mounted() {
+      console.log(this.$route.query);
+      switch (this.$route.query.title) {
+        case '计划':
+          this.activeComp = 'plan';
+          break;
+        case '工单':
+          this.activeComp = 'workOrder';
+          break;
+        default:
+          break;
+      }
+    },
+    methods: {
+      handleClick(val) {
+        this.activeComp = val.key;
+        this.$refs.tableRef && this.$refs.tableRef.reload();
+      }
+    }
+  };
+</script>
+
+<style lang="scss" scoped>
+  ::v-deep .el-card__body {
+    padding-top: 0;
+    padding-left: 0;
+  }
+  .main {
+    padding-left: 17px;
+    .plan {
+      padding-top: 15px;
+    }
+  }
+</style>

src/views/recordComponents/plan.vue

@@ -83,13 +83,7 @@
     <programRulesDialog
       ref="programRulesDialogRef"
       @reload="reload"
-      :planType="
-        pageName == 'productionRecords'
-          ? 2
-          : pageName == 'steamInjectionInspectionRecord'
-          ? 3
-          : 4
-      "
+      :planType="planTypeList[pageName]"
     ></programRulesDialog>
   </div>
 </template>
@@ -119,6 +113,13 @@
     },
     data() {
       return {
+        planTypeList: {
+          productionRecords: 2,
+          steamInjectionInspectionRecord: 3,
+          solidWasteRecord: 4,
+          boilerOperationRecord: 6
+        },
+
         columns: [
           {
             columnKey: 'index',
@@ -364,12 +365,7 @@
           ...order,
           pageNum: page,
           size: limit,
-          planType:
-            this.pageName == 'productionRecords'
-              ? 2
-              : this.pageName == 'steamInjectionInspectionRecord'
-              ? 3
-              : 4
+          planType: this.planTypeList[this.pageName]
         };
         return recordrulesplanPage(body);
       },
@@ -392,7 +388,7 @@
               ? '生产记录'
               : this.pageName == 'steamInjectionInspectionRecord'
               ? '注汽检查记录'
-              : '固废记录'
+              :this.pageName == 'solidWasteRecord'? '固废记录':'锅炉运行记录'
           )
         );
       },

src/views/recordComponents/workOrder.vue

@@ -79,6 +79,12 @@
     },
     data() {
       return {
+        planTypeList: {
+          productionRecords: 2,
+          steamInjectionInspectionRecord: 3,
+          solidWasteRecord: 4,
+          boilerOperationRecord: 6
+        },
         columns: [
           {
             columnKey: 'index',
@@ -325,12 +331,7 @@
           ...order,
           pageNum: page,
           size: limit,
-          planType:
-            this.pageName == 'productionRecords'
-              ? 2
-              : this.pageName == 'steamInjectionInspectionRecord'
-              ? 3
-              : 4
+          planType: this.planTypeList[this.pageName]
         };
         return producetaskrulerecordQueryRecordWorkOrderPage(body);
       },