打印优化

src/views/material/repair/repairManage/component/home.vue

@@ -362,7 +362,7 @@
             <div class="title" style="text-align: center; font-weight: 600; font-size: 16px; margin-bottom:20px">
                 维修任务单编号明细
             </div>
-            <el-table :data="getListViewInfo"  width="100%" border>
+            <!-- <el-table :data="getListViewInfo"  width="100%" border>
               <el-table-column align="center" label="序号" type="index" width="55" />
               <el-table-column label="类型名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
               <el-table-column label="规格型号" align="center" prop="type" :show-overflow-tooltip="true"/>
@@ -373,7 +373,57 @@
                   <div v-if="scope.row.status=='0'">未完成</div>
                 </template>
               </el-table-column>
-            </el-table>
+            </el-table> -->
+            <table
+              class="table"
+              style="
+                width: 100%;
+                margin-top: 20px;
+                border: 1px solid #333;
+                border-collapse: collapse;
+                text-align: center;
+              "
+            >
+              <thead>
+                <tr style="background-color: #f5f7fa;">
+                  <th style="border: 1px solid #333; padding: 8px; width: 55px;">序号</th>
+                  <th style="border: 1px solid #333; padding: 8px;">类型名称</th>
+                  <th style="border: 1px solid #333; padding: 8px;">规格型号</th>
+                  <th style="border: 1px solid #333; padding: 8px;">设备编码</th>
+                  <th style="border: 1px solid #333; padding: 8px;">状态</th>
+                </tr>
+              </thead>
+
+              <tbody>
+                <tr v-for="(row, index) in getListViewInfo" :key="index">
+                  <!-- 序号 -->
+                  <td style="border: 1px solid #333; padding: 8px;">{{ index + 1 }}</td>
+
+                  <!-- 类型名称 -->
+                  <td style="border: 1px solid #333; padding: 8px;" :title="row.typeName">
+                    {{ row.typeName }}
+                  </td>
+
+                  <!-- 规格型号 -->
+                  <td style="border: 1px solid #333; padding: 8px;" :title="row.type">
+                    {{ row.type }}
+                  </td>
+
+                  <!-- 设备编码 -->
+                  <td style="border: 1px solid #333; padding: 8px;" :title="row.code">
+                    {{ row.code }}
+                  </td>
+
+                  <!-- 状态 -->
+                  <td style="border: 1px solid #333; padding: 8px;">
+                    <span v-if="row.status == '1'">已完成</span>
+                    <span v-else-if="row.status == '0'">未完成</span>
+                    <span v-else>-</span>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+
           </div>
         <!-- </vue-easy-print> -->
       </div>