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