<script lang="ts" setup>
|
import { ref } from 'vue'
|
import { ElTable } from 'element-plus'
|
import {ArrowLeftBold} from "@element-plus/icons-vue";
|
import request from "@/utils/request";
|
import deepClone from "@/utils/deepClone";
|
import {ElMessage} from "element-plus";
|
import {useRouter} from "vue-router";
|
import GlassType from '@/components/basic/product/GlassType.vue'
|
|
interface User {
|
//销售单号
|
selection:string
|
//产品编号
|
productID: string
|
//产品名称
|
productName: string
|
//总数量
|
total: string
|
//总面积
|
totalArea:string
|
//周长
|
perimeter:string
|
}
|
|
const multipleTableRef = ref<InstanceType<typeof ElTable>>()
|
const multipleSelection = ref<User[]>([])
|
|
const handleSelectionChange = (val: User[]) => {
|
multipleSelection.value = val
|
}
|
const router = useRouter()
|
let flag = $ref(true)
|
function intoCreateProduct(){
|
if(flag){
|
router.push('/main/workOrder/SelectAddWorkOrder')
|
}else {
|
router.push('/main/workOrder/SelectAddWorkOrder')
|
}
|
flag=!flag
|
}
|
|
const tableData: User[] = [
|
{
|
selection: 'NG231201',
|
productID: '9001010208000021',
|
productName: '6mm超白UD60平钢(外)+12A(结)+6mm超白平钢(内)',
|
total:"123",
|
totalArea:"1233.12",
|
perimeter:"133"
|
},
|
{
|
selection: 'NG231201',
|
productID: '9001010203000008',
|
productName: '6mm超白LYDE-80平钢(外)+12Ar(结)+6mm超白平钢(内)',
|
total:"123",
|
totalArea:"1233.12",
|
perimeter:"133"
|
},
|
]
|
</script>
|
|
<template>
|
<div >
|
<div id="headerButton">
|
|
<el-button type="primary">保存</el-button>
|
</div>
|
<el-table
|
ref="multipleTableRef"
|
:data="tableData"
|
style="width: 100%"
|
@selection-change="handleSelectionChange"
|
>
|
<el-table-column type="selection" width="55" />
|
<el-table-column label="销售单号" width="120">
|
<template #default="scope">{{ scope.row.selection }}</template>
|
</el-table-column>
|
<el-table-column property="productID" label="产品编号" :show-overflow-tooltip='true'/>
|
<el-table-column property="productName" label="产品名称" width="280" show-overflow-tooltip :show-overflow-tooltip='true'/>
|
<el-table-column property="total" label="总数量" />
|
<el-table-column property="totalArea" label="总面积" />
|
<el-table-column property="perimeter" label="周长" />
|
</el-table>
|
</div>
|
</template>
|
|
<style scoped>
|
#headerButton{
|
width: 200px;
|
float: right;
|
}
|
</style>
|
