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 371 additions and 469 deletions
...@@ -20,4 +20,14 @@ export function getOrderLogata(data) { ...@@ -20,4 +20,14 @@ export function getOrderLogata(data) {
20 method: 'get', 20 method: 'get',
21 data: data 21 data: data
22 }) 22 })
23 -}
...\ No newline at end of file ...\ No newline at end of file
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 20 + <el-input
19 - placement="bottom" 21 + type="text"
20 - width="320" 22 + class="inputShadow"
21 - trigger="manual" 23 + id="inputInner--orderNo"
22 - popper-class="popoverconsignmentCode" 24 + resize="none"
23 - v-model="textareaVisible.formItemconsignmentCode" 25 + v-model="formData.logisticsNo"
24 - > 26 + clearable
25 - <el-input 27 + placeholder=""
26 - name="consignmentCode-textarea" 28 + ></el-input>
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> 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 46 + <el-input
73 - placement="bottom" 47 + type="text"
74 - width="320" 48 + class="inputShadow"
75 - trigger="manual" 49 + id="inputInner--ebpcode"
76 - popper-class="popoverconsignmentCode" 50 + resize="none"
77 - v-model="textareaVisible.formItemconsignmentCode" 51 + v-model="formData.ebcname"
78 - > 52 + clearable
79 - <el-input 53 + placeholder=""
80 - name="consignmentCode-textarea" 54 + ></el-input>
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> 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 59 + <el-input
109 - placement="bottom" 60 + type="text"
110 - width="320" 61 + class="inputShadow"
111 - trigger="manual" 62 + id="inputInner--ebpname"
112 - popper-class="popoverconsignmentCode" 63 + resize="none"
113 - v-model="textareaVisible.formItemconsignmentCode" 64 + v-model="formData.ebccode"
114 - > 65 + clearable
115 - <el-input 66 + placeholder=""
116 - name="consignmentCode-textarea" 67 + ></el-input>
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> 68 </Formitem>
141 </el-col> 69 </el-col>
142 - <el-col :span="5"> 70 + <el-col :span="3">
143 - <Formitem label="电商企业代码" prop="consignmentCode"> 71 + <Formitem label="电商企业代码" prop="ebccode">
144 - <el-popover 72 + <el-input
145 - placement="bottom" 73 + type="text"
146 - width="320" 74 + class="inputShadow"
147 - trigger="manual" 75 + id="inputInner--ebccode"
148 - popper-class="popoverconsignmentCode" 76 + resize="none"
149 - v-model="textareaVisible.formItemconsignmentCode" 77 + v-model="formData.ebccode"
150 - > 78 + clearable
151 - <el-input 79 + placeholder=""
152 - name="consignmentCode-textarea" 80 + ></el-input>
153 - type="textarea" 81 + </Formitem>
154 - :rows="5" 82 + </el-col>
155 - id="popoverInputconsignmentCode" 83 + <el-col :span="3">
156 - class="inputShadow textareaPopover" 84 + <Formitem label="电商企业电话" prop="ebcTelephone">
157 - v-model="searchForm.consignmentCode" 85 + <el-input
158 - resize="none" 86 + type="text"
159 - maxlength="13000" 87 + class="inputShadow"
160 - placeholder="" 88 + id="inputInner--ebcname"
161 - @blur="textareaBlur" 89 + resize="none"
162 - ></el-input> 90 + v-model="formData.ebcTelephone"
163 - <el-input 91 + clearable
164 - slot="reference" 92 + placeholder=""
165 - name="consignmentCode" 93 + ></el-input>
166 - type="textarea" 94 + </Formitem>
167 - :rows="1" 95 + </el-col>
168 - class="inputShadow" 96 + <el-col :span="3">
169 - id="inputInner--consignmentCode" 97 + <Formitem label="运费" prop="freight">
170 - v-model="searchForm.consignmentCode" 98 + <el-input
171 - resize="none" 99 + type="text"
172 - placeholder="" 100 + class="inputShadow"
173 - @focus="textareaFocus" 101 + id="inputInner--goodsValue"
174 - ></el-input> 102 + resize="none"
175 - </el-popover> 103 + v-model="formData.freight"
104 + clearable
105 + placeholder=""
106 + ></el-input>
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 113 + <el-input
183 - placement="bottom" 114 + type="text"
184 - width="320" 115 + class="inputShadow"
185 - trigger="manual" 116 + id="inputInner--freight"
186 - popper-class="popoverconsignmentCode" 117 + resize="none"
187 - v-model="textareaVisible.formItemconsignmentCode" 118 + v-model="formData.insuredfee"
188 - > 119 + clearable
189 - <el-input 120 + placeholder=""
190 - name="consignmentCode-textarea" 121 + ></el-input>
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> 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"> 126 + <el-input
219 - <el-popover 127 + type="text"
220 - placement="bottom" 128 + class="inputShadow"
221 - width="320" 129 + id="inputInner--currency"
222 - trigger="manual" 130 + resize="none"
223 - popper-class="popoverconsignmentCode" 131 + v-model="formData.currency"
224 - v-model="textareaVisible.formItemconsignmentCode" 132 + clearable
225 - > 133 + placeholder=""
226 - <el-input 134 + ></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> 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"> 139 + <el-input
256 - <el-popover 140 + type="text"
257 - placement="bottom" 141 + class="inputShadow"
258 - width="320" 142 + id="inputInner--currency"
259 - trigger="manual" 143 + resize="none"
260 - popper-class="popoverconsignmentCode" 144 + v-model="formData.grossWeight"
261 - v-model="textareaVisible.formItemconsignmentCode" 145 + clearable
262 - > 146 + placeholder=""
263 - <el-input 147 + ></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> 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"> 165 + <el-input
312 - <el-popover 166 + type="text"
313 - placement="bottom" 167 + class="inputShadow"
314 - width="320" 168 + id="inputInner--returnStatus"
315 - trigger="manual" 169 + resize="none"
316 - popper-class="popoverconsignmentCode" 170 + v-model="formData.returnStatus"
317 - v-model="textareaVisible.formItemconsignmentCode" 171 + clearable
318 - > 172 + placeholder=""
319 - <el-input 173 + ></el-input>
320 - name="consignmentCode-textarea" 174 + </Formitem>
321 - type="textarea" 175 + </el-col> -->
322 - :rows="5" 176 + <el-col :span="3">
323 - id="popoverInputconsignmentCode" 177 + <Formitem label="主要货物信息" prop="goodsInfo">
324 - class="inputShadow textareaPopover" 178 + <el-input
325 - v-model="searchForm.consignmentCode" 179 + type="text"
326 - resize="none" 180 + class="inputShadow"
327 - maxlength="13000" 181 + id="inputInner--appType"
328 - placeholder="" 182 + resize="none"
329 - @blur="textareaBlur" 183 + v-model="formData.goodsInfo"
330 - ></el-input> 184 + clearable
331 - <el-input 185 + placeholder=""
332 - slot="reference" 186 + ></el-input>
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> 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> 200 </Formitem>
365 </el-col> 201 </el-col>
366 - <el-col :span="4"> 202 + <el-col :span="3">
367 - <Formitem label="申报日期" prop="declareDate"> 203 + <Formitem label="业务状态" prop="appStatus">
368 - <el-date-picker 204 + <el-input
369 - v-model="value1" 205 + type="text"
370 - type="date" 206 + class="inputShadow"
371 - placeholder="选择日期"> 207 + id="inputInner--appTime"
372 - </el-date-picker> 208 + resize="none"
209 + v-model="formData.appTime"
210 + clearable
211 + placeholder=""
212 + ></el-input>
373 </Formitem> 213 </Formitem>
374 </el-col> 214 </el-col>
375 - <el-col :span="5"> 215 + <el-col :span="12">
376 - <Formitem label="备注" prop="consignmentCode"> 216 + <Formitem label="备注" prop="note">
377 - <el-popover 217 + <el-input
378 - placement="bottom" 218 + type="text"
379 - width="320" 219 + class="inputShadow"
380 - trigger="manual" 220 + id="inputInner--note"
381 - popper-class="popoverconsignmentCode" 221 + resize="none"
382 - v-model="textareaVisible.formItemconsignmentCode" 222 + v-model="formData.note"
383 - > 223 + clearable
384 - <el-input 224 + placeholder=""
385 - name="consignmentCode-textarea" 225 + ></el-input>
386 - type="textarea"
387 - :rows="5"
388 - id="popoverInputconsignmentCode"
389 - class="inputShadow textareaPopover"
390 - v-model="searchForm.consignmentCode"
391 - resize="none"
392 - maxlength="13000"
393 - placeholder=""
394 - @blur="textareaBlur"
395 - ></el-input>
396 - <el-input
397 - slot="reference"
398 - name="consignmentCode"
399 - type="textarea"
400 - :rows="1"
401 - class="inputShadow"
402 - id="inputInner--consignmentCode"
403 - v-model="searchForm.consignmentCode"
404 - resize="none"
405 - placeholder=""
406 - @focus="textareaFocus"
407 - ></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: [], 274 + },
438 - }, 275 + {
439 - textareaVisible: { 276 + name: "状态时间",
440 - formItemconsignmentCode: false, 277 + value: "returnTime",
441 - formItemconsignmentHeadCode: false, 278 + width: "400",
442 - }, 279 + align: "left",
443 - dictData: { 280 + },
444 - userport: [ 281 + {
445 - {name: "Shanghai Port", code: "SH"}, 282 + name: "回执描述",
446 - {name: "Beijing Port", code: "BJ"}, 283 + value: "returnInfo",
447 - {name: "Guangzhou Port", code: "GZ"}, 284 + width: "",
448 - {name: "Shenzhen Port", code: "SZ"}, 285 + align: "left",
449 - {name: "Tianjin Port", code: "TJ"}, 286 + },
450 - ], 287 + ],
288 + detailData: [],
289 + detialHeaderData: [
290 + {
291 + name: "企业商品货号",
292 + value: "",
293 + width: "",
294 + align: "left",
295 + },
296 + {
297 + name: "商品企业商品名称",
298 + value: "",
299 + width: "",
300 + align: "left",
301 + },
302 + {
303 + name: "企业商品描述",
304 + value: "",
305 + width: "",
306 + align: "left",
307 + },
308 + {
309 + name: "条码",
310 + value: "",
311 + width: "",
312 + align: "left",
313 + },
314 + {
315 + name: "计量单位",
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,
451 }, 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();
361 + } else {
362 + this.back();
452 } 363 }
453 }, 364 },
454 methods: { 365 methods: {
455 - textareaBlur(val) { 366 + searchData() {
456 - let inputInner = document.querySelector( 367 + this.loadings.entryLoading = true;
457 - "#inputInner--" + val.target.name.split("-")[0] 368 + getTransportDetail(this.id)
458 - ); 369 + .then((res) => {
459 - this.textareaVisible["formItem" + val.target.name.split("-")[0]] = false; 370 + if (res.code === "200") {
460 - inputInner.style.display = "block"; 371 + this.formData = res.data.exportWaybill;
461 - this.$nextTick(() => { 372 + this.detailData = res.data.exportOrderProductList;
462 - inputInner.blur(); 373 + this.logData = res.data.exportWaybillReceiptList;
463 - if ( 374 + this.detailData.forEach((item, idx) => {
464 - inputInner.value != undefined && 375 + item.index = idx;
465 - inputInner.value != "" && 376 + });
466 - inputInner.value != null 377 + } else {
467 - ) { 378 + this.alertWarningMsg(res.message);
468 - inputInner.classList.add("inputFocus");
469 - } else {
470 - inputInner.classList.remove("inputFocus");
471 - }
472 - });
473 - let arr = [];
474 - this.searchForm[val.target.name.split("-")[0]]
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;
506 - //border: 1px solid black;
507 height: 100%; 402 height: 100%;
508 - .fedexFormItem { 403 + padding: 10px;
509 - background-color: #f5f5f5; 404 + background-color: #fff;
510 - margin-right: 5px; 405 + overflow: auto;
511 - margin-bottom: 5px; 406 +
512 - } 407 + .entryInformation {
513 - .fedexformSreach { 408 + width: 100%;
514 - border-bottom: none; 409 + height: 100%;
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; 419 + }
526 - right: 0; 420 +
527 - top: 0px; 421 + .titleBorder {
528 - width: 80px; 422 + border-bottom: 1px solid #333;
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 - }
539 } 423 }
540 } 424 }
541 </style> 425 </style>
......