Fedex / EcomWeb

Go to a project
Toggle navigation Toggle navigation pinning
zhengquan.bai
9325b199 1 parent df7cdd6f

出口运单详情接口对接

Inline Side-by-side
Showing 4 changed files with 306 additions and 404 deletions
...@@ -21,3 +21,13 @@ export function getOrderLogata(data) { ...@@ -21,3 +21,13 @@ export function getOrderLogata(data) {
21 data: data 21 data: data
22 }) 22 })
23 } 23 }
24 +
25 +/**
26 + * 出口运单详情
27 + */
28 +export function getTransportDetail(id) {
29 + return request({
30 + url: '/bus-customer/exportWaybill/info/' + id,
31 + method: 'get'
32 + })
33 +}
......
...@@ -113,6 +113,7 @@ export const constantRoutes = [ ...@@ -113,6 +113,7 @@ export const constantRoutes = [
113 path: '/exportTransportDetail', 113 path: '/exportTransportDetail',
114 component: (resolve) => require(['@/views/exportTransportDetail/index'], resolve), 114 component: (resolve) => require(['@/views/exportTransportDetail/index'], resolve),
115 hidden: true, 115 hidden: true,
116 + name: 'ExportTransportDetail',
116 meta: { title: '出口运单详情', icon: '' }, 117 meta: { title: '出口运单详情', icon: '' },
117 }, 118 },
118 { 119 {
......
...@@ -174,7 +174,7 @@ ...@@ -174,7 +174,7 @@
174 <span>{{ scope.row.returnStatus }}</span> 174 <span>{{ scope.row.returnStatus }}</span>
175 </template> 175 </template>
176 <template v-slot:logisticsNo="scope"> 176 <template v-slot:logisticsNo="scope">
177 - <el-button type="text">{{ scope.row.logisticsNo }}</el-button> 177 + <el-button type="text" @click="view(scope.row)">{{ scope.row.logisticsNo }}</el-button>
178 </template> 178 </template>
179 </Table> 179 </Table>
180 </div> 180 </div>
...@@ -272,6 +272,13 @@ export default { ...@@ -272,6 +272,13 @@ export default {
272 this.tableMaxheight = window.innerHeight - 300; 272 this.tableMaxheight = window.innerHeight - 300;
273 }, 273 },
274 methods: { 274 methods: {
275 + //查询详情
276 + view(val) {
277 + this.$router.push({
278 + name: "ExportTransportDetail",
279 + params: { data: val },
280 + });
281 + },
275 //查询 282 //查询
276 search(val) { 283 search(val) {
277 this.loadings.searchLoading = true; 284 this.loadings.searchLoading = true;
......
1 <template> 1 <template>
2 - <div class="export-bill-detail"> 2 + <div class="entry" v-loading="loadings.entryLoading">
3 - <h5 class="first-header"> 3 + <div class="entryTitle">
4 - 出口运单详情 4 + <div>出口运单详情</div>
5 - <div class="returnButton" @click="$router.back()">返回</div> 5 + <div>
6 - </h5> 6 + <el-button class="entrySaveButton" @click="back">返 回</el-button>
7 + </div>
8 + </div>
7 <el-form 9 <el-form
8 - class="fedexFormStyle fedexformSreach fedexformSreachBottomBorder" 10 + class="fedexFormStyle"
9 ref="sreachForm" 11 ref="sreachForm"
10 - :model="searchForm" 12 + :model="formData"
11 label-position="top" 13 label-position="top"
12 disabled 14 disabled
13 size="small" 15 size="small"
14 > 16 >
15 - <el-row class="row-border"> 17 + <el-row :gutter="5">
16 - <el-col :span="5"> 18 + <el-col :span="3">
17 - <Formitem label="订单编号" prop="consignmentCode"> 19 + <Formitem label="运单编号" prop="logisticsNo">
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 20 <el-input
38 - slot="reference" 21 + type="text"
39 - name="consignmentCode"
40 - type="textarea"
41 - :rows="1"
42 class="inputShadow" 22 class="inputShadow"
43 - id="inputInner--consignmentCode" 23 + id="inputInner--orderNo"
44 - v-model="searchForm.consignmentCode"
45 resize="none" 24 resize="none"
25 + v-model="formData.logisticsNo"
26 + clearable
46 placeholder="" 27 placeholder=""
47 - @focus="textareaFocus"
48 ></el-input> 28 ></el-input>
49 - </el-popover>
50 </Formitem> 29 </Formitem>
51 </el-col> 30 </el-col>
52 - <el-col :span="4"> 31 + <el-col :span="3">
53 - <Formitem label="订单类型" prop="factoryCode"> 32 + <Formitem label="物流企业名称" prop="logisticsName">
54 - <el-select 33 + <el-input
55 type="text" 34 type="text"
56 - id="inputInner--declaredPort" 35 + class="inputShadow"
57 - v-model="searchForm.declaredPort" 36 + id="inputInner--orderType"
37 + resize="none"
38 + v-model="formData.logisticsName"
58 clearable 39 clearable
59 placeholder="" 40 placeholder=""
60 - > 41 + ></el-input>
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> 42 </Formitem>
69 </el-col> 43 </el-col>
70 - <el-col :span="5"> 44 + <el-col :span="3">
71 - <Formitem label="电商平台代码" prop="consignmentCode"> 45 + <Formitem label="电商企业名称" prop="ebcname">
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 46 <el-input
80 - name="consignmentCode-textarea" 47 + type="text"
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" 48 class="inputShadow"
97 - id="inputInner--consignmentCode" 49 + id="inputInner--ebpcode"
98 - v-model="searchForm.consignmentCode"
99 resize="none" 50 resize="none"
51 + v-model="formData.ebcname"
52 + clearable
100 placeholder="" 53 placeholder=""
101 - @focus="textareaFocus"
102 ></el-input> 54 ></el-input>
103 - </el-popover>
104 </Formitem> 55 </Formitem>
105 </el-col> 56 </el-col>
106 - <el-col :span="5"> 57 + <el-col :span="6">
107 - <Formitem label="电商平台名称" prop="consignmentCode"> 58 + <Formitem label="电商企业代码" prop="ebccode">
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 59 <el-input
116 - name="consignmentCode-textarea" 60 + type="text"
117 - type="textarea" 61 + class="inputShadow"
118 - :rows="5" 62 + id="inputInner--ebpname"
119 - id="popoverInputconsignmentCode"
120 - class="inputShadow textareaPopover"
121 - v-model="searchForm.consignmentCode"
122 resize="none" 63 resize="none"
123 - maxlength="13000" 64 + v-model="formData.ebccode"
65 + clearable
124 placeholder="" 66 placeholder=""
125 - @blur="textareaBlur"
126 ></el-input> 67 ></el-input>
68 + </Formitem>
69 + </el-col>
70 + <el-col :span="3">
71 + <Formitem label="电商企业代码" prop="ebccode">
127 <el-input 72 <el-input
128 - slot="reference" 73 + type="text"
129 - name="consignmentCode"
130 - type="textarea"
131 - :rows="1"
132 class="inputShadow" 74 class="inputShadow"
133 - id="inputInner--consignmentCode" 75 + id="inputInner--ebccode"
134 - v-model="searchForm.consignmentCode"
135 resize="none" 76 resize="none"
77 + v-model="formData.ebccode"
78 + clearable
136 placeholder="" 79 placeholder=""
137 - @focus="textareaFocus"
138 ></el-input> 80 ></el-input>
139 - </el-popover>
140 </Formitem> 81 </Formitem>
141 </el-col> 82 </el-col>
142 - <el-col :span="5"> 83 + <el-col :span="3">
143 - <Formitem label="电商企业代码" prop="consignmentCode"> 84 + <Formitem label="电商企业电话" prop="ebcTelephone">
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 85 <el-input
152 - name="consignmentCode-textarea" 86 + type="text"
153 - type="textarea" 87 + class="inputShadow"
154 - :rows="5" 88 + id="inputInner--ebcname"
155 - id="popoverInputconsignmentCode"
156 - class="inputShadow textareaPopover"
157 - v-model="searchForm.consignmentCode"
158 resize="none" 89 resize="none"
159 - maxlength="13000" 90 + v-model="formData.ebcTelephone"
91 + clearable
160 placeholder="" 92 placeholder=""
161 - @blur="textareaBlur"
162 ></el-input> 93 ></el-input>
94 + </Formitem>
95 + </el-col>
96 + <el-col :span="3">
97 + <Formitem label="运费" prop="freight">
163 <el-input 98 <el-input
164 - slot="reference" 99 + type="text"
165 - name="consignmentCode"
166 - type="textarea"
167 - :rows="1"
168 class="inputShadow" 100 class="inputShadow"
169 - id="inputInner--consignmentCode" 101 + id="inputInner--goodsValue"
170 - v-model="searchForm.consignmentCode"
171 resize="none" 102 resize="none"
103 + v-model="formData.freight"
104 + clearable
172 placeholder="" 105 placeholder=""
173 - @focus="textareaFocus"
174 ></el-input> 106 ></el-input>
175 - </el-popover>
176 </Formitem> 107 </Formitem>
177 </el-col> 108 </el-col>
178 </el-row> 109 </el-row>
179 - <el-row> 110 + <el-row :gutter="5">
180 - <el-col :span="5"> 111 + <el-col :span="3">
181 - <Formitem label="电商企业" prop="consignmentCode"> 112 + <Formitem label="保价费" prop="insuredfee">
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 113 <el-input
190 - name="consignmentCode-textarea" 114 + type="text"
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" 115 class="inputShadow"
207 - id="inputInner--consignmentCode" 116 + id="inputInner--freight"
208 - v-model="searchForm.consignmentCode"
209 resize="none" 117 resize="none"
118 + v-model="formData.insuredfee"
119 + clearable
210 placeholder="" 120 placeholder=""
211 - @focus="textareaFocus"
212 ></el-input> 121 ></el-input>
213 - </el-popover>
214 </Formitem> 122 </Formitem>
215 </el-col> 123 </el-col>
216 - 124 + <el-col :span="3">
217 - <el-col :span="5"> 125 + <Formitem label="币制" prop="currency">
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 126 <el-input
227 - name="consignmentCode-textarea" 127 + type="text"
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" 128 class="inputShadow"
244 - id="inputInner--consignmentCode" 129 + id="inputInner--currency"
245 - v-model="searchForm.consignmentCode"
246 resize="none" 130 resize="none"
131 + v-model="formData.currency"
132 + clearable
247 placeholder="" 133 placeholder=""
248 - @focus="textareaFocus"
249 ></el-input> 134 ></el-input>
250 - </el-popover>
251 </Formitem> 135 </Formitem>
252 </el-col> 136 </el-col>
253 - 137 + <el-col :span="3">
254 - <el-col :span="5"> 138 + <Formitem label="毛重" prop="grossWeight">
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 139 <el-input
264 - name="consignmentCode-textarea" 140 + type="text"
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" 141 class="inputShadow"
281 - id="inputInner--consignmentCode" 142 + id="inputInner--currency"
282 - v-model="searchForm.consignmentCode"
283 resize="none" 143 resize="none"
144 + v-model="formData.grossWeight"
145 + clearable
284 placeholder="" 146 placeholder=""
285 - @focus="textareaFocus"
286 ></el-input> 147 ></el-input>
287 - </el-popover>
288 </Formitem> 148 </Formitem>
289 </el-col> 149 </el-col>
290 - 150 + <el-col :span="3">
291 - <el-col :span="4"> 151 + <Formitem label="件数" prop="packNo">
292 - <Formitem label="币别" prop="factoryCode"> 152 + <el-input
293 - <el-select
294 type="text" 153 type="text"
295 - id="inputInner--declaredPort" 154 + class="inputShadow"
296 - v-model="searchForm.declaredPort" 155 + id="inputInner--currency"
156 + resize="none"
157 + v-model="formData.packNo"
297 clearable 158 clearable
298 placeholder="" 159 placeholder=""
299 - > 160 + ></el-input>
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> 161 </Formitem>
308 </el-col> 162 </el-col>
309 - 163 + <!-- <el-col :span="3">
310 - <el-col :span="5"> 164 + <Formitem label="业务状态" prop="returnStatus">
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 165 <el-input
320 - name="consignmentCode-textarea" 166 + type="text"
321 - type="textarea" 167 + class="inputShadow"
322 - :rows="5" 168 + id="inputInner--returnStatus"
323 - id="popoverInputconsignmentCode"
324 - class="inputShadow textareaPopover"
325 - v-model="searchForm.consignmentCode"
326 resize="none" 169 resize="none"
327 - maxlength="13000" 170 + v-model="formData.returnStatus"
171 + clearable
328 placeholder="" 172 placeholder=""
329 - @blur="textareaBlur"
330 ></el-input> 173 ></el-input>
174 + </Formitem>
175 + </el-col> -->
176 + <el-col :span="3">
177 + <Formitem label="主要货物信息" prop="goodsInfo">
331 <el-input 178 <el-input
332 - slot="reference" 179 + type="text"
333 - name="consignmentCode"
334 - type="textarea"
335 - :rows="1"
336 class="inputShadow" 180 class="inputShadow"
337 - id="inputInner--consignmentCode" 181 + id="inputInner--appType"
338 - v-model="searchForm.consignmentCode"
339 resize="none" 182 resize="none"
183 + v-model="formData.goodsInfo"
184 + clearable
340 placeholder="" 185 placeholder=""
341 - @focus="textareaFocus"
342 ></el-input> 186 ></el-input>
343 - </el-popover>
344 </Formitem> 187 </Formitem>
345 </el-col> 188 </el-col>
346 - </el-row> 189 + <el-col :span="3">
347 - <el-row> 190 + <Formitem label="业务时间" prop="appTime">
348 - <el-col :span="4"> 191 + <el-input
349 - <Formitem label="申报类型" prop="factoryCode">
350 - <el-select
351 type="text" 192 type="text"
352 - id="inputInner--declaredPort" 193 + class="inputShadow"
353 - v-model="searchForm.declaredPort" 194 + id="inputInner--appTime"
195 + resize="none"
196 + v-model="formData.appTime"
354 clearable 197 clearable
355 placeholder="" 198 placeholder=""
356 - > 199 + ></el-input>
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="declareDate">
368 - <el-date-picker
369 - v-model="value1"
370 - type="date"
371 - placeholder="选择日期">
372 - </el-date-picker>
373 </Formitem> 200 </Formitem>
374 </el-col> 201 </el-col>
375 - <el-col :span="5"> 202 + <el-col :span="3">
376 - <Formitem label="备注" prop="consignmentCode"> 203 + <Formitem label="业务状态" prop="appStatus">
377 - <el-popover
378 - placement="bottom"
379 - width="320"
380 - trigger="manual"
381 - popper-class="popoverconsignmentCode"
382 - v-model="textareaVisible.formItemconsignmentCode"
383 - >
384 <el-input 204 <el-input
385 - name="consignmentCode-textarea" 205 + type="text"
386 - type="textarea" 206 + class="inputShadow"
387 - :rows="5" 207 + id="inputInner--appTime"
388 - id="popoverInputconsignmentCode"
389 - class="inputShadow textareaPopover"
390 - v-model="searchForm.consignmentCode"
391 resize="none" 208 resize="none"
392 - maxlength="13000" 209 + v-model="formData.appTime"
210 + clearable
393 placeholder="" 211 placeholder=""
394 - @blur="textareaBlur"
395 ></el-input> 212 ></el-input>
213 + </Formitem>
214 + </el-col>
215 + <el-col :span="12">
216 + <Formitem label="备注" prop="note">
396 <el-input 217 <el-input
397 - slot="reference" 218 + type="text"
398 - name="consignmentCode"
399 - type="textarea"
400 - :rows="1"
401 class="inputShadow" 219 class="inputShadow"
402 - id="inputInner--consignmentCode" 220 + id="inputInner--note"
403 - v-model="searchForm.consignmentCode"
404 resize="none" 221 resize="none"
222 + v-model="formData.note"
223 + clearable
405 placeholder="" 224 placeholder=""
406 - @focus="textareaFocus"
407 ></el-input> 225 ></el-input>
408 - </el-popover>
409 </Formitem> 226 </Formitem>
410 </el-col> 227 </el-col>
411 </el-row> 228 </el-row>
412 </el-form> 229 </el-form>
413 - 230 + <div
414 - <h5>回执信息</h5> 231 + :class="{ entryTitle: true, titleBorder: logtableType ? false : true }"
415 - <ReceiptInfoTable /> 232 + style="margin-top: 10px"
233 + >
234 + <div>
235 + 回执信息
236 + <el-button type="text" @click="hiddenLogTable">
237 + <svg-icon v-if="logtableType" icon-class="downIcon"></svg-icon>
238 + <svg-icon v-else icon-class="upIcon"></svg-icon>
239 + </el-button>
240 + </div>
241 + </div>
242 + <ReceiptInfoTable
243 + v-if="logtableType"
244 + :tableData="logData"
245 + :headerData="logHeaderData"
246 + />
247 +<!-- <div class="entryTitle" style="margin-top: 10px">商品明细</div>-->
248 +<!-- <ProductDetailTable-->
249 +<!-- :tableData="detailData"-->
250 +<!-- :bodyHeader="detialHeaderData"-->
251 +<!-- />-->
416 </div> 252 </div>
417 </template> 253 </template>
418 254
419 <script> 255 <script>
420 import ReceiptInfoTable from "../components/ReceiptInfoTable/index.vue"; 256 import ReceiptInfoTable from "../components/ReceiptInfoTable/index.vue";
421 import ProductDetailTable from "../components/ProductDetailTable/index.vue"; 257 import ProductDetailTable from "../components/ProductDetailTable/index.vue";
258 +import {getOrderDetailData, getTransportDetail} from "@/api/exportDetail-api.js";
422 259
423 export default { 260 export default {
424 - name: "exportTransportDetail.vue", 261 + name: "index.vue",
425 components: {ProductDetailTable, ReceiptInfoTable}, 262 components: {ProductDetailTable, ReceiptInfoTable},
426 data() { 263 data() {
427 return { 264 return {
428 - searchForm: { 265 + id: null,
429 - declaredPort: "", 266 + formData: {},
430 - consStatus: "", 267 + logData: [],
431 - consignmentCode: "", 268 + logHeaderData: [
432 - accsDataImportTime: [], 269 + {
433 - ownerName: "", 270 + name: "回执状态",
434 - consignmentHeadCode: "", 271 + value: "returnStatus",
435 - isPushCustomsSys: "", 272 + width: "200",
436 - waitOperStatus: "", 273 + align: "left",
437 - declTime: [],
438 }, 274 },
439 - textareaVisible: { 275 + {
440 - formItemconsignmentCode: false, 276 + name: "状态时间",
441 - formItemconsignmentHeadCode: false, 277 + value: "returnTime",
278 + width: "400",
279 + align: "left",
280 + },
281 + {
282 + name: "回执描述",
283 + value: "returnInfo",
284 + width: "",
285 + align: "left",
442 }, 286 },
443 - dictData: {
444 - userport: [
445 - {name: "Shanghai Port", code: "SH"},
446 - {name: "Beijing Port", code: "BJ"},
447 - {name: "Guangzhou Port", code: "GZ"},
448 - {name: "Shenzhen Port", code: "SZ"},
449 - {name: "Tianjin Port", code: "TJ"},
450 ], 287 ],
288 + detailData: [],
289 + detialHeaderData: [
290 + {
291 + name: "企业商品货号",
292 + value: "",
293 + width: "",
294 + align: "left",
451 }, 295 },
452 - } 296 + {
297 + name: "商品企业商品名称",
298 + value: "",
299 + width: "",
300 + align: "left",
453 }, 301 },
454 - methods: { 302 + {
455 - textareaBlur(val) { 303 + name: "企业商品描述",
456 - let inputInner = document.querySelector( 304 + value: "",
457 - "#inputInner--" + val.target.name.split("-")[0] 305 + width: "",
458 - ); 306 + align: "left",
459 - this.textareaVisible["formItem" + val.target.name.split("-")[0]] = false; 307 + },
460 - inputInner.style.display = "block"; 308 + {
461 - this.$nextTick(() => { 309 + name: "条码",
462 - inputInner.blur(); 310 + value: "",
463 - if ( 311 + width: "",
464 - inputInner.value != undefined && 312 + align: "left",
465 - inputInner.value != "" && 313 + },
466 - inputInner.value != null 314 + {
467 - ) { 315 + name: "计量单位",
468 - inputInner.classList.add("inputFocus"); 316 + value: "",
317 + width: "",
318 + align: "left",
319 + },
320 + {
321 + name: "币制",
322 + value: "",
323 + width: "",
324 + align: "left",
325 + },
326 + {
327 + name: "数量",
328 + value: "",
329 + width: "",
330 + align: "left",
331 + },
332 + {
333 + name: "单价",
334 + value: "",
335 + width: "",
336 + align: "left",
337 + },
338 + {
339 + name: "总价",
340 + value: "",
341 + width: "",
342 + align: "left",
343 + },
344 + {
345 + name: "备注",
346 + value: "",
347 + width: "",
348 + align: "left",
349 + },
350 + ],
351 + loadings: {
352 + entryLoading: false,
353 + },
354 + logtableType: true,
355 + };
356 + },
357 + created() {
358 + if (this.$route.params.data) {
359 + this.id = this.$route.params.data.id;
360 + this.searchData();
469 } else { 361 } else {
470 - inputInner.classList.remove("inputFocus"); 362 + this.back();
471 } 363 }
364 + },
365 + methods: {
366 + searchData() {
367 + this.loadings.entryLoading = true;
368 + getTransportDetail(this.id)
369 + .then((res) => {
370 + if (res.code === "200") {
371 + this.formData = res.data.exportWaybill;
372 + this.detailData = res.data.exportOrderProductList;
373 + this.logData = res.data.exportWaybillReceiptList;
374 + this.detailData.forEach((item, idx) => {
375 + item.index = idx;
472 }); 376 });
473 - let arr = []; 377 + } else {
474 - this.searchForm[val.target.name.split("-")[0]] 378 + this.alertWarningMsg(res.message);
475 - .replace(/[\n\，\；\;]/g, ",")
476 - .replace(/[\t]/g, "")
477 - .split(",")
478 - .forEach((str, index) => {
479 - if (str != null && str != "" && index <= 1000) {
480 - arr.push(str.trim());
481 } 379 }
380 + this.loadings.entryLoading = false;
381 + })
382 + .catch((err) => {
383 + console.log(err);
384 + this.loadings.entryLoading = false;
482 }); 385 });
483 - this.searchForm[val.target.name.split("-")[0]] = arr.join("\n");
484 - this.$forceUpdate();
485 }, 386 },
486 - //文本域展示状态切换 387 + searchLogData() {
487 - textareaFocus(val) {
488 - this.textareaVisible["formItem" + val.target.name.split("-")[0]] = true;
489 - this.$nextTick(() => {
490 - document
491 - .querySelector("#popoverInput" + val.target.name.split("-")[0])
492 - .focus();
493 - document.querySelector(
494 - "#inputInner--" + val.target.name.split("-")[0]
495 - ).style.display = "none";
496 - });
497 }, 388 },
498 - } 389 + hiddenLogTable() {
499 -} 390 + this.logtableType = !this.logtableType;
391 + },
392 + back() {
393 + this.$router.go(-1);
394 + },
395 + },
396 +};
500 </script> 397 </script>
501 398
502 <style scoped lang="scss"> 399 <style scoped lang="scss">
503 -.export-bill-detail { 400 +.entry {
504 - background-color: white; 401 + width: 100%;
505 - padding-left: 20px; 402 + height: 100%;
506 - //border: 1px solid black; 403 + padding: 10px;
404 + background-color: #fff;
405 + overflow: auto;
406 +
407 + .entryInformation {
408 + width: 100%;
507 height: 100%; 409 height: 100%;
508 - .fedexFormItem {
509 - background-color: #f5f5f5;
510 - margin-right: 5px;
511 - margin-bottom: 5px;
512 - }
513 - .fedexformSreach {
514 - border-bottom: none;
515 } 410 }
516 - .first-header { 411 +
517 - margin-top: 0; 412 + .entryTitle {
518 - padding-top: 20px;
519 display: flex; 413 display: flex;
520 justify-content: space-between; 414 justify-content: space-between;
521 - position: relative; 415 + font-weight: 600;
522 - .returnButton { 416 + font-weight: 16px;
523 - font-size: 14px; 417 + color: #000;
524 - color: red; 418 + margin-bottom: 10px;
525 - position: absolute;
526 - right: 0;
527 - top: 0px;
528 - width: 80px;
529 - height: 30px;
530 - line-height: 30px;
531 - text-align: center;
532 - background-color: white;
533 - border-radius: 5px;
534 - margin-right: 20px;
535 - margin-top: 20px;
536 - cursor: pointer;
537 - border: 1px solid red;
538 } 419 }
420 +
421 + .titleBorder {
422 + border-bottom: 1px solid #333;
539 } 423 }
540 } 424 }
541 </style> 425 </style>
......