<script setup>
|
import {Search} from "@element-plus/icons-vue"
|
import {useRouter} from "vue-router"
|
const router = useRouter()
|
|
let orderList = $ref([
|
{
|
'1':'NG23120701',
|
'2':'1',
|
'3':'中山市云镜家居有限公司',
|
'4':'大板镜',
|
'5':'一批1',
|
'6':'999999.99',
|
'7':'99999',
|
'8':'99999.99',
|
'9':'99999.99',
|
'10':'2023-12-07',
|
'11':'装箱',
|
'12':'普通订单',
|
'13':'张三',
|
'14':'第二批',
|
'15':'2023-12-30',
|
}
|
])
|
let listName = $ref([
|
'下单','工艺','审核','生产','交接','下达','入库','发货'
|
])
|
|
function openCraft(){
|
router.push({name:'updateOrderCraft'})
|
}
|
</script>
|
|
<template>
|
<div >
|
<el-date-picker
|
v-model="value1"
|
type="daterange"
|
start-placeholder="开始时间"
|
end-placeholder="结束时间"
|
/>
|
<el-button style="margin-top: -5px" id="searchButton" type="primary" :icon="Search">查询</el-button>
|
<el-table
|
:data="orderList"
|
:header-cell-style="{ 'text-align': 'center' }"
|
:cell-style="{ 'text-align': 'center' }"
|
lazy
|
border
|
style="width: 99%;"
|
max-height="80vh">
|
<el-table-column type="expand" fixed>
|
<template #default="props" >
|
<div m="4">
|
|
<p m="t-0 b-2">编号: {{ props.row.prodID }}</p>
|
</div>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作" fixed width="110" >
|
<!-- <el-button @click="openCraft" link type="primary" size="small">工艺</el-button>-->
|
<!-- 审核与工艺都在同一个按钮-->
|
<el-button link type="primary" size="small">编辑</el-button>
|
<el-button link type="primary" size="small">删除</el-button>
|
<!--订单审核后不能删除只能作废-->
|
</el-table-column>
|
<el-table-column label="序号" width="40" />
|
|
<el-table-column v-for="item in listName" prop="" :label="item" width="40" >
|
<!-- <el-table-column prop="1" >-->
|
<!-- <template #header>-->
|
<!-- <el-button type="primary" size="small" style="width: 10px;height: 10px"></el-button>-->
|
<!-- </template>-->
|
|
<!-- <el-checkbox checked/>-->
|
<!-- </el-table-column>-->
|
<el-checkbox checked/>
|
|
</el-table-column>
|
|
<el-table-column prop="1" width="110" label="销售单号" />
|
|
<el-table-column prop="2" width="55" label="客户编号" />
|
|
<el-table-column prop="3" width="120" label="客户名称" />
|
|
<el-table-column prop="4" width="120" label="项目名称" />
|
|
<el-table-column prop="5" label="批次" />
|
|
<el-table-column prop="6" width="100" label="总金额" />
|
|
<el-table-column prop="7" label="数量" />
|
|
<el-table-column prop="8" width="100" label="结算面积" />
|
|
<el-table-column prop="9" width="100" label="实际面积" />
|
|
<el-table-column prop="10" width="100" label="报表日期" />
|
|
<el-table-column prop="11" width="100" label="包装方式" />
|
|
<el-table-column prop="12" width="100" label="订单类型" />
|
|
<el-table-column prop="13" label="业务员" />
|
|
<el-table-column prop="14" width="100" label="客户批次" />
|
|
<el-table-column prop="15" width="100" label="交货日期" />
|
|
|
|
</el-table>
|
</div>
|
</template>
|
|
<style scoped>
|
:deep(.el-table .el-input__wrapper) {
|
box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
|
cursor: default;
|
border: none !important;
|
background-color: transparent;
|
|
}
|
</style>
|
