Fedex / EcomWeb

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

物流离境单数据查询

Expand all
Inline Side-by-side
Showing 5 changed files with 690 additions and 5 deletions
...@@ -117,7 +117,7 @@ export const constantRoutes = [ ...@@ -117,7 +117,7 @@ export const constantRoutes = [
117 { 117 {
118 path: '/exportListDetail', 118 path: '/exportListDetail',
119 component: (resolve) => require(['@/views/exportListDetail/index'], resolve), 119 component: (resolve) => require(['@/views/exportListDetail/index'], resolve),
120 - hidden: false, 120 + hidden: true,
121 meta: { title: '出口清单详情', icon: 'api' }, 121 meta: { title: '出口清单详情', icon: 'api' },
122 }, 122 },
123 { 123 {
...@@ -133,14 +133,29 @@ export const constantRoutes = [ ...@@ -133,14 +133,29 @@ export const constantRoutes = [
133 meta: { title: '出口清单查询', icon: 'dashboard' } 133 meta: { title: '出口清单查询', icon: 'dashboard' }
134 }, 134 },
135 { 135 {
136 - path: 'index', 136 + path: '/listBranchQuery',
137 - component: (resolve) => require(['@/views/index'], resolve), 137 + component: (resolve) => require(['@/views/listBranchQuery/index'], resolve),
138 name: '首页', 138 name: '首页',
139 + hidden: false,
139 meta: { title: '清单总分单查询', icon: 'dashboard' } 140 meta: { title: '清单总分单查询', icon: 'dashboard' }
140 }, 141 },
141 { 142 {
142 - path: 'index', 143 + path: '/listBranchDetail',
143 - component: (resolve) => require(['@/views/index'], resolve), 144 + component: (resolve) => require(['@/views/listBranchDetail/index'], resolve),
145 + name: '首页',
146 + hidden: true,
147 + meta: { title: '清单总分单详情', icon: 'dashboard' }
148 + },
149 + {
150 + path: '/logisticsExitDetail',
151 + component: (resolve) => require(['@/views/logisticsExitDetail/index'], resolve),
152 + name: '首页',
153 + hidden: true,
154 + meta: { title: '物流离境单详情', icon: 'dashboard' }
155 + },
156 + {
157 + path: '/logisticsExitQuery',
158 + component: (resolve) => require(['@/views/logisticsExitQuery/index'], resolve),
144 name: '首页', 159 name: '首页',
145 meta: { title: '物流离境单查询', icon: 'dashboard' } 160 meta: { title: '物流离境单查询', icon: 'dashboard' }
146 }, 161 },
......
This diff is collapsed. Click to expand it.
1 +<template>
2 + <div>
3 + <el-form
4 + class="fedexFormStyle fedexformSreach fedexformSreachBottomBorder"
5 + ref="sreachForm"
6 + :model="searchForm"
7 + label-position="top"
8 + size="small"
9 + >
10 + <el-row class="row-border">
11 + <el-col :span="5">
12 + <Formitem label="提运单号" prop="consignmentCode">
13 + <el-popover
14 + placement="bottom"
15 + width="320"
16 + trigger="manual"
17 + popper-class="popoverconsignmentCode"
18 + v-model="textareaVisible.formItemconsignmentCode"
19 + >
20 + <el-input
21 + name="consignmentCode-textarea"
22 + type="textarea"
23 + :rows="5"
24 + id="popoverInputconsignmentCode"
25 + class="inputShadow textareaPopover"
26 + v-model="searchForm.consignmentCode"
27 + resize="none"
28 + maxlength="13000"
29 + placeholder=""
30 + @blur="textareaBlur"
31 + @input="input"
32 + ></el-input>
33 + <el-input
34 + slot="reference"
35 + name="consignmentCode"
36 + type="textarea"
37 + :rows="1"
38 + class="inputShadow"
39 + id="inputInner--consignmentCode"
40 + v-model="searchForm.consignmentCode"
41 + resize="none"
42 + placeholder=""
43 + @focus="textareaFocus"
44 + @input="input"
45 + ></el-input>
46 + </el-popover>
47 + </Formitem>
48 + </el-col>
49 + <el-col :span="5">
50 + <Formitem label="回执状态" prop="declaredPort">
51 + <el-select
52 + type="text"
53 + id="inputInner--receiptStatus"
54 + v-model="searchForm.receiptStatus"
55 + clearable
56 + placeholder=""
57 + >
58 + <el-option
59 + v-for="(item, index) in dictData.userport"
60 + :key="index"
61 + :label="item.name"
62 + :value="item.name"
63 + ></el-option>
64 + </el-select>
65 + </Formitem>
66 + </el-col>
67 + <el-col :span="4">
68 + <Formitem label="创建日期" prop="receiptTime">
69 + <el-date-picker
70 + class="inputInner--accsDataImportTime"
71 + id="inputInner--accsDataImportTime"
72 + v-model="searchForm.accsDataImportTime"
73 + type="daterange"
74 + format="yyyy-MM-dd"
75 + prefix-icon="none"
76 + value-format="yyyyMMdd"
77 + range-separator="至"
78 + start-placeholder=""
79 + clearable
80 + end-placeholder=""
81 + :picker-options="importTimePickerOptions"
82 + @blur="datePickerBlur"
83 + @change="accsDataImportTimeChange"
84 + >
85 + </el-date-picker>
86 + </Formitem>
87 + </el-col>
88 +
89 + <el-col :span="2">
90 + <el-form-item class="textCenter">
91 + <el-button
92 + class="entrySreachButton"
93 + type="text"
94 + icon="el-icon-search"
95 + :loading="loadings.searchLoading"
96 + @click="search(0)"
97 + ></el-button>
98 + </el-form-item>
99 + </el-col>
100 +
101 + <el-col :span="4">
102 + <el-form-item class="textCenter">
103 + <el-button
104 + icon="el-icon-refresh"
105 + size="small"
106 + :loading="loadings.searchLoading"
107 + @click="search(0)"
108 + >重置
109 + </el-button>
110 + </el-form-item>
111 + </el-col>
112 + </el-row>
113 + </el-form>
114 +
115 + <div style="text-align: right; margin: 10px">
116 + <el-button
117 + size="small"
118 + :loading="loadings.downloadLoading2"
119 + @click="downloadBpiData('log')"
120 + >
121 + <svg-icon class="el-icon-user-solid" icon-class="fedexUpBlue"></svg-icon>
122 + 导出
123 + </el-button>
124 + </div>
125 +
126 + <Table
127 + class="fedexDetialTable fedexSreachTable"
128 + ref="entryTable"
129 + :data="tableData"
130 + :headerData="headerData"
131 + :maxHeight="tableMaxheight"
132 + :border="true"
133 + :pagination="true"
134 + :order="false"
135 + :loading="loadings.sreachLoading"
136 + :page="page.pageIndex"
137 + :pageSizes="[20, 30, 50, 100]"
138 + :totalCount="total"
139 + @sizeChange="sizeChange"
140 + @currentChange="currentChange"
141 + :selection="true"
142 + :selectFixed="false"
143 + @rowClick="handleRowClick"
144 + @tableSelect="tableSelect"
145 + @tableSelectAll="tableSelectAll"
146 + :rowSelectDataType="false"
147 + :selected="selected"
148 + >
149 + <template v-slot:waveName="scope">
150 + <span>{{ `${scope.row.waveName}(${scope.row.waveExt2})` }}</span>
151 + </template>
152 + </Table>
153 + </div>
154 +</template>
155 +
156 +<script>
157 +import {getAllExportingBills, getAllTransportBills} from "@/api/query/query";
158 +
159 +export default {
160 + name: "index",
161 + data() {
162 + return {
163 + searchForm: {
164 + declaredPort: "",
165 + consStatus: "",
166 + consignmentCode: "",
167 + accsDataImportTime: [],
168 + ownerName: "",
169 + consignmentHeadCode: "",
170 + isPushCustomsSys: "",
171 + waitOperStatus: "",
172 + declTime: [],
173 + },
174 + loadings: {
175 + searchLoading: false,
176 + },
177 + page: {
178 + pageIndex: 1,
179 + pageSize: 20,
180 + },
181 + textareaVisible: {
182 + formItemconsignmentCode: false,
183 + formItemconsignmentHeadCode: false,
184 + },
185 + sizeChange(val) {
186 + this.page.pageSize = val;
187 + this.sreach(1);
188 + },
189 + //分页
190 + currentChange(val) {
191 + this.page.pageIndex = val.page;
192 + this.search(1);
193 + },
194 + tableData: [],
195 + total: 0,
196 + tableMaxheight: null,
197 + headerData: [
198 + {
199 + name: "回执状态",
200 + value: "returnStatus",
201 + width: "150",
202 + align: "left",
203 + },
204 + {
205 + name: "提运单号",
206 + value: "orderNo",
207 + width: '150',
208 + align: 'left'
209 + },
210 + {
211 + name: '电子口岸编号',
212 + value: 'orderType',
213 + width: '150',
214 + align: 'left'
215 + },
216 + {
217 + name: '物流企业名称',
218 + value: 'ebccode',
219 + width: '200',
220 + align: 'left'
221 + },
222 + {
223 + name: '申报地海关',
224 + value: 'ebcname',
225 + width: '200',
226 + align: 'left'
227 + },
228 + {
229 + name: '创建时间',
230 + value: 'createTime',
231 + width: '150',
232 + align: 'left'
233 + },
234 + {
235 + name: '申报企业',
236 + value: 'declaringEnterprise',
237 + width: '200',
238 + align: 'left'
239 + },
240 + {
241 + name: '申报类型',
242 + value: 'declaringType',
243 + width: '100',
244 + align: 'left'
245 + }
246 + ],
247 + dictData: {
248 + userport: [
249 + {name: "Shanghai Port", code: "SH"},
250 + {name: "Beijing Port", code: "BJ"},
251 + {name: "Guangzhou Port", code: "GZ"},
252 + {name: "Shenzhen Port", code: "SZ"},
253 + {name: "Tianjin Port", code: "TJ"},
254 + ],
255 + },
256 + }
257 + },
258 + created() {
259 + getAllTransportBills({
260 + pageIndex: 1,
261 + pageSize: 20
262 + }).then((res) => {
263 + console.log('res', res)
264 + this.tableData = res.data.value;
265 + this.total = res.data.totalItems;
266 + debugger;
267 + })
268 + },
269 + methods: {
270 + tableSelect(val) {
271 + this.selected = val.selection;
272 + },
273 + tableSelectAll(val) {
274 + this.selected = val;
275 + },
276 + handleRowClick(row) {
277 + const declareId = row.declareId;
278 + this.$router.push({
279 + path: '/listBranchDetail',
280 + query: {
281 + declareId
282 + }
283 + });
284 + },
285 + async search(val) {
286 + try {
287 +
288 + } catch (error) {
289 + console.error("搜索出错：", error);
290 + } finally {
291 + // 无论成功还是失败，关闭加载状态
292 + this.loadings.sreachLoading = false;
293 + }
294 + },
295 + }
296 +}
297 +</script>
298 +
299 +<style scoped lang="scss">
300 +@import "@/assets/styles/variables.scss";
301 +
302 +.entrySreachButton {
303 + display: inline-block;
304 + font-size: 20px;
305 + color: $fedexButton !important;
306 +}
307 +</style>
This diff is collapsed. Click to expand it.
1 +<template>
2 + <div>
3 + <el-form
4 + class="fedexFormStyle fedexformSreach fedexformSreachBottomBorder"
5 + ref="sreachForm"
6 + :model="searchForm"
7 + label-position="top"
8 + size="small"
9 + >
10 + <el-row class="row-border">
11 + <el-col :span="5">
12 + <Formitem label="提运单号" prop="consignmentCode">
13 + <el-popover
14 + placement="bottom"
15 + width="320"
16 + trigger="manual"
17 + popper-class="popoverconsignmentCode"
18 + v-model="textareaVisible.formItemconsignmentCode"
19 + >
20 + <el-input
21 + name="consignmentCode-textarea"
22 + type="textarea"
23 + :rows="5"
24 + id="popoverInputconsignmentCode"
25 + class="inputShadow textareaPopover"
26 + v-model="searchForm.consignmentCode"
27 + resize="none"
28 + maxlength="13000"
29 + placeholder=""
30 + @blur="textareaBlur"
31 + @input="input"
32 + ></el-input>
33 + <el-input
34 + slot="reference"
35 + name="consignmentCode"
36 + type="textarea"
37 + :rows="1"
38 + class="inputShadow"
39 + id="inputInner--consignmentCode"
40 + v-model="searchForm.consignmentCode"
41 + resize="none"
42 + placeholder=""
43 + @focus="textareaFocus"
44 + @input="input"
45 + ></el-input>
46 + </el-popover>
47 + </Formitem>
48 + </el-col>
49 + <el-col :span="5">
50 + <Formitem label="业务状态" prop="declaredPort">
51 + <el-select
52 + type="text"
53 + id="inputInner--receiptStatus"
54 + v-model="searchForm.receiptStatus"
55 + clearable
56 + placeholder=""
57 + >
58 + <el-option
59 + v-for="(item, index) in dictData.userport"
60 + :key="index"
61 + :label="item.name"
62 + :value="item.name"
63 + ></el-option>
64 + </el-select>
65 + </Formitem>
66 + </el-col>
67 + <el-col :span="5">
68 + <Formitem label="运单号" prop="consignmentCode">
69 + <el-popover
70 + placement="bottom"
71 + width="320"
72 + trigger="manual"
73 + popper-class="popoverconsignmentCode"
74 + v-model="textareaVisible.formItemconsignmentCode"
75 + >
76 + <el-input
77 + name="consignmentCode-textarea"
78 + type="textarea"
79 + :rows="5"
80 + id="popoverInputconsignmentCode"
81 + class="inputShadow textareaPopover"
82 + v-model="searchForm.consignmentCode"
83 + resize="none"
84 + maxlength="13000"
85 + placeholder=""
86 + @blur="textareaBlur"
87 + @input="input"
88 + ></el-input>
89 + <el-input
90 + slot="reference"
91 + name="consignmentCode"
92 + type="textarea"
93 + :rows="1"
94 + class="inputShadow"
95 + id="inputInner--consignmentCode"
96 + v-model="searchForm.consignmentCode"
97 + resize="none"
98 + placeholder=""
99 + @focus="textareaFocus"
100 + @input="input"
101 + ></el-input>
102 + </el-popover>
103 + </Formitem>
104 + </el-col>
105 + <el-col :span="4">
106 + <Formitem label="申报日期" prop="receiptTime">
107 + <el-date-picker
108 + class="inputInner--accsDataImportTime"
109 + id="inputInner--accsDataImportTime"
110 + v-model="searchForm.accsDataImportTime"
111 + type="daterange"
112 + format="yyyy-MM-dd"
113 + prefix-icon="none"
114 + value-format="yyyyMMdd"
115 + range-separator="至"
116 + start-placeholder=""
117 + clearable
118 + end-placeholder=""
119 + :picker-options="importTimePickerOptions"
120 + @blur="datePickerBlur"
121 + @change="accsDataImportTimeChange"
122 + >
123 + </el-date-picker>
124 + </Formitem>
125 + </el-col>
126 +
127 + <el-col :span="2">
128 + <el-form-item class="textCenter">
129 + <el-button
130 + class="entrySreachButton"
131 + type="text"
132 + icon="el-icon-search"
133 + :loading="loadings.searchLoading"
134 + @click="search(0)"
135 + ></el-button>
136 + </el-form-item>
137 + </el-col>
138 +
139 + <el-col :span="3">
140 + <el-form-item class="textCenter">
141 + <el-button
142 + icon="el-icon-refresh"
143 + size="small"
144 + :loading="loadings.searchLoading"
145 + @click="search(0)"
146 + >重置
147 + </el-button>
148 + </el-form-item>
149 + </el-col>
150 + </el-row>
151 + </el-form>
152 +
153 + <div style="text-align: right; margin: 10px">
154 + <el-button
155 + size="small"
156 + :loading="loadings.downloadLoading2"
157 + @click="downloadBpiData('log')"
158 + >
159 + <svg-icon class="el-icon-user-solid" icon-class="fedexUpBlue"></svg-icon>
160 + 导出
161 + </el-button>
162 + </div>
163 +
164 + <Table
165 + class="fedexDetialTable fedexSreachTable"
166 + ref="entryTable"
167 + :data="tableData"
168 + :headerData="headerData"
169 + :maxHeight="tableMaxheight"
170 + :border="true"
171 + :pagination="true"
172 + :order="false"
173 + :loading="loadings.sreachLoading"
174 + :page="page.pageIndex"
175 + :pageSizes="[20, 30, 50, 100]"
176 + :totalCount="total"
177 + @sizeChange="sizeChange"
178 + @currentChange="currentChange"
179 + :selection="true"
180 + :selectFixed="false"
181 + @rowClick="handleRowClick"
182 + @tableSelect="tableSelect"
183 + @tableSelectAll="tableSelectAll"
184 + :rowSelectDataType="false"
185 + :selected="selected"
186 + >
187 + <template v-slot:waveName="scope">
188 + <span>{{ `${scope.row.waveName}(${scope.row.waveExt2})` }}</span>
189 + </template>
190 + </Table>
191 + </div>
192 +</template>
193 +
194 +<script>
195 +import {getAllExportingBills, getAllTransportBills} from "@/api/query/query";
196 +
197 +export default {
198 + name: "index",
199 + data() {
200 + return {
201 + searchForm: {
202 + declaredPort: "",
203 + consStatus: "",
204 + consignmentCode: "",
205 + accsDataImportTime: [],
206 + ownerName: "",
207 + consignmentHeadCode: "",
208 + isPushCustomsSys: "",
209 + waitOperStatus: "",
210 + declTime: [],
211 + },
212 + loadings: {
213 + searchLoading: false,
214 + },
215 + page: {
216 + pageIndex: 1,
217 + pageSize: 20,
218 + },
219 + textareaVisible: {
220 + formItemconsignmentCode: false,
221 + formItemconsignmentHeadCode: false,
222 + },
223 + sizeChange(val) {
224 + this.page.pageSize = val;
225 + this.sreach(1);
226 + },
227 + //分页
228 + currentChange(val) {
229 + this.page.pageIndex = val.page;
230 + this.search(1);
231 + },
232 + tableData: [],
233 + total: 0,
234 + tableMaxheight: null,
235 + headerData: [
236 + {
237 + name: "回执状态",
238 + value: "returnStatus",
239 + width: "150",
240 + align: "left",
241 + },
242 + {
243 + name: "提运单号",
244 + value: "orderNo",
245 + width: '150',
246 + align: 'left'
247 + },
248 + {
249 + name: '运单编号',
250 + value: 'orderType',
251 + width: '150',
252 + align: 'left'
253 + },
254 + {
255 + name: '物流企业名称',
256 + value: 'ebccode',
257 + width: '200',
258 + align: 'left'
259 + },
260 + {
261 + name: '运输方式',
262 + value: 'ebcname',
263 + width: '200',
264 + align: 'left'
265 + },
266 + {
267 + name: '运输工具名称',
268 + value: 'createTime',
269 + width: '150',
270 + align: 'left'
271 + },
272 + {
273 + name: '航班航次号',
274 + value: 'declaringEnterprise',
275 + width: '200',
276 + align: 'left'
277 + },
278 + {
279 + name: '离境时间',
280 + value: 'declaringEnterprise',
281 + width: '200',
282 + align: 'left'
283 + },
284 + {
285 + name: '报送类型',
286 + value: 'declaringEnterprise',
287 + width: '200',
288 + align: 'left'
289 + },
290 + {
291 + name: '业务状态',
292 + value: 'declaringType',
293 + width: '100',
294 + align: 'left'
295 + },
296 + {
297 + name: '申报日期',
298 + value: 'declaringType',
299 + width: '100',
300 + align: 'left'
301 + }
302 + ],
303 + dictData: {
304 + userport: [
305 + {name: "Shanghai Port", code: "SH"},
306 + {name: "Beijing Port", code: "BJ"},
307 + {name: "Guangzhou Port", code: "GZ"},
308 + {name: "Shenzhen Port", code: "SZ"},
309 + {name: "Tianjin Port", code: "TJ"},
310 + ],
311 + },
312 + }
313 + },
314 + created() {
315 + getAllTransportBills({
316 + pageIndex: 1,
317 + pageSize: 20
318 + }).then((res) => {
319 + console.log('res', res)
320 + this.tableData = res.data.value;
321 + this.total = res.data.totalItems;
322 + debugger;
323 + })
324 + },
325 + methods: {
326 + tableSelect(val) {
327 + this.selected = val.selection;
328 + },
329 + tableSelectAll(val) {
330 + this.selected = val;
331 + },
332 + handleRowClick(row) {
333 + const declareId = row.declareId;
334 + this.$router.push({
335 + path: '/logisticsExitDetail',
336 + query: {
337 + declareId
338 + }
339 + });
340 + },
341 + async search(val) {
342 + try {
343 +
344 + } catch (error) {
345 + console.error("搜索出错：", error);
346 + } finally {
347 + // 无论成功还是失败，关闭加载状态
348 + this.loadings.sreachLoading = false;
349 + }
350 + },
351 + }
352 +}
353 +</script>
354 +
355 +<style scoped lang="scss">
356 +@import "@/assets/styles/variables.scss";
357 +
358 +.entrySreachButton {
359 + display: inline-block;
360 + font-size: 20px;
361 + color: $fedexButton !important;
362 +}
363 +</style>