#

whycq

2022-12-14 0e9b117ace08c7629d44eb4b44571926e3b0b194

#

 pages/business/cstmr/addCsmtr.vue

@@ -9,25 +9,27 @@
                    <uni-easyinput v-model="baseFormData.rela" placeholder="请输入客户关系" />
                </uni-forms-item>
                <uni-forms-item label="客户类别" required name="cstmrType">
                    <uni-easyinput v-model="baseFormData.cstmrType" placeholder="请输入客户类别" />
                    <uni-combox :candidates="cstmrTypes" placeholder="请选择客户类别" v-model="cstmrType" @input="autoLoad(cstmrType)"></uni-combox>
                    <!-- <uni-easyinput v-model="baseFormData.cstmrType" placeholder="请输入客户类别" /> -->
                </uni-forms-item>
                <uni-forms-item label="区分" required name="type">
                    <uni-data-checkbox v-model="baseFormData.type" :localdata="type$" />
                </uni-forms-item>
                <uni-forms-item label="省市区" required name="citysData">
                    <uni-data-picker placeholder="请选择省市区" popup-title="请选择所在地区" :localdata="citysData" v-model="userArea">
                    <uni-data-picker placeholder="请选择省市区" popup-title="请选择所在地区" :localdata="citysData" v-model="baseFormData.userArea">
                    </uni-data-picker>
                </uni-forms-item>
                <uni-forms-item label="电话" required>
                <uni-forms-item label="电话" required name="tel">
                    <uni-easyinput v-model="baseFormData.tel" placeholder="请输入客户电话" />
                </uni-forms-item>
                <uni-forms-item label="详细地址" required>
                <uni-forms-item label="详细地址" required name="addr">
                    <uni-easyinput v-model="baseFormData.addr" placeholder="请输入详细地址" />
                </uni-forms-item>
                <uni-forms-item label="负责人" required>
                    <uni-easyinput v-model="baseFormData.director" placeholder="请输入负责人" />
                <uni-forms-item label="负责人" required name="director">
                    <uni-combox :candidates="directors" placeholder="请选择客户类别" v-model="director"></uni-combox>
                    <!-- <uni-easyinput v-model="baseFormData.director" placeholder="请输入负责人" /> -->
                </uni-forms-item>
                <uni-forms-item label="客户联系人" required>
                <uni-forms-item label="客户联系人" required name="contacts">
                    <uni-easyinput v-model="baseFormData.contacts" placeholder="请输入客户联系人" />
                </uni-forms-item>
                <uni-forms-item label="备注">
@@ -45,6 +47,10 @@
        data() {
            return {
                baseUrl: '',
                cstmrTypes: [],
                cstmrType: '',
                directors: [],
                director: '',
                baseFormData: {
                    citysData: [],
                },
@@ -70,17 +76,41 @@
                    citysData: {
                        rules: [{
                            required: true,
                            errorMessage: '请选择客户类别',
                            errorMessage: '请选择省市区',
                        }]
                    },
                    tel: {
                        rules: [{
                            required: true,
                            errorMessage: '请输入电话号码',
                        }]
                    },
                    addr: {
                        rules: [{
                            required: true,
                            errorMessage: '请输入详细地址',
                        }]
                    },
                    director: {
                        rules: [{
                            required: true,
                            errorMessage: '请输入负责人',
                        }]
                    },
                    contacts: {
                        rules: [{
                            required: true,
                            errorMessage: '请输入客户联系人',
                        }]
                    }
                },
                // 单选数据源
                type$: [{
                    text: '内销',
                    value: 0
                    value: 1
                }, {
                    text: '外销',
                    value: 1
                    value: 2
                }],
                citysData: [],
                userArea: ''
@@ -89,31 +119,88 @@
        onReady() {
                // 需要在onReady中设置规则
                this.$refs.baseForm.setRules(this.rules)
				
            },
        mounted() {
            // 获取省市区
            this.baseFormData.citysData = test.citysData
            this.citysData = test.citysData
            this.baseUrl = uni.getStorageSync('baseUrl')
            this.getCstmrType()
            this.getUser()
        },
        methods: {
            autoLoad(condition) {
                let that = this
                uni.request({
                    url: that.baseUrl + '/' + condition +'/auth',
                    header:{'token':uni.getStorageSync('token')},
                    method: 'GET',
                    success(result) {
                        var res = result.data
                        if (res.code === 200) {
                            var element;
                            for(element of res.data) {
                                that.cstmrTypes.push(element.value)
                            }
                        }
                    }
                })
            },
            // 获取客户类别
            getCstmrType() {
                let that = this
                uni.request({
                    url: that.baseUrl + '/cstmrTypeQuery/auth',
                    header:{'token':uni.getStorageSync('token')},
                    method: 'GET',
                    success(result) {
                        var res = result.data
                        if (res.code === 200) {
                            var element;
                            for(element of res.data) {
                                that.cstmrTypes.push(element.value)
                            }
                        }
                    }
                })
            },
            // 获取用户
            getUser() {
                let that = this
                uni.request({
                    url: that.baseUrl + '/userQuery/auth',
                    header:{'token':uni.getStorageSync('token')},
                    method: 'GET',
                    success(result) {
                        var res = result.data
                        if (res.code === 200) {
                            var element;
                            for(element of res.data) {
                                that.directors.push(element.value)
                            }
                        }
                    }
                })
            },
            // 添加用户
            addCstmr() {
                let that = this
                this.$refs.baseForm.validate().then(res=>{
                    console.log('表单数据信息：', res);
                    console.log(res);
                    uni.request({
                        url: that.baseUrl + '/cstmr/add/auth',
                        header:{
                            'token':uni.getStorageSync('token'),
                            'content-type':'application/x-www-form-urlencoded'},
                        data: res,
                        method: 'POST',
                        success(result) {
                            var res = result.data
                            console.log(res);
                        }
                    })
                }).catch(err =>{
                    console.log('表单错误信息：', err);
                })
                return
                uni.request({
                    url: that.baseUrl + '/cstmr/add/auth',
                    header:{'token':uni.getStorageSync('token')},
                    data: that.baseFormData,
                    method: 'POST',
                    success(result) {
                        var res = result.data
                        console.log(res);
                    }
					
                })
            }
        }