1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
| <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>
|
|