| | |
| | | <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$: [{ |
| | |
| | | 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); |
| | | } |
| | | }) |
| | | } |
| | | } |
| | | |
| | | } |