#

whycq

2022-12-13 c2a5aa950e2bcf178c8f5d1b285ebd30b12123a3

 pages/business/cstmr/addCsmtr.vue

@@ -2,55 +2,77 @@
   <view>
      <view class="container">
         <uni-forms ref="baseForm" :modelValue="baseFormData">
            <uni-forms-item label="客户名称" required>
            <uni-forms-item label="客户名称" required name="name">
               <uni-easyinput v-model="baseFormData.name" placeholder="请输入客户名称" />
            </uni-forms-item>
            <uni-forms-item label="客户关系">
               <uni-easyinput v-model="baseFormData.age" placeholder="请输入客户关系" />
            <uni-forms-item label="客户关系" >
               <uni-easyinput v-model="baseFormData.rela" placeholder="请输入客户关系" />
            </uni-forms-item>
            <uni-forms-item label="客户类别" required>
               <uni-easyinput v-model="baseFormData.age" placeholder="请输入客户类别" />
            <uni-forms-item label="客户类别" required name="cstmrType">
               <uni-easyinput v-model="baseFormData.cstmrType" placeholder="请输入客户类别" />
            </uni-forms-item>
            <uni-forms-item label="区分" required>
               <uni-data-checkbox v-model="baseFormData.sex" :localdata="type$" />
            <uni-forms-item label="区分" required name="type">
               <uni-data-checkbox v-model="baseFormData.type" :localdata="type$" />
            </uni-forms-item>
            <uni-forms-item label="省市区" required>
               <uni-data-picker placeholder="请选择省市区" popup-title="请选择所在地区" :localdata="citysData" v-model="userArea"
                  >
            <uni-forms-item label="省市区" required name="citysData">
               <uni-data-picker placeholder="请选择省市区" popup-title="请选择所在地区" :localdata="citysData" v-model="userArea">
               </uni-data-picker>
            </uni-forms-item>
            <uni-forms-item label="电话" required>
               <uni-easyinput v-model="baseFormData.age" placeholder="请输入客户电话" />
               <uni-easyinput v-model="baseFormData.tel" placeholder="请输入客户电话" />
            </uni-forms-item>
            <uni-forms-item label="详细地址" required>
               <uni-easyinput v-model="baseFormData.age" placeholder="请输入详细地址" />
               <uni-easyinput v-model="baseFormData.addr" placeholder="请输入详细地址" />
            </uni-forms-item>
            <uni-forms-item label="负责人" required>
               <uni-easyinput v-model="baseFormData.age" placeholder="请输入负责人" />
               <uni-easyinput v-model="baseFormData.director" placeholder="请输入负责人" />
            </uni-forms-item>
            <uni-forms-item label="客户联系人" required>
               <uni-easyinput v-model="baseFormData.age" placeholder="请输入客户联系人" />
               <uni-easyinput v-model="baseFormData.contacts" placeholder="请输入客户联系人" />
            </uni-forms-item>
            <uni-forms-item label="备注">
               <uni-easyinput type="textarea" v-model="baseFormData.introduction" placeholder="请输入备注" />
               <uni-easyinput type="textarea" v-model="baseFormData.remarks" placeholder="请输入备注" />
            </uni-forms-item>
         </uni-forms>
         <button type="primary" @click="addCstmr()">保存</button>
      </view>
   </view>
</template>

<script>
   import test from '../../../static/js/citys-data.js'
   export default {
		
      data() {
         return {
            baseUrl: '',
            baseFormData: {
               name: '',
               age: '',
               introduction: '',
               sex: 2,
               hobby: [5],
               datetimesingle: 1627529992399
               citysData: [],
            },
            rules: {
               name: {
                  rules: [{
                     required: true,
                     errorMessage: '请填写客户名称',
                  }]
               },
               cstmrType: {
                  rules: [{
                     required: true,
                     errorMessage: '请选择客户类别',
                  }]
               },
               type: {
                  rules: [{
                     required: true,
                     errorMessage: '请选择区分',
                  }]
               },
               citysData: {
                  rules: [{
                     required: true,
                     errorMessage: '请选择客户类别',
                  }]
               }
            },
            // 单选数据源
            type$: [{
@@ -64,10 +86,36 @@
            userArea: ''
         }
      },
      onReady() {
            // 需要在onReady中设置规则
            this.$refs.baseForm.setRules(this.rules)
         },
      mounted() {
         // 获取省市区
         this.baseFormData.citysData = test.citysData
         this.baseUrl = uni.getStorageSync('baseUrl')
      },
      methods: {
			
         // 添加用户
         addCstmr() {
            let that = this
            this.$refs.baseForm.validate().then(res=>{
               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);
               }
            })
         }
      }
      
   }