在接单表单增加字段

pages/orderDetailNew/components/pageFour.vue

@@ -33,14 +33,60 @@
                 </u-row>
 
                 <!-- 单独一行的收单物品 -->
-                <u-row class="info-row">
-                    <u-col span="12">
+                <u-row class="info-row" justify="space-between">
+                    <u-col span="5.8">
                         <u-form-item label="收单物品" prop="item">
                             <u--input v-model="warehouseInfo.item" placeholder="请输入收单物品" class="info-input" />
                         </u-form-item>
                     </u-col>
+                    <!-- 收单类型 -->
+                    <u-col span="5.8">
+                        <u-form-item label="收单类型" prop="customerServiceNameLabel" @tap="selectCustomerServiceName">
+                            <view class="click-wrapper">
+                                <u--input v-model="warehouseInfo.customerServiceNameLabel" placeholder="点击选择收单类型"
+                                    class="info-input" disabled />
+                            </view>
+                        </u-form-item>
+                        <!-- 收单类型选择 -->
+                        <u-picker :show="showCustomerServicePicker" :columns="customerServiceColumns" confirm
+                            keyName="label" @confirm="handleConfirmCustomerService"
+                            @cancel="showCustomerServicePicker = false"></u-picker>
+                    </u-col>
+                </u-row>
+
+                <u-row class="info-row" justify="space-between">
+                    <!-- 收单类别 -->
+                    <u-col span="5.8">
+                        <u-form-item label="类别" prop="category" @tap="selectCategory">
+                            <view class="click-wrapper">
+                                <u--input v-model="warehouseInfo.categoryLabel" placeholder="点击选择类别" class="info-input"
+                                    disabled />
+                            </view>
+                        </u-form-item>
+                        <!-- 收单类型选择 -->
+                        <u-picker :show="showCategoryPicker" :columns="categoryColumns" confirm keyName="label"
+                            @confirm="handleConfirmCategory" @cancel="showCategoryPicker = false"></u-picker>
+                    </u-col>
+
+
+                    <!-- 是否需要查码 -->
+                    <u-col span="5.8">
+                        <u-form-item label="是否需要查码" prop="needCheckCode" @tap="selectNeedCheckCode">
+                            <view class="click-wrapper">
+                                <u--input v-model="warehouseInfo.needCheckCodeLabel" placeholder="点击选择是否需要查码"
+                                    class="info-input" disabled />
+                            </view>
+                        </u-form-item>
+                        <!-- 是否需要查码选择 -->
+                        <u-picker :show="showNeedCheckCodePicker" :columns="needCheckCodeColumns" confirm
+                            keyName="label" @confirm="handleConfirmNeedCheckCode"
+                            @cancel="showNeedCheckCodePicker = false"></u-picker>
+                    </u-col>
+
                 </u-row>
 
+
+
                 <!-- 查码费和表款同一行 -->
                 <u-row class="info-row" justify="space-between">
                     <u-col span="5.8">
@@ -52,7 +98,7 @@
                     <u-col span="5.8">
                         <u-form-item label="查码费">
                             <u--input v-model="warehouseInfo.checkCodeFee" placeholder="请输入查码费" class="info-input"
-                                type="number" />
+                                type="number" :disabled="warehouseInfo.needCheckCode == '2'" />
                         </u-form-item>
                     </u-col>
                 </u-row>
@@ -89,13 +135,19 @@
                 </u-row>
                 <!-- 业绩 -->
                 <u-row class="info-row" justify="space-between">
-                    <u-col span="5.8">
+                    <u-col span="3.8">
+                        <u-form-item label="成本合计">
+                            <u--input :disabled="true" :value="computedTotalCost" placeholder="成本合计自动计算"
+                                class="info-input" type="number" />
+                        </u-form-item>
+                    </u-col>
+                    <u-col span="3.8">
                         <u-form-item label="业绩">
                             <u--input :disabled="true" :value="computedPerformance" placeholder="业绩自动计算"
                                 class="info-input" type="number" />
                         </u-form-item>
                     </u-col>
-                    <u-col span="5.8">
+                    <u-col span="3.8">
                         <u-form-item label="毛业绩">
                             <u--input :disabled="true" :value="computedGrossPerformance" placeholder="毛业绩自动计算"
                                 class="info-input" type="number" />
@@ -230,6 +282,9 @@
 
         <u-toast ref="uToast"></u-toast>
 
+
+
+
     </view>
 </template>
 
@@ -306,6 +361,12 @@ export default {
                         performance: data.performance || '',//业绩
                         remarks: data.receiptRemark?.split(';')[0] || '',//收单备注  截取备注第一部分
                         splitRatio: data.splitRatio || '',//分单比例
+                        customerServiceName: data.customerServiceName || '',//收单类型，1收单类，2维修类，3销售类
+                        customerServiceNameLabel: this.customerServiceColumns[0].filter(item => item.value == data.customerServiceName)[0].label || '',//收单类型，1收单类，2维修类，3销售类
+                        category: data.category || '',//类别
+                        categoryLabel: this.categoryColumns[0].filter(item => item.value == data.category)[0].label || '',//类别
+                        needCheckCode: data.needCheckCode || '',//是否需要查码
+                        needCheckCodeLabel: this.needCheckCodeColumns[0].filter(item => item.value == data.needCheckCode)[0].label || '',//是否需要查码
                     }
                     this.getShareList()
                 }
@@ -313,6 +374,16 @@ export default {
         }
     },
     computed: {
+
+        computedTotalCost() {
+            //成本  合计 = 运费 + 好处费+ 查码费 + 表款(支付总额)+ 维修费。
+            const freight = this.warehouseInfo.freight || 0
+            const benefitFee = this.warehouseInfo.benefitFee || 0
+            const checkCodeFee = this.warehouseInfo.checkCodeFee || 0
+            const watchPrice = this.warehouseInfo.watchPrice || 0
+            const repairAmount = this.warehouseInfo.repairAmount || 0
+            return Number(freight) + Number(benefitFee) + Number(checkCodeFee) + Number(watchPrice) + Number(repairAmount)
+        },
         computedPerformance() {
             //业绩   //sellingPrice - (totalCost// 成本合计 =   运费1 + 好处费1 + 查码费1 + 表款(支付总额)1+ 维修费1。)
             const sellingPrice = this.currentReceipt.sellingPrice || 0
@@ -347,6 +418,9 @@ export default {
                 performance: '',//业绩
                 splitRatio: '',//分单比例
                 remarks: '',//收单备注
+                customerServiceNameLabel: '',//收单类型，1收单类，2维修类，3销售类
+                customerServiceName: '',//收单类型，1收单类，2维修类，3销售类
+
             },
             // 分成信息相关的数据
             profitSharingList: [
@@ -363,6 +437,24 @@ export default {
             columnsOrgList: [],
             //传入的分成人名单
             columnsPersonList: [],
+            showCustomerServicePicker: false,//显示选择收单类型的弹窗
+            customerServiceColumns: [[
+                { label: '收单类', value: '1' },
+                { label: '维修类', value: '2' },
+                { label: '销售类', value: '3' }
+            ]],
+            showCategoryPicker: false,//显示选择类别弹窗
+            categoryColumns: [[
+                { label: '腕表', value: '1' },
+                { label: '包包', value: '2' },
+                { label: '首饰', value: '4' },
+                { label: '其他', value: '3' }
+            ]],
+            showNeedCheckCodePicker: false,//显示选择是否需要查码弹窗
+            needCheckCodeColumns: [[
+                { label: '是', value: '1' },
+                { label: '否', value: '2' }
+            ]],
 
         };
     },
@@ -487,13 +579,20 @@ export default {
                             performance: this.computedPerformance || '',//毛业绩
                             splitRatio: this.warehouseInfo.splitRatio || '',//分单比例
                             receiptRemark: this.warehouseInfo.remarks + ';' + this.warehouseInfo.uploadedImage || '',//收单备注
+                            customerServiceName: this.warehouseInfo.customerServiceName || '',//收单类型，1收单类，2维修类，3销售类
+                            category: this.warehouseInfo.category || '',//类别
+                            needCheckCode: this.warehouseInfo.needCheckCode || '',//是否需要查码
+                            totalCost: this.computedTotalCost || '',//成本合计
                         });
 
+                        //废弃
                         //上传物流表单数据
                         // this.$emit('confirmInterStore', {
                         //     warehouseInfo: this.warehouseInfo,
                         // })
                         //保存入库信息
+                        //废弃
+
 
 
                         //上传分成数据
@@ -706,8 +805,56 @@ export default {
         handleCancelPerson() {
             this.columnsPersonList = []
             this.showPersonPicker = false
-        }
+        },
+        //点击选择收单类型
+        selectCustomerServiceName() {
+            console.log('点击了选择收单类型')
 
+            //打开选择收单类型的弹窗
+            this.showCustomerServicePicker = true
+        },
+        handleConfirmCustomerService({ value }) {
+            //选择了收单类型
+            console.log(value[0].label, '选择的收单类型')
+            console.log(value[0].value, '选择的收单类型')
+            //把值赋值给当前行
+            this.warehouseInfo.customerServiceNameLabel = value[0].label
+            this.warehouseInfo.customerServiceName = value[0].value
+            //关闭弹窗
+            this.showCustomerServicePicker = false
+        },
+        //点击选择类别
+        selectCategory() {
+            console.log('点击了选择类别')
+            //打开选择类别弹窗
+            this.showCategoryPicker = true
+        },
+        handleConfirmCategory({ value }) {
+            //选择了类别
+            console.log(value[0].label, '选择的类别')
+            console.log(value[0].value, '选择的类别')
+            //把值赋值给当前行
+            this.warehouseInfo.categoryLabel = value[0].label
+            this.warehouseInfo.category = value[0].value
+            //关闭弹窗
+            this.showCategoryPicker = false
+        },
+        //点击选择是否需要查码
+        selectNeedCheckCode() {
+            console.log('点击了选择是否需要查码')
+            //打开选择是否需要查码弹窗
+            this.showNeedCheckCodePicker = true
+        },
+        handleConfirmNeedCheckCode({ value }) {
+            //选择了是否需要查码
+            console.log(value[0].label, '选择的是否需要查码')
+            console.log(value[0].value, '选择的是否需要查码')
+            //把值赋值给当前行
+            this.warehouseInfo.needCheckCodeLabel = value[0].label
+            this.warehouseInfo.needCheckCode = value[0].value
+            //关闭弹窗
+            this.showNeedCheckCodePicker = false
+        },
     }
 };
 </script>