调试

快乐的昕的电脑

2025-11-24 df0beceef628abba4befd67edab8e6b81cc749b6

 pages/index.vue

@@ -195,17 +195,17 @@
                              class="large-selection-table" @selection-change="selectionChange">
                        <uni-tr>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 100px;">工序</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 120px;">工单号</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 120px;">产品编码</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 140px;">工单号</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 260px;">产品编码</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 260px;">产品名称</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 260px;">规格</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 80px;">已生产数量</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 80px;">未生产数量</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 80px;">派工数量</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 80px;">工单数量</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 100px;">工单状态</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 100px;">报工人</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 100px;">选择</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 200px;">规格</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 70px;">已生产数量</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 70px;">未生产数量</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 70px;">派工数量</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 70px;">工单数量</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 90px;">工单状态</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 90px;">报工人</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF; width: 90px;">选择</uni-th>
                        </uni-tr>
                        <uni-tr v-for="(item, index) in tableData"
                              :key="index"
@@ -1073,12 +1073,15 @@
      }
   }

    .uni-td, .uni-th, td, th {
        word-break: break-all;
        white-space: normal;
        /* 可选：设置最大宽度，防止撑破表格 */
        max-width: 180px;
        overflow-wrap: break-word;
    .uni-td,
    td {
        white-space: normal !important; // 允许自动换行
        word-break: break-all !important; // 单词/中文都能断行
        line-height: 1.4; // 行高适当，便于多行显示
        text-align: center; // 居中显示（如需左对齐可改为 left）
        vertical-align: middle; // 垂直居中
        max-width: 180px; // 保持单元格最大宽度
        overflow-wrap: break-word; // 兼容性更好
    }

    // 放大弹窗内表格字体（表头和内容）
@@ -1105,7 +1108,7 @@
    .th,
    .uni-th,
    th {
        font-size: 3vw !important;
        font-size: 1.7vw !important;
        font-weight: bold;
        letter-spacing: 2px;
    }