<script lang="ts" setup>
|
import { reactive } from 'vue'
|
import {ArrowLeftBold} from "@element-plus/icons-vue";
|
import {useRouter} from "vue-router";
|
|
// do not use same name with ref
|
const form = reactive({
|
name: '',
|
region: '',
|
date1: '',
|
date2: '',
|
delivery: false,
|
type: [],
|
resource: '',
|
desc: '',
|
})
|
const router = useRouter()
|
|
const tableData = [
|
{
|
salesOrderNo: 'NG231201',
|
productionOrderNo: 'NG231201A',
|
productID: '9001010203000008',
|
productName: '5mm白玻平钢(外)+0.76PVB透明+5mm白玻平钢(内)',
|
total: '169',
|
TotalArea: '175.31',
|
perimeter: '99.84',
|
},
|
{
|
salesOrderNo: 'NG231201',
|
productionOrderNo: 'NG231201B',
|
productID: '9001010208000018',
|
productName: '6mm可钢LOW-E-85平钢(外)+12A(结)+6mm白玻平钢(内)',
|
total: '169',
|
TotalArea: '175.31',
|
perimeter: '99.84',
|
},
|
{
|
salesOrderNo: 'NG231201',
|
productionOrderNo: 'NG231201C',
|
productID: '9001010203000021',
|
productName: '6mm超白UD60平钢(外)+12A(结)+6mm超白平钢(内)',
|
total: '169',
|
TotalArea: '175.31',
|
perimeter: '99.84',
|
},
|
]
|
</script>
|
|
<template>
|
<div>
|
|
<el-table :data="tableData" border style="width: 100%" height="100%">
|
<el-table-column sortable prop="salesOrderNo" label="销售单号" width="110" >
|
<template v-slot="scope">
|
<router-link :to="{path:'AddProcessCard'}" >{{scope.row.salesOrderNo}}</router-link>
|
</template>
|
</el-table-column>
|
<el-table-column prop="productionOrderNo" label="生产订单号" width="125" />
|
<el-table-column prop="productID" label="产品编号" width="155" />
|
<el-table-column prop="productName" label="产品名称" :show-overflow-tooltip='true' width="180" />
|
<el-table-column prop="total" label="总数量" width="75" />
|
<el-table-column prop="TotalArea" label="总面积" width="100" />
|
<el-table-column prop="perimeter" label="周长" width="75" />
|
</el-table><!-- <h1>{{msg}}</h1> -->
|
</div>
|
</template>
|
|
<style scoped>
|
|
|
</style>
|
