小牛集卡web 客户端
chenwei
2021-06-08 e41faf1640e2e71febf4ba347a301e0c043b6ce9
commit | author | age
423585 1 <template>
C 2   <div>
3     <div class="fronthome-main">
4       <div>
5         <div
6           class="show-main"
7           v-for="(item, index) in tempOrderForms"
8           :key="index"
9         >
10           <div>
11             <div class="show-data">
12               <div class="one">
13                 <i class="iconfont icon-jizhuangxiang_container"></i>
14                 <span class="gp">{{ item.tempOrder.Container.CntrName }}</span>
15                 <span>{{ item.tempOrder.Container.CntrSubtitle }}</span>
16               </div>
17               <div class="time">
18                 <el-date-picker
19                   v-model="item.tempOrder.ArriveTime"
20                   type="datetime"
21                   placeholder="选择日期时间"
22                   default-time="12:00:00"
23                   @change="arrvieTime($event, item)"
24                   value-format="yyyy-MM-dd HH:mm"
25                 >
26                 </el-date-picker>
27               </div>
7f5659 28               <!-- <div class="weight">
423585 29                 <el-input
C 30                   v-model="item.tempOrder.Weight"
31                   @change="weightChange($event, item)"
32                 ></el-input>
7f5659 33               </div> -->
423585 34               <div class="type">
C 35                 <el-checkbox
36                   v-model="item.tempOrder.IsUrgent"
37                   @change="isUrgent($event, item)"
38                   >加急</el-checkbox
39                 >
40                 <el-checkbox
41                   v-model="item.tempOrder.SelfBox"
42                   @change="selfBox($event, item)"
43                   >自备箱</el-checkbox
44                 >
45               </div>
46
7f5659 47               <div class="box" @click="perfectInfo(item, index)">
e41faf 48                 <div style="width:100px;overflow:hidden;" v-if="item.tempOrder.TempOrderContainer.length != 0"
C 49                   >提单号:{{
50                     item.tempOrder.TempOrderContainer[0].BolCode
51                   }}</div
7f5659 52                 >
423585 53                 <span v-else>请点击此处完善信息</span>
C 54                 <i class="el-icon-s-unfold"></i>
55               </div>
56               <!-- 双托相型 -->
57               <!-- <div>
58                 <div class="box">
59                   <span>箱号:xxxxxxx</span>
60                   <i class="el-icon-s-unfold"></i>
61                 </div>
62                 <div class="box">
63                   <span>箱号:xxxxxxx</span>
64                   <i class="el-icon-s-unfold"></i>
65                 </div>
66               </div> -->
67
7f5659 68               <div
C 69                 class="number"
70                 v-if="item.tempOrder.TempOrderContainer.length == 0"
71               >
423585 72                 <el-input-number
C 73                   v-model="item.tempOrder.ContainerNub"
74                   @change="handleChange($event, item)"
75                   :min="1"
76                   :max="10"
7f5659 77                   label="数量"
C 78                   :disabled="item.isNumDisable"
423585 79                 ></el-input-number>
C 80               </div>
bc06fc 81
C 82               <div class="number" v-if="item.tempOrder.TempOrderContainer.length != 0">
423585 83                 <el-input-number
C 84                   v-model="item.tempOrder.ContainerNub"
85                   @change="handleChange($event, item)"
86                   :min="1"
87                   :max="10"
7f5659 88                   label="数量"
C 89                   :disabled="true"
423585 90                 ></el-input-number>
C 91               </div>
bc06fc 92               <!-- 双托的数量(车) -->
C 93                 <!-- <div
94                 class="number"
95                 v-if="item.tempOrder.TempOrderContainer.length == 0&&item.tempOrder.Container.CntrType==3"
96               >
97                 <el-input-number
98                   v-model="item.tempOrder.ContainerNub"
99                   @change="handleChange($event, item)"
100                   :min="1"
101                   :max="10"
102                   label="数量"
103                   :disabled="item.isNumDisable"
104                 ></el-input-number>
105               </div>
106
107             <div class="number" v-if="item.tempOrder.TempOrderContainer.length != 0">
108                 <el-input-number
109                   v-model="item.tempOrder.Container.CnterNub"
110                   @change="handleChange($event, item)"
111                   :min="1"
112                   :max="10"
113                   label="数量"
114                   :disabled="true"
115                 ></el-input-number>
116               </div> -->
117
118            
7f5659 119               <div class="box-count" style="width: 33px; text-align: center">
bc06fc 120                 {{ item.tempOrder.ContainerNub*item.tempOrder.Container.CnterNub }}
7f5659 121               </div>
C 122               <div
123                 style="text-align: center; color: #d9001b; width: 50px"
e41faf 124                 v-if="item.tempOrder.BaseMoney != null&&!(item.tempOrder.IsUrgent)"
7f5659 125               >
e41faf 126                 ¥{{(item.tempOrder.BaseMoney)*(item.tempOrder.ContainerNub)}}
C 127               </div>
128             
129               <div
130                 style="text-align: center; color: #d9001b; width: 50px"
131                 v-if="item.tempOrder.BaseMoney != null&&item.tempOrder.IsUrgent"
132               >
133                 ¥{{(item.tempOrder.BaseMoney+item.tempOrder.UrgentMoney)*(item.tempOrder.ContainerNub)}}
134               </div>
135               <div v-if="item.tempOrder.BaseMoney == null"   style="text-align: center; color: #d9001b; width: 50px">
136                   ¥0
7f5659 137               </div>
423585 138               <div class="money">
7f5659 139                 <!-- style="min-width: 42px" -->
C 140
141                 <!-- <div style="min-width: 42px" v-else>需询价</div> -->
423585 142                 <div>
C 143                   <el-button
7f5659 144                     title="删除"
C 145                     icon="el-icon-delete"
423585 146                     plain
7f5659 147                     size="mini"
C 148                     @click="delOrder(item.tempOrder.TempOrderID, index)"
149                   ></el-button>
150                   <el-button
151                     size="mini"
152                     icon="el-icon-document-copy"
153                     title="复制"
e41faf 154                     @click="copyBox(item,index)"
423585 155                   >
7f5659 156                   </el-button>
423585 157                 </div>
e41faf 158                 
C 159                      <el-button  v-if="item.tempOrder.IsInquiryAllowed == 2" type="info" size="mini" disabled>询价中</el-button>
160                
7f5659 161                 <div v-if="item.tempOrder.IsInquiryAllowed == 1">
e41faf 162                   <button @click="enquiry(item.tempOrder.TempOrderID, item,index)">
423585 163                     <i class="el-icon-phone-outline"></i> 询 价
C 164                   </button>
e41faf 165                 
423585 166                 </div>
e41faf 167                
C 168                  
7f5659 169                 <div
C 170                   style="width: 72px"
171                   v-if="item.tempOrder.IsInquiryAllowed == 0"
172                 ></div>
423585 173               </div>
C 174             </div>
7f5659 175             <!-- 双托箱型 -->
423585 176           </div>
C 177           <div class="box-diff">
7f5659 178             <div>
C 179               <!-- 没值的判断 -->
180               <div v-if="item.orderinqiry == null">
181                 <div v-if="item.tempOrder.Container.CntrType == 2">
182                   <div
183                     v-if="
e41faf 184                       item.tempOrder.Container.CntrName.substring(2,4) == 'FR'
7f5659 185                     "
C 186                     class="two"
187                   >
188                     <div class="input-info">
189                       <span>货物:</span>
190                       <el-input
191                         v-model="item.orderData.OdiqGoods"
192                         clearable
193                       ></el-input>
194                     </div>
195                     <div class="bulk">
196                       <div>
197                         <span>长:</span>
198                         <el-input
199                           v-model="item.orderData.OdiqLong"
200                           clearable
201                         ></el-input>
202                       </div>
203                       <div>
204                         <span>宽:</span>
205                         <el-input
206                           v-model="item.orderData.OdiqWidth"
207                           clearable
208                         ></el-input>
209                       </div>
210                       <div>
211                         <span>高:</span>
212                         <el-input
213                           v-model="item.orderData.OdiqHeight"
214                           clearable
215                         ></el-input>
216                       </div>
217                     </div>
218                     <div class="input-remark">
219                       <span>备注:</span>
220                       <el-input
221                         v-model="item.orderData.OdiqRemarks"
222                         clearable
223                       ></el-input>
224                     </div>
225                   </div>
226                   <!-- RF -->
227                   <div
228                     v-if="
e41faf 229                       item.tempOrder.Container.CntrName.substring(2,4) == 'RF'
7f5659 230                     "
C 231                     class="two"
232                   >
233                     <div class="input-info">
234                       <span><i class="iconfont icon-wendu1"></i>温度:</span>
235                       <el-input
236                         v-model="item.orderData.OdiqTemperature"
237                         clearable
238                       ></el-input>
239                       <span>℃</span>
240                     </div>
241                     <div class="input-info">
242                       <span>货物:</span>
243                       <el-input
244                         v-model="item.orderData.OdiqGoods"
245                         clearable
246                       ></el-input>
247                     </div>
423585 248
7f5659 249                     <div class="input-remark">
C 250                       <span>备注:</span>
251                       <el-input
252                         v-model="item.orderData.OdiqRemarks"
253                         clearable
254                       ></el-input>
255                     </div>
256                   </div>
257                   <!--OT  -->
258                   <div
259                     v-if="
e41faf 260                       item.tempOrder.Container.CntrName.substring(2,4) == 'OT'
7f5659 261                     "
C 262                     class="two"
263                   >
264                     <div class="input-info">
265                       <span>货物:</span>
266                       <el-input v-model="item.orderData.OdiqGoods"></el-input>
267                     </div>
268                     <div class="bulk">
269                       <div>
270                         <span>高:</span>
271                         <el-input
272                           v-model="item.orderData.OdiqHeight"
273                         ></el-input>
274                       </div>
275                     </div>
276                     <div class="input-remark">
277                       <span>备注:</span>
278                       <el-input v-model="item.orderData.OdiqRemarks"></el-input>
279                     </div>
280                   </div>
281                   <!-- 初次之外的样式 -->
282                   <div   v-if="
e41faf 283                       (item.tempOrder.Container.CntrName.substring(2,4) != 'OT'&& item.tempOrder.Container.CntrName.substring(2,4) != 'FR')&& item.tempOrder.Container.CntrName.substring(2,4) != 'RF'
7f5659 284                     "
C 285                     class="two" >
286                         <div class="input-info">
287                       <span>货物:</span>
288                       <el-input v-model="item.orderData.OdiqGoods"></el-input>
289                     </div>
290                   
291                     <div class="input-remark">
292                       <span>备注:</span>
293                       <el-input v-model="item.orderData.OdiqRemarks"></el-input>
294                     </div>
295                   </div>
423585 296                 </div>
C 297               </div>
7f5659 298               <!-- 有值的判断 -->
C 299               <div v-else>
300                  <div v-if="item.tempOrder.Container.CntrType == 2">
301                   <div
302                     v-if="
e41faf 303                       item.tempOrder.Container.CntrName.substring(2,4) == 'FR'
7f5659 304                     "
C 305                     class="two"
306                   >
307                     <div class="input-info">
308                       <span>货物:</span>
e41faf 309                        <span>{{item.orderinqiry.OdiqGoods}}</span>
7f5659 310                     </div>
C 311                     <div class="bulk">
312                       <div>
313                         <span>长:</span>
e41faf 314                         <span>{{item.orderinqiry.OdiqLong}}</span>
7f5659 315                       </div>
C 316                       <div>
317                         <span>宽:</span>
e41faf 318                         <span>{{item.orderinqiry.OdiqWidth}}</span>
7f5659 319                        
C 320                       </div>
321                       <div>
322                         <span>高:</span>
e41faf 323                         <span>{{item.orderinqiry.OdiqHeight}}</span>
7f5659 324                       </div>
C 325                     </div>
326                     <div class="input-remark">
327                       <span>备注:</span>
e41faf 328                       <span>{{item.orderinqiry.OdiqRemarks}}</span>
7f5659 329                     </div>
C 330                   </div>
331                   <!-- RF -->
332                   <div
333                     v-if="
e41faf 334                       item.tempOrder.Container.CntrName.substring(2,4) == 'RF'
7f5659 335                     "
C 336                     class="two"
337                   >
338                     <div class="input-info">
339                       <span><i class="iconfont icon-wendu1"></i>温度:</span>
e41faf 340                       <span>{{item.orderinqiry.OdiqTemperature}}℃</span>
7f5659 341                     </div>
C 342                     <div class="input-info">
343                       <span>货物:</span>
e41faf 344                       <span>{{item.orderinqiry.OdiqGoods}}</span>
7f5659 345                     </div>
C 346
347                     <div class="input-remark">
348                       <span>备注:</span>
e41faf 349                       <span>{{item.orderinqiry.OdiqRemarks}}</span>
7f5659 350                     </div>
C 351                   </div>
352                   <!--OT  -->
353                   <div
354                     v-if="
e41faf 355                       item.tempOrder.Container.CntrName.substring(2,4) == 'OT'
7f5659 356                     "
C 357                     class="two"
358                   >
359                     <div class="input-info">
360                       <span>货物:</span>
e41faf 361                       <span>{{item.orderinqiry.OdiqGoods}}</span>
7f5659 362                     </div>
C 363                     <div class="bulk">
364                       <div>
365                         <span>高:</span>
e41faf 366                         <span>{{item.orderinqiry.OdiqHeight}}</span>
7f5659 367                       </div>
C 368                     </div>
369                     <div class="input-remark">
370                       <span>备注:</span>
e41faf 371                       <span>{{item.orderinqiry.OdiqRemarks}}</span>
7f5659 372                     </div>
C 373                   </div>
374                   <!-- 初次之外的样式 -->
375                   <div   v-if="
e41faf 376                       (item.tempOrder.Container.CntrName.substring(2,4) != 'OT'&& item.tempOrder.Container.CntrName.substring(2,4) != 'FR')&& item.tempOrder.Container.CntrName.substring(2,4) != 'RF'
7f5659 377                     "
C 378                     class="two" >
379                         <div class="input-info">
380                       <span>货物:</span>
e41faf 381                       <span>{{item.orderinqiry.OdiqGoods}}</span>
7f5659 382                     </div>
C 383                   
384                     <div class="input-remark">
385                       <span>备注:</span>
e41faf 386                        <span>{{item.orderinqiry.OdiqRemarks}}</span>
7f5659 387                     </div>
C 388                   </div>
389                 </div>
423585 390               </div>
C 391             </div>
392           </div>
393         </div>
394       </div>
395     </div>
396     <!-- 完善信息的弹窗 -->
397     <el-dialog
398       title="完善箱子信息"
399       :visible.sync="infoDialog"
400       width="30%"
401       :before-close="handleClose"
402     >
7f5659 403       <info-dialog
C 404         :demo="perfectBoxData"
405         :count="boxCount"
406         :type="orderType"
e41faf 407       
7f5659 408         @info="acceptInfo"
C 409       ></info-dialog>
423585 410     </el-dialog>
C 411   </div>
412 </template>
413 <script>
414 import infoDialog from "./InfoDialog.vue";
415 export default {
416   data() {
417     return {
418       checked: false,
419       value3: "",
420       num: 1,
421       infoDialog: false,
422       tempOrderForms: [],
423       orderinQiry: {
424         TempOrderID: "",
425         OdiqWeight: "",
426         OdiqTemperature: "",
427         OdiqLong: "",
428         OdiqWidth: "",
429         OdiqHeight: "",
430         OdiqRemarks: "",
431         // OdiqWaitDuration:"",
432         // OdiqStatic:"",
433         // OdiqMoney:"",
434         // OdiqReplyTime:"",
435       },
436       pollArr: [],
437       pollData: [],
7f5659 438       perfectBoxData: {},
C 439       boxCount: 1,
440       begin: {},
441       orderType:0, //装卸类型
e41faf 442      
423585 443     };
C 444   },
445   props: ["orderall"],
446   components: {
447     infoDialog,
448   },
449   created() {
7f5659 450    
423585 451   },
C 452   watch: {
7f5659 453     orderall: {
C 454       handler(val) {
455         this.orderType = val.OrderType;
456         for (var i = 0; i < val.tempOrderForms.length; i++) {
e41faf 457        
7f5659 458           val.tempOrderForms[i].isNumDisable = false;
C 459           if (
460             val.tempOrderForms[i].tempOrder.IsUrgent == null ||
461             val.tempOrderForms[i].tempOrder.IsUrgent == 0
462           ) {
463             val.tempOrderForms[i].tempOrder.IsUrgent = false;
464           } else {
465             val.tempOrderForms[i].tempOrder.IsUrgent = true;
466           }
423585 467
7f5659 468           if (
C 469             val.tempOrderForms[i].tempOrder.SelfBox == null ||
470             val.tempOrderForms[i].tempOrder.SelfBox == 0
471           ) {
472             val.tempOrderForms[i].tempOrder.SelfBox = false;
e41faf 473             // this.selfOwer = false;
7f5659 474           } else {
C 475             val.tempOrderForms[i].tempOrder.SelfBox = true;
e41faf 476             // this.selfOwer = true;
7f5659 477           }
C 478           if (
479             val.tempOrderForms[i].tempOrder.IsCarPooling == null ||
480             val.tempOrderForms[i].tempOrder.IsCarPooling == 0
481           ) {
482             val.tempOrderForms[i].tempOrder.IsCarPooling = false;
483           } else {
484             val.tempOrderForms[i].tempOrder.IsCarPooling = true;
485           }
423585 486         }
7f5659 487         this.tempOrderForms = val.tempOrderForms;
423585 488       },
7f5659 489       deep: true,
423585 490     },
C 491     pollArr(val) {
e41faf 492       //点击询价后该数组就有询价id了,然后进行询价
423585 493       if (val.length != 0) {
7f5659 494         console.log(val);
C 495         this.begin = setInterval(() => {
423585 496           this.getPolling({ OdiqIds: val });
C 497
e41faf 498           // if (this.pollData.length != 0) {
C 499           //   this.pollData.forEach((item, index) => {
500           //     if (this.pollArr.indexOf(item.OdiqId) > -1) { //里面包含此id就进行删除
501           //       //已经回复价格了的进行删除
502           //       this.pollArr.splice(index, 1);
503           //       console.log("询价成功后",this.pollArr)
504           //     }
505             
506               
507           //   });
508           // }
509         }, 30000);
423585 510       } else {
e41faf 511      
7f5659 512         clearInterval(this.begin);
423585 513       }
C 514     },
515   },
516   methods: {
e41faf 517     //复制箱子
C 518     copyBox(content,index){
519       var model = Object.assign(content)
520         this.copySingleBox(model,index)
521     },
522     //复制箱子的接口
523     async copySingleBox(model,index){
524       await this.$axios.post("/api/Order/CopySingeContainner",this.$qs.stringify({tempOrderID:model.tempOrder.TempOrderID})).then(res=>{
525         console.log(res);
526         // model = Object.assign(model)
527         this.$parent.getTempOrder();
528          this.tempOrderForms.splice(index,0,model);
529       }).catch(err=>{
530         this.$message.error("复制失败");
531         console.log(err)
532       })
533     },
7f5659 534     perfectInfo(content, index) {
C 535       console.log("箱子信息",content);
536       this.boxCount = index;
537       this.perfectBoxData = content.tempOrder;
538       setTimeout(() => {
539         this.infoDialog = true;
540       }, 200);
541
542       console.log(content.tempOrder.TempOrderContainer);
423585 543     },
C 544     //调整拼车
7f5659 545     isCarPool(val, content) {
C 546       if (val) {
423585 547         this.getSingeTemp({
C 548           IsCarPooling: 1,
549           TempOrderID: content.tempOrder.TempOrderID,
550         });
7f5659 551         this.$emit("pinche", content.tempOrder.TempOrderID);
423585 552       } else {
C 553         this.getSingeTemp({
554           IsCarPooling: 0,
555           TempOrderID: content.tempOrder.TempOrderID,
556         });
7f5659 557         this.$emit("pinche", "");
423585 558       }
C 559     },
560     //调整时间
561     arrvieTime(val, content) {
562       this.getSingeTemp({
563         ArriveTime: val,
564         TempOrderID: content.tempOrder.TempOrderID,
565       });
566     },
567     //调整重量
568     weightChange(val, content) {
569       this.getSingeTemp({
570         Weight: val,
571         TempOrderID: content.tempOrder.TempOrderID,
572       });
573     },
574     //调整加急
575     isUrgent(val, content) {
576       if (val) {
577         this.getSingeTemp({
578           IsUrgent: 1,
579           TempOrderID: content.tempOrder.TempOrderID,
580         });
581       } else {
582         this.getSingeTemp({
583           IsUrgent: 0,
584           TempOrderID: content.tempOrder.TempOrderID,
585         });
586       }
587     },
588     //调整自备箱
589     selfBox(val, content) {
590       if (val) {
591         this.getSingeTemp({
592           SelfBox: 1,
593           TempOrderID: content.tempOrder.TempOrderID,
594         });
e41faf 595         // this.selfOwer = val;
423585 596       } else {
C 597         this.getSingeTemp({
598           SelfBox: 0,
599           TempOrderID: content.tempOrder.TempOrderID,
600         });
e41faf 601         //取消自备箱的时候清除箱号
C 602         for(var i=0;i<content.tempOrder.TempOrderContainer.length;i++){
603
604         }
605           // this.selfOwer = val;
423585 606       }
C 607     },
608     //调整数量
7f5659 609     handleChange(val, content) {
C 610       this.getSingeTemp({
423585 611         ContainerNub: val,
C 612         TempOrderID: content.tempOrder.TempOrderID,
613       });
7f5659 614       this.perfectBoxData = content.tempOrder;
423585 615     },
C 616     // 删除
7f5659 617     delOrder(id, index) {
423585 618       this.$confirm("确认删除该条数据吗?", "提示", {
C 619         confirmButtonText: "确定",
620         cancelButtonText: "取消",
621         type: "warning",
622       })
623         .then(() => {
624           this.$axios
625             .post(
626               "/api/Order/DeleteSingeTmpOrder",
627               this.$qs.stringify({ tmpOrderId: id })
628             )
629             .then((res) => {
7f5659 630               this.tempOrderForms.splice(index, 1);
423585 631               console.log(res);
C 632             })
633             .catch((err) => {
e41faf 634               this.$message.error("出错了");
423585 635               console.log(err);
C 636             });
637         })
638         .catch(() => {});
639     },
640     //询价
e41faf 641     enquiry(id, item,index) {
C 642       this.tempOrderForms[index].tempOrder.IsInquiryAllowed = 2;
423585 643       item.orderData.TempOrderID = id;
C 644       this.getEnquiry(item.orderData);
645     },
646     //定时器轮询价格
647     async getPolling(model) {
648       await this.$axios
649         .post("/api/Order/GetPollingInquiry", this.$qs.stringify(model))
650         .then((res) => {
e41faf 651           // this.pollData = res.data;
C 652           // 是否返回询价的接口
653           if(res.data.length>0 &&this.tempOrderForms.length>0){
654             for(var i=0,j=0;i<res.data.length,j<this.tempOrderForms.length;i++,j++){
655                 if(res.data[i].TempOrderID==this.tempOrderForms[j].tempOrder.TempOrderID){
656                   this.tempOrderForms[j].tempOrder.BaseMoney = res.data[i].OdiqMoney;
657                   this.tempOrderForms[j].tempOrder.IsInquiryAllowed = 0;
658                    this.pollArr.splice(i, 1);
659                   console.log("拿到返回询价的值",res.data[i].TempOrderID);
660                 }
661             }
662           }
423585 663         })
C 664         .catch((err) => {
665           console.log(err);
666         });
667     },
7f5659 668     //获取临时订单
C 669     async getTempOrder() {
670       await this.$axios
671         .post("/api/Order/GetTempOrderAll")
672         .then((res) => {
673           // console.log(res);
674           this.tempOrderForms = res.data.tempOrderForms;
675         })
676         .catch((err) => {
677           console.log(err);
678         });
423585 679     },
C 680     //单独调整临时表单单条数据
681     async getSingeTemp(model) {
682       await this.$axios
683         .post("/api/Order/UpdateSingeTempOrder", this.$qs.stringify(model))
684         .then((res) => {
685           console.log(res);
686         })
687         .catch((err) => {
688           console.log(err);
689         });
690     },
691     //询价接口
692     async getEnquiry(model) {
693       await this.$axios
694         .post("/api/Order/SaveOrderInquiry", this.$qs.stringify(model))
695         .then((res) => {
696           this.pollArr.push(res.data.OdiqId);
697         })
698         .catch((err) => {
699           console.log(err);
700         });
701     },
702     //调整箱子信息
703     acceptInfo(e) {
e41faf 704       console.log("修改箱子信息内容",e)
C 705       console.log("调整箱子",this.tempOrderForms);
423585 706       this.infoDialog = false;
C 707       var arr = [];
e41faf 708       //根据more里面的长度,来决定有几个箱子
7f5659 709       if (e.moreBox.length > 1) {
C 710         for (var i = 0; i < e.moreBox.length; i++) {
711           arr.push({
712             BolCode: e.BolCode,
713             TradeCode: e.TradeCode,
714             ShipAgent: e.ShipAgent,
715             ContainerOwner: e.ContainerOwner,
716             ContainerNo: e.moreBox[i].ContainerNo,
717             BoxSeal: e.moreBox[i].BoxSeal,
bc06fc 718             Weight:e.moreBox[i].Weight
7f5659 719           });
423585 720         }
7f5659 721       } else {
C 722         arr.push({
723           BolCode: e.BolCode,
724           TradeCode: e.TradeCode,
725           ShipAgent: e.ShipAgent,
726           ContainerOwner: e.ContainerOwner,
727           ContainerNo: e.moreBox[0].ContainerNo,
728           BoxSeal: e.moreBox[0].BoxSeal,
bc06fc 729            Weight: e.moreBox[0].Weight
7f5659 730         });
423585 731       }
7f5659 732       this.getSingeTemp({ TempOrderID: e.id, TempOrderContainer: arr });
e41faf 733       // 给提单号赋值进行展示
C 734       var  a = e.index
735       if(  this.tempOrderForms[a].tempOrder.TempOrderContainer.length==0){
736           this.tempOrderForms[a].tempOrder.TempOrderContainer=(arr);
737       }else{
738           this.tempOrderForms[a].tempOrder.TempOrderContainer[0].BolCode=
739         e.BolCode;
740       }
741     
7f5659 742       //禁用数量
e41faf 743       this.tempOrderForms[a].isNumDisable = true;
C 744       // setTimeout(() => {
745       //   this.getTempOrder();
746       // }, 200);
747       // console.log(this.tempOrderForms);
423585 748     },
C 749
750     handleClose(done) {
751       this.$confirm("确认关闭?")
752         .then((_) => {
753           done();
754         })
755         .catch((_) => {});
756     },
757   },
758 };
759 </script>
760 <style lang="less" scoped>
761 .box-diff {
762   padding: 10px 0px;
763 }
764 .fronthome-main {
765   display: block;
766   // border: 1px solid #c3c3c3;
767   // padding: 10px 20px;
768   border-radius: 3px;
769   // box-shadow: 2px 2px 8px #c3c3c3;
770   box-sizing: border-box;
771 }
772 .fronthome-top {
773   margin-top: 20px;
774 }
775 .show-data {
776   display: flex;
777   justify-content: space-between;
778   width: 1324px;
779   align-items: center;
780 }
781 .box-diff {
782   width: 1324px;
783 }
784 .show-main {
785   // padding-bottom: 10px;
786   // border-bottom: 1px solid #e7e7e7;
787 }
788 .show-data .one,
789 .show-data .box {
790   border: 1px solid #f3f3f3;
791   height: 40px;
792   line-height: 40px;
793   padding: 0 5px;
794   border-radius: 3px;
795   color: #b2b2b2;
796   font-size: 14px;
7f5659 797   width: 145px;
C 798   overflow: hidden;
799   display: flex;
800   justify-content: space-between;
801   align-items: center;
423585 802 }
C 803 .show-data .one .gp {
804   font-weight: bold;
805   font-size: 16px;
806   margin: 0 3px;
807 }
808 .show-data .money {
809   display: flex;
810   align-items: center;
811   width: 200px;
812   justify-content: space-between;
813 }
814 .show-data .weight {
815   /deep/.el-input {
816     width: 65px;
817   }
818 }
819 .show-data .type {
820   display: flex;
821   flex-direction: column;
822 }
823 .show-data .number {
824   /deep/.el-input-number {
825     width: 100px;
826   }
827   /deep/.el-input-number .el-input__inner {
828     padding: 0 25px;
829   }
830   /deep/.el-input-number__increase {
831     width: 25px;
832   }
833   /deep/.el-input-number__decrease {
834     width: 25px;
835   }
836 }
837 .show-data .money div:first-child {
838   color: #d9001b;
839   font-size: 14px;
840 }
841 .show-data .money div:last-child button {
842   padding: 7px 12px;
843   color: #fff;
844   background-color: #f59a23;
845   font-weight: bold;
846   border: none;
847   outline: none;
848   cursor: pointer;
849   border-radius: 6px;
850 }
851
852 // 对应的不用的规格
853 .input-info,
854 .two,
855 .bulk,
856 .input-remark {
857   display: flex;
858   align-items: center;
859 }
860
861 .two {
862   width: 1124px;
863   justify-content: space-between;
864   box-sizing: border-box;
865   font-size: 14px;
866   color: #7f7f7f;
867 }
868 .four {
869   width: 1176px;
870 }
871 .two {
872   /deep/.el-input__inner {
873     line-height: 30px;
874     height: 30px;
875   }
876 }
877 .input-info {
878   /deep/.el-input {
879     width: 100px;
880   }
881 }
882 .input-remark {
883   /deep/.el-input {
884     width: 200px;
885   }
886 }
887 .bulk {
888   /deep/.el-input {
889     width: 60px;
890   }
891 }
892 .bulk div {
893   margin-right: 6px;
894 }
895 .two .time {
896   color: #f59a23;
897 }
898 .time-two {
899   color: #67c23a;
900 }
901 .two .money {
902   font-size: 16px;
903   color: #d9001b;
904   font-weight: bold;
905 }
906 </style>