#

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);
               }
					
            })
         }
      }