样式调整

frontend/src/views/home/components/channelsTest.vue

@@ -3,22 +3,24 @@
 <div class = "test-dialog">
 
   <div class="dialog-content">
-    <div>当前源输出为：Ua=Ub=Uc=57.74V Ia=Ib=Ic=1A</div>
+
     <div class="right-title">    
-          <div>系数校准表</div>
+          <!-- <div>系数校准表</div> -->
+          <div>当前源输出为：Ua=Ub=Uc=57.74V Ia=Ib=Ic=1A</div>
           <div>
-              <el-button type="primary" loading>通道系数已校准2台/共4台</el-button> 
+              <el-button type="primary" loading v-if="activeIndex > 0 && activeIndex < activeTotalNum">通道系数已校准3台/共3台</el-button> 
+              <el-button type="primary" disabled="true" v-if="activeIndex === activeTotalNum">通道系数已校准3台/共3台</el-button>
           </div>
       </div>
       <div class="right-content">
         <el-tabs type="border-card">
-          <el-tab-pane label="被检设备1">
+          <el-tab-pane label="被检设备1" v-if="activeIndex > 0"> 
             <channelsTestTable></channelsTestTable>
           </el-tab-pane>
-          <el-tab-pane label="被检设备2">
+          <el-tab-pane label="被检设备2" v-if="activeIndex > 1 ">
             <channelsTestTable></channelsTestTable>
           </el-tab-pane>
-          <el-tab-pane label="被检设备3">
+          <el-tab-pane label="被检设备3" v-if="activeIndex > 2 ">
             <channelsTestTable></channelsTestTable>
           </el-tab-pane>
       </el-tabs>
@@ -34,7 +36,7 @@
 import { SuccessFilled } from '@element-plus/icons-vue'
 
 const activeIndex = ref(0)
-const activeTotalNum = ref(5)
+const activeTotalNum = ref(3)
 
 
 const activities = [
@@ -67,33 +69,6 @@ const activities = [
 },
 ]
 
-const errorData = ref([
-    {
-      deviceName: '被检设备1',
-      updataTime: '10:30:08.136', 
-      ErrorValue:'148',
-      Result: '合格', 
-    },
-    {
-      deviceName: '被检设备2',
-      updataTime: '10:30:08.136', 
-      ErrorValue:'136',
-      Result: '合格', 
-    },
-    {
-      deviceName: '被检设备3',
-      updataTime: '10:30:09.006', 
-      ErrorValue:'1006',
-      Result: '不合格', 
-    },
-    {
-      deviceName: '被检设备4',
-      updataTime: '10:30:08.736', 
-      ErrorValue:'736',
-      Result: '合格', 
-    },
-  ])
-
 const currentStepStatus = ref<'error' | 'finish' | 'wait' | 'success' | 'process'>('finish');
 
 const props = defineProps({
@@ -128,6 +103,60 @@ if(ts.value==='start')
 }, 1000);
 }
 })
+// watch(activeIndex, function (newValue, oldValue) {
+
+// if(activeIndex.value === 1)
+// {
+//   activities.value.length = 0;
+//   activities.value.push({
+//     content: '开始检测',
+//     timestamp: '2018-04-12 20:46',
+//     size: 'large',
+//     color: '#0bbd87',
+//     icon: SuccessFilled,
+//   });
+// }
+// if(activeIndex.value === 2)
+// {
+//   activities.value.push({
+//     content: 'GPS上送时刻',
+//     timestamp: '2018-04-03 20:46',
+//     color: '#0bbd87',
+//     icon: SuccessFilled,
+//     size: 'large',
+//   });
+// }
+// if(activeIndex.value === 3)
+// {
+//   activities.value.push({
+//     content: '设备最早上送时刻',
+//     timestamp: '2018-04-03 20:46',
+//     color: '#0bbd87',
+//     icon: SuccessFilled,
+//     size: 'large',
+//   });
+
+//   deviceOperatorData.value.length = 0;
+//   deviceOperatorData.value = deviceData.value;
+// }
+// if(activeIndex.value > 3)
+// {
+//   activities.value.push({
+//     content: '设备最晚上送时刻',
+//     timestamp: '2018-04-03 20:46',
+//     color: '#0bbd87',
+//     icon: SuccessFilled,
+//     size: 'large',
+//   });
+//   activities.value.push({
+//     content: '检测结束',
+//     timestamp: '2018-04-03 20:46',
+//     color: '#0bbd87',
+//     icon: SuccessFilled,
+//     size: 'large',
+//   });
+// }
+// })
 
 const emit = defineEmits(['update:testStatus']);
 //监听sn
@@ -146,4 +175,7 @@ emit('update:testStatus',ts.value)
       justify-content: space-between;
       margin-bottom: 10px;
   }
+  .right-content{
+    min-height: 400px;
+  }
 </style>