添加滚动条

快乐的昕的电脑

2025-09-29 ad35c277126be599a249fd7607bcf43f993af6ab

 pages/index.vue

@@ -178,59 +178,67 @@
                               style="padding: 7px 46px;width: 650px;"></superwei-combox>
               </view>
            </view>
            <view class="section card">
               <uni-table ref="table" type="selection" border stripe emptyText="暂无更多数据"
                        @selection-change="selectionChange">
                  <uni-tr>
                     <uni-th align="center" class="th" style="color: #FFFFFF">工序</uni-th>
                     <uni-th align="center" class="th" style="color: #FFFFFF">工单号</uni-th>
                     <uni-th align="center" class="th" style="color: #FFFFFF">产品编码</uni-th>
                     <uni-th align="center" class="th" style="color: #FFFFFF">产品名称</uni-th>
                     <uni-th align="center" class="th" style="color: #FFFFFF">规格</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: 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-tr>
                  <uni-tr v-for="(item, index) in tableData" :key="index">
                     <uni-td align="center">
                        <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" />
                     </uni-td>
                     <uni-td align="center">
                        <input class="form-input" disabled="true" type="text" v-model="item.daa002" />
                     </uni-td>
                     <uni-td align="center">
                        <input class="form-input" disabled="true" type="text" v-model="item.daa003" /><!--产品名称-->
                     </uni-td>
                     <uni-td align="center">
                        <input class="form-input" disabled="true" type="text" v-model="item.daa004" /><!--规格-->
                     </uni-td>
                     <uni-td align="center">
                        <input class="form-input" disabled="true" type="text" v-model="item.daa011" /><!--已生产数量-->
                     </uni-td>
                     <uni-td align="center">
                        <input class="form-input" disabled="true" type="text" :value="(item.daa008 || 0) - (item.daa011 || 0)" /><!--未生产数量-->
                     </uni-td>
                     <uni-td align="center">
                        <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" /><!--工单数量-->
                     </uni-td>
                     <uni-td align="center">
                        <input class="form-input" disabled="true" type="text" v-model="item.daa018" /><!--工单状态-->
                     </uni-td>
                     <uni-td align="center">
                        <input class="form-input" disabled="true" type="text" v-model="item.staffName" /><!--报工人-->
                     </uni-td>
                  </uni-tr>
               </uni-table>
            </view>

            <div style="height: 400px; overflow: auto;">
               <table>

                  <view class="section card">
                     <uni-table ref="table" type="selection" border stripe emptyText="暂无更多数据"
                              @selection-change="selectionChange">
                        <uni-tr>
                           <uni-th align="center" class="th" style="color: #FFFFFF">工序</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF">工单号</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF">产品编码</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF">产品名称</uni-th>
                           <uni-th align="center" class="th" style="color: #FFFFFF">规格</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: 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-tr>
                        <uni-tr v-for="(item, index) in tableData" :key="index">
                           <uni-td align="center">
                              <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" />
                           </uni-td>
                           <uni-td align="center">
                              <input class="form-input" disabled="true" type="text" v-model="item.daa002" />
                           </uni-td>
                           <uni-td align="center">
                              <input class="form-input" disabled="true" type="text" v-model="item.daa003" /><!--产品名称-->
                           </uni-td>
                           <uni-td align="center">
                              <input class="form-input" disabled="true" type="text" v-model="item.daa004" /><!--规格-->
                           </uni-td>
                           <uni-td align="center">
                              <input class="form-input" disabled="true" type="text" v-model="item.daa011" /><!--已生产数量-->
                           </uni-td>
                           <uni-td align="center">
                              <input class="form-input" disabled="true" type="text" :value="(item.daa008 || 0) - (item.daa011 || 0)" /><!--未生产数量-->
                           </uni-td>
                           <uni-td align="center">
                              <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" /><!--工单数量-->
                           </uni-td>
                           <uni-td align="center">
                              <input class="form-input" disabled="true" type="text" v-model="item.daa018" /><!--工单状态-->
                           </uni-td>
                           <uni-td align="center">
                              <input class="form-input" disabled="true" type="text" v-model="item.staffName" /><!--报工人-->
                           </uni-td>
                        </uni-tr>
                     </uni-table>
                  </view>

               </table>
            </div>

            <view class="bottom-section">
               <button class="save-btn" @click="save">保存选择</button>
               <button class="cancel-btn" @click="isShow = !isShow">取消</button>