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
137
138
139
140
141
142
143
144
145
146
| <!-- 成品返工 -->
|
|
| <script lang="ts" setup>
| import {ref} from "vue";
| const handleClick = (row)=>{
| router.push({
| path: '/orderAllocationUpdate',
| query: {
| rowData: JSON.stringify(row)
| }
| });
| return {
| tableData,
| handleClick
| };
| }
| let tableData = ref([
| {
| "销售单号":'NG23121309',
| "项目名称":'钢化玻璃',
| "客户编号":'89',
| "客户名称":'',
| "流程卡号":'NG23121309A01',
| "成品编号":'0604000299',
| "箱架号":'0',
| "成品名称":'3.2mm拱形钢化玻璃',
| "长":'1610.00',
| "宽":'520.00',
| "厚":'3.20',
| "数量":'122.00',
| "单片面积":'0.8372',
| "总面积":'102.1384',
| "库区":'库区',
| "库位":'0',
| }, {
| "销售单号":'NG23121309',
| "项目名称":'钢化玻璃',
| "客户编号":'89',
| "客户名称":'',
| "流程卡号":'NG23121309A01',
| "成品编号":'0604000299',
| "箱架号":'0',
| "成品名称":'3.2mm拱形钢化玻璃',
| "长":'1610.00',
| "宽":'520.00',
| "厚":'3.20',
| "数量":'122.00',
| "单片面积":'0.8372',
| "总面积":'102.1384',
| "库区":'库区',
| "库位":'0',
| },
| {
| "销售单号":'NG23121309',
| "项目名称":'钢化玻璃',
| "客户编号":'89',
| "客户名称":'',
| "流程卡号":'NG23121309A01',
| "成品编号":'0604000299',
| "箱架号":'0',
| "成品名称":'3.2mm拱形钢化玻璃',
| "长":'1610.00',
| "宽":'520.00',
| "厚":'3.20',
| "数量":'122.00',
| "单片面积":'0.8372',
| "总面积":'102.1384',
| "库区":'库区',
| "库位":'0',
| },
| ])
| </script>
| <template>
| <div>
| <div>
| <el-form size="medium" >
|
| <el-row gutter="5">
| <!-- <el-col :span="4">-->
| <!-- <el-input v-model="name" placeholder="请输客户名称" style="width: 200px; height: 30px;" />-->
| <!-- </el-col>-->
| <!-- <el-col :span="4">-->
| <!-- <el-input v-model="name" placeholder="请输项目名称" style="width: 200px; height: 30px;" />-->
| <!-- </el-col>-->
| <!-- <el-col :span="4">-->
| <!-- <el-input v-model="name" placeholder="请输销售单号" style="width: 200px; height: 30px;" />-->
| <!-- </el-col>-->
|
| <el-col :span="4">
| <el-dropdown>
| <el-button type="primary" style="width: auto">
| 请选择返工类型<el-icon class="el-icon--right" style="width: 60px;">
| <arrow-down />
| </el-icon>
| </el-button>
| <template #dropdown>
| <el-dropdown-menu>
| <el-dropdown-item>库存返工</el-dropdown-item>
| <el-dropdown-item>退货返工</el-dropdown-item>
| </el-dropdown-menu>
| </template>
| </el-dropdown>
| </el-col>
| <el-col :span="2">
| <el-button id="searchButton" type="primary" :icon="Search">返工记录</el-button>
| </el-col>
| <el-col :span="4">
| <el-button id="searchButton" type="primary" :icon="Search">查询</el-button>
| </el-col>
|
| </el-row>
| </el-form>
| </div>
| <div>
| <el-table :data="tableData" border style="width: 100%;">
| <el-table-column prop="销售单号" label="销售单号" width="180" style="text-align: center"/>
| <el-table-column prop="项目名称" label="项目名称" width="180" />
| <el-table-column prop="客户编号" label="客户编号" width="180"/>
| <el-table-column prop="客户名称" label="客户名称" width="180"/>
| <el-table-column prop="流程卡号" label="流程卡号" width="180"/>
| <el-table-column prop="成品编号" label="成品编号" width="180"/>
| <el-table-column prop="箱架号" label="箱架号" width="180"/>
| <el-table-column prop="成品名称" label="成品名称" width="180"/>
| <el-table-column prop="长" label="长" width="180"/>
| <el-table-column prop="宽" label="宽" width="180"/>
| <el-table-column prop="厚" label="厚" width="180"/>
| <el-table-column prop="数量" label="数量" width="180"/>
| <el-table-column prop="单片面积" label="单片面积" width="180"/>
| <el-table-column prop="总面积" label="总面积" width="180"/>
| <el-table-column prop="库区" label="库区" width="180"/>
| <el-table-column prop="库位" label="库位" width="180"/>
| <el-table-column fixed="left" label="操作" width="80">
| <template #default>
| <el-button link type="primary" size="small" @click="handleClick(row)"
| >编辑</el-button>
|
| </template>
| </el-table-column>
| </el-table>
| </div>
| </div>
| </template>
| <style>
|
| </style>
|
|