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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
| <!-- 供应商管理 -->
| <script lang="ts" setup>
| import { ref } from "vue";
| const name = ref('')
| const productName = ref('')
| const salId = ref('')
| let tableData = ref([
| {
| "供应商编码":'221',
| "供应商名称":'成都正华电子仪器有限公司',
| "代理产品":'辅料',
| "结算方式":'货到付款',
| "联系人":'',
| "联系电话":'',
| "税率":'13.00',
| "公司地址":'北京市辖区东城区',
| "收货地址":'北京市辖区东城区',
| "所属集团":'',
| "等级":'',
| "单据状态":'未审核',
| "审核员":'0.0000',
| "审核日期":'2023-11-19',
| "换算单位":'0',
| "备注":'0',
| },
| {
| "供应商编码":'220',
| "供应商名称":'广州合申机电科技有限公司',
| "代理产品":'辅料',
| "结算方式":'货到付款',
| "联系人":'',
| "联系电话":'',
| "税率":'13.00',
| "公司地址":'北京市辖区东城区',
| "收货地址":'北京市辖区东城区',
| "所属集团":'',
| "等级":'',
| "单据状态":'未审核',
| "审核员":'0.0000',
| "审核日期":'2023-11-19',
| "换算单位":'0',
| "备注":'0',
| },
| {
| "供应商编码":'219',
| "供应商名称":'江门市中锐金刚石工具有限公司',
| "代理产品":'辅料',
| "结算方式":'货到付款',
| "联系人":'',
| "联系电话":'',
| "税率":'13.00',
| "公司地址":'北京市辖区东城区',
| "收货地址":'北京市辖区东城区',
| "所属集团":'',
| "等级":'',
| "单据状态":'未审核',
| "审核员":'0.0000',
| "审核日期":'2023-11-19',
| "换算单位":'0',
| "备注":'0',
| },
| {
| "供应商编码":'218',
| "供应商名称":'深圳悦创精密自动化技术有限公司',
| "代理产品":'辅料',
| "结算方式":'货到付款',
| "联系人":'',
| "联系电话":'',
| "税率":'13.00',
| "公司地址":'北京市辖区东城区',
| "收货地址":'北京市辖区东城区',
| "所属集团":'',
| "等级":'',
| "单据状态":'未审核',
| "审核员":'0.0000',
| "审核日期":'2023-11-19',
| "换算单位":'0',
| "备注":'0',
| },
| {
| "供应商编码":'217',
| "供应商名称":'深圳市伯欣科技有限公司',
| "代理产品":'辅料',
| "结算方式":'货到付款',
| "联系人":'',
| "联系电话":'',
| "税率":'13.00',
| "公司地址":'北京市辖区东城区',
| "收货地址":'北京市辖区东城区',
| "所属集团":'',
| "等级":'',
| "单据状态":'未审核',
| "审核员":'0.0000',
| "审核日期":'2023-11-19',
| "换算单位":'0',
| "备注":'0',
| },
| {
| "供应商编码":'216',
| "供应商名称":'宿迁宣之文电子商务有限公司',
| "代理产品":'辅料',
| "结算方式":'货到付款',
| "联系人":'',
| "联系电话":'',
| "税率":'13.00',
| "公司地址":'北京市辖区东城区',
| "收货地址":'北京市辖区东城区',
| "所属集团":'',
| "等级":'',
| "单据状态":'未审核',
| "审核员":'0.0000',
| "审核日期":'2023-11-19',
| "换算单位":'0',
| "备注":'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="productName" placeholder="请输入供应商名称" style="width: 200px; height: 30px;" />-->
| <!-- </el-col>-->
| <!-- <el-col :span="4">-->
| <!-- <el-input v-model="salId" placeholder="请输入代理产品" style="width: 200px; height: 30px;" />-->
| <!-- </el-col>-->
| <!-- <el-col :span="4">-->
| <!-- <el-input v-model="salId" placeholder="请输入联系人" style="width: 200px; height: 30px;" />-->
| <!-- </el-col>-->
| <!-- <el-col :span="4">-->
| <!-- <el-button id="searchButton" type="primary" :icon="Search">查询</el-button>-->
| <!-- </el-col>-->
| <!-- </el-row>-->
|
| <!-- <el-form-item size="large">
| <el-button type="primary" @click="submitForm">查询</el-button>
| <el-button @click="resetForm">重置</el-button>
| </el-form-item>-->
|
| </el-form>
| </div>
| <!-- 表单结束 -->
| <!-- 表格开始 -->
| <div>
| <el-table :data="tableData" border style="width: 100%">
| <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 prop="备注" label="备注" width="180"/>
| <el-table-column fixed="left" label="操作" width="120">
| <template #default>
| <el-button link type="primary" size="small" @click="handleClick"
| >修改</el-button
| >
| <el-button link type="primary" size="small">删除</el-button>
| </template>
| </el-table-column>
| </el-table>
| </div>
| </div>
| </template>
|
| <style>
| </style>
|
|
