裂解炉炉管测温测压

ui/src/views/production/pressure/H109.vue

@@ -68,25 +68,25 @@
 
     <el-table v-loading="loading" :data="pressureList" @selection-change="handleSelectionChange" :height="clientHeight" border>
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="裂解炉名称" align="center" prop="furnanceName"   width="100"/>
+      <el-table-column label="裂解炉名称" align="center" prop="furnanceName" :show-overflow-tooltip="true" width="100"/>
       <el-table-column label="巡检日期" align="center" prop="recordTime" width="100">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.recordTime, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="PASS1出口左" align="center" prop="pass1"  >
+      <el-table-column label="PASS1出口左" align="center" prop="pass1" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[14] }}</span>
           </template>
         </el-table-column>
-        <el-table-column v-for="(item,index) in 14" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 14" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS1出口右" align="center" prop="pass2"  >
+      <el-table-column label="PASS1出口右" align="center" prop="pass2" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass2[14] }}</span>
@@ -98,7 +98,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS2出口左" align="center" prop="pass3"  >
+      <el-table-column label="PASS2出口左" align="center" prop="pass3" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass3[14] }}</span>
@@ -110,7 +110,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS2出口右" align="center" prop="pass4"  >
+      <el-table-column label="PASS2出口右" align="center" prop="pass4" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass4[14] }}</span>
@@ -122,7 +122,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS3出口左" align="center" prop="pass5"  >
+      <el-table-column label="PASS3出口左" align="center" prop="pass5" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass5[14] }}</span>
@@ -134,7 +134,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS3出口右" align="center" prop="pass6"  >
+      <el-table-column label="PASS3出口右" align="center" prop="pass6" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass6[14] }}</span>
@@ -146,7 +146,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS4出口左" align="center" prop="pass7"  >
+      <el-table-column label="PASS4出口左" align="center" prop="pass7" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass7[14] }}</span>
@@ -158,7 +158,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS4出口右" align="center" prop="pass8"  >
+      <el-table-column label="PASS4出口右" align="center" prop="pass8" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass8[14] }}</span>
@@ -170,7 +170,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS5出口左" align="center" prop="pass9"  >
+      <el-table-column label="PASS5出口左" align="center" prop="pass9" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass9[14] }}</span>
@@ -182,7 +182,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS5出口右" align="center" prop="pass10"  >
+      <el-table-column label="PASS5出口右" align="center" prop="pass10" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass10[14] }}</span>
@@ -194,7 +194,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS6出口左" align="center" prop="pass11"  >
+      <el-table-column label="PASS6出口左" align="center" prop="pass11" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass11[14] }}</span>
@@ -206,7 +206,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS6出口右" align="center" prop="pass12"  >
+      <el-table-column label="PASS6出口右" align="center" prop="pass12" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass12[14] }}</span>
@@ -218,7 +218,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS7出口左" align="center" prop="pass13"  >
+      <el-table-column label="PASS7出口左" align="center" prop="pass13" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass13[14] }}</span>
@@ -230,7 +230,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS7出口右" align="center" prop="pass14"  >
+      <el-table-column label="PASS7出口右" align="center" prop="pass14" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass14[14] }}</span>
@@ -242,7 +242,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS8出口左" align="center" prop="pass15"  >
+      <el-table-column label="PASS8出口左" align="center" prop="pass15" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass15[14] }}</span>
@@ -254,7 +254,7 @@
           </template>
         </el-table-column>
       </el-table-column>
-      <el-table-column label="PASS8出口右" align="center" prop="pass16"  >
+      <el-table-column label="PASS8出口右" align="center" prop="pass16" :show-overflow-tooltip="true">
         <el-table-column label="入口" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass16[14] }}</span>
@@ -588,18 +588,18 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测压列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H109";
-        console.log(this.queryParams)
-        console.time("myCode");
         listPressure(this.queryParams).then(response => {
-
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }
             if (response.rows[i].pass2 == null) { response.rows[i].pass2 = []; } else { response.rows[i].pass2 = response.rows[i].pass2.split(','); }
@@ -618,7 +618,6 @@
             if (response.rows[i].pass15 == null) { response.rows[i].pass15 = []; } else { response.rows[i].pass15 = response.rows[i].pass15.split(','); }
             if (response.rows[i].pass16 == null) { response.rows[i].pass16 = []; } else { response.rows[i].pass16 = response.rows[i].pass16.split(','); }
           }
-          console.timeEnd("myCode");
           this.pressureList = response.rows;
           this.total = response.total;
           this.loading = false;

ui/src/views/production/pressure/H110.vue

@@ -80,7 +80,7 @@
             <span>{{ scope.row.pass1[10] }}</span>
           </template>
         </el-table-column>
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -436,15 +436,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测压列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H110";
-        console.log(this.queryParams)
         listPressure(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/pressure/H111.vue

@@ -80,7 +80,7 @@
             <span>{{ scope.row.pass1[10] }}</span>
           </template>
         </el-table-column>
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -436,15 +436,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测压列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H111";
-        console.log(this.queryParams)
         listPressure(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/pressure/H112.vue

@@ -80,7 +80,7 @@
             <span>{{ scope.row.pass1[10] }}</span>
           </template>
         </el-table-column>
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -436,15 +436,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测压列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H112";
-        console.log(this.queryParams)
         listPressure(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/pressure/H113.vue

@@ -80,7 +80,7 @@
             <span>{{ scope.row.pass1[10] }}</span>
           </template>
         </el-table-column>
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -436,15 +436,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测压列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H113";
-        console.log(this.queryParams)
         listPressure(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/pressure/H114.vue

@@ -80,7 +80,7 @@
             <span>{{ scope.row.pass1[10] }}</span>
           </template>
         </el-table-column>
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -436,15 +436,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测压列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H114";
-        console.log(this.queryParams)
         listPressure(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/pressure/H115.vue

@@ -80,7 +80,7 @@
             <span>{{ scope.row.pass1[10] }}</span>
           </template>
         </el-table-column>
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -436,15 +436,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测压列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H115";
-        console.log(this.queryParams)
         listPressure(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/pressure/H116.vue

@@ -80,7 +80,7 @@
             <span>{{ scope.row.pass1[10] }}</span>
           </template>
         </el-table-column>
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -436,15 +436,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测压列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H116";
-        console.log(this.queryParams)
         listPressure(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/pressure/H117.vue

@@ -80,7 +80,7 @@
             <span>{{ scope.row.pass1[10] }}</span>
           </template>
         </el-table-column>
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -436,15 +436,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测压列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H117";
-        console.log(this.queryParams)
         listPressure(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/pressure/H118.vue

@@ -80,7 +80,7 @@
             <span>{{ scope.row.pass1[10] }}</span>
           </template>
         </el-table-column>
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -436,15 +436,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测压列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H118";
-        console.log(this.queryParams)
         listPressure(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/pressure/H130.vue

@@ -83,7 +83,7 @@
         <el-table-column label="1" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[0] }}</span>
-          </template>
+          </template>  
         </el-table-column>
         <el-table-column label="1" align="center" width="60">
           <template slot-scope="scope">
@@ -508,15 +508,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测压列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H130";
-        console.log(this.queryParams)
         listPressure(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/pressure/index.vue

@@ -1,19 +1,19 @@
 <template>
   <div class="app-container">
-    <el-tabs :tab-position="tabPosition">
-      <el-tab-pane label="H109"><H109></H109></el-tab-pane>
-      <el-tab-pane label="H110"><H110></H110></el-tab-pane>
-      <el-tab-pane label="H111"><H111></H111></el-tab-pane>
-      <el-tab-pane label="H112"><H112></H112></el-tab-pane>
-      <el-tab-pane label="H113"><H113></H113></el-tab-pane>
-      <el-tab-pane label="H114"><H114></H114></el-tab-pane>
-      <el-tab-pane label="H115"><H115></H115></el-tab-pane>
-      <el-tab-pane label="H116"><H116></H116></el-tab-pane>
-      <el-tab-pane label="H117"><H117></H117></el-tab-pane>
-      <el-tab-pane label="H118"><H118></H118></el-tab-pane>
-      <el-tab-pane label="H130"><H130></H130></el-tab-pane>
-      <el-tab-pane label="COIL">COIL</el-tab-pane>
-      <el-tab-pane label="MAX">MAX</el-tab-pane>
+    <el-tabs :tab-position="tabPosition" @tab-click="handleClick" v-model="activeName">
+      <el-tab-pane label="H109" name="h109"><H109 ref="h109"></H109></el-tab-pane>
+      <el-tab-pane label="H110" name="h110"><H110 ref="h110"></H110></el-tab-pane>
+      <el-tab-pane label="H111" name="h111"><H111 ref="h111"></H111></el-tab-pane>
+      <el-tab-pane label="H112" name="h112"><H112 ref="h112"></H112></el-tab-pane>
+      <el-tab-pane label="H113" name="h113"><H113 ref="h113"></H113></el-tab-pane>
+      <el-tab-pane label="H114" name="h114"><H114 ref="h114"></H114></el-tab-pane>
+      <el-tab-pane label="H115" name="h115"><H115 ref="h115"></H115></el-tab-pane>
+      <el-tab-pane label="H116" name="h116"><H116 ref="h116"></H116></el-tab-pane>
+      <el-tab-pane label="H117" name="h117"><H117 ref="h117"></H117></el-tab-pane>
+      <el-tab-pane label="H118" name="h118"><H118 ref="h118"></H118></el-tab-pane>
+      <el-tab-pane label="H130" name="h130"><H130 ref="h130"></H130></el-tab-pane>
+      <el-tab-pane label="COIL" name="coil">COIL</el-tab-pane>
+      <el-tab-pane label="MAX" name="max">MAX</el-tab-pane>
     </el-tabs>
   </div>
 </template>
@@ -35,8 +35,41 @@
     components: { H109, H110, H111, H112, H113, H114, H115, H116, H117, H118, H130 },
     data() {
       return {
-        tabPosition: 'left'
+        tabPosition: 'left',
+        activeName: 'h109'
       };
+    },
+    created() {
+      this.$nextTick(() => {
+        this.handleClick();
+      })
+    },
+    methods: {
+      handleClick(tab, event) {
+        if (this.activeName == 'h109') {
+          this.$refs.h109.init();
+        } else if (this.activeName == 'h110') {
+          this.$refs.h110.init();
+        } else if (this.activeName == 'h111') {
+          this.$refs.h111.init();
+        } else if (this.activeName == 'h112') {
+          this.$refs.h112.init();
+        } else if (this.activeName == 'h113') {
+          this.$refs.h113.init();
+        } else if (this.activeName == 'h114') {
+          this.$refs.h114.init();
+        } else if (this.activeName == 'h115') {
+          this.$refs.h115.init();
+        } else if (this.activeName == 'h116') {
+          this.$refs.h116.init();
+        } else if (this.activeName == 'h117') {
+          this.$refs.h117.init();
+        } else if (this.activeName == 'h118') {
+          this.$refs.h118.init();
+        } else if (this.activeName == 'h130') {
+          this.$refs.h130.init();
+        }
+      },
     }
   }
 </script>

ui/src/views/production/temperature/H109.vue

@@ -75,7 +75,7 @@
         </template>
       </el-table-column>
       <el-table-column label="PASS1出口左" align="center" prop="pass1" :show-overflow-tooltip="true">
-        <el-table-column v-for="(item,index) in 14" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 14" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -460,15 +460,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测温列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H109";
-        console.log(this.queryParams)
         listTemperature(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/temperature/H110.vue

@@ -75,7 +75,7 @@
         </template>
       </el-table-column>
       <el-table-column label="PASS1出口" align="center" prop="pass1" :show-overflow-tooltip="true">
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -364,15 +364,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测温列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H110";
-        console.log(this.queryParams)
         listTemperature(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/temperature/H111.vue

@@ -75,7 +75,7 @@
         </template>
       </el-table-column>
       <el-table-column label="PASS1出口" align="center" prop="pass1" :show-overflow-tooltip="true">
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -364,15 +364,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测温列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H111";
-        console.log(this.queryParams)
         listTemperature(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/temperature/H112.vue

@@ -75,7 +75,7 @@
         </template>
       </el-table-column>
       <el-table-column label="PASS1出口" align="center" prop="pass1" :show-overflow-tooltip="true">
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -364,15 +364,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测温列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H112";
-        console.log(this.queryParams)
         listTemperature(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/temperature/H113.vue

@@ -75,7 +75,7 @@
         </template>
       </el-table-column>
       <el-table-column label="PASS1出口" align="center" prop="pass1" :show-overflow-tooltip="true">
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -364,15 +364,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测温列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H113";
-        console.log(this.queryParams)
         listTemperature(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/temperature/H114.vue

@@ -75,7 +75,7 @@
         </template>
       </el-table-column>
       <el-table-column label="PASS1出口" align="center" prop="pass1" :show-overflow-tooltip="true">
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -364,15 +364,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测温列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H114";
-        console.log(this.queryParams)
         listTemperature(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/temperature/H115.vue

@@ -75,7 +75,7 @@
         </template>
       </el-table-column>
       <el-table-column label="PASS1出口" align="center" prop="pass1" :show-overflow-tooltip="true">
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -364,15 +364,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测温列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H115";
-        console.log(this.queryParams)
         listTemperature(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/temperature/H116.vue

@@ -75,7 +75,7 @@
         </template>
       </el-table-column>
       <el-table-column label="PASS1出口" align="center" prop="pass1" :show-overflow-tooltip="true">
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -364,15 +364,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测温列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H116";
-        console.log(this.queryParams)
         listTemperature(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/temperature/H117.vue

@@ -75,7 +75,7 @@
         </template>
       </el-table-column>
       <el-table-column label="PASS1出口" align="center" prop="pass1" :show-overflow-tooltip="true">
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -364,15 +364,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测温列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H117";
-        console.log(this.queryParams)
         listTemperature(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/temperature/H118.vue

@@ -75,7 +75,7 @@
         </template>
       </el-table-column>
       <el-table-column label="PASS1出口" align="center" prop="pass1" :show-overflow-tooltip="true">
-        <el-table-column v-for="(item,index) in 10" :label="((index+1).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 10" :label="(index+1).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -364,15 +364,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测温列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H118";
-        console.log(this.queryParams)
         listTemperature(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/temperature/H130.vue

@@ -75,7 +75,7 @@
         </template>
       </el-table-column>
       <el-table-column label="PASS1" align="center" prop="pass1" :show-overflow-tooltip="true">
-        <el-table-column v-for="(item,index) in 3" :label="((index+4).toString()).toString()" align="center" width="60">
+        <el-table-column v-for="(item,index) in 3" :label="(index+4).toString()" align="center" width="60">
           <template slot-scope="scope">
             <span>{{ scope.row.pass1[index] }}</span>
           </template>
@@ -412,15 +412,17 @@
       this.$nextTick(() => {
         this.clientHeight = document.body.clientHeight -250
       })
-      this.getList();
-      this.getTreeselect();
+      // this.getList();
+      // this.getTreeselect();
     },
     methods: {
+      init() {
+        this.getList();
+      },
       /** 查询裂解炉炉管测温列表 */
       getList() {
         this.loading = true;
         this.queryParams.furnanceName = "H130";
-        console.log(this.queryParams)
         listTemperature(this.queryParams).then(response => {
           for (let i = 0; i< response.rows.length; i++) {
             if (response.rows[i].pass1 == null) { response.rows[i].pass1 = []; } else { response.rows[i].pass1 = response.rows[i].pass1.split(','); }

ui/src/views/production/temperature/index.vue

@@ -1,19 +1,19 @@
 <template>
   <div class="app-container">
-    <el-tabs :tab-position="tabPosition">
-      <el-tab-pane label="H109"><H109></H109></el-tab-pane>
-      <el-tab-pane label="H110"><H110></H110></el-tab-pane>
-      <el-tab-pane label="H111"><H111></H111></el-tab-pane>
-      <el-tab-pane label="H112"><H112></H112></el-tab-pane>
-      <el-tab-pane label="H113"><H113></H113></el-tab-pane>
-      <el-tab-pane label="H114"><H114></H114></el-tab-pane>
-      <el-tab-pane label="H115"><H115></H115></el-tab-pane>
-      <el-tab-pane label="H116"><H116></H116></el-tab-pane>
-      <el-tab-pane label="H117"><H117></H117></el-tab-pane>
-      <el-tab-pane label="H118"><H118></H118></el-tab-pane>
-      <el-tab-pane label="H130"><H130></H130></el-tab-pane>
-      <el-tab-pane label="COIL">COIL</el-tab-pane>
-      <el-tab-pane label="MAX">MAX</el-tab-pane>
+    <el-tabs :tab-position="tabPosition" @tab-click="handleClick" v-model="activeName">
+      <el-tab-pane label="H109" name="h109"><H109 ref="h109"></H109></el-tab-pane>
+      <el-tab-pane label="H110" name="h110"><H110 ref="h110"></H110></el-tab-pane>
+      <el-tab-pane label="H111" name="h111"><H111 ref="h111"></H111></el-tab-pane>
+      <el-tab-pane label="H112" name="h112"><H112 ref="h112"></H112></el-tab-pane>
+      <el-tab-pane label="H113" name="h113"><H113 ref="h113"></H113></el-tab-pane>
+      <el-tab-pane label="H114" name="h114"><H114 ref="h114"></H114></el-tab-pane>
+      <el-tab-pane label="H115" name="h115"><H115 ref="h115"></H115></el-tab-pane>
+      <el-tab-pane label="H116" name="h116"><H116 ref="h116"></H116></el-tab-pane>
+      <el-tab-pane label="H117" name="h117"><H117 ref="h117"></H117></el-tab-pane>
+      <el-tab-pane label="H118" name="h118"><H118 ref="h118"></H118></el-tab-pane>
+      <el-tab-pane label="H130" name="h130"><H130 ref="h130"></H130></el-tab-pane>
+      <el-tab-pane label="COIL" name="coil">COIL</el-tab-pane>
+      <el-tab-pane label="MAX" name="max">MAX</el-tab-pane>
     </el-tabs>
   </div>
 </template>
@@ -31,12 +31,45 @@
   import H118 from "./H118"
   import H130 from "./H130"
   export default {
-    name: "Temperatue",
+    name: "Temperature",
     components: { H109, H110, H111, H112, H113, H114, H115, H116, H117, H118, H130 },
     data() {
       return {
-        tabPosition: 'left'
+        tabPosition: 'left',
+        activeName: 'h109'
       };
+    },
+    created() {
+      this.$nextTick(() => {
+        this.handleClick();
+      })
+    },
+    methods: {
+      handleClick(tab, event) {
+        if (this.activeName == 'h109') {
+          this.$refs.h109.init();
+        } else if (this.activeName == 'h110') {
+          this.$refs.h110.init();
+        } else if (this.activeName == 'h111') {
+          this.$refs.h111.init();
+        } else if (this.activeName == 'h112') {
+          this.$refs.h112.init();
+        } else if (this.activeName == 'h113') {
+          this.$refs.h113.init();
+        } else if (this.activeName == 'h114') {
+          this.$refs.h114.init();
+        } else if (this.activeName == 'h115') {
+          this.$refs.h115.init();
+        } else if (this.activeName == 'h116') {
+          this.$refs.h116.init();
+        } else if (this.activeName == 'h117') {
+          this.$refs.h117.init();
+        } else if (this.activeName == 'h118') {
+          this.$refs.h118.init();
+        } else if (this.activeName == 'h130') {
+          this.$refs.h130.init();
+        }
+      },
     }
   }
 </script>