新增加一单

pages/orderDetailNew/index.vue

@@ -29,6 +29,22 @@
         <!-- 通用模态窗 -->
         <custom-modal :visible="modalVisible" :title="modalConfig.title" :value="modalConfig.value"
             :placeholder="modalConfig.placeholder" @cancel="handleModalCancel" @confirm="handleModalConfirm" />
+
+        <!-- 加一单选择模态窗 -->
+        <u-modal :show="addOneModelShow" :title="'新增收件信息'" showCancelButton @cancel="addOneModelShow = false"
+            @confirm="handleAddOneConfirm">
+            <u--form>
+                <u-form-item :model="checkModel" label="请选择品牌" prop="brand" borderBottom
+                    @click="showBrandSelector = true;">
+                    <u--input v-model="checkModel.brand" disabled disabledColor="#ffffff" placeholder="请选择品牌"
+                        @click="showBrandSelector = true;" border="none"></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+            </u--form>
+        </u-modal>
+        <!-- 品牌选择器 -->
+        <u-picker :show="showBrandSelector" @confirm="handleBrandConfirm" :columns="brandColumns"
+            @cancel='showBrandSelector = false' keyName="dictLabel"></u-picker>
     </view>
 </template>
 
@@ -65,7 +81,19 @@ export default {
             //接单单个订单的receiptList
             receiptList: [],
             //当前选中的收单订单
-            currentReceipt: {}
+            currentReceipt: {},
+            // 新加一件的信息
+            addOneModelShow: false,
+            showBrandSelector: false,
+            checkModel: {
+                brand: '',
+            },
+            brandColumns: [
+                ['中国', '美国', '日本']
+            ],
+            //当前选择的品牌
+            currentAddBrand: {}
+
         }
     },
     onLoad(option) {
@@ -116,21 +144,25 @@ export default {
             this.modalVisible = false
             this.currentEditField = ''
         },
-        handleAddClick() {
+        async handleAddClick() {
 
             console.log('加一单')
             //判断如果当前有收单的id是‘’的话，说明是新增的收单订单
-            if (this.receiptList.some(item => item.id === '')) {
-                uni.$u.toast('请先保存新增的收单订单')
-                return
-            }
-
-            this.receiptList.push({
-                "id": "",//订单id
-                "sendFormId": this.orderId,
-                "clueId": this.clueId,
-                "brand": "新加一单",
-            });
+            //打开模态窗
+            //选择品牌，型号。价格
+            this.addOneModelShow = true
+
+            this.$getDicts('crm_form_brand').then(res => {
+                console.log('品牌', res)
+                this.brandColumns = [res]
+            })
+        },
+        handleBrandConfirm(data) {
+            console.log('选择的品牌', data.value[0])
+            this.currentAddBrand = data.value[0]
+            this.checkModel.brand = this.currentAddBrand.dictLabel
+            //关闭品牌选择器
+            this.showBrandSelector = false
         },
 
         //查询订单详情
@@ -155,6 +187,17 @@ export default {
         clickReceipt(item) {
             // console.log('点击了', item);
             this.currentReceipt = item;
+        },
+        async handleAddOneConfirm() {
+            console.log('确认添加', this.currentAddBrand)
+
+            //调新加一单的接口
+            await uni.$u.api.addReceiptForm({
+                brand: this.currentAddBrand.dictValue,
+                sendFormId: this.orderId,
+
+            })
+
         }
     }
 }