| New file |
| | |
| | | <script setup> |
| | | import {ArrowLeftBold} from "@element-plus/icons-vue"; |
| | | import {useRouter} from "vue-router"; |
| | | const router = useRouter() |
| | | let flag = $ref(true) |
| | | function intoCreateProduct(){ |
| | | if(flag){ |
| | | router.push('/main/processCard/SplittingDetails') |
| | | }else { |
| | | router.push('/main/processCard/SplittingDetails') |
| | | } |
| | | flag=!flag |
| | | } |
| | | const tableData = [ |
| | | { |
| | | processCard: 'NG231201A01', |
| | | orderSequence: '1', |
| | | landingSequence: '1', |
| | | floorNumber: '14-BSGB05', |
| | | shape: '普形', |
| | | longSide: '5000', |
| | | shortSide: '4400', |
| | | total: '24', |
| | | totalThickness: '26', |
| | | }, |
| | | { |
| | | processCard: 'NG231201A01', |
| | | orderSequence: '2', |
| | | landingSequence: '2', |
| | | floorNumber: '15-BSGB05', |
| | | shape: '普形', |
| | | longSide: '5000', |
| | | shortSide: '4400', |
| | | total: '24', |
| | | totalThickness: '26', |
| | | }, |
| | | { |
| | | processCard: 'NG231201A02', |
| | | orderSequence: '3', |
| | | landingSequence: '3', |
| | | floorNumber: '16-BSGB05', |
| | | shape: '普形', |
| | | longSide: '5000', |
| | | shortSide: '4400', |
| | | total: '24', |
| | | totalThickness: '26', |
| | | }, |
| | | ] |
| | | const tableData2 = [ |
| | | { |
| | | orderSequence: '4', |
| | | floorNumber: '17-BSGB08', |
| | | shape: '普形', |
| | | longSide: '4600', |
| | | shortSide: '3880', |
| | | undividedQuantity: '15', |
| | | undividedArea: '99.84', |
| | | totalThickness:'28', |
| | | glassThickness:'24', |
| | | undividedWeight:'111' |
| | | }, |
| | | { |
| | | orderSequence: '5', |
| | | floorNumber: '18-BSGB08', |
| | | shape: '普形', |
| | | longSide: '4600', |
| | | shortSide: '3880', |
| | | undividedQuantity: '15', |
| | | undividedArea: '99.84', |
| | | totalThickness:'28', |
| | | glassThickness:'24', |
| | | undividedWeight:'111' |
| | | }, |
| | | { |
| | | orderSequence: '6', |
| | | floorNumber: '19-BSGB08', |
| | | shape: '普形', |
| | | longSide: '4600', |
| | | shortSide: '3880', |
| | | undividedQuantity: '15', |
| | | undividedArea: '99.84', |
| | | totalThickness:'28', |
| | | glassThickness:'24', |
| | | undividedWeight:'111' |
| | | }, |
| | | ] |
| | | </script> |
| | | |
| | | <template> |
| | | <div> |
| | | <div class="header"> |
| | | |
| | | <el-button |
| | | style="float: left" |
| | | @click="intoCreateProduct" |
| | | id="searchButton1" |
| | | type="primary" |
| | | :icon="ArrowLeftBold" |
| | | round > |
| | | {{flag?'返回':'返回'}} |
| | | </el-button> |
| | | <el-button type="primary">保存分架</el-button> |
| | | <el-button type="primary">分架汇总</el-button> |
| | | <el-button type="primary">左侧全选</el-button> |
| | | <el-button type="primary">右侧全选</el-button> |
| | | </div> |
| | | <div class="common-layout"> |
| | | <el-container height="100%"> |
| | | <el-aside width="44%" style=""> |
| | | <el-table :data="tableData" border style="width: 100%" height="100%"> |
| | | <el-table-column sortable prop="processCard" label="流程卡号" width="120" /> |
| | | <el-table-column prop="orderSequence" label="订序" width="60" /> |
| | | <el-table-column prop="landingSequence" label="落架顺序" width="85" /> |
| | | <el-table-column prop="floorNumber" label="楼层编号" :show-overflow-tooltip='true' width="120" /> |
| | | <el-table-column prop="shape" label="形状" width="65" /> |
| | | <el-table-column prop="longSide" label="长边" width="65" /> |
| | | <el-table-column prop="shortSide" label="短边" width="65" /> |
| | | <el-table-column prop="total" label="总数量" width="75" /> |
| | | <el-table-column prop="totalThickness" label="总厚度" width="75" /> |
| | | </el-table><!-- <h1>{{msg}}</h1> --> |
| | | </el-aside> |
| | | |
| | | <el-main width="12%" style=""> |
| | | <span>未分数量:45</span><br> |
| | | <span>未分重量:333</span><br> |
| | | <span>选中数量:</span><br> |
| | | <el-button type="primary"> → </el-button> |
| | | <br> |
| | | <br> |
| | | <el-button type="primary"> ← </el-button> |
| | | <br> |
| | | <br> |
| | | <el-button type="primary">建立流程卡</el-button> |
| | | </el-main> |
| | | |
| | | <el-aside width="44%" style=""> |
| | | <el-table :data="tableData2" border style="width: 100%" height="100%"> |
| | | <el-table-column prop="orderSequence" label="订序" width="60" /> |
| | | <el-table-column prop="floorNumber" label="楼层编号" :show-overflow-tooltip='true' width="100" /> |
| | | <el-table-column prop="shape" label="形状" width="65" /> |
| | | <el-table-column prop="longSide" label="长边" width="60" /> |
| | | <el-table-column prop="shortSide" label="短边" width="60" /> |
| | | <el-table-column prop="undividedQuantity" label="待分数量" width="85" /> |
| | | <el-table-column prop="undividedArea" label="待分面积" width="85" /> |
| | | <el-table-column prop="totalThickness" label="总厚度" width="75" /> |
| | | <el-table-column prop="glassThickness" label="玻璃厚度" width="85" /> |
| | | <el-table-column prop="undividedWeight" label="待分重量" width="85" /> |
| | | |
| | | </el-table><!-- <h1>{{msg}}</h1> --> |
| | | </el-aside> |
| | | </el-container> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <style scoped> |
| | | .common-layout{ |
| | | height: 100%; |
| | | } |
| | | |
| | | .el-aside{ |
| | | height: 100%; |
| | | } |
| | | |
| | | .el-main{ |
| | | height: 100%; |
| | | text-align: center; |
| | | } |
| | | |
| | | |
| | | |
| | | </style> |