#

whycq

2022-12-13 c2a5aa950e2bcf178c8f5d1b285ebd30b12123a3

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<template>
    <view>
        <view class="container">
            <uni-forms ref="baseForm" :modelValue="baseFormData">
                <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.rela" placeholder="请输入客户关系" />
                </uni-forms-item>
                <uni-forms-item label="客户类别" required name="cstmrType">
                    <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>
                </uni-forms-item>
                <uni-forms-item label="电话" required>
                    <uni-easyinput v-model="baseFormData.tel" placeholder="请输入客户电话" />
                </uni-forms-item>
                <uni-forms-item label="详细地址" required>
                    <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>
                <uni-forms-item label="客户联系人" required>
                    <uni-easyinput v-model="baseFormData.contacts" placeholder="请输入客户联系人" />
                </uni-forms-item>
                <uni-forms-item label="备注">
                    <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: {
                    citysData: [],
                },
                rules: {
                    name: {
                        rules: [{
                            required: true,
                            errorMessage: '请填写客户名称',
                        }]
                    },
                    cstmrType: {
                        rules: [{
                            required: true,
                            errorMessage: '请选择客户类别',
                        }]
                    },
                    type: {
                        rules: [{
                            required: true,
                            errorMessage: '请选择区分',
                        }]
                    },
                    citysData: {
                        rules: [{
                            required: true,
                            errorMessage: '请选择客户类别',
                        }]
                    }
                },
                // 单选数据源
                type$: [{
                    text: '内销',
                    value: 0
                }, {
                    text: '外销',
                    value: 1
                }],
                citysData: [],
                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);
                    }
                })
            }
        }
        
    }
</script>
 
<style>
    .container {
        min-height: 50rpx;
        padding: 15px;
        background-color: #fff;
        /* background-color: aqua; */
    }
</style>