样式调整

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

@@ -38,106 +38,188 @@
           <!-- <el-button type="primary" loading v-if="activeIndex > 0 && activeIndex < activeTotalNum">合格92项/共103项</el-button> 
                   <el-button type="primary" v-if="activeIndex >= activeTotalNum" disabled>合格92项/共103项</el-button>  -->
           <span style="  font-size: 18px;font-weight: 600;">
-            设备已合格 <span style="color: #67C23A">{{ qualified }}</span> 台/共 <span style="color: green">{{ 103 }}</span>
-            台
+            数据已合格 <span style="color: #67C23A">{{ qualified }}</span> 项/共 <span style="color: green">{{ 103 }}</span>
+            项
           </span>
         </div>
         <div class="dialog-content">
-          <el-table :data="tableData" row-key="id" height="450px"
+          <el-table :data="tableData" :cell-class-name="tableCell"  row-key="id" height="450px"
             :header-cell-style="{ background: '#003078', color: '#eee', textAlign: 'center' }" style="width: 100%"
             border>
             <el-table-column fixed prop="scriptItemName" label="检测项目" width="210px" />
-
-            <el-table-column label="被检通道1" align="center">
-              <template #default="scope">
-
-                <el-tooltip :content="scope.row.resultType1 === 'info' ? '暂无数据' : '点击查看详情'" placement="top">
-                  <el-button :disabled="scope.row.resultType1 == 'info'" :type="scope.row.resultType1" size="small"
-                    @click="handleClick(scope.row)">
-                    {{ scope.row.resultValue1 }}
-                  </el-button>
+            <el-table-column label="被检通道1" :min-width="minwidth" align="center">
+              <template #header>
+                <span>被检通道1</span>
+                 <el-tooltip content = "240001被检通道1" placement="top" style="align-items: bottom;">
+                  <el-icon><InfoFilled  /></el-icon>
                 </el-tooltip>
-
-
               </template>
-            </el-table-column>
-            <el-table-column label="被检通道2" align="center">
               <template #default="scope">
-                <el-tooltip :content="scope.row.resultType2 === 'info' ? '暂无数据' : '点击查看详情'" placement="top">
-                  <el-button :disabled="scope.row.resultType2 == 'info'" :type="scope.row.resultType2" size="small"
-                    @click="handleClick(scope.row)">
-                    {{ scope.row.resultValue2 }}
-                  </el-button>
+              <!-- <el-tooltip content = "info" placement="top">
+                <i class="el-icon-info"></i>
+              </el-tooltip> -->
+              <el-tooltip :content="scope.row.resultType1==='info' ? '暂无数据' : '点击查看详情'" placement="top">
+                <el-button
+                :disabled = "scope.row.resultType1=='info'"
+                :type="scope.row.resultType1"
+                size="small"
+                @click="handleClick(scope.row)"
+              >
+                {{ scope.row.resultValue1 }}
+              </el-button>
+            </el-tooltip>
+              
+            </template>
+            </el-table-column>
+            <el-table-column label="被检通道2" :min-width="minwidth" align="center">
+              <template #header>
+                <span>被检通道2</span>
+                 <el-tooltip content = "240001被检通道2" placement="top">
+                  <el-icon><InfoFilled  /></el-icon>
+                </el-tooltip>
+              </template>
+              <template #default="scope">
+                <el-tooltip :content="scope.row.resultType2==='info' ? '暂无数据' : '点击查看详情'" placement="top">
+                  <el-button
+                  :disabled = "scope.row.resultType2=='info'"
+                  :type="scope.row.resultType2"
+                  size="small"
+                  @click="handleClick(scope.row)"
+                >
+                  {{ scope.row.resultValue2 }}
+                </el-button>
                 </el-tooltip>
 
               </template>
             </el-table-column>
-            <el-table-column label="被检通道3" align="center">
+            <el-table-column label="被检通道3" :min-width="minwidth" align="center">
+              <template #header>
+                <span>被检通道3</span>
+                 <el-tooltip content = "240001被检通道3" placement="top">
+                  <el-icon><InfoFilled  /></el-icon>
+                </el-tooltip>
+              </template>
               <template #default="scope">
-                <el-tooltip :content="scope.row.resultType3 === 'info' ? '暂无数据' : '点击查看详情'" placement="top">
-                  <el-button :disabled="scope.row.resultType3 == 'info'" :type="scope.row.resultType3" size="small"
-                    @click="handleClick(scope.row)">
-                    {{ scope.row.resultValue3 }}
-                  </el-button>
+                <el-tooltip :content="scope.row.resultType3==='info' ? '暂无数据' : '点击查看详情'" placement="top">
+                  <el-button
+                  :disabled = "scope.row.resultType3=='info'"
+                  :type="scope.row.resultType3"
+                  size="small"
+                  @click="handleClick(scope.row)"
+                >
+                  {{ scope.row.resultValue3 }}
+                </el-button>
                 </el-tooltip>
 
               </template>
             </el-table-column>
-            <el-table-column label="被检通道4" align="center">
-              <template #default="scope">
-                <el-tooltip :content="scope.row.resultType4 === 'info' ? '暂无数据' : '点击查看详情'" placement="top">
-                  <el-button :disabled="scope.row.resultType4 == 'info'" :type="scope.row.resultType4" size="small"
-                    @click="handleClick(scope.row)">
-                    {{ scope.row.resultValue4 }}
-                  </el-button>
+            <el-table-column label="被检通道4" :min-width="minwidth" align="center">
+              <template #header>
+                <span>被检通道4</span>
+                 <el-tooltip content = "240001被检通道4" placement="top">
+                  <el-icon><InfoFilled  /></el-icon>
                 </el-tooltip>
+              </template>
+                            <template #default="scope">
+                              <el-tooltip :content="scope.row.resultType4==='info' ? '暂无数据' : '点击查看详情'" placement="top">
+                                <el-button
+                  :disabled = "scope.row.resultType4=='info'"
+                  :type="scope.row.resultType4"
+                  size="small"
+                  @click="handleClick(scope.row)"
+                >
+                  {{ scope.row.resultValue4 }}
+                </el-button>
+                              </el-tooltip>
 
               </template>
             </el-table-column>
-            <el-table-column p label="被检通道5" align="center">
-              <template #default="scope">
-                <el-tooltip :content="scope.row.resultType5 === 'info' ? '暂无数据' : '点击查看详情'" placement="top">
-                  <el-button :disabled="scope.row.resultType5 == 'info'" :type="scope.row.resultType5" size="small"
-                    @click="handleClick(scope.row)">
-                    {{ scope.row.resultValue5 }}
-                  </el-button>
+            <el-table-column p label="被检通道5" :min-width="minwidth" align="center">
+              <template #header>
+                <span>被检通道5</span>
+                 <el-tooltip content = "240002被检通道1" placement="top">
+                  <el-icon><InfoFilled  /></el-icon>
                 </el-tooltip>
+              </template>
+                            <template #default="scope">
+                              <el-tooltip :content="scope.row.resultType5==='info' ? '暂无数据' : '点击查看详情'" placement="top">
+                                <el-button
+                  :disabled = "scope.row.resultType5=='info'"
+                  :type="scope.row.resultType5"
+                  size="small"
+                  @click="handleClick(scope.row)"
+                >
+                  {{ scope.row.resultValue5 }}
+                </el-button>
+                              </el-tooltip>
 
               </template>
             </el-table-column>
-            <el-table-column label="被检通道6" align="center">
-              <template #default="scope">
-                <el-tooltip :content="scope.row.resultType6 === 'info' ? '暂无数据' : '点击查看详情'" placement="top">
-                  <el-button tip :disabled="scope.row.resultType6 == 'info'" :type="scope.row.resultType6" size="small"
-                    @click="handleClick(scope.row)">
-                    {{ scope.row.resultValue6 }}
-                  </el-button>
+            <el-table-column label="被检通道6" :min-width="minwidth" align="center">
+              <template #header>
+                <span>被检通道6</span>
+                 <el-tooltip content = "240002被检通道2" placement="top">
+                  <el-icon><InfoFilled  /></el-icon>
                 </el-tooltip>
+              </template>
+                            <template #default="scope">
+                              <el-tooltip :content="scope.row.resultType6==='info' ? '暂无数据' : '点击查看详情'" placement="top">
+                                <el-button
+                  tip
+                  :disabled = "scope.row.resultType6=='info'"
+                  :type="scope.row.resultType6"
+                  size="small"
+                  @click="handleClick(scope.row)"
+                >
+                  {{ scope.row.resultValue6 }}
+                </el-button>
+                              </el-tooltip>
 
               </template>
             </el-table-column>
-            <el-table-column label="被检通道7" align="center">
-              <template #default="scope">
-                <el-tooltip :content="scope.row.resultType7 === 'info' ? '暂无数据' : '点击查看详情'" placement="top">
-                  <el-button :disabled="scope.row.resultType7 == 'info'" :type="scope.row.resultType7" size="small"
-                    @click="handleClick(scope.row)">
-                    {{ scope.row.resultValue7 }}
-                  </el-button>
+            <el-table-column label="被检通道7" :min-width="minwidth" align="center">
+              <template #header>
+                <span>被检通道7</span>
+                 <el-tooltip content = "240002被检通道3" placement="top">
+                  <el-icon><InfoFilled  /></el-icon>
                 </el-tooltip>
+              </template>
+                            <template #default="scope">
+                              <el-tooltip :content="scope.row.resultType7==='info' ? '暂无数据' : '点击查看详情'" placement="top">
+                                <el-button
+                  :disabled = "scope.row.resultType7=='info'"
+                  :type="scope.row.resultType7"
+                  size="small"
+                  @click="handleClick(scope.row)"
+                >
+                  {{ scope.row.resultValue7 }}
+                </el-button>
+                              </el-tooltip>
 
               </template>
             </el-table-column>
-            <el-table-column label="被检通道8" align="center">
-              <template #default="scope">
-                <el-tooltip :content="scope.row.resultType8 === 'info' ? '暂无数据' : '点击查看详情'" placement="top">
-                  <el-button :disabled="scope.row.resultType8 == 'info'" :type="scope.row.resultType8" size="small"
-                    @click="handleClick(scope.row)">
-                    {{ scope.row.resultValue8 }}
-                  </el-button>
+            <el-table-column label="被检通道8" :min-width="minwidth" align="center">
+              <template #header>
+                <span>被检通道8</span>
+                 <el-tooltip content = "240002被检通道4" placement="top">
+                  <el-icon><InfoFilled  /></el-icon>
                 </el-tooltip>
+              </template>
+                            <template #default="scope">
+                              <el-tooltip :content="scope.row.resultType8==='info' ? '暂无数据' : '点击查看详情'" placement="top">
+                                <el-button
+                  :disabled = "scope.row.resultType8=='info'"
+                  :type="scope.row.resultType8"
+                  size="small"
+                  @click="handleClick(scope.row)"
+                >
+                  {{ scope.row.resultValue8 }}
+                </el-button>
+                              </el-tooltip>
 
               </template>
             </el-table-column>
+
             <!-- <el-table-column  v-for="(item, index) in monitorList" :key="index"  :prop="item.prop" :label="item.label">
           </el-table-column> -->
 
@@ -263,6 +345,7 @@ const handleCancel = () => {
   //clearInterval(timer.value);
   reportDisabled.value = true;
   activeIndex.value = 0;
+  qualified.value = 0;
   tableData.value.length = 0;
   tableData.value = JSON.parse(JSON.stringify(operatorTableData.value));
 };
@@ -403,7 +486,14 @@ const testLogList = ref([
 ])
 
 const tableKey = ref(0);
+function tableCell ({row,columnIndex}){
 
+  if(columnIndex === 0)
+  {
+    return 'header-row'
+  }
+
+}
 const tableRowClassName = ({
   row,
   rowIndex,
@@ -1867,7 +1957,22 @@ const resumeTimer = () => {
 
 
 </script>
-<style scoped>
+<style scoped lang="scss">
+:deep(.el-table .header-row) {
+  // background-color:var(--el-color-warning-light-9);
+  background-color:#f5f7fa;
+  // color:red;
+  // font-size:30px;
+  // --el-table-tr-bg-color: var(--el-color-warning-light-9);
+}
+:deep(.el-table .warning-row) {
+  // background-color:var(--el-color-warning-light-9);
+  background-color:#bed96557;
+  // color:red;
+  // font-size:30px;
+  // --el-table-tr-bg-color: var(--el-color-warning-light-9);
+}
+
 .change-errsys-dialog {
   display: flex;
   flex-direction: column;