feat: 经销标准合同-编辑-使用地区级联选择组件 并处理提交数据（区id）

@@ -63,9 +63,11 @@
                         <uni-easyinput v-model="form.transportMode" placeholder="请输入运输方式" :inputBorder="false" />
                         <uni-easyinput v-model="form.transportMode" placeholder="请输入运输方式" :inputBorder="false" />
                     </template>
                     </template>
                 </uni-list-item>
                 </uni-list-item>
-                <uni-list-item title="目的地">
-                    <template v-slot:footer>
-                        <uni-easyinput v-model="form.destinationId" placeholder="请输入目的地" :inputBorder="false" />
+                <uni-list-item class="select-item" :class="(Array.isArray(form.destinationId) && form.destinationId.length) ? 'is-filled' : 'is-empty'" clickable
+                    @click="openCitySelector" :rightText="form.destinationLabel || '请选择'" showArrow>
+                    <template v-slot:body>
+                        <view class="item-title"><text>目的地</text></view>
+                        <CitySelector ref="citySelectorRef" v-model="form.destinationId" @change="onCityChange" />
                     </template>
                     </template>
                 </uni-list-item>
                 </uni-list-item>
 
 
@@ -193,13 +195,14 @@
 import SingleSelectSheet from '@/components/single-select/index.vue'
 import SingleSelectSheet from '@/components/single-select/index.vue'
 import RelateSelectSheet from '@/components/relate-select/index.vue'
 import RelateSelectSheet from '@/components/relate-select/index.vue'
 import ProductRel from './productRel.vue'
 import ProductRel from './productRel.vue'
+import CitySelector from '@/components/city-selector/index.vue'
 import { getContractApi } from '@/api/contract'
 import { getContractApi } from '@/api/contract'
 import { getDicByCodes } from '@/utils/dic'
 import { getDicByCodes } from '@/utils/dic'
 import { formatCurrencyToChinese } from '@/utils/common'
 import { formatCurrencyToChinese } from '@/utils/common'
 
 
 export default {
 export default {
     name: 'ModifyContractRetail',
     name: 'ModifyContractRetail',
-    components: { SingleSelectSheet, RelateSelectSheet, ProductRel },
+    components: { SingleSelectSheet, RelateSelectSheet, ProductRel, CitySelector },
     data() {
     data() {
         return {
         return {
             id: '',
             id: '',
@@ -227,7 +230,8 @@ export default {
                 packagingRequirements: '',
                 packagingRequirements: '',
                 paymentTerms: '',
                 paymentTerms: '',
                 transportMode: '',
                 transportMode: '',
-                destinationId: '',
+                destinationId: [],
+                destinationLabel: '',
                 specialInstructions: '',
                 specialInstructions: '',
                 remarks: '',
                 remarks: '',
                 pieceWeightHead: '',
                 pieceWeightHead: '',
@@ -257,6 +261,11 @@ export default {
         this.loadSuppliers()
         this.loadSuppliers()
         this.loadExtraOptions()
         this.loadExtraOptions()
         this.loadDetail()
         this.loadDetail()
+        this.$nextTick(() => {
+            if (Array.isArray(this.form.destinationId) && this.form.destinationId.length) {
+                this.initDestinationLabel()
+            }
+        })
     },
     },
     methods: {
     methods: {
         async loadDetail() {
         async loadDetail() {
@@ -292,7 +301,8 @@ export default {
                     packagingRequirements: m.packagingRequirements || '',
                     packagingRequirements: m.packagingRequirements || '',
                     paymentTerms: m.paymentTerms || '',
                     paymentTerms: m.paymentTerms || '',
                     transportMode: m.transportMode || '',
                     transportMode: m.transportMode || '',
-                    destinationId: m.destinationId || '',
+                    destinationId: (m.provinceId && m.cityId && m.districtId) ? [m.provinceId, m.cityId, m.districtId] : (Array.isArray(m.destinationId) ? m.destinationId : []),
+                    destinationLabel: (m.provinceName && m.cityName && m.districtName) ? `${m.provinceName} / ${m.cityName} / ${m.districtName}` : (m.destinationLabel || ''),
                     specialInstructions: m.specialInstructions || '',
                     specialInstructions: m.specialInstructions || '',
                     remarks: m.remarks || '',
                     remarks: m.remarks || '',
                     pieceWeightHead: m.pieceWeightHead || '',
                     pieceWeightHead: m.pieceWeightHead || '',
@@ -307,6 +317,20 @@ export default {
                 this.onProductsChange(lines)
                 this.onProductsChange(lines)
             } catch (e) { }
             } catch (e) { }
         },
         },
+        async initDestinationLabel() {
+            const comp = this.$refs.citySelectorRef
+            if (comp && typeof comp.getLabel === 'function') {
+                const label = await comp.getLabel()
+                this.form.destinationLabel = label || ''
+            }
+        },
+        openCitySelector() {
+            this.$refs.citySelectorRef && this.$refs.citySelectorRef.open()
+        },
+        onCityChange(payload) {
+            const label = payload && payload.label != null ? payload.label : ''
+            this.form.destinationLabel = label
+        },
         onProductsChange(products) {
         onProductsChange(products) {
             const list = Array.isArray(products) ? products : []
             const list = Array.isArray(products) ? products : []
             const sumQ = list.reduce((acc, it) => acc + (parseFloat(it.quantity) || 0), 0)
             const sumQ = list.reduce((acc, it) => acc + (parseFloat(it.quantity) || 0), 0)
@@ -388,6 +412,15 @@ export default {
             }
             }
         },
         },
         async onSubmit() {
         async onSubmit() {
+
+            const { destinationLabel, destinationId, ...formForSubmit } = this.form;
+            // 区id
+            const destination = destinationId && destinationId.length > 0 ? destinationId[destinationId.length - 1] : '';
+            const payload = {
+                ...formForSubmit,
+                destination,
+            }
+            console.log('onSubmit__payload', payload)
             uni.showToast({ title: '暂未接入保存接口', icon: 'none' })
             uni.showToast({ title: '暂未接入保存接口', icon: 'none' })
         }
         }
     }
     }