| New file |
| | |
| | | <script lang="ts" setup> |
| | | import { reactive } from 'vue' |
| | | |
| | | // do not use same name with ref |
| | | const form = reactive({ |
| | | name: '', |
| | | region: '', |
| | | date1: '', |
| | | date2: '', |
| | | delivery: false, |
| | | type: [], |
| | | resource: '', |
| | | desc: '', |
| | | }) |
| | | const tableData = [ |
| | | { |
| | | salesOrderNo: 'NG231201', |
| | | customerName:"慕墙公司", |
| | | entryName: '信合春天里', |
| | | batch: '23批', |
| | | originalFilmRequired: '2022/5/24XFPO202205202', |
| | | orderType: '普通订单', |
| | | salesman: 'XXX', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | shipTo:'工地', |
| | | |
| | | }, |
| | | { |
| | | salesOrderNo: 'NG231202', |
| | | customerName:"大荒建材有限公司", |
| | | entryName: '信合春天里', |
| | | batch: '23批', |
| | | originalFilmRequired: '2022/5/24XFPO202205202', |
| | | orderType: '普通订单', |
| | | salesman: 'XXX', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | shipTo:'工地', |
| | | |
| | | }, |
| | | { |
| | | salesOrderNo: 'NG231203', |
| | | customerName:"建筑工程集团有限公司", |
| | | entryName: '信合春天里', |
| | | batch: '23批', |
| | | originalFilmRequired: '2022/5/24XFPO202205202', |
| | | orderType: '普通订单', |
| | | salesman: 'XXX', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | shipTo:'工地', |
| | | |
| | | }, |
| | | { |
| | | salesOrderNo: 'NG231204', |
| | | customerName:"慕墙公司", |
| | | entryName: '信合春天里', |
| | | batch: '23批', |
| | | originalFilmRequired: '2022/5/24XFPO202205202', |
| | | orderType: '普通订单', |
| | | salesman: 'XXX', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | shipTo:'工地', |
| | | |
| | | }, |
| | | { |
| | | salesOrderNo: 'NG231205', |
| | | customerName:"慕墙公司", |
| | | entryName: '信合春天里', |
| | | batch: '23批', |
| | | originalFilmRequired: '2022/5/24XFPO202205202', |
| | | orderType: '普通订单', |
| | | salesman: 'XXX', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | shipTo:'工地', |
| | | |
| | | }, |
| | | { |
| | | salesOrderNo: 'NG231206', |
| | | customerName:"慕墙公司", |
| | | entryName: '信合春天里', |
| | | batch: '23批', |
| | | originalFilmRequired: '2022/5/24XFPO202205202', |
| | | orderType: '普通订单', |
| | | salesman: 'XXX', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | shipTo:'工地', |
| | | |
| | | }, |
| | | { |
| | | salesOrderNo: 'NG231207', |
| | | customerName:"慕墙公司", |
| | | entryName: '信合春天里', |
| | | batch: '23批', |
| | | originalFilmRequired: '2022/5/24XFPO202205202', |
| | | orderType: '普通订单', |
| | | salesman: 'XXX', |
| | | processRequirements: '1)按企标2)每片玻璃标签贴室外面。内片玻璃打“3C商标”,统一打在玻璃“宽度”方向右下角4)按批次单独落架。', |
| | | shipTo:'工地', |
| | | |
| | | }, |
| | | ] |
| | | </script> |
| | | |
| | | <template> |
| | | <div> |
| | | <div id="selectForm"> |
| | | <el-row :gutter="0"> |
| | | <el-input placeholder="销售单号" v-model="form.name" style="width: 200px"/> |
| | | |
| | | <el-button type="primary">查询</el-button> |
| | | </el-row> |
| | | |
| | | |
| | | </div> |
| | | <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:'addWorkOrder'}" >{{scope.row.salesOrderNo}}</router-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="customerName" label="客户名称" :show-overflow-tooltip='true' width="110" /> |
| | | <el-table-column prop="entryName" label="项目名称" width="135" /> |
| | | <el-table-column prop="batch" label="批次" width="80" /> |
| | | <el-table-column prop="originalFilmRequired" :show-overflow-tooltip='true' label="原片要求" width="200" /> |
| | | <el-table-column prop="orderType" label="订单类型" width="100" /> |
| | | <el-table-column prop="salesman" label="业务员" width="75" /> |
| | | <el-table-column prop="processRequirements" :show-overflow-tooltip='true' label="加工要求" width="400" /> |
| | | <el-table-column prop="shipTo" label="送货地址" width="100" /> |
| | | </el-table><!-- <h1>{{msg}}</h1> --> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |