工单号、产品编码、产品名称自动换行

快乐的昕的电脑

2025-12-03 a6be240e4e2ffb4c9d286818dcd22f6bf85607a3

 pages/index.vue

@@ -82,13 +82,13 @@
                           <input class="form-input" disabled="true" type="text" v-model="item.procName" /><!--工序-->
                        </uni-td>
                        <uni-td align="center">
                           <input class="form-input" disabled="true" type="text" v-model="item.daa001" /><!--工单号-->
                           <div class="form-input">{{ item.daa001 }}</div><!--工单号-->
                        </uni-td>
                        <uni-td align="center">
                           <input class="form-input" disabled="true" type="text" v-model="item.daa002" /><!--产品编码-->
                           <div class="form-input">{{ item.daa002 }}</div><!--产品编码-->
                        </uni-td>
                        <uni-td align="center">
                           <input class="form-input" disabled="true" type="text" v-model="item.daa003" /><!--产品名称-->
                           <div class="form-input">{{ item.daa003 }}</div><!--产品名称-->
                        </uni-td>
                        <uni-td align="center">
                           <input class="form-input" disabled="true" type="text" v-model="item.daa004" /><!--规格-->
@@ -103,7 +103,8 @@
                           <input class="form-input" disabled="true" type="text" v-model="item.daa008" /><!--派工数量-->
                        </uni-td>
                        <!--<uni-td align="center">
                           <input class="form-input" disabled="true" type="text" v-model="item.daa008" />--><!--工单数量-->
      <input class="form-input" disabled="true" type="text" v-model="item.daa008" />-->
                        <!--工单数量-->
                        <!--</uni-td>-->
                        <uni-td align="center">
                           <input class="form-input" disabled="true" type="text" v-model="item.daa018" /><!--工单状态-->
@@ -213,13 +214,13 @@
                              <input class="form-input" disabled="true" type="text" v-model="item.procName" /><!--工序-->
                           </uni-td>
                           <uni-td align="center">
                              <input class="form-input" disabled="true" type="text" v-model="item.daa001" />
                              <div class="form-input">{{ item.daa001 }}</div>
                           </uni-td>
                           <uni-td align="center">
                              <input class="form-input" disabled="true" type="text" v-model="item.daa002" />
                              <div class="form-input">{{ item.daa002 }}</div>
                           </uni-td>
                           <uni-td align="center">
                              <input class="form-input" disabled="true" type="text" v-model="item.daa003" /><!--产品名称-->
                              <div class="form-input">{{ item.daa003 }}</div>
                           </uni-td>
                           <uni-td align="center">
                              <input class="form-input" disabled="true" type="text" v-model="item.daa004" /><!--规格-->
@@ -234,7 +235,8 @@
                              <input class="form-input" disabled="true" type="text" v-model="item.daa008" /><!--派工数量-->
                           </uni-td>
                           <!--<uni-td align="center">
                              <input class="form-input" disabled="true" type="text" v-model="item.daa008" />--><!--工单数量-->
      <input class="form-input" disabled="true" type="text" v-model="item.daa008" />-->
                           <!--工单数量-->
                           <!--</uni-td>-->
                           <uni-td align="center">
                              <input class="form-input" disabled="true" type="text" v-model="item.daa018" /><!--工单状态-->
@@ -980,10 +982,16 @@
        /* Increased font size for table headers */
    }

   .form-input {
      font-size: 1.8vw;
      /* Increased input font size */
   }
    .form-input {
        word-break: break-all;
        white-space: normal;
        line-height: 1.4;
        text-align: center;
        vertical-align: middle;
        max-width: 180px;
        overflow-wrap: break-word;
        font-size: 1.8vw;
    }

   /* 底部保存和取消按钮 */
    .bottom-section {