Procházet zdrojové kódy

refactor: update event handling and set default values in PageFour component

Yannay před 2 měsíci
rodič
revize
4c2af46859
1 změnil soubory, kde provedl 22 přidání a 14 odebrání
  1. 22 14
      pages/orderDetailRefactored/components/PageFour.vue

+ 22 - 14
pages/orderDetailRefactored/components/PageFour.vue

@@ -64,10 +64,9 @@
64
           <u-col span="5.8">
64
           <u-col span="5.8">
65
             <u-form-item 
65
             <u-form-item 
66
               label="收单类型" 
66
               label="收单类型" 
67
-              prop="customerServiceNameLabel" 
68
-              @tap="selectCustomerServiceName"
67
+              prop="customerServiceNameLabel"
69
             >
68
             >
70
-              <view class="click-wrapper">
69
+              <view class="click-wrapper" @tap="selectCustomerServiceName">
71
                 <u--input 
70
                 <u--input 
72
                   v-model="warehouseInfo.customerServiceNameLabel" 
71
                   v-model="warehouseInfo.customerServiceNameLabel" 
73
                   placeholder="点击选择收单类型"
72
                   placeholder="点击选择收单类型"
@@ -90,8 +89,8 @@
90
         <!-- 类别、是否需要查码 -->
89
         <!-- 类别、是否需要查码 -->
91
         <u-row class="info-row" justify="space-between">
90
         <u-row class="info-row" justify="space-between">
92
           <u-col span="5.8">
91
           <u-col span="5.8">
93
-            <u-form-item label="类别" prop="category" @tap="selectCategory">
94
-              <view class="click-wrapper">
92
+            <u-form-item label="类别" prop="category">
93
+              <view class="click-wrapper" @tap="selectCategory">
95
                 <u--input 
94
                 <u--input 
96
                   v-model="warehouseInfo.categoryLabel" 
95
                   v-model="warehouseInfo.categoryLabel" 
97
                   placeholder="点击选择类别" 
96
                   placeholder="点击选择类别" 
@@ -112,10 +111,9 @@
112
           <u-col span="5.8">
111
           <u-col span="5.8">
113
             <u-form-item 
112
             <u-form-item 
114
               label="是否需要查码" 
113
               label="是否需要查码" 
115
-              prop="needCheckCode" 
116
-              @tap="selectNeedCheckCode"
114
+              prop="needCheckCode"
117
             >
115
             >
118
-              <view class="click-wrapper">
116
+              <view class="click-wrapper" @tap="selectNeedCheckCode">
119
                 <u--input 
117
                 <u--input 
120
                   v-model="warehouseInfo.needCheckCodeLabel" 
118
                   v-model="warehouseInfo.needCheckCodeLabel" 
121
                   placeholder="点击选择是否需要查码"
119
                   placeholder="点击选择是否需要查码"
@@ -512,6 +510,11 @@ export default {
512
       const receiptRemark = data.receiptRemark || ''
510
       const receiptRemark = data.receiptRemark || ''
513
       const remarkParts = receiptRemark.split(';')
511
       const remarkParts = receiptRemark.split(';')
514
       
512
       
513
+      // 设置默认值:收单类型默认为"收单类",类别默认为"腕表",是否需要查码默认为"是"
514
+      const defaultCustomerServiceName = data.customerServiceName || '1'
515
+      const defaultCategory = data.category || '1'
516
+      const defaultNeedCheckCode = data.needCheckCode || '1'
517
+      
515
       this.warehouseInfo = {
518
       this.warehouseInfo = {
516
         codeStorage: data.code || '',
519
         codeStorage: data.code || '',
517
         expressOrderNo: data.expressOrderNo || '',
520
         expressOrderNo: data.expressOrderNo || '',
@@ -526,20 +529,20 @@ export default {
526
         performance: data.performance || '',
529
         performance: data.performance || '',
527
         splitRatio: data.splitRatio || '',
530
         splitRatio: data.splitRatio || '',
528
         remarks: remarkParts[0] || '',
531
         remarks: remarkParts[0] || '',
529
-        customerServiceName: data.customerServiceName || '',
532
+        customerServiceName: defaultCustomerServiceName,
530
         customerServiceNameLabel: this.getLabelByValue(
533
         customerServiceNameLabel: this.getLabelByValue(
531
           this.customerServiceColumns[0], 
534
           this.customerServiceColumns[0], 
532
-          data.customerServiceName
535
+          defaultCustomerServiceName
533
         ),
536
         ),
534
-        category: data.category || '',
537
+        category: defaultCategory,
535
         categoryLabel: this.getLabelByValue(
538
         categoryLabel: this.getLabelByValue(
536
           this.categoryColumns[0], 
539
           this.categoryColumns[0], 
537
-          data.category
540
+          defaultCategory
538
         ),
541
         ),
539
-        needCheckCode: data.needCheckCode || '',
542
+        needCheckCode: defaultNeedCheckCode,
540
         needCheckCodeLabel: this.getLabelByValue(
543
         needCheckCodeLabel: this.getLabelByValue(
541
           this.needCheckCodeColumns[0], 
544
           this.needCheckCodeColumns[0], 
542
-          data.needCheckCode
545
+          defaultNeedCheckCode
543
         )
546
         )
544
       }
547
       }
545
     },
548
     },
@@ -951,6 +954,11 @@ export default {
951
   box-sizing: border-box;
954
   box-sizing: border-box;
952
 }
955
 }
953
 
956
 
957
+.click-wrapper {
958
+  width: 100%;
959
+  cursor: pointer;
960
+}
961
+
954
 .image-uploader {
962
 .image-uploader {
955
   width: 100%;
963
   width: 100%;
956
   height: 65rpx;
964
   height: 65rpx;