<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>
|
