<template>
|
<view>
|
<view class="container">
|
<uni-forms ref="baseForm" :modelValue="baseFormData">
|
<uni-forms-item label="客户名称" required>
|
<uni-easyinput v-model="baseFormData.name" placeholder="请输入客户名称" />
|
</uni-forms-item>
|
<uni-forms-item label="客户关系">
|
<uni-easyinput v-model="baseFormData.age" placeholder="请输入客户关系" />
|
</uni-forms-item>
|
<uni-forms-item label="客户类别" required>
|
<uni-easyinput v-model="baseFormData.age" placeholder="请输入客户类别" />
|
</uni-forms-item>
|
<uni-forms-item label="区分" required>
|
<uni-data-checkbox v-model="baseFormData.sex" :localdata="type$" />
|
</uni-forms-item>
|
<uni-forms-item label="省市区" required>
|
<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-forms-item>
|
<uni-forms-item label="详细地址" required>
|
<uni-easyinput v-model="baseFormData.age" placeholder="请输入详细地址" />
|
</uni-forms-item>
|
<uni-forms-item label="负责人" required>
|
<uni-easyinput v-model="baseFormData.age" placeholder="请输入负责人" />
|
</uni-forms-item>
|
<uni-forms-item label="客户联系人" required>
|
<uni-easyinput v-model="baseFormData.age" placeholder="请输入客户联系人" />
|
</uni-forms-item>
|
<uni-forms-item label="备注">
|
<uni-easyinput type="textarea" v-model="baseFormData.introduction" placeholder="请输入备注" />
|
</uni-forms-item>
|
</uni-forms>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
|
data() {
|
return {
|
baseFormData: {
|
name: '',
|
age: '',
|
introduction: '',
|
sex: 2,
|
hobby: [5],
|
datetimesingle: 1627529992399
|
},
|
// 单选数据源
|
type$: [{
|
text: '内销',
|
value: 0
|
}, {
|
text: '外销',
|
value: 1
|
}],
|
citysData: [],
|
userArea: ''
|
}
|
},
|
mounted() {
|
},
|
methods: {
|
|
}
|
|
}
|
</script>
|
|
<style>
|
.container {
|
min-height: 50rpx;
|
padding: 15px;
|
background-color: #fff;
|
/* background-color: aqua; */
|
}
|
</style>
|
