| | |
| | | <scroll-view class="content"> |
| | | <view v-if="currentTab === 7" class="tab-content"> |
| | | <view class="content"> |
| | | <view class="top-right"> |
| | | <!--<view class="top-right"> |
| | | <button class="refresh-btn" @click="refresh">刷新</button> |
| | | </view> |
| | | </view>--> |
| | | <view> |
| | | <h4>一台机台只能选择一条工单(多选默认为最后一条)</h4> |
| | | </view> |
| | | <view class="section top-section"> |
| | | <!--显示当前机台--> |
| | | <view class="form-row"> |
| | | <view> |
| | | <input v-model="machineName" |
| | | disabled="true" |
| | | type="text" |
| | | class="machine-name-box" /> |
| | | </view> |
| | | </view> |
| | | |
| | | <view class="form-row"> |
| | | <view> |
| | | <label style="float: left;font-family: fantasy;font-size: 33px;margin-top: 20px;">第一步选择工单:</label> |
| | | <view class="form-row align-row"> |
| | | <input v-model="machineName" |
| | | disabled="true" |
| | | type="text" |
| | | class="machine-name-box" /> |
| | | <view class="form-group"> |
| | | <label class="order-label">第一步选择工单:</label> |
| | | <button class="print-btn" @click="isShowTab">选择工单</button> |
| | | </view> |
| | | <view class="top-right"> |
| | | <button class="refresh-btn" @click="refresh">刷新</button> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | <uni-table ref="table" type="selection" border stripe emptyText="暂无更多数据" |
| | | 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: 220px;">工单号</uni-th> |
| | | <uni-th align="center" class="th" style="color: #FFFFFF; width: 150px;">产品编码</uni-th> |
| | | <uni-th align="center" class="th" style="color: #FFFFFF; width: 170px;">工序</uni-th> |
| | | <uni-th align="center" class="th" style="color: #FFFFFF; width: 490px;">工单号</uni-th> |
| | | <uni-th align="center" class="th" style="color: #FFFFFF; width: 250px;">产品编码</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> |
| | |
| | | justify-content: space-around; |
| | | margin-bottom: 2vh; |
| | | padding: 2vh 1vw; |
| | | margin-top: 40px; // 新增:让按钮整体下移 |
| | | margin-top: 160px; // 原来是40px,改成80px,按钮整体下移 |
| | | } |
| | | |
| | | .save-btn, |
| | |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .overlay { |
| | | position: fixed; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | background-color: rgba(0, 0, 0, 0.5); |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | } |
| | | .overlay { |
| | | position: fixed; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | background-color: rgba(0, 0, 0, 0.5); |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | z-index: 2000; // 增加z-index,确保弹窗在刷新按钮之上 |
| | | } |
| | | |
| | | .popup { |
| | | background-color: #fff; |
| | | padding: 2vh; |
| | | border: 1px solid #ccc; |
| | | box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); |
| | | width: 90vw; |
| | | height: 85vh; /* 原70vh,调高 */ |
| | | width: 98vw; // 原来是 90vw,改成 98vw |
| | | height: 85vh; |
| | | font-size: 1.6vw; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .machine-name-box { |
| | | border: 2px solid #e53935; /* 红色边框 */ |
| | | border: 2px solid #007aff; /* 蓝色边框 */ |
| | | border-radius: 8px; |
| | | font-family: fantasy; |
| | | font-size: 33px; |
| | | margin-top: 20px; |
| | | padding: 15px 48px; /* 上下20px,左右48px,增加内边距 */ |
| | | width: 500px; /* 更宽,保证内容完整显示 */ |
| | | padding: 15px 28px; /* 上下20px,左右48px,增加内边距 */ |
| | | width: 300px; /* 更宽,保证内容完整显示 */ |
| | | height: 70px; /* 增加高度 */ |
| | | box-sizing: border-box; |
| | | background: #fff; |
| | |
| | | display: block; |
| | | } |
| | | |
| | | .top-section { |
| | | position: relative; |
| | | display: flex; |
| | | flex-direction: column; |
| | | margin-bottom: 20px; |
| | | padding: 20px 10px; |
| | | } |
| | | |
| | | .form-row.align-row { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | position: relative; |
| | | width: 100%; |
| | | } |
| | | |
| | | .machine-name-box { |
| | | flex: 1 1 45%; |
| | | margin-right: 20px; |
| | | } |
| | | |
| | | .form-group { |
| | | display: flex; |
| | | align-items: center; |
| | | flex: 1 1 45%; |
| | | justify-content: flex-start; |
| | | } |
| | | |
| | | .order-label { |
| | | font-family: fantasy; |
| | | font-size: 33px; |
| | | margin-top: 20px; |
| | | margin-right: 10px; |
| | | float: none; |
| | | } |
| | | |
| | | .print-btn { |
| | | margin-top: 20px; |
| | | } |
| | | |
| | | .top-right { |
| | | position: absolute; |
| | | top: -30px; // 往上移 |
| | | right: 0; |
| | | z-index: 1000; |
| | | } |
| | | |
| | | /* 放大表头和表格内容字体 */ |
| | | .th, |
| | | .uni-th, |