修改AI工艺模块数据显示

src/views/calc/gyComper/index.vue

@@ -40,7 +40,7 @@
       </el-col>
       <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
-    -->
+    
     <el-table v-loading="loading" :data="dayYhjList">
       <el-table-column label="产线" align="center">
         <template #default="scope">
@@ -84,10 +84,49 @@
         </template>
       </el-table-column>
     </el-table>
+    -->
+    <table style="width: 100%;" cellspacing="0" cellpadding="0">
+      <thead>
+        <tr><td colspan="2" style="text-align:center" width="15%">产线</td><td :width="(85/dayYhjList.length)+'%'" v-for="item in dayYhjList">{{ item.line+'#' }}</td></tr>
+        <tr><td colspan="2" style="text-align:center" width="15%">生产时段</td><td :width="(85/dayYhjList.length)+'%'" v-for="item in dayYhjList">{{ item.start+' 到 '+item.end }}</td></tr>
+      </thead>
+      </table>
+      <div style="width: 100%;height: 560px;overflow-y: auto;">
+        <table style="width: 100%;" cellspacing="0" cellpadding="0">
+          <tbody style="width: 100%;">
+            <tr><td colspan="2" style="text-align:center" width="15%">工艺配置</td><td :width="(85/dayYhjList.length)+'%'" v-for="item in dayYhjList" @click="lookdetail(item)"><a href="javascript:void(0)">查看</a></td></tr>
+            <tr><td colspan="2" style="text-align:center" width="15%">白坯投放量</td><td :width="(85/dayYhjList.length)+'%'" v-for="item in dayYhjList">{{ item.bp }}</td></tr>
+            <tr><td colspan="2" style="text-align:center" width="15%">产能</td><td :width="(85/dayYhjList.length)+'%'" v-for="item in dayYhjList">{{ item.length }}</td></tr>
+            <tr><td rowspan=2 style="text-align:center" width="5%">总能耗</td><td width="10%">电</td><td :width="(85/dayYhjList.length)+'%'" v-for="item in dayYhjList">{{ item.elect }}</td></tr>
+            <tr><td >导热油</td><td v-for="item in dayYhjList">{{ item.oil }}</td></tr>
+            <tr><td rowspan=9 style="text-align:center" >前整</td><td >定型次数</td><td  v-for="item in dayYhjList">{{ item.qz.dx }}</td></tr>
+            <tr><td >烘箱平均温度</td><td  v-for="item in dayYhjList">{{ item.qz.hxAvgTemp }}</td></tr>
+            <tr><td >高梳次数</td><td  v-for="item in dayYhjList">{{ item.qz.gs }}</td></tr>
+            <tr><td >双棍烫光次数</td><td  v-for="item in dayYhjList">{{ item.qz.tg }}</td></tr>
+            <tr><td >烫辊平均温度</td><td  v-for="item in dayYhjList">{{ item.qz.tgAvgTemp }}</td></tr>
+            <tr><td >烫光平均速度</td><td  v-for="item in dayYhjList">{{ item.qz.tgAvgSpeed }}</td></tr>
+            <tr><td >双棍刷毛次数</td><td  v-for="item in dayYhjList">{{ item.qz.sm }}</td></tr>
+            <tr><td >电</td><td  v-for="item in dayYhjList">{{ item.qz.elect }}</td></tr>
+            <tr><td >导热油</td><td  v-for="item in dayYhjList">{{ item.qz.oil }}</td></tr>
+            <tr><td style="text-align:center" >印染</td><td >印花次数</td><td  v-for="item in dayYhjList">{{ item.yr.yh }}</td></tr>
+            <tr><td rowspan=11 style="text-align:center" >后整</td><td >定型次数</td><td  v-for="item in dayYhjList">{{ item.hz.dx }}</td></tr>
+            <tr><td >烘箱平均温度</td><td  v-for="item in dayYhjList">{{ item.hz.hxAvgTemp }}</td></tr>
+            <tr><td >刷毛次数</td><td  v-for="item in dayYhjList">{{ item.hz.sm }}</td></tr>
+            <tr><td >高梳次数</td><td  v-for="item in dayYhjList">{{ item.hz.gs }}</td></tr>
+            <tr><td >起毛次数</td><td  v-for="item in dayYhjList">{{ item.hz.qm }}</td></tr>
+            <tr><td >双棍烫光</td><td  v-for="item in dayYhjList">{{ item.hz.sg }}</td></tr>
+            <tr><td >烫辊平均温度</td><td  v-for="item in dayYhjList">{{ item.hz.tgAvgTemp }}</td></tr>
+            <tr><td >烫光平均速度</td><td  v-for="item in dayYhjList">{{ item.hz.tgAvgSpeed }}</td></tr>
+            <tr><td >烫剪</td><td  v-for="item in dayYhjList">{{ item.hz.tj }}</td></tr>       
+            <tr><td >电</td><td  v-for="item in dayYhjList">{{ item.hz.elect }}</td></tr>
+            <tr><td >导热油</td><td  v-for="item in dayYhjList">{{ item.hz.oil }}</td></tr>
+          </tbody>
+        </table>
+      </div>    
   </div>
   <el-dialog :title="dlgTitle" v-model="openDetail" width="1000px" append-to-body>
       <el-form style="height:500px;width:100%;">
-        <el-table row-key="id" :data="detailList" :tree-props="{children:'children',hasChildren:'hasChildren'}" style="height:500px;width:100%;">
+        <el-table row-key="id" :data="detailList" :expand-row-keys="expandedKeys" :tree-props="{children:'children',hasChildren:'hasChildren'}" style="height:500px;width:100%;">
           <el-table-column label="产线段/设备" align="left" prop="title" width="360">
           </el-table-column>
           <el-table-column label="参数名" align="left" prop="paraname" width="200"></el-table-column>
@@ -114,7 +153,7 @@
 import { listDayYhj, getDayYhj, delDayYhj, addDayYhj, updateDayYhj } from "@/api/calc/dayYhj";
 import { ElLoading, ElMessage } from 'element-plus'
 const { proxy } = getCurrentInstance();
-
+const expandedKeys=ref([]);
 const dayYhjList = ref([]);
 const detailList = ref([]);
 const openDetail = ref(false);
@@ -191,6 +230,7 @@ function lookdetail(item){
       id:pid+"-"+(idIndex+1),
       dataKey:key,
     })
+    expandedKeys.value.push(pid+"-"+(idIndex+1));
     idIndex++;
   }
   for (let index = 0; index < tmplst.length; index++) {
@@ -220,6 +260,7 @@ function lookdetail(item){
             id:pid+"-"+(idIndex+1)+"-"+i2+paraList.length,
             datatype:"para"
           })
+          expandedKeys.value.push(pid+"-"+(idIndex+1)+"-"+i2+paraList.length);
         }
         if(paraList.length>0){
           paraList.sort((a, b) => a.paraname.localeCompare(b.paraname));
@@ -250,6 +291,7 @@ function lookdetail(item){
         id:pid+"-"+(idIndex+1),
         dataKey:key,
       })
+      expandedKeys.value.push(pid+"-"+(idIndex+1));
       idIndex++;
     }
     tmplst[index].children = level2;
@@ -355,5 +397,32 @@ function handleExport() {
 .el-time-spinner__wrapper{
     width: 100% !important;
 }
-
+a{
+  color: cornflowerblue !important;
+}
+table thead tr{
+  height: 32px;
+  font-weight: bold;
+  color: #666;
+  background-color: #f8f8f9;
+}
+table tbody tr{
+  height: 32px;
+  color: #666;
+}
+table tbody tr:hover{
+  background-color: #ededed !important;
+}
+table tr td{
+  font-size: 14px;
+  padding: 2px 3px;
+  border-bottom: 1px solid #dfe1e7;
+}
+table:not(.el-date-table) tbody>tr:nth-child(odd) {
+  background-color:transparent; /* 奇数行 */
+}
+     
+table:not(.el-date-table) tbody>tr:nth-child(even) {
+  background-color: #f4f4f4; /* 偶数行 */
+}
 </style>