Fedex / EcomWeb

Go to a project
Toggle navigation Toggle navigation pinning
zhengquan.bai
eb87848d 1 parent 017d827e

出口清单查询页和详情页

Inline Side-by-side
Showing 7 changed files with 2164 additions and 17 deletions
...@@ -36,3 +36,12 @@ export function getAllTransportBills(data) { ...@@ -36,3 +36,12 @@ export function getAllTransportBills(data) {
36 data 36 data
37 }) 37 })
38 } 38 }
39 +
40 +export function getAllListBills(data) {
41 + return request({
42 + url: '/bus-customer/exportList/search',
43 + method: 'post',
44 + data
45 + })
46 +}
47 +
......
1 +<template>
2 + <el-popover
3 + placement="bottom"
4 + width="320"
5 + trigger="manual"
6 + :popper-class="popperClass"
7 + v-model="isPopoverVisible"
8 + >
9 + <!-- 弹出文本域 -->
10 + <el-input
11 + ref="popoverInput"
12 + type="textarea"
13 + :rows="5"
14 + v-model="localValue"
15 + class="textarea-popover"
16 + resize="none"
17 + :maxlength="maxlength"
18 + @blur="handleBlur"
19 + ></el-input>
20 +
21 + <!-- 主输入框 -->
22 + <el-input
23 + slot="reference"
24 + ref="referenceInput"
25 + type="textarea"
26 + :rows="1"
27 + class="input-shadow"
28 + v-model="localValue"
29 + resize="none"
30 + @focus="handleFocus"
31 + ></el-input>
32 + </el-popover>
33 +</template>
34 +
35 +<script>
36 +export default {
37 + name: "PopoverTextarea",
38 + props: {
39 + value: {
40 + type: String,
41 + default: "",
42 + },
43 + maxlength: {
44 + type: Number,
45 + default: 13000,
46 + },
47 + maxEntries: {
48 + type: Number,
49 + default: 1000, // 最大条目数
50 + },
51 + popperClass: {
52 + type: String,
53 + default: "popover-input-class",
54 + },
55 + },
56 + data() {
57 + return {
58 + isPopoverVisible: false, // 控制 popover 显示
59 + localValue: this.value, // 输入框内容
60 + };
61 + },
62 + watch: {
63 + value(newVal) {
64 + this.localValue = newVal;
65 + },
66 + localValue(newVal) {
67 + this.$emit("input", newVal); // 同步父组件数据
68 + },
69 + },
70 + methods: {
71 + handleFocus() {
72 + this.isPopoverVisible = true;
73 + this.$nextTick(() => {
74 + this.$refs.popoverInput.focus(); // 弹出层输入框获取焦点
75 + this.$refs.referenceInput.$el.style.display = "none"; // 隐藏主输入框
76 + });
77 + },
78 + handleBlur() {
79 + this.isPopoverVisible = false;
80 +
81 + // 格式化内容
82 + this.localValue = this.formatContent(this.localValue);
83 +
84 + this.$nextTick(() => {
85 + const referenceInput = this.$refs.referenceInput.$el;
86 + referenceInput.style.display = "block";
87 + if (this.localValue) {
88 + referenceInput.classList.add("inputFocus");
89 + } else {
90 + referenceInput.classList.remove("inputFocus");
91 + }
92 + });
93 +
94 + this.$emit("blur", this.localValue); // 触发父组件的 blur 事件
95 + },
96 + formatContent(value) {
97 + // 格式化输入内容：替换分隔符、去空格、限制条数
98 + return value
99 + .replace(/[\n，；;]/g, ",")
100 + .split(",")
101 + .map((item) => item.trim())
102 + .filter((item) => item !== "")
103 + .slice(0, this.maxEntries)
104 + .join("\n");
105 + },
106 + },
107 +};
108 +</script>
109 +
110 +<style scoped lang="scss">
111 +//.input-shadow {
112 +// box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
113 +//}
114 +//
115 +//.textarea-popover {
116 +// box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
117 +//}
118 +//
119 +//.inputFocus {
120 +// border-color: #409eff;
121 +// box-shadow: 0 0 5px rgba(64, 158, 255, 0.5);
122 +//}
123 +</style>
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
4 <thead> 4 <thead>
5 <tr> 5 <tr>
6 <th v-for="(header, index) in headers" :key="index">{{ header }}</th> 6 <th v-for="(header, index) in headers" :key="index">{{ header }}</th>
7 + <th v-if="showActionColumn">操作</th>
7 </tr> 8 </tr>
8 </thead> 9 </thead>
9 <tbody> 10 <tbody>
...@@ -11,6 +12,11 @@ ...@@ -11,6 +12,11 @@
11 <td>{{ row.status }}</td> 12 <td>{{ row.status }}</td>
12 <td>{{ row.time }}</td> 13 <td>{{ row.time }}</td>
13 <td>{{ row.description }}</td> 14 <td>{{ row.description }}</td>
15 + <td v-if="showActionColumn">
16 + <span class="action-link" @click="handleDownload(row, index)">
17 + 下载回执
18 + </span>
19 + </td>
14 </tr> 20 </tr>
15 </tbody> 21 </tbody>
16 </table> 22 </table>
...@@ -20,6 +26,13 @@ ...@@ -20,6 +26,13 @@
20 <script> 26 <script>
21 export default { 27 export default {
22 name: "ReceiptInfoTable", 28 name: "ReceiptInfoTable",
29 + props: {
30 + // 控制操作列是否显示
31 + showActionColumn: {
32 + type: Boolean,
33 + default: true, // 默认显示操作列
34 + },
35 + },
23 data() { 36 data() {
24 return { 37 return {
25 headers: ["回执状态", "状态时间", "回执描述"], 38 headers: ["回执状态", "状态时间", "回执描述"],
...@@ -27,21 +40,30 @@ export default { ...@@ -27,21 +40,30 @@ export default {
27 { 40 {
28 status: "山东电子口岸已上传", 41 status: "山东电子口岸已上传",
29 time: "2024-11-08 15:31:58", 42 time: "2024-11-08 15:31:58",
30 - description: "订单变更申请报关单【f291cda6-f664-4bf5-8edc-bcc012f8775】单证不存在，不可报单申报，报文业务主键【24HX-11-40-3722960DYB】" 43 + description:
44 + "订单变更申请报关单【f291cda6-f664-4bf5-8edc-bcc012f8775】单证不存在，不可报单申报，报文业务主键【24HX-11-40-3722960DYB】",
31 }, 45 },
32 { 46 {
33 status: "山东电子口岸已上传", 47 status: "山东电子口岸已上传",
34 time: "2024-11-08 15:31:58", 48 time: "2024-11-08 15:31:58",
35 - description: "山东电子口岸已上传" 49 + description: "山东电子口岸已上传",
36 }, 50 },
37 { 51 {
38 status: "山东电子口岸已保存", 52 status: "山东电子口岸已保存",
39 time: "2024-11-08 15:30:45", 53 time: "2024-11-08 15:30:45",
40 - description: "山东电子口岸已保存，加签后上传" 54 + description: "山东电子口岸已保存，加签后上传",
41 - } 55 + },
42 - ] 56 + ],
43 }; 57 };
44 - } 58 + },
59 + methods: {
60 + // 处理点击下载回执的事件
61 + handleDownload(row, index) {
62 + console.log("下载回执触发：", row, index);
63 + // 示例下载逻辑，可以根据实际需求添加下载操作
64 + alert(`开始下载回执：第 ${index + 1} 行`);
65 + },
66 + },
45 }; 67 };
46 </script> 68 </script>
47 69
...@@ -54,7 +76,8 @@ export default { ...@@ -54,7 +76,8 @@ export default {
54 background-color: white; 76 background-color: white;
55 } 77 }
56 78
57 -.custom-table th, .custom-table td { 79 +.custom-table th,
80 +.custom-table td {
58 border: 1px solid #ccc; 81 border: 1px solid #ccc;
59 padding: 8px 12px; 82 padding: 8px 12px;
60 text-align: left; 83 text-align: left;
...@@ -70,6 +93,16 @@ export default { ...@@ -70,6 +93,16 @@ export default {
70 } 93 }
71 94
72 .custom-table tr:nth-child(odd) { 95 .custom-table tr:nth-child(odd) {
73 - //background-color: #fafafa; 96 + background-color: #fafafa;
97 +}
98 +
99 +.action-link {
100 + color: #409eff;
101 + cursor: pointer;
102 + text-decoration: none;
103 +}
104 +
105 +.action-link:hover {
106 + text-decoration: underline;
74 } 107 }
75 </style> 108 </style>
......
...@@ -30,7 +30,8 @@ export default { ...@@ -30,7 +30,8 @@ export default {
30 height: 100%; 30 height: 100%;
31 min-width: 1080px; 31 min-width: 1080px;
32 position: relative; 32 position: relative;
33 - overflow: hidden; 33 + //overflow: hidden;
34 + overflow: auto;
34 background-color: #f2f2f2; 35 background-color: #f2f2f2;
35 } 36 }
36 37
......
...@@ -115,20 +115,20 @@ export const constantRoutes = [ ...@@ -115,20 +115,20 @@ export const constantRoutes = [
115 meta: { title: '出口运单详情', icon: 'api' }, 115 meta: { title: '出口运单详情', icon: 'api' },
116 }, 116 },
117 { 117 {
118 + path: '/exportListDetail',
119 + component: (resolve) => require(['@/views/exportListDetail/index'], resolve),
120 + hidden: false,
121 + meta: { title: '出口清单详情', icon: 'api' },
122 + },
123 + {
118 path: '/exportTransportBillQuery', 124 path: '/exportTransportBillQuery',
119 component: (resolve) => require(['@/views/exportTransportBillQuery/index'], resolve), 125 component: (resolve) => require(['@/views/exportTransportBillQuery/index'], resolve),
120 hidden: false, 126 hidden: false,
121 meta: { title: '出口运单查询', icon: 'api' }, 127 meta: { title: '出口运单查询', icon: 'api' },
122 }, 128 },
123 { 129 {
124 - path: 'index', 130 + path: '/exportListQuery',
125 - component: (resolve) => require(['@/views/index'], resolve), 131 + component: (resolve) => require(['@/views/exportListQuery/index'], resolve),
126 - name: '首页',
127 - meta: { title: '出口运单查询', icon: 'dashboard' }
128 - },
129 - {
130 - path: 'index',
131 - component: (resolve) => require(['@/views/index'], resolve),
132 name: '首页', 132 name: '首页',
133 meta: { title: '出口清单查询', icon: 'dashboard' } 133 meta: { title: '出口清单查询', icon: 'dashboard' }
134 }, 134 },
......
1 +<template>
2 + <div class="export-bill-detail">
3 + <h5 class="first-header">
4 + 出口清单详情
5 + <div class="returnButton" @click="$router.back()">返回</div>
6 + </h5>
7 + <el-form
8 + class="fedexFormStyle fedexformSreach fedexformSreachBottomBorder"
9 + ref="sreachForm"
10 + :model="searchForm"
11 + label-position="top"
12 + disabled
13 + size="small"
14 + >
15 + <el-row class="row-border">
16 + <el-col :span="5">
17 + <Formitem label="提运单号" prop="consignmentCode">
18 + <el-popover
19 + placement="bottom"
20 + width="320"
21 + trigger="manual"
22 + popper-class="popoverconsignmentCode"
23 + v-model="textareaVisible.formItemconsignmentCode"
24 + >
25 + <el-input
26 + name="consignmentCode-textarea"
27 + type="textarea"
28 + :rows="5"
29 + id="popoverInputconsignmentCode"
30 + class="inputShadow textareaPopover"
31 + v-model="searchForm.consignmentCode"
32 + resize="none"
33 + maxlength="13000"
34 + placeholder=""
35 + @blur="textareaBlur"
36 + ></el-input>
37 + <el-input
38 + slot="reference"
39 + name="consignmentCode"
40 + type="textarea"
41 + :rows="1"
42 + class="inputShadow"
43 + id="inputInner--consignmentCode"
44 + v-model="searchForm.consignmentCode"
45 + resize="none"
46 + placeholder=""
47 + @focus="textareaFocus"
48 + ></el-input>
49 + </el-popover>
50 + </Formitem>
51 + </el-col>
52 + <el-col :span="4">
53 + <Formitem label="订单编号" prop="factoryCode">
54 + <el-select
55 + type="text"
56 + id="inputInner--declaredPort"
57 + v-model="searchForm.declaredPort"
58 + clearable
59 + placeholder=""
60 + >
61 + <el-option
62 + v-for="(item, index) in dictData.userport"
63 + :key="index"
64 + :label="item.name"
65 + :value="item.name"
66 + ></el-option>
67 + </el-select>
68 + </Formitem>
69 + </el-col>
70 + <el-col :span="5">
71 + <Formitem label="电商平台代码" prop="consignmentCode">
72 + <el-popover
73 + placement="bottom"
74 + width="320"
75 + trigger="manual"
76 + popper-class="popoverconsignmentCode"
77 + v-model="textareaVisible.formItemconsignmentCode"
78 + >
79 + <el-input
80 + name="consignmentCode-textarea"
81 + type="textarea"
82 + :rows="5"
83 + id="popoverInputconsignmentCode"
84 + class="inputShadow textareaPopover"
85 + v-model="searchForm.consignmentCode"
86 + resize="none"
87 + maxlength="13000"
88 + placeholder=""
89 + @blur="textareaBlur"
90 + ></el-input>
91 + <el-input
92 + slot="reference"
93 + name="consignmentCode"
94 + type="textarea"
95 + :rows="1"
96 + class="inputShadow"
97 + id="inputInner--consignmentCode"
98 + v-model="searchForm.consignmentCode"
99 + resize="none"
100 + placeholder=""
101 + @focus="textareaFocus"
102 + ></el-input>
103 + </el-popover>
104 + </Formitem>
105 + </el-col>
106 + <el-col :span="5">
107 + <Formitem label="申报地海关" prop="consignmentCode">
108 + <el-popover
109 + placement="bottom"
110 + width="320"
111 + trigger="manual"
112 + popper-class="popoverconsignmentCode"
113 + v-model="textareaVisible.formItemconsignmentCode"
114 + >
115 + <el-input
116 + name="consignmentCode-textarea"
117 + type="textarea"
118 + :rows="5"
119 + id="popoverInputconsignmentCode"
120 + class="inputShadow textareaPopover"
121 + v-model="searchForm.consignmentCode"
122 + resize="none"
123 + maxlength="13000"
124 + placeholder=""
125 + @blur="textareaBlur"
126 + ></el-input>
127 + <el-input
128 + slot="reference"
129 + name="consignmentCode"
130 + type="textarea"
131 + :rows="1"
132 + class="inputShadow"
133 + id="inputInner--consignmentCode"
134 + v-model="searchForm.consignmentCode"
135 + resize="none"
136 + placeholder=""
137 + @focus="textareaFocus"
138 + ></el-input>
139 + </el-popover>
140 + </Formitem>
141 + </el-col>
142 + <el-col :span="5">
143 + <Formitem label="物流企业代码" prop="consignmentCode">
144 + <el-popover
145 + placement="bottom"
146 + width="320"
147 + trigger="manual"
148 + popper-class="popoverconsignmentCode"
149 + v-model="textareaVisible.formItemconsignmentCode"
150 + >
151 + <el-input
152 + name="consignmentCode-textarea"
153 + type="textarea"
154 + :rows="5"
155 + id="popoverInputconsignmentCode"
156 + class="inputShadow textareaPopover"
157 + v-model="searchForm.consignmentCode"
158 + resize="none"
159 + maxlength="13000"
160 + placeholder=""
161 + @blur="textareaBlur"
162 + ></el-input>
163 + <el-input
164 + slot="reference"
165 + name="consignmentCode"
166 + type="textarea"
167 + :rows="1"
168 + class="inputShadow"
169 + id="inputInner--consignmentCode"
170 + v-model="searchForm.consignmentCode"
171 + resize="none"
172 + placeholder=""
173 + @focus="textareaFocus"
174 + ></el-input>
175 + </el-popover>
176 + </Formitem>
177 + </el-col>
178 + </el-row>
179 + <el-row>
180 + <el-col :span="5">
181 + <Formitem label="物流企业名称" prop="consignmentCode">
182 + <el-popover
183 + placement="bottom"
184 + width="320"
185 + trigger="manual"
186 + popper-class="popoverconsignmentCode"
187 + v-model="textareaVisible.formItemconsignmentCode"
188 + >
189 + <el-input
190 + name="consignmentCode-textarea"
191 + type="textarea"
192 + :rows="5"
193 + id="popoverInputconsignmentCode"
194 + class="inputShadow textareaPopover"
195 + v-model="searchForm.consignmentCode"
196 + resize="none"
197 + maxlength="13000"
198 + placeholder=""
199 + @blur="textareaBlur"
200 + ></el-input>
201 + <el-input
202 + slot="reference"
203 + name="consignmentCode"
204 + type="textarea"
205 + :rows="1"
206 + class="inputShadow"
207 + id="inputInner--consignmentCode"
208 + v-model="searchForm.consignmentCode"
209 + resize="none"
210 + placeholder=""
211 + @focus="textareaFocus"
212 + ></el-input>
213 + </el-popover>
214 + </Formitem>
215 + </el-col>
216 +
217 + <el-col :span="5">
218 + <Formitem label="物流运单编号" prop="consignmentCode">
219 + <el-popover
220 + placement="bottom"
221 + width="320"
222 + trigger="manual"
223 + popper-class="popoverconsignmentCode"
224 + v-model="textareaVisible.formItemconsignmentCode"
225 + >
226 + <el-input
227 + name="consignmentCode-textarea"
228 + type="textarea"
229 + :rows="5"
230 + id="popoverInputconsignmentCode"
231 + class="inputShadow textareaPopover"
232 + v-model="searchForm.consignmentCode"
233 + resize="none"
234 + maxlength="13000"
235 + placeholder=""
236 + @blur="textareaBlur"
237 + ></el-input>
238 + <el-input
239 + slot="reference"
240 + name="consignmentCode"
241 + type="textarea"
242 + :rows="1"
243 + class="inputShadow"
244 + id="inputInner--consignmentCode"
245 + v-model="searchForm.consignmentCode"
246 + resize="none"
247 + placeholder=""
248 + @focus="textareaFocus"
249 + ></el-input>
250 + </el-popover>
251 + </Formitem>
252 + </el-col>
253 +
254 + <el-col :span="5">
255 + <Formitem label="进出口标记" prop="consignmentCode">
256 + <el-popover
257 + placement="bottom"
258 + width="320"
259 + trigger="manual"
260 + popper-class="popoverconsignmentCode"
261 + v-model="textareaVisible.formItemconsignmentCode"
262 + >
263 + <el-input
264 + name="consignmentCode-textarea"
265 + type="textarea"
266 + :rows="5"
267 + id="popoverInputconsignmentCode"
268 + class="inputShadow textareaPopover"
269 + v-model="searchForm.consignmentCode"
270 + resize="none"
271 + maxlength="13000"
272 + placeholder=""
273 + @blur="textareaBlur"
274 + ></el-input>
275 + <el-input
276 + slot="reference"
277 + name="consignmentCode"
278 + type="textarea"
279 + :rows="1"
280 + class="inputShadow"
281 + id="inputInner--consignmentCode"
282 + v-model="searchForm.consignmentCode"
283 + resize="none"
284 + placeholder=""
285 + @focus="textareaFocus"
286 + ></el-input>
287 + </el-popover>
288 + </Formitem>
289 + </el-col>
290 +
291 + <el-col :span="4">
292 + <Formitem label="出口口岸" prop="factoryCode">
293 + <el-select
294 + type="text"
295 + id="inputInner--declaredPort"
296 + v-model="searchForm.declaredPort"
297 + clearable
298 + placeholder=""
299 + >
300 + <el-option
301 + v-for="(item, index) in dictData.userport"
302 + :key="index"
303 + :label="item.name"
304 + :value="item.name"
305 + ></el-option>
306 + </el-select>
307 + </Formitem>
308 + </el-col>
309 +
310 + <el-col :span="5">
311 + <Formitem label="出口日期" prop="consignmentCode">
312 + <el-popover
313 + placement="bottom"
314 + width="320"
315 + trigger="manual"
316 + popper-class="popoverconsignmentCode"
317 + v-model="textareaVisible.formItemconsignmentCode"
318 + >
319 + <el-input
320 + name="consignmentCode-textarea"
321 + type="textarea"
322 + :rows="5"
323 + id="popoverInputconsignmentCode"
324 + class="inputShadow textareaPopover"
325 + v-model="searchForm.consignmentCode"
326 + resize="none"
327 + maxlength="13000"
328 + placeholder=""
329 + @blur="textareaBlur"
330 + ></el-input>
331 + <el-input
332 + slot="reference"
333 + name="consignmentCode"
334 + type="textarea"
335 + :rows="1"
336 + class="inputShadow"
337 + id="inputInner--consignmentCode"
338 + v-model="searchForm.consignmentCode"
339 + resize="none"
340 + placeholder=""
341 + @focus="textareaFocus"
342 + ></el-input>
343 + </el-popover>
344 + </Formitem>
345 + </el-col>
346 + </el-row>
347 + <el-row>
348 + <el-col :span="4">
349 + <Formitem label="申报业务类型" prop="factoryCode">
350 + <el-select
351 + type="text"
352 + id="inputInner--declaredPort"
353 + v-model="searchForm.declaredPort"
354 + clearable
355 + placeholder=""
356 + >
357 + <el-option
358 + v-for="(item, index) in dictData.userport"
359 + :key="index"
360 + :label="item.name"
361 + :value="item.name"
362 + ></el-option>
363 + </el-select>
364 + </Formitem>
365 + </el-col>
366 + <el-col :span="4">
367 + <Formitem label="申报企业代码" prop="factoryCode">
368 + <el-popover
369 + placement="bottom"
370 + width="320"
371 + trigger="manual"
372 + popper-class="popoverconsignmentCode"
373 + v-model="textareaVisible.formItemconsignmentCode"
374 + >
375 + <el-input
376 + name="consignmentCode-textarea"
377 + type="textarea"
378 + :rows="5"
379 + id="popoverInputconsignmentCode"
380 + class="inputShadow textareaPopover"
381 + v-model="searchForm.consignmentCode"
382 + resize="none"
383 + maxlength="13000"
384 + placeholder=""
385 + @blur="textareaBlur"
386 + ></el-input>
387 + <el-input
388 + slot="reference"
389 + name="consignmentCode"
390 + type="textarea"
391 + :rows="1"
392 + class="inputShadow"
393 + id="inputInner--consignmentCode"
394 + v-model="searchForm.consignmentCode"
395 + resize="none"
396 + placeholder=""
397 + @focus="textareaFocus"
398 + ></el-input>
399 + </el-popover>
400 + </Formitem>
401 + </el-col>
402 + <el-col :span="5">
403 + <Formitem label="申报企业名称" prop="consignmentCode">
404 + <el-popover
405 + placement="bottom"
406 + width="320"
407 + trigger="manual"
408 + popper-class="popoverconsignmentCode"
409 + v-model="textareaVisible.formItemconsignmentCode"
410 + >
411 + <el-input
412 + name="consignmentCode-textarea"
413 + type="textarea"
414 + :rows="5"
415 + id="popoverInputconsignmentCode"
416 + class="inputShadow textareaPopover"
417 + v-model="searchForm.consignmentCode"
418 + resize="none"
419 + maxlength="13000"
420 + placeholder=""
421 + @blur="textareaBlur"
422 + ></el-input>
423 + <el-input
424 + slot="reference"
425 + name="consignmentCode"
426 + type="textarea"
427 + :rows="1"
428 + class="inputShadow"
429 + id="inputInner--consignmentCode"
430 + v-model="searchForm.consignmentCode"
431 + resize="none"
432 + placeholder=""
433 + @focus="textareaFocus"
434 + ></el-input>
435 + </el-popover>
436 + </Formitem>
437 + </el-col>
438 + <el-col :span="5">
439 + <Formitem label="收发货人代码" prop="consignmentCode">
440 + <el-popover
441 + placement="bottom"
442 + width="320"
443 + trigger="manual"
444 + popper-class="popoverconsignmentCode"
445 + v-model="textareaVisible.formItemconsignmentCode"
446 + >
447 + <el-input
448 + name="consignmentCode-textarea"
449 + type="textarea"
450 + :rows="5"
451 + id="popoverInputconsignmentCode"
452 + class="inputShadow textareaPopover"
453 + v-model="searchForm.consignmentCode"
454 + resize="none"
455 + maxlength="13000"
456 + placeholder=""
457 + @blur="textareaBlur"
458 + ></el-input>
459 + <el-input
460 + slot="reference"
461 + name="consignmentCode"
462 + type="textarea"
463 + :rows="1"
464 + class="inputShadow"
465 + id="inputInner--consignmentCode"
466 + v-model="searchForm.consignmentCode"
467 + resize="none"
468 + placeholder=""
469 + @focus="textareaFocus"
470 + ></el-input>
471 + </el-popover>
472 + </Formitem>
473 + </el-col>
474 + <el-col :span="5">
475 + <Formitem label="收发货人名称" prop="consignmentCode">
476 + <el-popover
477 + placement="bottom"
478 + width="320"
479 + trigger="manual"
480 + popper-class="popoverconsignmentCode"
481 + v-model="textareaVisible.formItemconsignmentCode"
482 + >
483 + <el-input
484 + name="consignmentCode-textarea"
485 + type="textarea"
486 + :rows="5"
487 + id="popoverInputconsignmentCode"
488 + class="inputShadow textareaPopover"
489 + v-model="searchForm.consignmentCode"
490 + resize="none"
491 + maxlength="13000"
492 + placeholder=""
493 + @blur="textareaBlur"
494 + ></el-input>
495 + <el-input
496 + slot="reference"
497 + name="consignmentCode"
498 + type="textarea"
499 + :rows="1"
500 + class="inputShadow"
501 + id="inputInner--consignmentCode"
502 + v-model="searchForm.consignmentCode"
503 + resize="none"
504 + placeholder=""
505 + @focus="textareaFocus"
506 + ></el-input>
507 + </el-popover>
508 + </Formitem>
509 + </el-col>
510 + <el-col :span="5">
511 + <Formitem label="生产销售企业代码" prop="consignmentCode">
512 + <el-popover
513 + placement="bottom"
514 + width="320"
515 + trigger="manual"
516 + popper-class="popoverconsignmentCode"
517 + v-model="textareaVisible.formItemconsignmentCode"
518 + >
519 + <el-input
520 + name="consignmentCode-textarea"
521 + type="textarea"
522 + :rows="5"
523 + id="popoverInputconsignmentCode"
524 + class="inputShadow textareaPopover"
525 + v-model="searchForm.consignmentCode"
526 + resize="none"
527 + maxlength="13000"
528 + placeholder=""
529 + @blur="textareaBlur"
530 + ></el-input>
531 + <el-input
532 + slot="reference"
533 + name="consignmentCode"
534 + type="textarea"
535 + :rows="1"
536 + class="inputShadow"
537 + id="inputInner--consignmentCode"
538 + v-model="searchForm.consignmentCode"
539 + resize="none"
540 + placeholder=""
541 + @focus="textareaFocus"
542 + ></el-input>
543 + </el-popover>
544 + </Formitem>
545 + </el-col>
546 + <el-col :span="5">
547 + <Formitem label="生产销售企业名称" prop="consignmentCode">
548 + <el-popover
549 + placement="bottom"
550 + width="320"
551 + trigger="manual"
552 + popper-class="popoverconsignmentCode"
553 + v-model="textareaVisible.formItemconsignmentCode"
554 + >
555 + <el-input
556 + name="consignmentCode-textarea"
557 + type="textarea"
558 + :rows="5"
559 + id="popoverInputconsignmentCode"
560 + class="inputShadow textareaPopover"
561 + v-model="searchForm.consignmentCode"
562 + resize="none"
563 + maxlength="13000"
564 + placeholder=""
565 + @blur="textareaBlur"
566 + ></el-input>
567 + <el-input
568 + slot="reference"
569 + name="consignmentCode"
570 + type="textarea"
571 + :rows="1"
572 + class="inputShadow"
573 + id="inputInner--consignmentCode"
574 + v-model="searchForm.consignmentCode"
575 + resize="none"
576 + placeholder=""
577 + @focus="textareaFocus"
578 + ></el-input>
579 + </el-popover>
580 + </Formitem>
581 + </el-col>
582 + <el-col :span="5">
583 + <Formitem label="区内企业代码" prop="consignmentCode">
584 + <el-popover
585 + placement="bottom"
586 + width="320"
587 + trigger="manual"
588 + popper-class="popoverconsignmentCode"
589 + v-model="textareaVisible.formItemconsignmentCode"
590 + >
591 + <el-input
592 + name="consignmentCode-textarea"
593 + type="textarea"
594 + :rows="5"
595 + id="popoverInputconsignmentCode"
596 + class="inputShadow textareaPopover"
597 + v-model="searchForm.consignmentCode"
598 + resize="none"
599 + maxlength="13000"
600 + placeholder=""
601 + @blur="textareaBlur"
602 + ></el-input>
603 + <el-input
604 + slot="reference"
605 + name="consignmentCode"
606 + type="textarea"
607 + :rows="1"
608 + class="inputShadow"
609 + id="inputInner--consignmentCode"
610 + v-model="searchForm.consignmentCode"
611 + resize="none"
612 + placeholder=""
613 + @focus="textareaFocus"
614 + ></el-input>
615 + </el-popover>
616 + </Formitem>
617 + </el-col>
618 + <el-col :span="5">
619 + <Formitem label="区内企业名称" prop="consignmentCode">
620 + <el-popover
621 + placement="bottom"
622 + width="320"
623 + trigger="manual"
624 + popper-class="popoverconsignmentCode"
625 + v-model="textareaVisible.formItemconsignmentCode"
626 + >
627 + <el-input
628 + name="consignmentCode-textarea"
629 + type="textarea"
630 + :rows="5"
631 + id="popoverInputconsignmentCode"
632 + class="inputShadow textareaPopover"
633 + v-model="searchForm.consignmentCode"
634 + resize="none"
635 + maxlength="13000"
636 + placeholder=""
637 + @blur="textareaBlur"
638 + ></el-input>
639 + <el-input
640 + slot="reference"
641 + name="consignmentCode"
642 + type="textarea"
643 + :rows="1"
644 + class="inputShadow"
645 + id="inputInner--consignmentCode"
646 + v-model="searchForm.consignmentCode"
647 + resize="none"
648 + placeholder=""
649 + @focus="textareaFocus"
650 + ></el-input>
651 + </el-popover>
652 + </Formitem>
653 + </el-col>
654 + <el-col :span="5">
655 + <Formitem label="账册编号" prop="consignmentCode">
656 + <el-popover
657 + placement="bottom"
658 + width="320"
659 + trigger="manual"
660 + popper-class="popoverconsignmentCode"
661 + v-model="textareaVisible.formItemconsignmentCode"
662 + >
663 + <el-input
664 + name="consignmentCode-textarea"
665 + type="textarea"
666 + :rows="5"
667 + id="popoverInputconsignmentCode"
668 + class="inputShadow textareaPopover"
669 + v-model="searchForm.consignmentCode"
670 + resize="none"
671 + maxlength="13000"
672 + placeholder=""
673 + @blur="textareaBlur"
674 + ></el-input>
675 + <el-input
676 + slot="reference"
677 + name="consignmentCode"
678 + type="textarea"
679 + :rows="1"
680 + class="inputShadow"
681 + id="inputInner--consignmentCode"
682 + v-model="searchForm.consignmentCode"
683 + resize="none"
684 + placeholder=""
685 + @focus="textareaFocus"
686 + ></el-input>
687 + </el-popover>
688 + </Formitem>
689 + </el-col>
690 + <el-col :span="4">
691 + <Formitem label="贸易方式" prop="factoryCode">
692 + <el-select
693 + type="text"
694 + id="inputInner--declaredPort"
695 + v-model="searchForm.declaredPort"
696 + clearable
697 + placeholder=""
698 + >
699 + <el-option
700 + v-for="(item, index) in dictData.userport"
701 + :key="index"
702 + :label="item.name"
703 + :value="item.name"
704 + ></el-option>
705 + </el-select>
706 + </Formitem>
707 + </el-col>
708 + <el-col :span="4">
709 + <Formitem label="运输方式" prop="factoryCode">
710 + <el-select
711 + type="text"
712 + id="inputInner--declaredPort"
713 + v-model="searchForm.declaredPort"
714 + clearable
715 + placeholder=""
716 + >
717 + <el-option
718 + v-for="(item, index) in dictData.userport"
719 + :key="index"
720 + :label="item.name"
721 + :value="item.name"
722 + ></el-option>
723 + </el-select>
724 + </Formitem>
725 + </el-col>
726 +
727 + <el-col :span="5">
728 + <Formitem label="运输工具名称" prop="consignmentCode">
729 + <el-popover
730 + placement="bottom"
731 + width="320"
732 + trigger="manual"
733 + popper-class="popoverconsignmentCode"
734 + v-model="textareaVisible.formItemconsignmentCode"
735 + >
736 + <el-input
737 + name="consignmentCode-textarea"
738 + type="textarea"
739 + :rows="5"
740 + id="popoverInputconsignmentCode"
741 + class="inputShadow textareaPopover"
742 + v-model="searchForm.consignmentCode"
743 + resize="none"
744 + maxlength="13000"
745 + placeholder=""
746 + @blur="textareaBlur"
747 + ></el-input>
748 + <el-input
749 + slot="reference"
750 + name="consignmentCode"
751 + type="textarea"
752 + :rows="1"
753 + class="inputShadow"
754 + id="inputInner--consignmentCode"
755 + v-model="searchForm.consignmentCode"
756 + resize="none"
757 + placeholder=""
758 + @focus="textareaFocus"
759 + ></el-input>
760 + </el-popover>
761 + </Formitem>
762 + </el-col>
763 + <el-col :span="5">
764 + <Formitem label="航班航次号" prop="consignmentCode">
765 + <el-popover
766 + placement="bottom"
767 + width="320"
768 + trigger="manual"
769 + popper-class="popoverconsignmentCode"
770 + v-model="textareaVisible.formItemconsignmentCode"
771 + >
772 + <el-input
773 + name="consignmentCode-textarea"
774 + type="textarea"
775 + :rows="5"
776 + id="popoverInputconsignmentCode"
777 + class="inputShadow textareaPopover"
778 + v-model="searchForm.consignmentCode"
779 + resize="none"
780 + maxlength="13000"
781 + placeholder=""
782 + @blur="textareaBlur"
783 + ></el-input>
784 + <el-input
785 + slot="reference"
786 + name="consignmentCode"
787 + type="textarea"
788 + :rows="1"
789 + class="inputShadow"
790 + id="inputInner--consignmentCode"
791 + v-model="searchForm.consignmentCode"
792 + resize="none"
793 + placeholder=""
794 + @focus="textareaFocus"
795 + ></el-input>
796 + </el-popover>
797 + </Formitem>
798 + </el-col>
799 + <el-col :span="5">
800 + <Formitem label="总包号" prop="consignmentCode">
801 + <el-popover
802 + placement="bottom"
803 + width="320"
804 + trigger="manual"
805 + popper-class="popoverconsignmentCode"
806 + v-model="textareaVisible.formItemconsignmentCode"
807 + >
808 + <el-input
809 + name="consignmentCode-textarea"
810 + type="textarea"
811 + :rows="5"
812 + id="popoverInputconsignmentCode"
813 + class="inputShadow textareaPopover"
814 + v-model="searchForm.consignmentCode"
815 + resize="none"
816 + maxlength="13000"
817 + placeholder=""
818 + @blur="textareaBlur"
819 + ></el-input>
820 + <el-input
821 + slot="reference"
822 + name="consignmentCode"
823 + type="textarea"
824 + :rows="1"
825 + class="inputShadow"
826 + id="inputInner--consignmentCode"
827 + v-model="searchForm.consignmentCode"
828 + resize="none"
829 + placeholder=""
830 + @focus="textareaFocus"
831 + ></el-input>
832 + </el-popover>
833 + </Formitem>
834 + </el-col>
835 + <el-col :span="5">
836 + <Formitem label="监管场所代码" prop="consignmentCode">
837 + <el-popover
838 + placement="bottom"
839 + width="320"
840 + trigger="manual"
841 + popper-class="popoverconsignmentCode"
842 + v-model="textareaVisible.formItemconsignmentCode"
843 + >
844 + <el-input
845 + name="consignmentCode-textarea"
846 + type="textarea"
847 + :rows="5"
848 + id="popoverInputconsignmentCode"
849 + class="inputShadow textareaPopover"
850 + v-model="searchForm.consignmentCode"
851 + resize="none"
852 + maxlength="13000"
853 + placeholder=""
854 + @blur="textareaBlur"
855 + ></el-input>
856 + <el-input
857 + slot="reference"
858 + name="consignmentCode"
859 + type="textarea"
860 + :rows="1"
861 + class="inputShadow"
862 + id="inputInner--consignmentCode"
863 + v-model="searchForm.consignmentCode"
864 + resize="none"
865 + placeholder=""
866 + @focus="textareaFocus"
867 + ></el-input>
868 + </el-popover>
869 + </Formitem>
870 + </el-col>
871 + <el-col :span="4">
872 + <Formitem label="运抵国（地区）" prop="factoryCode">
873 + <el-select
874 + type="text"
875 + id="inputInner--declaredPort"
876 + v-model="searchForm.declaredPort"
877 + clearable
878 + placeholder=""
879 + >
880 + <el-option
881 + v-for="(item, index) in dictData.userport"
882 + :key="index"
883 + :label="item.name"
884 + :value="item.name"
885 + ></el-option>
886 + </el-select>
887 + </Formitem>
888 + </el-col>
889 + <el-col :span="4">
890 + <Formitem label="指运港" prop="factoryCode">
891 + <el-select
892 + type="text"
893 + id="inputInner--declaredPort"
894 + v-model="searchForm.declaredPort"
895 + clearable
896 + placeholder=""
897 + >
898 + <el-option
899 + v-for="(item, index) in dictData.userport"
900 + :key="index"
901 + :label="item.name"
902 + :value="item.name"
903 + ></el-option>
904 + </el-select>
905 + </Formitem>
906 + </el-col>
907 + <el-col :span="5">
908 + <Formitem label="运费" prop="consignmentCode">
909 + <el-popover
910 + placement="bottom"
911 + width="320"
912 + trigger="manual"
913 + popper-class="popoverconsignmentCode"
914 + v-model="textareaVisible.formItemconsignmentCode"
915 + >
916 + <el-input
917 + name="consignmentCode-textarea"
918 + type="textarea"
919 + :rows="5"
920 + id="popoverInputconsignmentCode"
921 + class="inputShadow textareaPopover"
922 + v-model="searchForm.consignmentCode"
923 + resize="none"
924 + maxlength="13000"
925 + placeholder=""
926 + @blur="textareaBlur"
927 + ></el-input>
928 + <el-input
929 + slot="reference"
930 + name="consignmentCode"
931 + type="textarea"
932 + :rows="1"
933 + class="inputShadow"
934 + id="inputInner--consignmentCode"
935 + v-model="searchForm.consignmentCode"
936 + resize="none"
937 + placeholder=""
938 + @focus="textareaFocus"
939 + ></el-input>
940 + </el-popover>
941 + </Formitem>
942 + </el-col>
943 + <el-col :span="5">
944 + <Formitem label="运费币制" prop="consignmentCode">
945 + <el-popover
946 + placement="bottom"
947 + width="320"
948 + trigger="manual"
949 + popper-class="popoverconsignmentCode"
950 + v-model="textareaVisible.formItemconsignmentCode"
951 + >
952 + <el-input
953 + name="consignmentCode-textarea"
954 + type="textarea"
955 + :rows="5"
956 + id="popoverInputconsignmentCode"
957 + class="inputShadow textareaPopover"
958 + v-model="searchForm.consignmentCode"
959 + resize="none"
960 + maxlength="13000"
961 + placeholder=""
962 + @blur="textareaBlur"
963 + ></el-input>
964 + <el-input
965 + slot="reference"
966 + name="consignmentCode"
967 + type="textarea"
968 + :rows="1"
969 + class="inputShadow"
970 + id="inputInner--consignmentCode"
971 + v-model="searchForm.consignmentCode"
972 + resize="none"
973 + placeholder=""
974 + @focus="textareaFocus"
975 + ></el-input>
976 + </el-popover>
977 + </Formitem>
978 + </el-col>
979 + <el-col :span="4">
980 + <Formitem label="运费标志" prop="factoryCode">
981 + <el-select
982 + type="text"
983 + id="inputInner--declaredPort"
984 + v-model="searchForm.declaredPort"
985 + clearable
986 + placeholder=""
987 + >
988 + <el-option
989 + v-for="(item, index) in dictData.userport"
990 + :key="index"
991 + :label="item.name"
992 + :value="item.name"
993 + ></el-option>
994 + </el-select>
995 + </Formitem>
996 + </el-col>
997 + <el-col :span="5">
998 + <Formitem label="保费" prop="consignmentCode">
999 + <el-popover
1000 + placement="bottom"
1001 + width="320"
1002 + trigger="manual"
1003 + popper-class="popoverconsignmentCode"
1004 + v-model="textareaVisible.formItemconsignmentCode"
1005 + >
1006 + <el-input
1007 + name="consignmentCode-textarea"
1008 + type="textarea"
1009 + :rows="5"
1010 + id="popoverInputconsignmentCode"
1011 + class="inputShadow textareaPopover"
1012 + v-model="searchForm.consignmentCode"
1013 + resize="none"
1014 + maxlength="13000"
1015 + placeholder=""
1016 + @blur="textareaBlur"
1017 + ></el-input>
1018 + <el-input
1019 + slot="reference"
1020 + name="consignmentCode"
1021 + type="textarea"
1022 + :rows="1"
1023 + class="inputShadow"
1024 + id="inputInner--consignmentCode"
1025 + v-model="searchForm.consignmentCode"
1026 + resize="none"
1027 + placeholder=""
1028 + @focus="textareaFocus"
1029 + ></el-input>
1030 + </el-popover>
1031 + </Formitem>
1032 + </el-col>
1033 + <el-col :span="4">
1034 + <Formitem label="保费币制" prop="factoryCode">
1035 + <el-select
1036 + type="text"
1037 + id="inputInner--declaredPort"
1038 + v-model="searchForm.declaredPort"
1039 + clearable
1040 + placeholder=""
1041 + >
1042 + <el-option
1043 + v-for="(item, index) in dictData.userport"
1044 + :key="index"
1045 + :label="item.name"
1046 + :value="item.name"
1047 + ></el-option>
1048 + </el-select>
1049 + </Formitem>
1050 + </el-col>
1051 + <el-col :span="4">
1052 + <Formitem label="保费标志" prop="factoryCode">
1053 + <el-select
1054 + type="text"
1055 + id="inputInner--declaredPort"
1056 + v-model="searchForm.declaredPort"
1057 + clearable
1058 + placeholder=""
1059 + >
1060 + <el-option
1061 + v-for="(item, index) in dictData.userport"
1062 + :key="index"
1063 + :label="item.name"
1064 + :value="item.name"
1065 + ></el-option>
1066 + </el-select>
1067 + </Formitem>
1068 + </el-col>
1069 + <el-col :span="5">
1070 + <Formitem label="件数/包裹件数" prop="consignmentCode">
1071 + <el-popover
1072 + placement="bottom"
1073 + width="320"
1074 + trigger="manual"
1075 + popper-class="popoverconsignmentCode"
1076 + v-model="textareaVisible.formItemconsignmentCode"
1077 + >
1078 + <el-input
1079 + name="consignmentCode-textarea"
1080 + type="textarea"
1081 + :rows="5"
1082 + id="popoverInputconsignmentCode"
1083 + class="inputShadow textareaPopover"
1084 + v-model="searchForm.consignmentCode"
1085 + resize="none"
1086 + maxlength="13000"
1087 + placeholder=""
1088 + @blur="textareaBlur"
1089 + ></el-input>
1090 + <el-input
1091 + slot="reference"
1092 + name="consignmentCode"
1093 + type="textarea"
1094 + :rows="1"
1095 + class="inputShadow"
1096 + id="inputInner--consignmentCode"
1097 + v-model="searchForm.consignmentCode"
1098 + resize="none"
1099 + placeholder=""
1100 + @focus="textareaFocus"
1101 + ></el-input>
1102 + </el-popover>
1103 + </Formitem>
1104 + </el-col>
1105 + <el-col :span="5">
1106 + <Formitem label="毛重(公斤)" prop="consignmentCode">
1107 + <el-popover
1108 + placement="bottom"
1109 + width="320"
1110 + trigger="manual"
1111 + popper-class="popoverconsignmentCode"
1112 + v-model="textareaVisible.formItemconsignmentCode"
1113 + >
1114 + <el-input
1115 + name="consignmentCode-textarea"
1116 + type="textarea"
1117 + :rows="5"
1118 + id="popoverInputconsignmentCode"
1119 + class="inputShadow textareaPopover"
1120 + v-model="searchForm.consignmentCode"
1121 + resize="none"
1122 + maxlength="13000"
1123 + placeholder=""
1124 + @blur="textareaBlur"
1125 + ></el-input>
1126 + <el-input
1127 + slot="reference"
1128 + name="consignmentCode"
1129 + type="textarea"
1130 + :rows="1"
1131 + class="inputShadow"
1132 + id="inputInner--consignmentCode"
1133 + v-model="searchForm.consignmentCode"
1134 + resize="none"
1135 + placeholder=""
1136 + @focus="textareaFocus"
1137 + ></el-input>
1138 + </el-popover>
1139 + </Formitem>
1140 + </el-col>
1141 + <el-col :span="5">
1142 + <Formitem label="净重(公斤)" prop="consignmentCode">
1143 + <el-popover
1144 + placement="bottom"
1145 + width="320"
1146 + trigger="manual"
1147 + popper-class="popoverconsignmentCode"
1148 + v-model="textareaVisible.formItemconsignmentCode"
1149 + >
1150 + <el-input
1151 + name="consignmentCode-textarea"
1152 + type="textarea"
1153 + :rows="5"
1154 + id="popoverInputconsignmentCode"
1155 + class="inputShadow textareaPopover"
1156 + v-model="searchForm.consignmentCode"
1157 + resize="none"
1158 + maxlength="13000"
1159 + placeholder=""
1160 + @blur="textareaBlur"
1161 + ></el-input>
1162 + <el-input
1163 + slot="reference"
1164 + name="consignmentCode"
1165 + type="textarea"
1166 + :rows="1"
1167 + class="inputShadow"
1168 + id="inputInner--consignmentCode"
1169 + v-model="searchForm.consignmentCode"
1170 + resize="none"
1171 + placeholder=""
1172 + @focus="textareaFocus"
1173 + ></el-input>
1174 + </el-popover>
1175 + </Formitem>
1176 + </el-col>
1177 + <el-col :span="5">
1178 + <Formitem label="包装种类代码" prop="consignmentCode">
1179 + <el-popover
1180 + placement="bottom"
1181 + width="320"
1182 + trigger="manual"
1183 + popper-class="popoverconsignmentCode"
1184 + v-model="textareaVisible.formItemconsignmentCode"
1185 + >
1186 + <el-input
1187 + name="consignmentCode-textarea"
1188 + type="textarea"
1189 + :rows="5"
1190 + id="popoverInputconsignmentCode"
1191 + class="inputShadow textareaPopover"
1192 + v-model="searchForm.consignmentCode"
1193 + resize="none"
1194 + maxlength="13000"
1195 + placeholder=""
1196 + @blur="textareaBlur"
1197 + ></el-input>
1198 + <el-input
1199 + slot="reference"
1200 + name="consignmentCode"
1201 + type="textarea"
1202 + :rows="1"
1203 + class="inputShadow"
1204 + id="inputInner--consignmentCode"
1205 + v-model="searchForm.consignmentCode"
1206 + resize="none"
1207 + placeholder=""
1208 + @focus="textareaFocus"
1209 + ></el-input>
1210 + </el-popover>
1211 + </Formitem>
1212 + </el-col>
1213 + <el-col :span="4">
1214 + <Formitem label="业务状态" prop="factoryCode">
1215 + <el-select
1216 + type="text"
1217 + id="inputInner--declaredPort"
1218 + v-model="searchForm.declaredPort"
1219 + clearable
1220 + placeholder=""
1221 + >
1222 + <el-option
1223 + v-for="(item, index) in dictData.userport"
1224 + :key="index"
1225 + :label="item.name"
1226 + :value="item.name"
1227 + ></el-option>
1228 + </el-select>
1229 + </Formitem>
1230 + </el-col>
1231 + <el-col :span="4">
1232 + <Formitem label="申报类型" prop="factoryCode">
1233 + <el-select
1234 + type="text"
1235 + id="inputInner--declaredPort"
1236 + v-model="searchForm.declaredPort"
1237 + clearable
1238 + placeholder=""
1239 + >
1240 + <el-option
1241 + v-for="(item, index) in dictData.userport"
1242 + :key="index"
1243 + :label="item.name"
1244 + :value="item.name"
1245 + ></el-option>
1246 + </el-select>
1247 + </Formitem>
1248 + </el-col>
1249 + <el-col :span="4">
1250 + <Formitem label="申报时间" prop="declareDate">
1251 + <el-date-picker
1252 + v-model="value1"
1253 + type="date"
1254 + placeholder="选择日期">
1255 + </el-date-picker>
1256 + </Formitem>
1257 + </el-col>
1258 + <el-col :span="5">
1259 + <Formitem label="备注" prop="consignmentCode">
1260 + <el-popover
1261 + placement="bottom"
1262 + width="320"
1263 + trigger="manual"
1264 + popper-class="popoverconsignmentCode"
1265 + v-model="textareaVisible.formItemconsignmentCode"
1266 + >
1267 + <el-input
1268 + name="consignmentCode-textarea"
1269 + type="textarea"
1270 + :rows="5"
1271 + id="popoverInputconsignmentCode"
1272 + class="inputShadow textareaPopover"
1273 + v-model="searchForm.consignmentCode"
1274 + resize="none"
1275 + maxlength="13000"
1276 + placeholder=""
1277 + @blur="textareaBlur"
1278 + ></el-input>
1279 + <el-input
1280 + slot="reference"
1281 + name="consignmentCode"
1282 + type="textarea"
1283 + :rows="1"
1284 + class="inputShadow"
1285 + id="inputInner--consignmentCode"
1286 + v-model="searchForm.consignmentCode"
1287 + resize="none"
1288 + placeholder=""
1289 + @focus="textareaFocus"
1290 + ></el-input>
1291 + </el-popover>
1292 + </Formitem>
1293 + </el-col>
1294 + </el-row>
1295 + </el-form>
1296 +
1297 + <h5>回执信息</h5>
1298 + <ReceiptInfoTable :showActionColumn="true" />
1299 +
1300 + <h5>商品明细</h5>
1301 + <ProductDetailTable :columns="columns" :tableData="tableData">
1302 + <!-- 自定义插槽内容：例如计量单位列 -->
1303 + <template v-slot:unit="{ row }">
1304 + <span>{{ row.unit }}</span>
1305 + <i class="el-icon-top" style="margin-left: 5px;"></i>
1306 + </template>
1307 + </ProductDetailTable>
1308 + </div>
1309 +</template>
1310 +
1311 +<script>
1312 +import ReceiptInfoTable from "@/components/ReceiptInfoTable/index.vue";
1313 +import ProductDetailTable from "@/components/ProductDetailTable/index.vue";
1314 +
1315 +export default {
1316 + name: "exportTransportDetail.vue",
1317 + components: {ProductDetailTable, ReceiptInfoTable},
1318 + data() {
1319 + return {
1320 + searchForm: {
1321 + declaredPort: "",
1322 + consStatus: "",
1323 + consignmentCode: "",
1324 + accsDataImportTime: [],
1325 + ownerName: "",
1326 + consignmentHeadCode: "",
1327 + isPushCustomsSys: "",
1328 + waitOperStatus: "",
1329 + declTime: [],
1330 + },
1331 + textareaVisible: {
1332 + formItemconsignmentCode: false,
1333 + formItemconsignmentHeadCode: false,
1334 + },
1335 + dictData: {
1336 + userport: [
1337 + {name: "Shanghai Port", code: "SH"},
1338 + {name: "Beijing Port", code: "BJ"},
1339 + {name: "Guangzhou Port", code: "GZ"},
1340 + {name: "Shenzhen Port", code: "SZ"},
1341 + {name: "Tianjin Port", code: "TJ"},
1342 + ],
1343 + },
1344 + // 动态列配置
1345 + columns: [
1346 + { prop: "index", label: "序号", width: "60" },
1347 + { prop: "recordNumber", label: "备案编号", width: "120" },
1348 + { prop: "productName", label: "商品名称", width: "200" },
1349 + { prop: "productCode", label: "商品编码", width: "150" },
1350 + { prop: "productModel", label: "商品规格型号", width: "150" },
1351 + { prop: "unitPrice", label: "单价", width: "80" },
1352 + { prop: "totalPrice", label: "总价", width: "80" },
1353 + { prop: "currency", label: "币制", width: "80" },
1354 + { prop: "legalQuantity", label: "法定数量", width: "100" },
1355 + { prop: "legalUnit", label: "法定单位", width: "80" },
1356 + { prop: "secondQuantity", label: "第二数量", width: "100" },
1357 + { prop: "secondUnit", label: "第二单位", width: "80" },
1358 + { prop: "originCountry", label: "原产国", width: "120" },
1359 + { prop: "tradeCountry", label: "贸易国", width: "120" },
1360 + { prop: "grossWeight", label: "毛重(KG)", width: "100" }
1361 + ],
1362 + // 表格数据
1363 + tableData: [
1364 + {
1365 + index: 1,
1366 + productNumber: "6704200000",
1367 + productName: "真人发发夹",
1368 + description: "测试内容",
1369 + code: "485607096",
1370 + unit: "↑",
1371 + currency: "美元",
1372 + quantity: 1,
1373 + unitPrice: "645.78",
1374 + totalPrice: "645.78",
1375 + notes: "山东电子口岸已写，加签后上传",
1376 + },
1377 + {
1378 + index: 2,
1379 + productNumber: "6704200000",
1380 + productName: "真人发发夹",
1381 + description: "测试内容",
1382 + code: "2145860720",
1383 + unit: "↑",
1384 + currency: "美元",
1385 + quantity: 2,
1386 + unitPrice: "645.78",
1387 + totalPrice: "645.78",
1388 + notes: "山东电子口岸已写，加签后上传",
1389 + },
1390 + ],
1391 + }
1392 + },
1393 + methods: {
1394 + textareaBlur(val) {
1395 + let inputInner = document.querySelector(
1396 + "#inputInner--" + val.target.name.split("-")[0]
1397 + );
1398 + this.textareaVisible["formItem" + val.target.name.split("-")[0]] = false;
1399 + inputInner.style.display = "block";
1400 + this.$nextTick(() => {
1401 + inputInner.blur();
1402 + if (
1403 + inputInner.value != undefined &&
1404 + inputInner.value != "" &&
1405 + inputInner.value != null
1406 + ) {
1407 + inputInner.classList.add("inputFocus");
1408 + } else {
1409 + inputInner.classList.remove("inputFocus");
1410 + }
1411 + });
1412 + let arr = [];
1413 + this.searchForm[val.target.name.split("-")[0]]
1414 + .replace(/[\n\，\；\;]/g, ",")
1415 + .replace(/[\t]/g, "")
1416 + .split(",")
1417 + .forEach((str, index) => {
1418 + if (str != null && str != "" && index <= 1000) {
1419 + arr.push(str.trim());
1420 + }
1421 + });
1422 + this.searchForm[val.target.name.split("-")[0]] = arr.join("\n");
1423 + this.$forceUpdate();
1424 + },
1425 + //文本域展示状态切换
1426 + textareaFocus(val) {
1427 + this.textareaVisible["formItem" + val.target.name.split("-")[0]] = true;
1428 + this.$nextTick(() => {
1429 + document
1430 + .querySelector("#popoverInput" + val.target.name.split("-")[0])
1431 + .focus();
1432 + document.querySelector(
1433 + "#inputInner--" + val.target.name.split("-")[0]
1434 + ).style.display = "none";
1435 + });
1436 + },
1437 + }
1438 +}
1439 +</script>
1440 +
1441 +<style scoped lang="scss">
1442 +.export-bill-detail {
1443 + background-color: white;
1444 + padding-left: 20px;
1445 + //border: 1px solid black;
1446 + height: 100%;
1447 + .fedexFormItem {
1448 + background-color: #f5f5f5;
1449 + margin-right: 5px;
1450 + margin-bottom: 5px;
1451 + }
1452 + .fedexformSreach {
1453 + border-bottom: none;
1454 + }
1455 + .first-header {
1456 + margin-top: 0;
1457 + padding-top: 20px;
1458 + display: flex;
1459 + justify-content: space-between;
1460 + position: relative;
1461 + .returnButton {
1462 + font-size: 14px;
1463 + color: red;
1464 + position: absolute;
1465 + right: 0;
1466 + top: 0px;
1467 + width: 80px;
1468 + height: 30px;
1469 + line-height: 30px;
1470 + text-align: center;
1471 + background-color: white;
1472 + border-radius: 5px;
1473 + margin-right: 20px;
1474 + margin-top: 20px;
1475 + cursor: pointer;
1476 + border: 1px solid red;
1477 + }
1478 + }
1479 +}
1480 +</style>
1 +<template>
2 + <div class="export-list-query">
3 + <div class="entrySreach" ref="classCPortEntry">
4 + <el-form
5 + class="fedexFormStyle fedexformSreach fedexformSreachBottomBorder"
6 + ref="sreachForm"
7 + :model="searchForm"
8 + label-position="top"
9 + size="small"
10 + >
11 + <el-row class="row-border">
12 + <el-col :span="5">
13 + <Formitem label="提运单号" prop="consignmentCode">
14 + <PopoverTextarea
15 + v-model="searchForm.consignmentCode"
16 + :maxlength="5000"
17 + :max-entries="1000"
18 + />
19 + </Formitem>
20 + </el-col>
21 + <el-col :span="4">
22 + <Formitem label="订单编号" prop="factoryCode">
23 + <el-select
24 + type="text"
25 + id="inputInner--declaredPort"
26 + v-model="searchForm.declaredPort"
27 + clearable
28 + placeholder=""
29 + @change="portChange"
30 + >
31 + <el-option
32 + v-for="(item, index) in dictData.userport"
33 + :key="index"
34 + :label="item.name"
35 + :value="item.name"
36 + ></el-option>
37 + </el-select>
38 + </Formitem>
39 + </el-col>
40 +
41 + <el-col :span="4">
42 + <Formitem label="物流运单编号" prop="receiptStatus">
43 + <el-select
44 + type="text"
45 + id="inputInner--declaredPort"
46 + v-model="searchForm.declaredPort"
47 + clearable
48 + placeholder=""
49 + @change="portChange"
50 + >
51 + <el-option
52 + v-for="(item, index) in dictData.userport"
53 + :key="index"
54 + :label="item.name"
55 + :value="item.name"
56 + ></el-option>
57 + </el-select>
58 + </Formitem>
59 + </el-col>
60 +
61 + <el-col :span="5">
62 + <Formitem
63 + label="创建日期"
64 + prop="createTime"
65 + :activeType="true"
66 + >
67 + <el-date-picker
68 + class="inputInner--accsDataImportTime"
69 + id="inputInner--accsDataImportTime"
70 + v-model="searchForm.accsDataImportTime"
71 + type="daterange"
72 + format="yyyy-MM-dd"
73 + prefix-icon="none"
74 + value-format="yyyyMMdd"
75 + range-separator="至"
76 + start-placeholder=""
77 + clearable
78 + end-placeholder=""
79 + :picker-options="importTimePickerOptions"
80 + @blur="datePickerBlur"
81 + @change="accsDataImportTimeChange"
82 + >
83 + </el-date-picker>
84 + </Formitem>
85 + </el-col>
86 +
87 + <el-col :span="2">
88 + <el-form-item class="textCenter">
89 + <el-button
90 + class="entrySreachButton"
91 + type="text"
92 + icon="el-icon-search"
93 + :loading="loadings.searchLoading"
94 + @click="search(0)"
95 + ></el-button>
96 + </el-form-item>
97 + </el-col>
98 +
99 + <el-col :span="4">
100 + <el-form-item class="textCenter">
101 + <el-button
102 + icon="el-icon-refresh"
103 + size="small"
104 + :loading="loadings.searchLoading"
105 + @click="search(0)"
106 + >重置
107 + </el-button>
108 + </el-form-item>
109 + </el-col>
110 + </el-row>
111 +
112 + <el-row>
113 + <el-col :span="5">
114 + <Formitem label="电商企业代码" prop="consignmentCode">
115 + <el-popover
116 + placement="bottom"
117 + width="320"
118 + trigger="manual"
119 + popper-class="popoverconsignmentCode"
120 + v-model="textareaVisible.formItemconsignmentCode"
121 + >
122 + <el-input
123 + name="consignmentCode-textarea"
124 + type="textarea"
125 + :rows="5"
126 + id="popoverInputconsignmentCode"
127 + class="inputShadow textareaPopover"
128 + v-model="searchForm.consignmentCode"
129 + resize="none"
130 + maxlength="13000"
131 + placeholder=""
132 + @blur="textareaBlur"
133 + @input="input"
134 + ></el-input>
135 + <el-input
136 + slot="reference"
137 + name="consignmentCode"
138 + type="textarea"
139 + :rows="1"
140 + class="inputShadow"
141 + id="inputInner--consignmentCode"
142 + v-model="searchForm.consignmentCode"
143 + resize="none"
144 + placeholder=""
145 + @focus="textareaFocus"
146 + @input="input"
147 + ></el-input>
148 + </el-popover>
149 + </Formitem>
150 + </el-col>
151 + <el-col :span="5">
152 + <Formitem label="申报企业代码" prop="consignmentCode">
153 + <el-popover
154 + placement="bottom"
155 + width="320"
156 + trigger="manual"
157 + popper-class="popoverconsignmentCode"
158 + v-model="textareaVisible.formItemconsignmentCode"
159 + >
160 + <el-input
161 + name="consignmentCode-textarea"
162 + type="textarea"
163 + :rows="5"
164 + id="popoverInputconsignmentCode"
165 + class="inputShadow textareaPopover"
166 + v-model="searchForm.consignmentCode"
167 + resize="none"
168 + maxlength="13000"
169 + placeholder=""
170 + @blur="textareaBlur"
171 + @input="input"
172 + ></el-input>
173 + <el-input
174 + slot="reference"
175 + name="consignmentCode"
176 + type="textarea"
177 + :rows="1"
178 + class="inputShadow"
179 + id="inputInner--consignmentCode"
180 + v-model="searchForm.consignmentCode"
181 + resize="none"
182 + placeholder=""
183 + @focus="textareaFocus"
184 + @input="input"
185 + ></el-input>
186 + </el-popover>
187 + </Formitem>
188 + </el-col>
189 + <el-col :span="4">
190 + <Formitem label="回执状态" prop="receiptStatus">
191 + <el-select
192 + type="text"
193 + id="inputInner--declaredPort"
194 + v-model="searchForm.declaredPort"
195 + clearable
196 + placeholder=""
197 + @change="portChange"
198 + >
199 + <el-option
200 + v-for="(item, index) in dictData.userport"
201 + :key="index"
202 + :label="item.name"
203 + :value="item.name"
204 + ></el-option>
205 + </el-select>
206 + </Formitem>
207 + </el-col>
208 + <el-col :span="5">
209 + <Formitem label="清单编号" prop="consignmentCode">
210 + <el-popover
211 + placement="bottom"
212 + width="320"
213 + trigger="manual"
214 + popper-class="popoverconsignmentCode"
215 + v-model="textareaVisible.formItemconsignmentCode"
216 + >
217 + <el-input
218 + name="consignmentCode-textarea"
219 + type="textarea"
220 + :rows="5"
221 + id="popoverInputconsignmentCode"
222 + class="inputShadow textareaPopover"
223 + v-model="searchForm.consignmentCode"
224 + resize="none"
225 + maxlength="13000"
226 + placeholder=""
227 + @blur="textareaBlur"
228 + @input="input"
229 + ></el-input>
230 + <el-input
231 + slot="reference"
232 + name="consignmentCode"
233 + type="textarea"
234 + :rows="1"
235 + class="inputShadow"
236 + id="inputInner--consignmentCode"
237 + v-model="searchForm.consignmentCode"
238 + resize="none"
239 + placeholder=""
240 + @focus="textareaFocus"
241 + @input="input"
242 + ></el-input>
243 + </el-popover>
244 + </Formitem>
245 + </el-col>
246 + </el-row>
247 + </el-form>
248 + </div>
249 +
250 + <div style="text-align: right; margin: 10px" class="action-buttons">
251 + <div class="prime-button">汇总申请单</div>
252 + <el-button
253 + size="small"
254 + :loading="loadings.downloadLoading2"
255 + @click="downloadBpiData('log')"
256 + >
257 + <svg-icon class="el-icon-user-solid" icon-class="fedexUpBlue"></svg-icon>
258 + 导出
259 + </el-button>
260 + </div>
261 +
262 + <Table
263 + class="fedexDetialTable fedexSreachTable"
264 + ref="entryTable"
265 + :data="tableData"
266 + :headerData="headerData"
267 + :maxHeight="tableMaxheight"
268 + :border="true"
269 + :pagination="true"
270 + :order="false"
271 + :loading="loadings.sreachLoading"
272 + :page="page.pageIndex"
273 + :pageSizes="[20, 30, 50, 100]"
274 + :totalCount="total"
275 + @sizeChange="sizeChange"
276 + @currentChange="currentChange"
277 + @rowClick="handleRowClick"
278 + :selection="true"
279 + :selectFixed="false"
280 + @tableSelect="tableSelect"
281 + @tableSelectAll="tableSelectAll"
282 + :rowSelectDataType="false"
283 + :selected="selected"
284 + >
285 + <template v-slot:waveName="scope">
286 + <span>{{ `${scope.row.waveName}(${scope.row.waveExt2})` }}</span>
287 + </template>
288 + </Table>
289 + </div>
290 +</template>
291 +
292 +<script>
293 +import {getAllExportingBills, getAllListBills} from "@/api/query/query";
294 +import PopoverTextarea from "@/components/PopoverTextarea/index.vue";
295 +
296 +export default {
297 + name: "index",
298 + components: {PopoverTextarea},
299 + data() {
300 + return {
301 + searchForm: {
302 + declaredPort: "",
303 + consStatus: "",
304 + consignmentCode: "",
305 + accsDataImportTime: [],
306 + ownerName: "",
307 + consignmentHeadCode: "",
308 + isPushCustomsSys: "",
309 + waitOperStatus: "",
310 + declTime: [],
311 + },
312 + selected: [],
313 + sizeChange(val) {
314 + this.page.pageSize = val;
315 + this.sreach(1);
316 + },
317 + //分页
318 + currentChange(val) {
319 + this.page.pageIndex = val.page;
320 + this.search(1);
321 + },
322 + tableSelect(val) {
323 + this.selected = val.selection;
324 + },
325 + tableSelectAll(val) {
326 + this.selected = val;
327 + },
328 + page: {
329 + pageIndex: 1,
330 + pageSize: 20,
331 + },
332 + tableData: [],
333 + tableMaxheight: null,
334 + total: 0,
335 + dictData: {
336 + userport: [
337 + {name: "Shanghai Port", code: "SH"},
338 + {name: "Beijing Port", code: "BJ"},
339 + {name: "Guangzhou Port", code: "GZ"},
340 + {name: "Shenzhen Port", code: "SZ"},
341 + {name: "Tianjin Port", code: "TJ"},
342 + ],
343 + },
344 + loadings: {
345 + searchLoading: false,
346 + },
347 + textareaVisible: {
348 + formItemconsignmentCode: false,
349 + formItemconsignmentHeadCode: false,
350 + },
351 + headerData: [
352 + {
353 + name: "回执状态",
354 + value: "returnStatus",
355 + width: "150",
356 + align: "left",
357 + },
358 + {
359 + name: "提运单号",
360 + value: "orderNo",
361 + width: '150',
362 + align: 'left'
363 + },
364 + {
365 + name: '订单编号',
366 + value: 'orderType',
367 + width: '150',
368 + align: 'left'
369 + },
370 + {
371 + name: '物流运单号',
372 + value: 'ebccode',
373 + width: '200',
374 + align: 'left'
375 + },
376 + {
377 + name: '电商企业代码',
378 + value: 'ebcname',
379 + width: '200',
380 + align: 'left'
381 + },
382 + {
383 + name: '电商企业名称',
384 + value: 'ebpname',
385 + width: '250',
386 + align: 'left'
387 + },
388 + {
389 + name: '申报企业代码',
390 + value: 'declaringEnterprise',
391 + width: '200',
392 + align: 'left'
393 + }
394 + ]
395 + }
396 + },
397 + created() {
398 + getAllListBills({
399 + pageIndex: 1,
400 + pageSize: 20
401 + }).then((res) => {
402 + console.log('res', res)
403 + this.tableData = res.data.value;
404 + this.total = res.data.totalItems;
405 + debugger;
406 + })
407 + },
408 + methods: {
409 + input() {
410 + this.$forceUpdate();
411 + },
412 + handleRowClick(row) {
413 + const declareId = row.declareId;
414 + this.$router.push({
415 + path: '/exportListDetail',
416 + query: {
417 + declareId
418 + }
419 + });
420 + },
421 + async search(val) {
422 + try {
423 +
424 + } catch (error) {
425 + console.error("搜索出错：", error);
426 + } finally {
427 + // 无论成功还是失败，关闭加载状态
428 + this.loadings.sreachLoading = false;
429 + }
430 + },
431 + textareaBlur(val) {
432 + let inputInner = document.querySelector(
433 + "#inputInner--" + val.target.name.split("-")[0]
434 + );
435 + this.textareaVisible["formItem" + val.target.name.split("-")[0]] = false;
436 + inputInner.style.display = "block";
437 + this.$nextTick(() => {
438 + inputInner.blur();
439 + if (
440 + inputInner.value != undefined &&
441 + inputInner.value != "" &&
442 + inputInner.value != null
443 + ) {
444 + inputInner.classList.add("inputFocus");
445 + } else {
446 + inputInner.classList.remove("inputFocus");
447 + }
448 + });
449 + let arr = [];
450 + this.searchForm[val.target.name.split("-")[0]]
451 + .replace(/[\n\，\；\;]/g, ",")
452 + .replace(/[\t]/g, "")
453 + .split(",")
454 + .forEach((str, index) => {
455 + if (str != null && str != "" && index <= 1000) {
456 + arr.push(str.trim());
457 + }
458 + });
459 + this.searchForm[val.target.name.split("-")[0]] = arr.join("\n");
460 + this.$forceUpdate();
461 + },
462 + //文本域展示状态切换
463 + textareaFocus(val) {
464 + this.textareaVisible["formItem" + val.target.name.split("-")[0]] = true;
465 + this.$nextTick(() => {
466 + document
467 + .querySelector("#popoverInput" + val.target.name.split("-")[0])
468 + .focus();
469 + document.querySelector(
470 + "#inputInner--" + val.target.name.split("-")[0]
471 + ).style.display = "none";
472 + });
473 + },
474 + }
475 +}
476 +</script>
477 +
478 +<style scoped lang="scss">
479 +@import "@/assets/styles/variables.scss";
480 +
481 +.export-list-query {
482 + .action-buttons {
483 + display: flex;
484 + justify-content: space-between;
485 + }
486 + .prime-button {
487 + color: white;
488 + background-color: #007AB7;
489 + font-size: 12px;
490 + display: flex;
491 + align-items: center;
492 + padding: 0 15px;
493 + }
494 +}
495 +
496 +.entrySreachButton {
497 + display: inline-block;
498 + font-size: 20px;
499 + color: $fedexButton !important;
500 +}
501 +</style>