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