小牛集卡web 客户端
chenwei
8 days ago 2621fec0d7ce1db0a2302c6c1ac0f08b36ae8a63
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;
2621fe 456         this.pollArr =[];
7f5659 457         for (var i = 0; i < val.tempOrderForms.length; i++) {
e41faf 458        
7f5659 459           val.tempOrderForms[i].isNumDisable = false;
C 460           if (
461             val.tempOrderForms[i].tempOrder.IsUrgent == null ||
462             val.tempOrderForms[i].tempOrder.IsUrgent == 0
463           ) {
464             val.tempOrderForms[i].tempOrder.IsUrgent = false;
465           } else {
466             val.tempOrderForms[i].tempOrder.IsUrgent = true;
467           }
423585 468
7f5659 469           if (
C 470             val.tempOrderForms[i].tempOrder.SelfBox == null ||
471             val.tempOrderForms[i].tempOrder.SelfBox == 0
472           ) {
473             val.tempOrderForms[i].tempOrder.SelfBox = false;
e41faf 474             // this.selfOwer = false;
7f5659 475           } else {
C 476             val.tempOrderForms[i].tempOrder.SelfBox = true;
e41faf 477             // this.selfOwer = true;
7f5659 478           }
C 479           if (
480             val.tempOrderForms[i].tempOrder.IsCarPooling == null ||
481             val.tempOrderForms[i].tempOrder.IsCarPooling == 0
482           ) {
483             val.tempOrderForms[i].tempOrder.IsCarPooling = false;
484           } else {
485             val.tempOrderForms[i].tempOrder.IsCarPooling = true;
486           }
2621fe 487           // //刷新后还没返回价格的
C 488           // if( val.tempOrderForms[i].tempOrder.IsInquiryAllowed==2){
489
490           //   this.pollArr.push(val.tempOrderForms[i].tempOrder.TempOrderID)
491           // }
423585 492         }
7f5659 493         this.tempOrderForms = val.tempOrderForms;
423585 494       },
7f5659 495       deep: true,
423585 496     },
C 497     pollArr(val) {
e41faf 498       //点击询价后该数组就有询价id了,然后进行询价
423585 499       if (val.length != 0) {
7f5659 500         console.log(val);
C 501         this.begin = setInterval(() => {
423585 502           this.getPolling({ OdiqIds: val });
C 503
e41faf 504           // if (this.pollData.length != 0) {
C 505           //   this.pollData.forEach((item, index) => {
506           //     if (this.pollArr.indexOf(item.OdiqId) > -1) { //里面包含此id就进行删除
507           //       //已经回复价格了的进行删除
508           //       this.pollArr.splice(index, 1);
509           //       console.log("询价成功后",this.pollArr)
510           //     }
511             
512               
513           //   });
514           // }
515         }, 30000);
423585 516       } else {
e41faf 517      
7f5659 518         clearInterval(this.begin);
423585 519       }
C 520     },
521   },
522   methods: {
e41faf 523     //复制箱子
C 524     copyBox(content,index){
525       var model = Object.assign(content)
526         this.copySingleBox(model,index)
527     },
528     //复制箱子的接口
529     async copySingleBox(model,index){
530       await this.$axios.post("/api/Order/CopySingeContainner",this.$qs.stringify({tempOrderID:model.tempOrder.TempOrderID})).then(res=>{
531         console.log(res);
532         // model = Object.assign(model)
533         this.$parent.getTempOrder();
534          this.tempOrderForms.splice(index,0,model);
535       }).catch(err=>{
536         this.$message.error("复制失败");
537         console.log(err)
538       })
539     },
7f5659 540     perfectInfo(content, index) {
C 541       console.log("箱子信息",content);
542       this.boxCount = index;
543       this.perfectBoxData = content.tempOrder;
544       setTimeout(() => {
545         this.infoDialog = true;
546       }, 200);
547
548       console.log(content.tempOrder.TempOrderContainer);
423585 549     },
C 550     //调整拼车
7f5659 551     isCarPool(val, content) {
C 552       if (val) {
423585 553         this.getSingeTemp({
C 554           IsCarPooling: 1,
555           TempOrderID: content.tempOrder.TempOrderID,
556         });
7f5659 557         this.$emit("pinche", content.tempOrder.TempOrderID);
423585 558       } else {
C 559         this.getSingeTemp({
560           IsCarPooling: 0,
561           TempOrderID: content.tempOrder.TempOrderID,
562         });
7f5659 563         this.$emit("pinche", "");
423585 564       }
C 565     },
566     //调整时间
567     arrvieTime(val, content) {
568       this.getSingeTemp({
569         ArriveTime: val,
570         TempOrderID: content.tempOrder.TempOrderID,
571       });
572     },
573     //调整重量
574     weightChange(val, content) {
575       this.getSingeTemp({
576         Weight: val,
577         TempOrderID: content.tempOrder.TempOrderID,
578       });
579     },
580     //调整加急
581     isUrgent(val, content) {
582       if (val) {
583         this.getSingeTemp({
584           IsUrgent: 1,
585           TempOrderID: content.tempOrder.TempOrderID,
586         });
587       } else {
588         this.getSingeTemp({
589           IsUrgent: 0,
590           TempOrderID: content.tempOrder.TempOrderID,
591         });
592       }
593     },
594     //调整自备箱
595     selfBox(val, content) {
596       if (val) {
597         this.getSingeTemp({
598           SelfBox: 1,
599           TempOrderID: content.tempOrder.TempOrderID,
600         });
e41faf 601         // this.selfOwer = val;
423585 602       } else {
C 603         this.getSingeTemp({
604           SelfBox: 0,
605           TempOrderID: content.tempOrder.TempOrderID,
606         });
e41faf 607         //取消自备箱的时候清除箱号
C 608         for(var i=0;i<content.tempOrder.TempOrderContainer.length;i++){
609
610         }
611           // this.selfOwer = val;
423585 612       }
C 613     },
614     //调整数量
7f5659 615     handleChange(val, content) {
C 616       this.getSingeTemp({
423585 617         ContainerNub: val,
C 618         TempOrderID: content.tempOrder.TempOrderID,
619       });
7f5659 620       this.perfectBoxData = content.tempOrder;
423585 621     },
C 622     // 删除
7f5659 623     delOrder(id, index) {
423585 624       this.$confirm("确认删除该条数据吗?", "提示", {
C 625         confirmButtonText: "确定",
626         cancelButtonText: "取消",
627         type: "warning",
628       })
629         .then(() => {
2621fe 630           if(this.tempOrderForms.length==1){
C 631             this.$message.error("请保持至少一条数据");
632             return;
633           }
423585 634           this.$axios
C 635             .post(
636               "/api/Order/DeleteSingeTmpOrder",
637               this.$qs.stringify({ tmpOrderId: id })
638             )
639             .then((res) => {
7f5659 640               this.tempOrderForms.splice(index, 1);
423585 641               console.log(res);
C 642             })
643             .catch((err) => {
e41faf 644               this.$message.error("出错了");
423585 645               console.log(err);
C 646             });
647         })
648         .catch(() => {});
649     },
650     //询价
e41faf 651     enquiry(id, item,index) {
2621fe 652      
423585 653       item.orderData.TempOrderID = id;
2621fe 654               this.tempOrderForms[index].tempOrder.IsInquiryAllowed = 2;
C 655             this.getEnquiry(item.orderData);
656       // //判断普通箱子的询价和特殊箱子的询价所要传的内容
657       // if(item.tempOrder.Container.CntrType==2){
658       //     var isNull = false
659       //     for(let key in item.orderData){
660       //         if(item.orderData[key]==""){
661       //           isNull = true;
662       //         }
663       //     }
664       //     if(isNull){
665       //         this.$message.error("请填写信息");
666       //     }else{
667       //        this.tempOrderForms[index].tempOrder.IsInquiryAllowed = 2;
668       //       this.getEnquiry(item.orderData);
669       //     } 
670       // }else{
671       //    this.tempOrderForms[index].tempOrder.IsInquiryAllowed = 2;
672       //      this.getEnquiry(item.orderData);
673       // }
674      
423585 675     },
C 676     //定时器轮询价格
677     async getPolling(model) {
678       await this.$axios
679         .post("/api/Order/GetPollingInquiry", this.$qs.stringify(model))
680         .then((res) => {
e41faf 681           // this.pollData = res.data;
C 682           // 是否返回询价的接口
2621fe 683           if(res.data.length>0 && this.pollArr.length>0){
C 684             for(var i=0;i<res.data.length;i++){
685               for(var j=0;j<this.tempOrderForms.length;j++){
686                     if(res.data[i].TempOrderID==this.tempOrderForms[j].tempOrder.TempOrderID){
e41faf 687                   this.tempOrderForms[j].tempOrder.BaseMoney = res.data[i].OdiqMoney;
C 688                   this.tempOrderForms[j].tempOrder.IsInquiryAllowed = 0;
689                    this.pollArr.splice(i, 1);
690                 }
2621fe 691               }
e41faf 692             }
C 693           }
423585 694         })
C 695         .catch((err) => {
696           console.log(err);
697         });
698     },
7f5659 699     //获取临时订单
C 700     async getTempOrder() {
701       await this.$axios
702         .post("/api/Order/GetTempOrderAll")
703         .then((res) => {
704           // console.log(res);
705           this.tempOrderForms = res.data.tempOrderForms;
706         })
707         .catch((err) => {
708           console.log(err);
709         });
423585 710     },
C 711     //单独调整临时表单单条数据
712     async getSingeTemp(model) {
713       await this.$axios
714         .post("/api/Order/UpdateSingeTempOrder", this.$qs.stringify(model))
715         .then((res) => {
716           console.log(res);
717         })
718         .catch((err) => {
719           console.log(err);
720         });
721     },
722     //询价接口
723     async getEnquiry(model) {
724       await this.$axios
725         .post("/api/Order/SaveOrderInquiry", this.$qs.stringify(model))
726         .then((res) => {
727           this.pollArr.push(res.data.OdiqId);
728         })
729         .catch((err) => {
730           console.log(err);
731         });
732     },
733     //调整箱子信息
734     acceptInfo(e) {
e41faf 735       console.log("修改箱子信息内容",e)
C 736       console.log("调整箱子",this.tempOrderForms);
423585 737       this.infoDialog = false;
C 738       var arr = [];
e41faf 739       //根据more里面的长度,来决定有几个箱子
7f5659 740       if (e.moreBox.length > 1) {
C 741         for (var i = 0; i < e.moreBox.length; i++) {
742           arr.push({
743             BolCode: e.BolCode,
744             TradeCode: e.TradeCode,
745             ShipAgent: e.ShipAgent,
746             ContainerOwner: e.ContainerOwner,
747             ContainerNo: e.moreBox[i].ContainerNo,
748             BoxSeal: e.moreBox[i].BoxSeal,
bc06fc 749             Weight:e.moreBox[i].Weight
7f5659 750           });
423585 751         }
7f5659 752       } else {
C 753         arr.push({
754           BolCode: e.BolCode,
755           TradeCode: e.TradeCode,
756           ShipAgent: e.ShipAgent,
757           ContainerOwner: e.ContainerOwner,
758           ContainerNo: e.moreBox[0].ContainerNo,
759           BoxSeal: e.moreBox[0].BoxSeal,
bc06fc 760            Weight: e.moreBox[0].Weight
7f5659 761         });
423585 762       }
7f5659 763       this.getSingeTemp({ TempOrderID: e.id, TempOrderContainer: arr });
e41faf 764       // 给提单号赋值进行展示
C 765       var  a = e.index
766       if(  this.tempOrderForms[a].tempOrder.TempOrderContainer.length==0){
767           this.tempOrderForms[a].tempOrder.TempOrderContainer=(arr);
768       }else{
769           this.tempOrderForms[a].tempOrder.TempOrderContainer[0].BolCode=
770         e.BolCode;
771       }
772     
7f5659 773       //禁用数量
e41faf 774       this.tempOrderForms[a].isNumDisable = true;
C 775       // setTimeout(() => {
776       //   this.getTempOrder();
777       // }, 200);
778       // console.log(this.tempOrderForms);
423585 779     },
C 780
781     handleClose(done) {
782       this.$confirm("确认关闭?")
783         .then((_) => {
784           done();
785         })
786         .catch((_) => {});
787     },
788   },
789 };
790 </script>
791 <style lang="less" scoped>
792 .box-diff {
793   padding: 10px 0px;
794 }
795 .fronthome-main {
796   display: block;
797   // border: 1px solid #c3c3c3;
798   // padding: 10px 20px;
799   border-radius: 3px;
800   // box-shadow: 2px 2px 8px #c3c3c3;
801   box-sizing: border-box;
802 }
803 .fronthome-top {
804   margin-top: 20px;
805 }
806 .show-data {
807   display: flex;
808   justify-content: space-between;
809   width: 1324px;
810   align-items: center;
811 }
812 .box-diff {
813   width: 1324px;
814 }
815 .show-main {
816   // padding-bottom: 10px;
817   // border-bottom: 1px solid #e7e7e7;
818 }
819 .show-data .one,
820 .show-data .box {
821   border: 1px solid #f3f3f3;
822   height: 40px;
823   line-height: 40px;
824   padding: 0 5px;
825   border-radius: 3px;
826   color: #b2b2b2;
827   font-size: 14px;
7f5659 828   width: 145px;
C 829   overflow: hidden;
830   display: flex;
831   justify-content: space-between;
832   align-items: center;
423585 833 }
C 834 .show-data .one .gp {
835   font-weight: bold;
836   font-size: 16px;
837   margin: 0 3px;
838 }
839 .show-data .money {
840   display: flex;
841   align-items: center;
842   width: 200px;
843   justify-content: space-between;
844 }
845 .show-data .weight {
846   /deep/.el-input {
847     width: 65px;
848   }
849 }
850 .show-data .type {
851   display: flex;
852   flex-direction: column;
853 }
854 .show-data .number {
855   /deep/.el-input-number {
856     width: 100px;
857   }
858   /deep/.el-input-number .el-input__inner {
859     padding: 0 25px;
860   }
861   /deep/.el-input-number__increase {
862     width: 25px;
863   }
864   /deep/.el-input-number__decrease {
865     width: 25px;
866   }
867 }
868 .show-data .money div:first-child {
869   color: #d9001b;
870   font-size: 14px;
871 }
872 .show-data .money div:last-child button {
873   padding: 7px 12px;
874   color: #fff;
875   background-color: #f59a23;
876   font-weight: bold;
877   border: none;
878   outline: none;
879   cursor: pointer;
880   border-radius: 6px;
881 }
882
883 // 对应的不用的规格
884 .input-info,
885 .two,
886 .bulk,
887 .input-remark {
888   display: flex;
889   align-items: center;
890 }
891
892 .two {
893   width: 1124px;
894   justify-content: space-between;
895   box-sizing: border-box;
896   font-size: 14px;
897   color: #7f7f7f;
898 }
899 .four {
900   width: 1176px;
901 }
902 .two {
903   /deep/.el-input__inner {
904     line-height: 30px;
905     height: 30px;
906   }
907 }
908 .input-info {
909   /deep/.el-input {
910     width: 100px;
911   }
912 }
913 .input-remark {
914   /deep/.el-input {
915     width: 200px;
916   }
917 }
918 .bulk {
919   /deep/.el-input {
920     width: 60px;
921   }
922 }
923 .bulk div {
924   margin-right: 6px;
925 }
926 .two .time {
927   color: #f59a23;
928 }
929 .time-two {
930   color: #67c23a;
931 }
932 .two .money {
933   font-size: 16px;
934   color: #d9001b;
935   font-weight: bold;
936 }
937 </style>