| | |
| | | <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> |
| | |
| | | }, |
| | | methods: { |
| | | onRowClick(index) { |
| | | this.selectedIndexs = [index]; |
| | | this.$nextTick(() => { |
| | | const row = this.tableData[index]; |
| | | if (this.$refs.table && this.$refs.table.toggleRowSelection) { |
| | | this.$refs.table.clearSelection && this.$refs.table.clearSelection(); |
| | | this.$refs.table.toggleRowSelection(row, true); |
| | | } |
| | | }); |
| | | this.selectedIndexs = [index]; // 单选 |
| | | // 手动触发 selectionChange 以同步复选框 |
| | | this.selectionChange({ detail: { index } }); |
| | | }, |
| | | checkForUpdate() { |
| | |
| | | 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, |