#
whycq
2022-12-17 cfb4061d8dc838f1862d33bf6d371a4758241d49
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
132
133
134
135
136
137
<template>
    <view>
        <scroll-view scroll-y="true" >
            <view class="header">
                <view class="cstmr-name">
                    <image src="../../../static/image/jiafangdanwei.png" mode="aspectFit"></image>
                    <view>{{cstmr.name}}</view>
                </view>
                <view class="cstmr-tel">{{cstmr.tel}} | {{cstmr.addr}} | {{cstmr.director$}}</view>
            </view>
            <view class="container">
                <view><y-title title="基本信息"></y-title></view><view></view>
                <view class="list-item1">客户名称</view><view class="list-item2">{{cstmr.name}}</view>
                <view class="list-item1">客户类别</view><view class="list-item2">{{cstmr.cstmrType$}}</view>
                <view class="list-item1">省市区</view><view class="list-item2">{{cstmr.pcd$}}</view>
                <view class="list-item1">客户联系人</view><view class="list-item2">{{cstmr.contacts}}</view>
                <view class="list-item1">备注</view><view class="list-item2">{{cstmr.remarks  ? cstmr.remarks : '--'}}</view>
                <view class="list-item1">负责人</view><view class="list-item2 color-main">{{cstmr.director$}}</view>
                <view class="list-item1">区分</view><view class="list-item2">{{cstmr.type$}}</view>
                <view class="list-item1">客户关系</view><view class="list-item2">{{cstmr.rela  ? cstmr.rela : '--'}}</view>
                <view class="list-item1">详细地址</view><view class="list-item2">{{cstmr.addr}}</view>
                <view class="list-item1">电话</view><view class="list-item2 color-main">{{cstmr.tel}}</view>
                <view class="list-item1">客户代号</view><view class="list-item2">{{cstmr.uuid}}</view>
            </view>
            <view class="container">
                <view><y-title title="其他信息"></y-title></view><view></view>
                <view class="list-item1">添加人员</view><view class="list-item2 color-main">{{cstmr.createBy$}}</view>
                <view class="list-item1">添加时间</view><view class="list-item2">{{cstmr.createTime$}}</view>
                <view class="list-item1">修改人员</view><view class="list-item2">{{cstmr.updateBy$}}</view>
                <view class="list-item1">修改时间</view><view class="list-item2 color-main">{{cstmr.updateTime$}}</view>
            </view>
            <view class="container">
                <view><y-title title="跟进人"></y-title></view><view></view><view><uni-icons type="plus" size="20" color="#55aaff"></uni-icons></view>
            </view>
            
        </scroll-view>
        <view class="foot">
            <button>删除</button>
        </view>
    </view>
</template>
 
<script>
    export default {
        data() {
            return {
                id: '',
                baseUrl: '',
                cstmr: {
                    name: '河北君邦乳业有限公司',
                    tel: '15067665399',
                    addr: '河北省邯郸市君邦乳业有限公司',
                    cstman: '朱明忠'
                }
            }
        },
        onLoad(option) { 
            this.id = option.id
            this.baseUrl = uni.getStorageSync('baseUrl')
            this.init()
        },
        methods: {
            init() {
                let that = this
                uni.request({
                    url: that.baseUrl + '/cstmr/' + that.id +'/auth',
                    header: {'token' : uni.getStorageSync('token')},
                    method: 'GET',
                    success(res) {
                        res = res.data
                        that.cstmr = res.data
                        console.log(res);
                    }
                })
            }
        }
    }
</script>
 
<style>
    .header {
        width: auto;
        min-height: 110rpx;
        background-color: #f8f8f8;
        padding: 30px 20px 10px 20px;
    }
    .cstmr-name {
        display: flex;
        height: 35rpx;
        line-height: 35rpx;
        text-indent: 10rpx;
        font-size: 36rpx;
        color: #606266;
    }
    .cstmr-name image {
        width: 35rpx;
        height: 35rpx;
    }
    .cstmr-tel {
        min-height: 60rpx;
        line-height: 60rpx;
        font-size: 24rpx;
        color: #303133;
    }
    .container {
        margin-top: 10px;
        padding: 10rpx 20rpx 0 20rpx;
        background-color: #f8f8f8;
        display: grid;
        grid-template-columns: 1fr 3fr;
    }
    .container:last-child {
        grid-template-columns: 10fr 10fr 1fr;
        margin-bottom: 100rpx;
    }
    .list-item1 {
        min-height: 45rpx;
        line-height: 45rpx;
        color: #909399;
        text-indent: 30rpx;
    }
    .list-item2 {
        min-height: 45rpx;
        line-height: 45rpx;
        color: black;
    }
    .color-main {
        color: #55aaff
    }
    .foot {
        position: fixed;
        /* display: flex; */
        min-height: 100rpx;
        bottom: 0;
        margin-bottom: 0;
    }
</style>