centaline-data-driven 1.3.2 → 1.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/Form.vue +38 -1
- package/src/centaline/browseIframe/src/browseIframe.vue +48 -2
- package/src/centaline/dynamicDetail/src/dynamicAlbums.vue +22 -9
- package/src/centaline/dynamicDetail/src/dynamicPropertyDetailOFI.vue +1282 -1030
- package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue +8 -1
- package/src/centaline/dynamicFile/src/dynamicFile.vue +9 -9
- package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue +11 -11
- package/src/centaline/dynamicViewerFile/src/dynamicViewerFile.vue +5 -1
- package/src/centaline/dynamicViewerFile/src/dynamicViewerPDF.vue +3 -2
- package/src/centaline/loader/src/ctl/Detail.js +409 -385
- package/wwwroot/static/centaline/centaline-data-driven.js +3 -3
- package/wwwroot/static/centaline/centaline-data-driven.js.map +1 -1
|
@@ -1,1239 +1,1491 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
2
|
+
<div class="main">
|
|
3
|
+
<div class="details-content">
|
|
4
|
+
<div class="details-head base-box mb10">
|
|
5
|
+
<div class="head-type">售</div>
|
|
6
|
+
<div class="head-info">
|
|
7
|
+
<div class="title">
|
|
8
|
+
<span>有效</span>
|
|
9
|
+
<span class="head-line"></span>
|
|
10
|
+
<span>珠江丽景花园 红帆阁1122</span>
|
|
11
|
+
<img
|
|
12
|
+
src="../../../assets/collection.png"
|
|
13
|
+
alt=""
|
|
14
|
+
class="collection"
|
|
15
|
+
/>
|
|
16
|
+
</div>
|
|
13
17
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
</div>
|
|
33
|
-
|
|
34
|
-
<div class="head-but">
|
|
35
|
-
<button type="button" class="el-button f-wb el-button--default el-button--mini max-default">去出租 >></button>
|
|
36
|
-
<button type="button" class="el-button el-button--info el-button--mini max-report rel">
|
|
37
|
-
<img src="../../../assets/dian.png" alt="" class="report">
|
|
38
|
-
<ul class="report-cont">
|
|
39
|
-
<li>举报房源</li>
|
|
40
|
-
<li>操作日志</li>
|
|
41
|
-
<li>裁判记录</li>
|
|
42
|
-
</ul>
|
|
43
|
-
</button>
|
|
44
|
-
|
|
45
|
-
</div>
|
|
18
|
+
<div class="title-other">
|
|
19
|
+
<span>产证名:{{ "珠江丽景A-BB珠江08" }}</span>
|
|
20
|
+
<span>房源编号:{{ "F20210909103029394160" }}</span>
|
|
21
|
+
<span class="mr10">楼盘地址:{{ "宝安区新安街道新安二路" }}</span>
|
|
22
|
+
<img src="../../../assets/location.png" alt="" class="location" />
|
|
23
|
+
</div>
|
|
24
|
+
<div class="title-other">
|
|
25
|
+
<span>产证名:{{ "珠江丽景A-BB珠江08" }}</span>
|
|
26
|
+
<span>房源编号:{{ "F20210909103029394160" }}</span>
|
|
27
|
+
<span class="mr10">楼盘地址:{{ "宝安区新安街道新安二路" }}</span>
|
|
28
|
+
<img src="../../../assets/location.png" alt="" class="location" />
|
|
29
|
+
</div>
|
|
30
|
+
<div class="title-tags">
|
|
31
|
+
<div class="t-tag">联卖</div>
|
|
32
|
+
<div class="t-tag">无抵押</div>
|
|
33
|
+
<div class="t-tag">满五</div>
|
|
34
|
+
<div class="t-tag">满二</div>
|
|
35
|
+
</div>
|
|
46
36
|
</div>
|
|
47
|
-
|
|
48
|
-
<div class="
|
|
49
|
-
<
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
37
|
+
|
|
38
|
+
<div class="head-but">
|
|
39
|
+
<button
|
|
40
|
+
type="button"
|
|
41
|
+
class="
|
|
42
|
+
el-button
|
|
43
|
+
f-wb
|
|
44
|
+
el-button--default el-button--mini
|
|
45
|
+
max-default
|
|
46
|
+
"
|
|
47
|
+
>
|
|
48
|
+
去出租 >>
|
|
49
|
+
</button>
|
|
50
|
+
<button
|
|
51
|
+
type="button"
|
|
52
|
+
class="el-button el-button--info el-button--mini max-report rel"
|
|
53
|
+
>
|
|
54
|
+
<img src="../../../assets/dian.png" alt="" class="report" />
|
|
55
|
+
<ul class="report-cont">
|
|
56
|
+
<li>举报房源</li>
|
|
57
|
+
<li>操作日志</li>
|
|
58
|
+
<li>裁判记录</li>
|
|
59
|
+
</ul>
|
|
60
|
+
</button>
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
63
|
+
|
|
64
|
+
<div class="details-mid y-auto" style="height: 570px">
|
|
65
|
+
<div class="mid-l">
|
|
66
|
+
<!-- 图片内容部分 -->
|
|
67
|
+
<div class="hous-info base-box">
|
|
68
|
+
<div class="info-conten">
|
|
69
|
+
<div class="hous-t">
|
|
70
|
+
<ct-albums
|
|
71
|
+
:mediaAlbums="model.mediaAlbums"
|
|
72
|
+
:title="model.title"
|
|
73
|
+
:noMediaUrl="model.noMediaUrl"
|
|
74
|
+
@addMedia="addMedia"
|
|
75
|
+
>
|
|
76
|
+
</ct-albums>
|
|
77
|
+
</div>
|
|
78
|
+
<div class="hous-b">
|
|
79
|
+
<img src="../../../assets/ewm.png" alt="" class="code-ewm" />
|
|
80
|
+
<div class="info-row mb20 mt5">
|
|
81
|
+
<div class="row-i">
|
|
82
|
+
<span>售总价：</span
|
|
83
|
+
><span class="base-clolr expand-f">1400.00</span
|
|
84
|
+
><span class="base-clolr">万</span>
|
|
85
|
+
<img src="" alt="" />
|
|
86
|
+
</div>
|
|
87
|
+
<div class="row-i">
|
|
88
|
+
<span>售单价：</span><span class="base-clolr">3621</span
|
|
89
|
+
><span class="base-clolr">元/平</span>
|
|
90
|
+
</div>
|
|
91
|
+
<div class="row-i">
|
|
92
|
+
<span>售底价：</span>
|
|
93
|
+
<div>2732.99元/平</div>
|
|
72
94
|
</div>
|
|
73
|
-
|
|
74
|
-
<div class="info-mid">
|
|
75
|
-
<div class="mid-i">
|
|
76
|
-
<div>建筑面积</div><div>2000.00平</div></div>
|
|
77
|
-
<div class="mid-i"><div>实用面积</div><div>2000.00平</div></div>
|
|
78
|
-
<div class="mid-i"><div>楼层</div><div>中楼层(16/33)</div></div>
|
|
79
|
-
<div class="mid-i"><div>朝向</div><div>南北</div></div></div>
|
|
80
95
|
</div>
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
<div class="row-i">
|
|
85
|
-
<span>建筑用途：</span><span>写字楼</span>
|
|
86
|
-
</div>
|
|
87
|
-
<div class="row-i"><span>产权：</span><span>公司</span></div>
|
|
88
|
-
<div class="row-i"><span>产权状况：</span><span>拍卖</span></div>
|
|
89
|
-
<div class="row-i"><span>现状：</span><span>空房</span></div>
|
|
90
|
-
<div class="row-i"><span>付费：</span><span>各付各税</span></div>
|
|
91
|
-
<div class="row-i"><span>佣金：</span><span>600元</span></div>
|
|
96
|
+
<div class="info-row">
|
|
97
|
+
<div class="row-i">
|
|
98
|
+
<span>评估价：</span><span>318.4 </span><span>万</span>
|
|
92
99
|
</div>
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
<div
|
|
97
|
-
<div class="row-i"><span>看楼方式：</span><span>提前预约</span></div>
|
|
98
|
-
<div class="row-i"><span>装修：</span><span>豪装</span></div>
|
|
99
|
-
<div class="row-i"><span>租赁期：</span><span>半年</span></div>
|
|
100
|
-
<div class="row-i"><span>付款方式：</span><span>一次性全款</span></div>
|
|
101
|
-
<div class="row-i">
|
|
102
|
-
<span>可否注册公司：</span><span>是</span>
|
|
103
|
-
</div>
|
|
100
|
+
|
|
101
|
+
<div class="row-i">
|
|
102
|
+
<span>预估租总价：</span>
|
|
103
|
+
<div>4621 <span>万</span></div>
|
|
104
104
|
</div>
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
<div class="row-i"><span>管理费：</span><span></span></div>
|
|
111
|
-
<div class="row-i"><span>使用年限：</span><span>3年</span></div>
|
|
112
|
-
<div class="row-i"><span>来源：</span><span></span></div>
|
|
113
|
-
<div class="row-i"><span> </span><span> </span></div>
|
|
105
|
+
<div class="row-i">
|
|
106
|
+
<span>预估租单价：</span><span>11.00</span
|
|
107
|
+
><span>元/平</span>
|
|
108
|
+
</div>
|
|
109
|
+
</div>
|
|
114
110
|
|
|
111
|
+
<div class="info-mid">
|
|
112
|
+
<div class="mid-i">
|
|
113
|
+
<div>建筑面积</div>
|
|
114
|
+
<div>2000.00平</div>
|
|
115
115
|
</div>
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
116
|
+
<div class="mid-i">
|
|
117
|
+
<div>实用面积</div>
|
|
118
|
+
<div>2000.00平</div>
|
|
119
|
+
</div>
|
|
120
|
+
<div class="mid-i">
|
|
121
|
+
<div>楼层</div>
|
|
122
|
+
<div>中楼层(16/33)</div>
|
|
123
|
+
</div>
|
|
124
|
+
<div class="mid-i">
|
|
125
|
+
<div>朝向</div>
|
|
126
|
+
<div>南北</div>
|
|
121
127
|
</div>
|
|
128
|
+
</div>
|
|
122
129
|
</div>
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
130
|
+
</div>
|
|
131
|
+
<div class="info-conten-b" v-show="allInfo">
|
|
132
|
+
<div class="info-row mb20">
|
|
133
|
+
<div class="row-i">
|
|
134
|
+
<span>建筑用途：</span><span>写字楼</span>
|
|
135
|
+
</div>
|
|
136
|
+
<div class="row-i"><span>产权：</span><span>公司</span></div>
|
|
137
|
+
<div class="row-i">
|
|
138
|
+
<span>产权状况：</span><span>拍卖</span>
|
|
139
|
+
</div>
|
|
140
|
+
<div class="row-i"><span>现状：</span><span>空房</span></div>
|
|
141
|
+
<div class="row-i">
|
|
142
|
+
<span>付费：</span><span>各付各税</span>
|
|
143
|
+
</div>
|
|
144
|
+
<div class="row-i"><span>佣金：</span><span>600元</span></div>
|
|
127
145
|
</div>
|
|
128
146
|
</div>
|
|
129
|
-
<div class="
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
147
|
+
<div class="info-conten-b" v-show="allInfo">
|
|
148
|
+
<div class="info-row mb20">
|
|
149
|
+
<div class="row-i"><span>可以分割：</span><span>是</span></div>
|
|
150
|
+
<div class="row-i">
|
|
151
|
+
<span>看楼方式：</span><span>提前预约</span>
|
|
152
|
+
</div>
|
|
153
|
+
<div class="row-i"><span>装修：</span><span>豪装</span></div>
|
|
154
|
+
<div class="row-i"><span>租赁期：</span><span>半年</span></div>
|
|
155
|
+
<div class="row-i">
|
|
156
|
+
<span>付款方式：</span><span>一次性全款</span>
|
|
157
|
+
</div>
|
|
158
|
+
<div class="row-i">
|
|
159
|
+
<span>可否注册公司：</span><span>是</span>
|
|
160
|
+
</div>
|
|
140
161
|
</div>
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
162
|
+
</div>
|
|
163
|
+
<div class="info-conten-b" v-show="allInfo">
|
|
164
|
+
<div class="info-row mb20">
|
|
165
|
+
<div class="row-i">
|
|
166
|
+
<span>按揭银行：</span><span>中国农行</span>
|
|
167
|
+
</div>
|
|
168
|
+
<div class="row-i">
|
|
169
|
+
<span>欠款额度：</span><span>0.00万</span>
|
|
170
|
+
</div>
|
|
171
|
+
<div class="row-i"><span>管理费：</span><span></span></div>
|
|
172
|
+
<div class="row-i"><span>使用年限：</span><span>3年</span></div>
|
|
173
|
+
<div class="row-i"><span>来源：</span><span></span></div>
|
|
174
|
+
<div class="row-i"><span> </span><span> </span></div>
|
|
175
|
+
</div>
|
|
176
|
+
</div>
|
|
177
|
+
<div class="info-conten-b" v-show="allInfo">
|
|
178
|
+
<div class="info-row mb20">
|
|
179
|
+
<div class="row-i"><span>房源描述：</span><span></span></div>
|
|
180
|
+
</div>
|
|
181
|
+
</div>
|
|
182
|
+
<div class="open-mero" @click="allInfo = !allInfo">
|
|
183
|
+
{{ allInfo ? "收起全部" : "查看全部" }}
|
|
184
|
+
<!--<img src="../../../assets/mero.png" alt="" class="mero" > :class="allInfo?'more-colose':'more-open'" -->
|
|
185
|
+
</div>
|
|
186
|
+
</div>
|
|
187
|
+
<div class="contacts-info base-box">
|
|
188
|
+
<!-- 联系人 -->
|
|
189
|
+
<div class="contacts-head">
|
|
190
|
+
<div class="title-l">联系人信息</div>
|
|
191
|
+
<button
|
|
192
|
+
type="button"
|
|
193
|
+
v-if="!codeOwner"
|
|
194
|
+
@click="lookOwner"
|
|
195
|
+
class="
|
|
196
|
+
el-button
|
|
197
|
+
contacts-but
|
|
198
|
+
el-button--info el-button--mini
|
|
199
|
+
max-info
|
|
200
|
+
"
|
|
201
|
+
>
|
|
202
|
+
查看业主
|
|
203
|
+
</button>
|
|
204
|
+
<div class="contacts-tips" v-else>
|
|
205
|
+
<button
|
|
206
|
+
class="
|
|
207
|
+
el-button el-button--primary el-button--mini
|
|
208
|
+
max-btn-add
|
|
209
|
+
"
|
|
210
|
+
>
|
|
211
|
+
新增联系人
|
|
212
|
+
</button>
|
|
213
|
+
<button
|
|
214
|
+
class="
|
|
215
|
+
el-button el-button--primary el-button--mini
|
|
216
|
+
max-btn-add
|
|
217
|
+
"
|
|
218
|
+
>
|
|
219
|
+
通话记录
|
|
220
|
+
</button>
|
|
221
|
+
<button
|
|
222
|
+
class="
|
|
223
|
+
el-button el-button--primary el-button--mini
|
|
224
|
+
max-btn-add
|
|
225
|
+
"
|
|
226
|
+
>
|
|
227
|
+
查看历史号码
|
|
228
|
+
</button>
|
|
229
|
+
</div>
|
|
230
|
+
</div>
|
|
231
|
+
<!-- 表格 -->
|
|
232
|
+
<div class="contacts-table" v-show="codeOwner">
|
|
233
|
+
<el-table
|
|
234
|
+
:data="tableData"
|
|
235
|
+
stripe
|
|
236
|
+
fit
|
|
237
|
+
style="width: 100%"
|
|
238
|
+
:header-cell-style="{ background: '#f3f3f3', color: '#333333' }"
|
|
239
|
+
>
|
|
240
|
+
<el-table-column
|
|
241
|
+
v-for="(item, index) in columnList"
|
|
151
242
|
:key="index"
|
|
152
243
|
:property="item.prop"
|
|
153
244
|
:label="item.label"
|
|
154
245
|
:min-width="item.width"
|
|
155
246
|
>
|
|
156
247
|
<template slot-scope="scope">
|
|
157
|
-
<span v-if="scope.column.property=='phone'"
|
|
158
|
-
|
|
248
|
+
<span v-if="scope.column.property == 'phone'"
|
|
249
|
+
>{{ scope.row.phone }}
|
|
159
250
|
</span>
|
|
160
|
-
<span v-else-if="scope.column.property=='tel'">
|
|
161
|
-
{{scope.row.tel}}
|
|
162
|
-
|
|
251
|
+
<span v-else-if="scope.column.property == 'tel'">
|
|
252
|
+
{{ scope.row.tel }}
|
|
163
253
|
</span>
|
|
164
254
|
<span v-else>
|
|
165
|
-
{{scope.row[scope.column.property]}}
|
|
255
|
+
{{ scope.row[scope.column.property] }}
|
|
166
256
|
</span>
|
|
167
257
|
</template>
|
|
168
258
|
</el-table-column>
|
|
169
|
-
|
|
170
|
-
</div>
|
|
259
|
+
</el-table>
|
|
171
260
|
</div>
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
261
|
+
</div>
|
|
262
|
+
<div class="tablist-info base-box">
|
|
263
|
+
<div class="details-tabs-box">
|
|
264
|
+
<el-tabs v-model="follow">
|
|
265
|
+
<el-tab-pane label="跟进" name="first">
|
|
266
|
+
<el-form class="follow-search-bar">
|
|
267
|
+
<el-select
|
|
268
|
+
v-model="value"
|
|
269
|
+
placeholder="跟进类型"
|
|
270
|
+
class="mr10"
|
|
271
|
+
>
|
|
272
|
+
<el-option
|
|
273
|
+
v-for="item in options"
|
|
274
|
+
:key="item.value"
|
|
275
|
+
:label="item.label"
|
|
276
|
+
:value="item.value"
|
|
277
|
+
>
|
|
278
|
+
</el-option>
|
|
279
|
+
</el-select>
|
|
280
|
+
<el-input
|
|
281
|
+
class="w300 mr10"
|
|
282
|
+
placeholder="请输入"
|
|
283
|
+
maxlength="500"
|
|
284
|
+
></el-input>
|
|
285
|
+
<el-button type="primary" @click="onSearch">保存</el-button>
|
|
286
|
+
<button
|
|
287
|
+
class="
|
|
288
|
+
el-button el-button--primary el-button--mini
|
|
289
|
+
max-btn-add
|
|
290
|
+
"
|
|
291
|
+
>
|
|
292
|
+
新增跟进
|
|
293
|
+
</button>
|
|
294
|
+
</el-form>
|
|
203
295
|
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
296
|
+
<el-table
|
|
297
|
+
:data="followData"
|
|
298
|
+
stripe
|
|
299
|
+
style="
|
|
300
|
+
width: 100%;
|
|
301
|
+
margin-top: 20px;
|
|
302
|
+
height: 200px;
|
|
303
|
+
overflow: auto;
|
|
304
|
+
"
|
|
305
|
+
:header-cell-style="{
|
|
306
|
+
background: '#f3f3f3',
|
|
307
|
+
color: '#333333',
|
|
308
|
+
}"
|
|
309
|
+
>
|
|
310
|
+
<el-table-column prop="date" label="日期" width="180">
|
|
311
|
+
</el-table-column>
|
|
312
|
+
<el-table-column prop="name" label="状态" width="180">
|
|
313
|
+
</el-table-column>
|
|
314
|
+
<el-table-column prop="address" label="跟进人">
|
|
315
|
+
</el-table-column>
|
|
316
|
+
<el-table-column prop="address" label="跟进人部门">
|
|
317
|
+
</el-table-column>
|
|
318
|
+
<el-table-column prop="address" label="跟进时间">
|
|
319
|
+
</el-table-column>
|
|
320
|
+
</el-table>
|
|
321
|
+
</el-tab-pane>
|
|
322
|
+
<el-tab-pane label="委托" name="second">委托</el-tab-pane>
|
|
323
|
+
<el-tab-pane label="钥匙" name="third">钥匙</el-tab-pane>
|
|
324
|
+
<el-tab-pane label="交易变更" name="fourth"
|
|
325
|
+
>交易变更</el-tab-pane
|
|
326
|
+
>
|
|
327
|
+
<el-tab-pane label="多媒体记录" name="">多媒体记录</el-tab-pane>
|
|
328
|
+
<el-tab-pane label="业绩分配" name="">业绩分配</el-tab-pane>
|
|
329
|
+
<el-tab-pane label="楼主历史" name="">楼主历史</el-tab-pane>
|
|
330
|
+
<el-tab-pane label="租户信息" name="">租户信息</el-tab-pane>
|
|
331
|
+
<el-tab-pane label="合并盘" name="">合并盘</el-tab-pane>
|
|
332
|
+
<el-tab-pane label="佐证" name="">佐证</el-tab-pane>
|
|
333
|
+
<el-tab-pane label="销控表" name="">销控表</el-tab-pane>
|
|
334
|
+
</el-tabs>
|
|
335
|
+
</div>
|
|
336
|
+
</div>
|
|
337
|
+
<div class="contribute-info base-box">
|
|
338
|
+
<div class="title-l">贡献人信息</div>
|
|
339
|
+
<div class="contribute-list">
|
|
340
|
+
<div class="contribute-i">
|
|
341
|
+
<img src="" alt="图片" />
|
|
342
|
+
<div>
|
|
343
|
+
<div class="user-title">柳晓青（离职）</div>
|
|
344
|
+
<div class="user-but w56">收钥人</div>
|
|
345
|
+
</div>
|
|
346
|
+
</div>
|
|
347
|
+
<div class="contribute-i">
|
|
348
|
+
<img src="" alt="图片" />
|
|
349
|
+
<div>
|
|
350
|
+
<div class="user-title">柳晓青（离职）</div>
|
|
351
|
+
<div class="user-but w56">收钥人</div>
|
|
245
352
|
</div>
|
|
353
|
+
</div>
|
|
354
|
+
<div class="contribute-i">
|
|
355
|
+
<img src="" alt="图片" />
|
|
356
|
+
<div>
|
|
357
|
+
<div class="user-title">柳晓青（离职）</div>
|
|
358
|
+
<div class="user-but w56">收钥人</div>
|
|
359
|
+
</div>
|
|
360
|
+
</div>
|
|
361
|
+
<div class="contribute-i">
|
|
362
|
+
<img src="" alt="图片" />
|
|
363
|
+
<div>
|
|
364
|
+
<div class="user-title">柳晓青（离职）</div>
|
|
365
|
+
<div class="user-but w56">收钥人</div>
|
|
366
|
+
</div>
|
|
367
|
+
</div>
|
|
368
|
+
<div class="contribute-i">
|
|
369
|
+
<img src="" alt="图片" />
|
|
370
|
+
<div>
|
|
371
|
+
<div class="user-title">柳晓青（离职）</div>
|
|
372
|
+
<div class="user-but w56">收钥人</div>
|
|
373
|
+
</div>
|
|
374
|
+
</div>
|
|
375
|
+
<div class="contribute-i">
|
|
376
|
+
<img src="" alt="图片" />
|
|
377
|
+
<div>
|
|
378
|
+
<div class="user-title">柳晓青（离职）</div>
|
|
379
|
+
<div class="user-but w56">收钥人</div>
|
|
380
|
+
</div>
|
|
381
|
+
</div>
|
|
246
382
|
</div>
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
383
|
+
</div>
|
|
384
|
+
</div>
|
|
385
|
+
<!-- 右侧委托信息 -->
|
|
386
|
+
<div class="mid-r">
|
|
387
|
+
<div class="take-info base-box">
|
|
388
|
+
<div>该房源共<span class="red-text">2</span>位客户看房</div>
|
|
389
|
+
<div>
|
|
390
|
+
最近7天带看<span class="red-text">22</span>次,总带看<span
|
|
391
|
+
class="red-text"
|
|
392
|
+
>33</span
|
|
393
|
+
>次。
|
|
394
|
+
</div>
|
|
395
|
+
</div>
|
|
396
|
+
<div class="staff-info base-box">
|
|
397
|
+
<el-tabs v-model="opening" @tab-click="handleClick">
|
|
398
|
+
<el-tab-pane label="开盘人" name="first">
|
|
399
|
+
<div class="el-tabs__content">
|
|
400
|
+
<div
|
|
401
|
+
role="tabpanel"
|
|
402
|
+
id="pane-first"
|
|
403
|
+
aria-labelledby="tab-first"
|
|
404
|
+
class="el-tab-pane"
|
|
405
|
+
>
|
|
406
|
+
<div class="tab-conten">
|
|
407
|
+
<img src="/static/img/user-head.d2916812.png" />
|
|
408
|
+
<div>
|
|
409
|
+
<div class="user-name">
|
|
410
|
+
<div class="text">柳晓青</div>
|
|
411
|
+
<span class="user-but">系统管理组</span>
|
|
412
|
+
</div>
|
|
413
|
+
<div class="text">13736376666</div>
|
|
414
|
+
<div v-show="allIn">
|
|
415
|
+
<div class="user-other">其它信息</div>
|
|
416
|
+
</div>
|
|
273
417
|
</div>
|
|
418
|
+
</div>
|
|
274
419
|
</div>
|
|
275
|
-
|
|
420
|
+
</div>
|
|
421
|
+
</el-tab-pane>
|
|
422
|
+
<el-tab-pane label="楼主" name="second">楼主</el-tab-pane>
|
|
423
|
+
</el-tabs>
|
|
424
|
+
<div class="open-mero" @click="allIn = !allIn">
|
|
425
|
+
{{ allIn ? "收起全部" : "查看全部" }}
|
|
426
|
+
<!--<img src="../../../assets/mero.png" alt="" class="mero" > :class="allIn?'more-colose':'more-open'" -->
|
|
427
|
+
</div>
|
|
276
428
|
</div>
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
429
|
+
<div class="operation-list p0">
|
|
430
|
+
<button
|
|
431
|
+
data-v-6fe32525=""
|
|
432
|
+
type="button"
|
|
433
|
+
class="el-button list-item base-box el-button--default"
|
|
434
|
+
>
|
|
435
|
+
编辑房源
|
|
436
|
+
</button>
|
|
437
|
+
<button
|
|
438
|
+
data-v-6fe32525=""
|
|
439
|
+
type="button"
|
|
440
|
+
class="el-button list-item base-box el-button--default"
|
|
441
|
+
>
|
|
442
|
+
转潜盘
|
|
443
|
+
</button>
|
|
444
|
+
<button
|
|
445
|
+
data-v-6fe32525=""
|
|
446
|
+
type="button"
|
|
447
|
+
class="el-button list-item base-box el-button--default"
|
|
448
|
+
>
|
|
449
|
+
激活房源
|
|
450
|
+
</button>
|
|
451
|
+
</div>
|
|
452
|
+
<div class="operation-table base-box">
|
|
453
|
+
<div class="table-box">
|
|
454
|
+
<div class="t-item">
|
|
455
|
+
<span class="i">住建委卖委托</span>
|
|
282
456
|
</div>
|
|
283
|
-
<div class="
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
<div class="user-name">
|
|
292
|
-
<div class="text">柳晓青</div><span class="user-but">系统管理组</span>
|
|
293
|
-
</div>
|
|
294
|
-
<div class="text">13736376666</div>
|
|
295
|
-
<div v-show="allIn"><div class="user-other">其它信息</div></div>
|
|
296
|
-
</div>
|
|
297
|
-
</div>
|
|
298
|
-
</div>
|
|
299
|
-
</div>
|
|
300
|
-
|
|
301
|
-
</el-tab-pane>
|
|
302
|
-
<el-tab-pane label="楼主" name="second">楼主</el-tab-pane>
|
|
303
|
-
</el-tabs>
|
|
304
|
-
<div class="open-mero" @click="allIn=!allIn">{{allIn?'收起全部':'查看全部'}}
|
|
305
|
-
<!--<img src="../../../assets/mero.png" alt="" class="mero" > :class="allIn?'more-colose':'more-open'" -->
|
|
306
|
-
</div>
|
|
457
|
+
<div class="t-item"><span class="i">无委托</span></div>
|
|
458
|
+
<div class="t-item">
|
|
459
|
+
<button
|
|
460
|
+
type="button"
|
|
461
|
+
class="el-button t-but el-button--info max-info"
|
|
462
|
+
>
|
|
463
|
+
<span>新增委托</span>
|
|
464
|
+
</button>
|
|
307
465
|
</div>
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
466
|
+
</div>
|
|
467
|
+
<div class="table-box">
|
|
468
|
+
<div class="t-item">
|
|
469
|
+
<span class="i">独家委托</span>
|
|
312
470
|
</div>
|
|
313
|
-
<div class="
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
471
|
+
<div class="t-item"><span class="i">无委托</span></div>
|
|
472
|
+
<div class="t-item">
|
|
473
|
+
<button
|
|
474
|
+
type="button"
|
|
475
|
+
class="el-button t-but el-button--info max-info"
|
|
476
|
+
>
|
|
477
|
+
<span>新增委托</span>
|
|
478
|
+
</button>
|
|
479
|
+
</div>
|
|
480
|
+
</div>
|
|
481
|
+
<div class="table-box">
|
|
482
|
+
<div class="t-item">
|
|
483
|
+
<span class="i">普通委托</span>
|
|
484
|
+
</div>
|
|
485
|
+
<div class="t-item"><span class="i">无委托</span></div>
|
|
486
|
+
<div class="t-item">
|
|
487
|
+
<button
|
|
488
|
+
type="button"
|
|
489
|
+
class="el-button t-but el-button--info max-info"
|
|
490
|
+
>
|
|
491
|
+
<span>新增委托</span>
|
|
492
|
+
</button>
|
|
493
|
+
</div>
|
|
494
|
+
</div>
|
|
495
|
+
<div class="table-box">
|
|
496
|
+
<div class="t-item">
|
|
497
|
+
<span class="i">踩盘</span>
|
|
498
|
+
</div>
|
|
499
|
+
<div class="t-item"><span class="i">无委托</span></div>
|
|
500
|
+
<div class="t-item">
|
|
501
|
+
<button
|
|
502
|
+
type="button"
|
|
503
|
+
class="el-button t-but el-button--info max-info"
|
|
504
|
+
>
|
|
505
|
+
<span>踩盘</span>
|
|
506
|
+
</button>
|
|
507
|
+
</div>
|
|
508
|
+
</div>
|
|
509
|
+
<div class="table-box">
|
|
510
|
+
<div class="t-item">
|
|
511
|
+
<span class="i">普通实勘</span>
|
|
512
|
+
</div>
|
|
513
|
+
<div class="t-item"><span class="i">无委托</span></div>
|
|
514
|
+
<div class="t-item">
|
|
515
|
+
<button
|
|
516
|
+
type="button"
|
|
517
|
+
class="el-button t-but el-button--info max-info"
|
|
518
|
+
>
|
|
519
|
+
<span>新增实勘</span>
|
|
520
|
+
</button>
|
|
521
|
+
</div>
|
|
522
|
+
</div>
|
|
523
|
+
<div class="table-box">
|
|
524
|
+
<div class="t-item">
|
|
525
|
+
<span class="i">VR实勘</span>
|
|
526
|
+
</div>
|
|
527
|
+
<div class="t-item"><span class="i">无委托</span></div>
|
|
528
|
+
<div class="t-item">
|
|
529
|
+
<button
|
|
530
|
+
type="button"
|
|
531
|
+
class="el-button t-but el-button--info max-info"
|
|
532
|
+
>
|
|
533
|
+
<span>VR预约</span>
|
|
534
|
+
</button>
|
|
535
|
+
</div>
|
|
536
|
+
</div>
|
|
537
|
+
<div class="table-box">
|
|
538
|
+
<div class="t-item">
|
|
539
|
+
<span class="i">钥匙</span>
|
|
540
|
+
</div>
|
|
541
|
+
<div class="t-item"><span class="i">无委托</span></div>
|
|
542
|
+
<div class="t-item">
|
|
543
|
+
<button
|
|
544
|
+
type="button"
|
|
545
|
+
class="el-button t-but el-button--info max-info"
|
|
546
|
+
>
|
|
547
|
+
<span>新增钥匙</span>
|
|
548
|
+
</button>
|
|
549
|
+
</div>
|
|
550
|
+
</div>
|
|
551
|
+
<div class="table-box">
|
|
552
|
+
<div class="t-item">
|
|
553
|
+
<span class="i">发布房源</span>
|
|
554
|
+
</div>
|
|
555
|
+
<div class="t-item"><span class="i">无委托</span></div>
|
|
556
|
+
<div class="t-item">
|
|
557
|
+
<button
|
|
558
|
+
type="button"
|
|
559
|
+
class="el-button t-but el-button--info max-info"
|
|
560
|
+
>
|
|
561
|
+
<span>发布</span>
|
|
562
|
+
</button>
|
|
563
|
+
</div>
|
|
564
|
+
</div>
|
|
565
|
+
<div class="table-box">
|
|
566
|
+
<div class="t-item">
|
|
567
|
+
<span class="i">经理推荐</span>
|
|
568
|
+
</div>
|
|
569
|
+
<div class="t-item"><span class="i">无委托</span></div>
|
|
570
|
+
<div class="t-item">
|
|
571
|
+
<button
|
|
572
|
+
type="button"
|
|
573
|
+
class="el-button t-but el-button--info max-info"
|
|
574
|
+
>
|
|
575
|
+
<span>推荐</span>
|
|
576
|
+
</button>
|
|
577
|
+
</div>
|
|
578
|
+
</div>
|
|
579
|
+
<div class="table-box">
|
|
580
|
+
<div class="t-item">
|
|
581
|
+
<span class="i">总房源</span>
|
|
582
|
+
</div>
|
|
583
|
+
<div class="t-item"><span class="i">无委托</span></div>
|
|
584
|
+
<div class="t-item">
|
|
585
|
+
<button
|
|
586
|
+
type="button"
|
|
587
|
+
class="el-button t-but el-button--info max-info"
|
|
588
|
+
>
|
|
589
|
+
<span>推荐</span>
|
|
590
|
+
</button>
|
|
591
|
+
</div>
|
|
592
|
+
</div>
|
|
593
|
+
<div class="table-box">
|
|
594
|
+
<div class="t-item">
|
|
595
|
+
<span class="i">推广资料</span>
|
|
596
|
+
</div>
|
|
597
|
+
<div class="t-item"><span class="i">无委托</span></div>
|
|
598
|
+
<div class="t-item">
|
|
599
|
+
<button
|
|
600
|
+
type="button"
|
|
601
|
+
class="el-button t-but el-button--info max-info"
|
|
602
|
+
>
|
|
603
|
+
<span>新增</span>
|
|
604
|
+
</button>
|
|
605
|
+
</div>
|
|
606
|
+
</div>
|
|
607
|
+
</div>
|
|
608
|
+
<div class="customer">
|
|
609
|
+
<div class="customer-title">匹配客户</div>
|
|
610
|
+
<div class="mt10 clearfix">
|
|
611
|
+
<div class="customre-line"></div>
|
|
612
|
+
<div class="match-customre rel">
|
|
613
|
+
<div class="customre-name">崔新河先生</div>
|
|
614
|
+
<div class="t-tag">A级</div>
|
|
615
|
+
<div class="user-but customr-name">私客</div>
|
|
616
|
+
</div>
|
|
617
|
+
<div style="width: 100%">
|
|
618
|
+
<div class="customre-l">
|
|
619
|
+
<div class="row-i"><span>交易：</span><span>求购</span></div>
|
|
620
|
+
<div class="row-i">
|
|
621
|
+
<span>意向物业：</span><span>商铺</span>
|
|
320
622
|
</div>
|
|
321
|
-
<div class="
|
|
322
|
-
<
|
|
323
|
-
<span class="i">独家委托</span>
|
|
324
|
-
</div>
|
|
325
|
-
<div class="t-item"><span class="i">无委托</span></div>
|
|
326
|
-
<div class="t-item"><button type="button" class="el-button t-but el-button--info max-info"><span>新增委托</span></button></div>
|
|
623
|
+
<div class="row-i">
|
|
624
|
+
<span>意向售价：</span><span>100.00-150.00</span>
|
|
327
625
|
</div>
|
|
328
|
-
<div class="
|
|
329
|
-
<
|
|
330
|
-
<span class="i">普通委托</span>
|
|
331
|
-
</div>
|
|
332
|
-
<div class="t-item"><span class="i">无委托</span></div>
|
|
333
|
-
<div class="t-item"><button type="button" class="el-button t-but el-button--info max-info"><span>新增委托</span></button></div>
|
|
626
|
+
<div class="row-i">
|
|
627
|
+
<span>下次联络：</span><span>2020/11/16 14:30</span>
|
|
334
628
|
</div>
|
|
335
|
-
<div class="
|
|
336
|
-
<
|
|
337
|
-
<span class="i">踩盘</span>
|
|
338
|
-
</div>
|
|
339
|
-
<div class="t-item"><span class="i">无委托</span></div>
|
|
340
|
-
<div class="t-item"><button type="button" class="el-button t-but el-button--info max-info"><span>踩盘</span></button></div>
|
|
629
|
+
<div class="row-i">
|
|
630
|
+
<span>租期到期：</span><span>求购</span>
|
|
341
631
|
</div>
|
|
342
|
-
<div class="
|
|
343
|
-
<
|
|
344
|
-
<span class="i">普通实勘</span>
|
|
345
|
-
</div>
|
|
346
|
-
<div class="t-item"><span class="i">无委托</span></div>
|
|
347
|
-
<div class="t-item"><button type="button" class="el-button t-but el-button--info max-info"><span>新增实勘</span></button></div>
|
|
632
|
+
<div class="row-i">
|
|
633
|
+
<span>最后跟进时间：</span><span>2020/11/16 14:30</span>
|
|
348
634
|
</div>
|
|
349
|
-
<div class="
|
|
350
|
-
<
|
|
351
|
-
<span class="i">VR实勘</span>
|
|
352
|
-
</div>
|
|
353
|
-
<div class="t-item"><span class="i">无委托</span></div>
|
|
354
|
-
<div class="t-item"><button type="button" class="el-button t-but el-button--info max-info"><span>VR预约</span></button></div>
|
|
635
|
+
<div class="row-i">
|
|
636
|
+
<span>最后跟进内容：</span><span>2020/11/16 14:30</span>
|
|
355
637
|
</div>
|
|
356
|
-
<div class="
|
|
357
|
-
<
|
|
358
|
-
<span class="i">钥匙</span>
|
|
359
|
-
</div>
|
|
360
|
-
<div class="t-item"><span class="i">无委托</span></div>
|
|
361
|
-
<div class="t-item"><button type="button" class="el-button t-but el-button--info max-info"><span>新增钥匙</span></button></div>
|
|
638
|
+
<div class="row-i mt10">
|
|
639
|
+
<span>员工：</span><span>中原找房 蔡传兴</span>
|
|
362
640
|
</div>
|
|
363
|
-
<div class="
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
<
|
|
641
|
+
<div class="row-i pb10"><span>备注：</span><span></span></div>
|
|
642
|
+
</div>
|
|
643
|
+
<div class="customre-r">
|
|
644
|
+
<div class="row-i"><span>交易：</span><span>预定</span></div>
|
|
645
|
+
<div class="row-i">
|
|
646
|
+
<span>意向面积：</span><span>商铺</span>
|
|
369
647
|
</div>
|
|
370
|
-
<div class="
|
|
371
|
-
<
|
|
372
|
-
<span class="i">经理推荐</span>
|
|
373
|
-
</div>
|
|
374
|
-
<div class="t-item"><span class="i">无委托</span></div>
|
|
375
|
-
<div class="t-item"><button type="button" class="el-button t-but el-button--info max-info"><span>推荐</span></button></div>
|
|
648
|
+
<div class="row-i">
|
|
649
|
+
<span>意向租价：</span><span>100.00-150.00</span>
|
|
376
650
|
</div>
|
|
377
|
-
<div class="
|
|
378
|
-
<
|
|
379
|
-
<span class="i">总房源</span>
|
|
380
|
-
</div>
|
|
381
|
-
<div class="t-item"><span class="i">无委托</span></div>
|
|
382
|
-
<div class="t-item"><button type="button" class="el-button t-but el-button--info max-info"><span>推荐</span></button></div>
|
|
651
|
+
<div class="row-i">
|
|
652
|
+
<span>委托日期：</span><span>2020/11/16 14:30</span>
|
|
383
653
|
</div>
|
|
384
|
-
<div class="
|
|
385
|
-
<
|
|
386
|
-
<span class="i">推广资料</span>
|
|
387
|
-
</div>
|
|
388
|
-
<div class="t-item"><span class="i">无委托</span></div>
|
|
389
|
-
<div class="t-item"><button type="button" class="el-button t-but el-button--info max-info"><span>新增</span></button></div>
|
|
654
|
+
<div class="row-i">
|
|
655
|
+
<span>推荐项目：</span><span>求购</span>
|
|
390
656
|
</div>
|
|
657
|
+
</div>
|
|
391
658
|
</div>
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
659
|
+
</div>
|
|
660
|
+
|
|
661
|
+
<div class="clearfix">
|
|
662
|
+
<div class="customre-line"></div>
|
|
663
|
+
<div class="match-customre rel">
|
|
664
|
+
<div class="customre-name">崔新河先生</div>
|
|
665
|
+
<div class="t-tag">A级</div>
|
|
666
|
+
<div class="user-but customr-name">私客</div>
|
|
667
|
+
</div>
|
|
668
|
+
<div style="width: 100%">
|
|
669
|
+
<div class="customre-l">
|
|
670
|
+
<div class="row-i"><span>交易：</span><span>求购</span></div>
|
|
671
|
+
<div class="row-i">
|
|
672
|
+
<span>意向物业：</span><span>商铺</span>
|
|
395
673
|
</div>
|
|
396
|
-
<div class="
|
|
397
|
-
|
|
398
|
-
<div class="match-customre rel">
|
|
399
|
-
<div class="customre-name">
|
|
400
|
-
崔新河先生
|
|
401
|
-
</div><div class="t-tag">A级</div>
|
|
402
|
-
<div class="user-but customr-name">私客</div>
|
|
674
|
+
<div class="row-i">
|
|
675
|
+
<span>意向售价：</span><span>100.00-150.00</span>
|
|
403
676
|
</div>
|
|
404
|
-
<div
|
|
405
|
-
|
|
406
|
-
<div class="row-i"><span>交易：</span><span>求购</span></div>
|
|
407
|
-
<div class="row-i"><span>意向物业：</span><span>商铺</span></div>
|
|
408
|
-
<div class="row-i"><span>意向售价：</span><span>100.00-150.00</span></div>
|
|
409
|
-
<div class="row-i"><span>下次联络：</span><span>2020/11/16 14:30</span></div>
|
|
410
|
-
<div class="row-i"><span>租期到期：</span><span>求购</span></div>
|
|
411
|
-
<div class="row-i"><span>最后跟进时间：</span><span>2020/11/16 14:30</span></div>
|
|
412
|
-
<div class="row-i"><span>最后跟进内容：</span><span>2020/11/16 14:30</span></div>
|
|
413
|
-
<div class="row-i mt10"><span>员工：</span><span>中原找房 蔡传兴</span></div>
|
|
414
|
-
<div class="row-i pb10"><span>备注：</span><span></span></div>
|
|
415
|
-
</div>
|
|
416
|
-
<div class="customre-r">
|
|
417
|
-
<div class="row-i"><span>交易：</span><span>预定</span></div>
|
|
418
|
-
<div class="row-i"><span>意向面积：</span><span>商铺</span></div>
|
|
419
|
-
<div class="row-i"><span>意向租价：</span><span>100.00-150.00</span></div>
|
|
420
|
-
<div class="row-i"><span>委托日期：</span><span>2020/11/16 14:30</span></div>
|
|
421
|
-
<div class="row-i"><span>推荐项目：</span><span>求购</span></div>
|
|
422
|
-
</div>
|
|
677
|
+
<div class="row-i">
|
|
678
|
+
<span>下次联络：</span><span>2020/11/16 14:30</span>
|
|
423
679
|
</div>
|
|
680
|
+
<div class="row-i">
|
|
681
|
+
<span>租期到期：</span><span>求购</span>
|
|
424
682
|
</div>
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
<div class="customre-line"></div>
|
|
428
|
-
<div class="match-customre rel">
|
|
429
|
-
<div class="customre-name">
|
|
430
|
-
崔新河先生
|
|
431
|
-
</div><div class="t-tag">A级</div>
|
|
432
|
-
<div class="user-but customr-name">私客</div>
|
|
683
|
+
<div class="row-i">
|
|
684
|
+
<span>最后跟进时间：</span><span>2020/11/16 14:30</span>
|
|
433
685
|
</div>
|
|
434
|
-
<div
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
<div class="row-i"><span>意向租价：</span><span>100.00-150.00</span></div>
|
|
450
|
-
<div class="row-i"><span>委托日期：</span><span>2020/11/16 14:30</span></div>
|
|
451
|
-
<div class="row-i"><span>推荐项目：</span><span>求购</span></div>
|
|
452
|
-
</div>
|
|
686
|
+
<div class="row-i">
|
|
687
|
+
<span>最后跟进内容：</span><span>2020/11/16 14:30</span>
|
|
688
|
+
</div>
|
|
689
|
+
<div class="row-i mt10">
|
|
690
|
+
<span>员工：</span><span>中原找房 蔡传兴</span>
|
|
691
|
+
</div>
|
|
692
|
+
<div class="row-i"><span>备注：</span><span></span></div>
|
|
693
|
+
</div>
|
|
694
|
+
<div class="customre-r">
|
|
695
|
+
<div class="row-i"><span>交易：</span><span>预定</span></div>
|
|
696
|
+
<div class="row-i">
|
|
697
|
+
<span>意向面积：</span><span>商铺</span>
|
|
698
|
+
</div>
|
|
699
|
+
<div class="row-i">
|
|
700
|
+
<span>意向租价：</span><span>100.00-150.00</span>
|
|
453
701
|
</div>
|
|
702
|
+
<div class="row-i">
|
|
703
|
+
<span>委托日期：</span><span>2020/11/16 14:30</span>
|
|
454
704
|
</div>
|
|
705
|
+
<div class="row-i">
|
|
706
|
+
<span>推荐项目：</span><span>求购</span>
|
|
707
|
+
</div>
|
|
708
|
+
</div>
|
|
455
709
|
</div>
|
|
710
|
+
</div>
|
|
456
711
|
</div>
|
|
457
712
|
</div>
|
|
458
713
|
</div>
|
|
459
714
|
</div>
|
|
715
|
+
</div>
|
|
460
716
|
</template>
|
|
461
717
|
|
|
462
718
|
|
|
463
719
|
<script>
|
|
464
720
|
// import max from '../../css/max';
|
|
465
721
|
import dynamicAlbums from "./dynamicAlbums.vue";
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
722
|
+
export default {
|
|
723
|
+
name: "ct-PropertyDetailOFI",
|
|
724
|
+
components: {
|
|
469
725
|
"ct-albums": dynamicAlbums,
|
|
470
726
|
},
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
727
|
+
props: {
|
|
728
|
+
vmodel: Object,
|
|
729
|
+
api: String,
|
|
730
|
+
},
|
|
731
|
+
data() {
|
|
732
|
+
return {
|
|
733
|
+
model: null,
|
|
734
|
+
allInfo: false,
|
|
735
|
+
allIn: false,
|
|
736
|
+
codeOwner: false,
|
|
737
|
+
columnList: [
|
|
482
738
|
{
|
|
483
|
-
prop:
|
|
484
|
-
label:
|
|
485
|
-
width:
|
|
739
|
+
prop: "name",
|
|
740
|
+
label: "联系人",
|
|
741
|
+
width: "80",
|
|
486
742
|
},
|
|
487
743
|
{
|
|
488
|
-
prop:
|
|
489
|
-
label:
|
|
490
|
-
width:
|
|
744
|
+
prop: "type",
|
|
745
|
+
label: "类型",
|
|
746
|
+
width: "60",
|
|
491
747
|
},
|
|
492
748
|
{
|
|
493
|
-
prop:
|
|
494
|
-
label:
|
|
495
|
-
width:
|
|
749
|
+
prop: "phone",
|
|
750
|
+
label: "手机",
|
|
751
|
+
width: "125",
|
|
496
752
|
},
|
|
497
753
|
{
|
|
498
|
-
prop:
|
|
499
|
-
label:
|
|
500
|
-
width:
|
|
754
|
+
prop: "tel",
|
|
755
|
+
label: "座机",
|
|
756
|
+
width: "170",
|
|
501
757
|
},
|
|
502
758
|
{
|
|
503
|
-
prop:
|
|
504
|
-
label:
|
|
505
|
-
width:
|
|
759
|
+
prop: "wx",
|
|
760
|
+
label: "微信",
|
|
761
|
+
width: "150",
|
|
506
762
|
},
|
|
507
763
|
{
|
|
508
|
-
prop:
|
|
509
|
-
label:
|
|
510
|
-
width:
|
|
764
|
+
prop: "entTime",
|
|
765
|
+
label: "录入时间",
|
|
766
|
+
width: "150",
|
|
511
767
|
},
|
|
512
768
|
{
|
|
513
|
-
prop:
|
|
514
|
-
label:
|
|
515
|
-
width:
|
|
769
|
+
prop: "entUser",
|
|
770
|
+
label: "录入人",
|
|
771
|
+
width: "80",
|
|
516
772
|
},
|
|
517
773
|
{
|
|
518
|
-
prop:
|
|
519
|
-
label:
|
|
774
|
+
prop: "remarks",
|
|
775
|
+
label: "操作",
|
|
520
776
|
// width:'180'
|
|
521
777
|
},
|
|
522
778
|
],
|
|
523
779
|
tableData: [
|
|
524
780
|
{
|
|
525
|
-
name:
|
|
526
|
-
type:
|
|
527
|
-
phone:
|
|
528
|
-
tel:
|
|
529
|
-
wx:
|
|
530
|
-
entTime:
|
|
531
|
-
entUser:
|
|
532
|
-
remarks:
|
|
781
|
+
name: "王建国先生",
|
|
782
|
+
type: "业主",
|
|
783
|
+
phone: "13866668888",
|
|
784
|
+
tel: "0275-55556666-5896",
|
|
785
|
+
wx: "555566665896",
|
|
786
|
+
entTime: "2021-10-26 29:27:25",
|
|
787
|
+
entUser: "王天",
|
|
788
|
+
remarks: "删除",
|
|
533
789
|
isIcon: true,
|
|
534
790
|
},
|
|
535
791
|
],
|
|
536
|
-
follow:
|
|
537
|
-
followData:[
|
|
792
|
+
follow: "first",
|
|
793
|
+
followData: [
|
|
538
794
|
{
|
|
539
|
-
date:
|
|
540
|
-
name:
|
|
541
|
-
address:
|
|
542
|
-
|
|
543
|
-
}
|
|
795
|
+
date: "20/12/2020",
|
|
796
|
+
name: "出售",
|
|
797
|
+
address: "kenly",
|
|
798
|
+
},
|
|
544
799
|
],
|
|
545
800
|
|
|
546
|
-
options: [
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
801
|
+
options: [
|
|
802
|
+
{
|
|
803
|
+
value: "选项1",
|
|
804
|
+
label: "本盘跟进",
|
|
805
|
+
},
|
|
806
|
+
{
|
|
807
|
+
value: "选项2",
|
|
808
|
+
label: "全部跟进",
|
|
809
|
+
},
|
|
810
|
+
{ value: "选项3", label: "合开盘跟进" },
|
|
556
811
|
],
|
|
557
|
-
opening:
|
|
558
|
-
|
|
812
|
+
opening: "first",
|
|
813
|
+
};
|
|
814
|
+
},
|
|
815
|
+
created() {
|
|
816
|
+
this.model = this.vmodel;
|
|
817
|
+
},
|
|
818
|
+
methods: {
|
|
819
|
+
addMedia() {
|
|
820
|
+
if (this.model.routerForNoMedia) {
|
|
821
|
+
this.routerClickHandler(this.model.routerForNoMedia, {});
|
|
559
822
|
}
|
|
560
823
|
},
|
|
561
|
-
|
|
562
|
-
this.model = this.vmodel;
|
|
563
|
-
},
|
|
564
|
-
methods: {
|
|
565
|
-
//查看业主
|
|
824
|
+
//查看业主
|
|
566
825
|
lookOwner() {
|
|
567
|
-
this.codeOwner = true
|
|
826
|
+
this.codeOwner = true;
|
|
568
827
|
},
|
|
569
|
-
|
|
570
|
-
console.log(
|
|
828
|
+
onSearch() {
|
|
829
|
+
console.log("submit!");
|
|
571
830
|
},
|
|
572
831
|
handleClick(tab, event) {
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
832
|
+
console.log(tab, event);
|
|
833
|
+
},
|
|
834
|
+
},
|
|
835
|
+
};
|
|
577
836
|
</script>
|
|
578
837
|
<style lang="scss" scoped>
|
|
579
|
-
.main{
|
|
580
|
-
background: #
|
|
581
|
-
|
|
838
|
+
.main {
|
|
839
|
+
background: #eceff2;
|
|
582
840
|
}
|
|
583
|
-
.rel{
|
|
841
|
+
.rel {
|
|
584
842
|
position: relative;
|
|
585
843
|
}
|
|
586
844
|
.y-auto {
|
|
587
|
-
|
|
588
|
-
|
|
845
|
+
overflow-y: auto;
|
|
846
|
+
overflow-x: auto;
|
|
589
847
|
}
|
|
590
848
|
.w300 {
|
|
591
849
|
width: 300px;
|
|
592
850
|
}
|
|
593
|
-
.mt10{
|
|
851
|
+
.mt10 {
|
|
594
852
|
margin-top: 10px;
|
|
595
853
|
}
|
|
596
|
-
.mt15{
|
|
854
|
+
.mt15 {
|
|
597
855
|
margin-top: 15px;
|
|
598
856
|
}
|
|
599
|
-
.mb10{
|
|
857
|
+
.mb10 {
|
|
600
858
|
margin-bottom: 10px;
|
|
601
859
|
}
|
|
602
860
|
.mb20 {
|
|
603
|
-
|
|
861
|
+
margin-bottom: 20px;
|
|
604
862
|
}
|
|
605
|
-
.mr10{
|
|
863
|
+
.mr10 {
|
|
606
864
|
margin-right: 10px;
|
|
607
865
|
}
|
|
608
866
|
.p0 {
|
|
609
|
-
|
|
610
|
-
}
|
|
611
|
-
.pb10{
|
|
612
|
-
padding-bottom: 10px!important;
|
|
613
|
-
}
|
|
614
|
-
.f-wb {
|
|
615
|
-
font-weight: bold;
|
|
867
|
+
padding: 0 !important;
|
|
616
868
|
}
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
869
|
+
.pb10 {
|
|
870
|
+
padding-bottom: 10px !important;
|
|
871
|
+
}
|
|
872
|
+
.f-wb {
|
|
873
|
+
font-weight: bold;
|
|
874
|
+
}
|
|
875
|
+
.base-box {
|
|
876
|
+
background: #ffffff;
|
|
877
|
+
border-radius: 6px;
|
|
878
|
+
width: 100%;
|
|
879
|
+
}
|
|
880
|
+
.details-content {
|
|
881
|
+
font-size: 12px;
|
|
882
|
+
.title-l {
|
|
883
|
+
font-weight: Bold;
|
|
884
|
+
font-size: 16px;
|
|
885
|
+
color: #333333;
|
|
621
886
|
}
|
|
622
|
-
.details-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
887
|
+
.details-head {
|
|
888
|
+
padding: 16px;
|
|
889
|
+
display: flex;
|
|
890
|
+
.head-type {
|
|
891
|
+
font-size: 20px;
|
|
892
|
+
background: #ee6b6b;
|
|
893
|
+
color: #ffffff;
|
|
894
|
+
padding: 0 14px;
|
|
895
|
+
border-radius: 6px;
|
|
896
|
+
max-height: 40px;
|
|
897
|
+
line-height: 40px;
|
|
898
|
+
font-weight: Bold;
|
|
899
|
+
}
|
|
900
|
+
.head-info {
|
|
901
|
+
margin-left: 10px;
|
|
902
|
+
}
|
|
903
|
+
.title {
|
|
904
|
+
font-weight: Bold;
|
|
905
|
+
font-size: 16px;
|
|
906
|
+
margin-bottom: 3px;
|
|
907
|
+
}
|
|
908
|
+
.head-line {
|
|
909
|
+
display: inline-block;
|
|
910
|
+
height: 16px;
|
|
911
|
+
width: 2px;
|
|
912
|
+
background: #333333;
|
|
913
|
+
margin: 0 4px;
|
|
914
|
+
position: relative;
|
|
915
|
+
top: 1.5px;
|
|
916
|
+
}
|
|
917
|
+
.collection {
|
|
918
|
+
font-size: 18px;
|
|
919
|
+
margin-left: 10px;
|
|
920
|
+
cursor: pointer;
|
|
921
|
+
vertical-align: -2.85px;
|
|
922
|
+
}
|
|
923
|
+
.title-other {
|
|
924
|
+
color: #999999;
|
|
925
|
+
margin-bottom: 14px;
|
|
926
|
+
font-size: 12px;
|
|
927
|
+
span {
|
|
928
|
+
margin-right: 20px;
|
|
929
|
+
}
|
|
930
|
+
.other-icon {
|
|
931
|
+
font-size: 16px;
|
|
932
|
+
}
|
|
933
|
+
.location {
|
|
934
|
+
font-size: 16px;
|
|
935
|
+
vertical-align: -2.85px;
|
|
936
|
+
}
|
|
937
|
+
}
|
|
938
|
+
.title-tags {
|
|
631
939
|
display: flex;
|
|
632
|
-
.
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
940
|
+
.t-tag {
|
|
941
|
+
color: #999999;
|
|
942
|
+
background: #f3f3f3;
|
|
943
|
+
border: 1px solid #d8d8d8;
|
|
944
|
+
padding: 2px 9px;
|
|
945
|
+
border-radius: 3px;
|
|
946
|
+
margin-right: 10px;
|
|
947
|
+
}
|
|
948
|
+
}
|
|
949
|
+
.head-but {
|
|
950
|
+
margin-left: auto;
|
|
951
|
+
font-size: 12px;
|
|
952
|
+
text-align: right;
|
|
953
|
+
.max-report {
|
|
954
|
+
height: 26px;
|
|
955
|
+
color: #333333;
|
|
956
|
+
background-color: #ffffff;
|
|
957
|
+
border: 1px solid #e0e0e0;
|
|
958
|
+
border-radius: 6px;
|
|
959
|
+
font-size: 12px;
|
|
960
|
+
}
|
|
961
|
+
.max-report:hover .report-cont {
|
|
962
|
+
display: block;
|
|
963
|
+
color: #333;
|
|
964
|
+
}
|
|
965
|
+
.report-cont {
|
|
966
|
+
display: none;
|
|
967
|
+
width: 115px;
|
|
968
|
+
background: #fff;
|
|
969
|
+
-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
|
|
970
|
+
box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
|
|
971
|
+
border-radius: 5px;
|
|
972
|
+
list-style: none;
|
|
973
|
+
position: absolute;
|
|
974
|
+
left: -61px;
|
|
975
|
+
top: 26px;
|
|
976
|
+
padding: 5px 0;
|
|
977
|
+
color: #333;
|
|
978
|
+
}
|
|
979
|
+
.report-cont li {
|
|
980
|
+
padding: 5px 10px;
|
|
981
|
+
}
|
|
982
|
+
}
|
|
983
|
+
}
|
|
984
|
+
.details-mid {
|
|
985
|
+
display: flex;
|
|
986
|
+
justify-content: space-between;
|
|
987
|
+
.mid-l {
|
|
988
|
+
flex: 1;
|
|
989
|
+
display: flex;
|
|
990
|
+
flex-direction: column;
|
|
650
991
|
|
|
992
|
+
.hous-info {
|
|
993
|
+
padding-bottom: 10px;
|
|
994
|
+
.base-clolr {
|
|
995
|
+
color: #ee6b6b;
|
|
651
996
|
}
|
|
652
|
-
.
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
top: 1.5px;
|
|
660
|
-
}
|
|
661
|
-
.collection{
|
|
662
|
-
font-size: 18px;
|
|
663
|
-
margin-left: 10px;
|
|
664
|
-
cursor: pointer;
|
|
665
|
-
vertical-align: -2.85px;
|
|
666
|
-
}
|
|
667
|
-
.title-other {
|
|
668
|
-
color: #999999;
|
|
669
|
-
margin-bottom: 14px;
|
|
670
|
-
font-size: 12px;
|
|
671
|
-
span {
|
|
672
|
-
margin-right: 20px;
|
|
673
|
-
}
|
|
674
|
-
.other-icon {
|
|
675
|
-
font-size: 16px;
|
|
997
|
+
.expand-f {
|
|
998
|
+
line-height: 15px;
|
|
999
|
+
font-size: 16px;
|
|
1000
|
+
font-weight: bold;
|
|
1001
|
+
img {
|
|
1002
|
+
width: 15px !important;
|
|
1003
|
+
margin-left: 0 !important;
|
|
676
1004
|
}
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
vertical-align: -2.85px;
|
|
1005
|
+
span {
|
|
1006
|
+
float: right;
|
|
680
1007
|
}
|
|
681
1008
|
}
|
|
682
|
-
.
|
|
1009
|
+
.info-conten {
|
|
683
1010
|
display: flex;
|
|
684
|
-
.
|
|
685
|
-
|
|
686
|
-
background: #F3F3F3;
|
|
687
|
-
border: 1px solid #d8d8d8;
|
|
688
|
-
padding: 2px 9px;
|
|
689
|
-
border-radius: 3px;
|
|
690
|
-
margin-right: 10px;
|
|
691
|
-
}
|
|
692
|
-
}
|
|
693
|
-
.head-but{
|
|
694
|
-
margin-left: auto;
|
|
695
|
-
font-size: 12px;
|
|
696
|
-
text-align: right;
|
|
697
|
-
.max-report{
|
|
698
|
-
height: 26px;
|
|
699
|
-
color: #333333;
|
|
700
|
-
background-color: #FFFFFF;
|
|
701
|
-
border: 1px solid #E0E0E0;
|
|
702
|
-
border-radius: 6px;
|
|
703
|
-
font-size: 12px;
|
|
704
|
-
}
|
|
705
|
-
.max-report:hover .report-cont{
|
|
706
|
-
display: block;
|
|
707
|
-
color: #333;
|
|
708
|
-
}
|
|
709
|
-
.report-cont{
|
|
710
|
-
display: none;
|
|
711
|
-
width: 115px;
|
|
712
|
-
background: #fff;
|
|
713
|
-
-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
|
|
714
|
-
box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
|
|
715
|
-
border-radius: 5px;
|
|
716
|
-
list-style: none;
|
|
717
|
-
position: absolute;
|
|
718
|
-
left: -61px;
|
|
719
|
-
top: 26px;
|
|
720
|
-
padding: 5px 0;
|
|
721
|
-
color: #333;
|
|
722
|
-
}
|
|
723
|
-
.report-cont li{
|
|
724
|
-
padding: 5px 10px;
|
|
1011
|
+
.info-row {
|
|
1012
|
+
display: flex;
|
|
725
1013
|
}
|
|
726
|
-
}
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
}
|
|
730
|
-
.details-mid {
|
|
731
|
-
display: flex;
|
|
732
|
-
justify-content: space-between;
|
|
733
|
-
.mid-l {
|
|
734
|
-
flex: 1;
|
|
735
|
-
display: flex;
|
|
736
|
-
flex-direction: column;
|
|
737
1014
|
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
font-size: 16px;
|
|
746
|
-
font-weight: bold;
|
|
747
|
-
img{
|
|
748
|
-
width: 15px!important;
|
|
749
|
-
margin-left: 0!important;
|
|
750
|
-
}
|
|
751
|
-
span{
|
|
752
|
-
float:right;
|
|
753
|
-
}
|
|
754
|
-
}
|
|
755
|
-
.info-conten {
|
|
756
|
-
display: flex;
|
|
757
|
-
.info-row {
|
|
758
|
-
display: flex;
|
|
759
|
-
}
|
|
760
|
-
|
|
761
|
-
.hous-t {
|
|
762
|
-
width: 260px;
|
|
763
|
-
.swiper-i {
|
|
764
|
-
position: relative;
|
|
1015
|
+
.hous-t {
|
|
1016
|
+
width: 260px;
|
|
1017
|
+
.swiper-i {
|
|
1018
|
+
position: relative;
|
|
1019
|
+
width: 100%;
|
|
1020
|
+
height: 100%;
|
|
1021
|
+
img {
|
|
765
1022
|
width: 100%;
|
|
766
1023
|
height: 100%;
|
|
1024
|
+
}
|
|
1025
|
+
.hous-icon {
|
|
1026
|
+
width: 60px;
|
|
1027
|
+
height: 60px;
|
|
1028
|
+
position: absolute;
|
|
1029
|
+
top: 50%;
|
|
1030
|
+
left: 50%;
|
|
1031
|
+
transform: translate(-50%, -50%);
|
|
1032
|
+
}
|
|
1033
|
+
}
|
|
1034
|
+
|
|
1035
|
+
.hous-img {
|
|
1036
|
+
margin-top: 10px;
|
|
1037
|
+
width: 100%;
|
|
1038
|
+
overflow-x: hidden;
|
|
1039
|
+
overflow-y: hidden;
|
|
1040
|
+
white-space: nowrap;
|
|
1041
|
+
.img-i {
|
|
1042
|
+
position: relative;
|
|
1043
|
+
width: 80px;
|
|
1044
|
+
height: 44px;
|
|
1045
|
+
margin-right: 10px;
|
|
1046
|
+
display: inline-block;
|
|
767
1047
|
img {
|
|
768
1048
|
width: 100%;
|
|
769
1049
|
height: 100%;
|
|
770
1050
|
}
|
|
771
|
-
.
|
|
772
|
-
width:
|
|
773
|
-
height:
|
|
1051
|
+
.img-bot {
|
|
1052
|
+
width: 100%;
|
|
1053
|
+
height: 16px;
|
|
1054
|
+
background: rgba(0, 0, 0, 0.5);
|
|
1055
|
+
color: #fff;
|
|
774
1056
|
position: absolute;
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
}
|
|
780
|
-
|
|
781
|
-
.hous-img {
|
|
782
|
-
margin-top: 10px;
|
|
783
|
-
width: 100%;
|
|
784
|
-
overflow-x: hidden;
|
|
785
|
-
overflow-y: hidden;
|
|
786
|
-
white-space: nowrap;
|
|
787
|
-
.img-i {
|
|
788
|
-
position: relative;
|
|
789
|
-
width: 80px;
|
|
790
|
-
height: 44px;
|
|
791
|
-
margin-right: 10px;
|
|
792
|
-
display: inline-block;
|
|
793
|
-
img{
|
|
794
|
-
width: 100%;
|
|
795
|
-
height: 100%;
|
|
796
|
-
|
|
797
|
-
}
|
|
798
|
-
.img-bot {
|
|
799
|
-
width: 100%;
|
|
800
|
-
height: 16px;
|
|
801
|
-
background: rgba(0, 0, 0, 0.5);
|
|
802
|
-
color: #fff;
|
|
803
|
-
position: absolute;
|
|
804
|
-
bottom: 0;
|
|
805
|
-
font-weight: Bold;
|
|
806
|
-
.img-icon {
|
|
807
|
-
width: 12px;
|
|
1057
|
+
bottom: 0;
|
|
1058
|
+
font-weight: Bold;
|
|
1059
|
+
.img-icon {
|
|
1060
|
+
width: 12px;
|
|
808
1061
|
height: 12px;
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
}
|
|
1062
|
+
margin: 0 5px;
|
|
1063
|
+
margin: 0 5px;
|
|
1064
|
+
vertical-align: -1.5px;
|
|
813
1065
|
}
|
|
814
1066
|
}
|
|
815
1067
|
}
|
|
816
1068
|
}
|
|
817
|
-
.hous-b {
|
|
818
|
-
position: relative;
|
|
819
|
-
margin-left: 16px;
|
|
820
|
-
margin-top: 20px;
|
|
821
|
-
flex: 1;
|
|
822
|
-
.code-ewm {
|
|
823
|
-
width: 32px;
|
|
824
|
-
height: 32px;
|
|
825
|
-
position: absolute;
|
|
826
|
-
top: -32px;
|
|
827
|
-
right: -12px;
|
|
828
|
-
}
|
|
829
|
-
|
|
830
|
-
.row-i {
|
|
831
|
-
width: 33.3%;
|
|
832
|
-
display: flex;
|
|
833
|
-
}
|
|
834
|
-
.info-mid {
|
|
835
|
-
margin: 35px 0 0 0;
|
|
836
|
-
padding: 20px;
|
|
837
|
-
border-top: 1px solid #e0e0e0;
|
|
838
|
-
border-bottom: 1px solid #e0e0e0;
|
|
839
|
-
display: flex;
|
|
840
|
-
justify-content: space-between;
|
|
841
|
-
.mid-i {
|
|
842
|
-
text-align: center;
|
|
843
|
-
}
|
|
844
|
-
.mid-i div:nth-child(1) {
|
|
845
|
-
margin-bottom: 10px;
|
|
846
|
-
}
|
|
847
|
-
.mid-i div:nth-child(2) {
|
|
848
|
-
font-size: 14px;
|
|
849
|
-
font-weight: bold;
|
|
850
|
-
}
|
|
851
|
-
}
|
|
852
|
-
}
|
|
853
1069
|
}
|
|
854
|
-
.
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
1070
|
+
.hous-b {
|
|
1071
|
+
position: relative;
|
|
1072
|
+
margin-left: 16px;
|
|
1073
|
+
margin-top: 20px;
|
|
1074
|
+
flex: 1;
|
|
1075
|
+
.code-ewm {
|
|
1076
|
+
width: 32px;
|
|
1077
|
+
height: 32px;
|
|
1078
|
+
position: absolute;
|
|
1079
|
+
top: -32px;
|
|
1080
|
+
right: -12px;
|
|
861
1081
|
}
|
|
862
|
-
|
|
863
|
-
|
|
1082
|
+
|
|
1083
|
+
.row-i {
|
|
1084
|
+
width: 33.3%;
|
|
1085
|
+
display: flex;
|
|
864
1086
|
}
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
1087
|
+
.info-mid {
|
|
1088
|
+
margin: 35px 0 0 0;
|
|
1089
|
+
padding: 20px;
|
|
1090
|
+
border-top: 1px solid #e0e0e0;
|
|
1091
|
+
border-bottom: 1px solid #e0e0e0;
|
|
1092
|
+
display: flex;
|
|
1093
|
+
justify-content: space-between;
|
|
1094
|
+
.mid-i {
|
|
1095
|
+
text-align: center;
|
|
1096
|
+
}
|
|
1097
|
+
.mid-i div:nth-child(1) {
|
|
1098
|
+
margin-bottom: 10px;
|
|
1099
|
+
}
|
|
1100
|
+
.mid-i div:nth-child(2) {
|
|
1101
|
+
font-size: 14px;
|
|
1102
|
+
font-weight: bold;
|
|
1103
|
+
}
|
|
881
1104
|
}
|
|
882
1105
|
}
|
|
883
1106
|
}
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
.
|
|
1107
|
+
.info-conten-b {
|
|
1108
|
+
display: flex;
|
|
1109
|
+
margin-top: 15px;
|
|
1110
|
+
.info-row {
|
|
888
1111
|
display: flex;
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
.contacts-but {
|
|
893
|
-
height: 30px;
|
|
894
|
-
font-weight: Bold;
|
|
895
|
-
}
|
|
896
|
-
.contacts-tips {
|
|
897
|
-
display: flex;
|
|
898
|
-
}
|
|
1112
|
+
width: 100%;
|
|
1113
|
+
padding-left: 9px;
|
|
899
1114
|
}
|
|
900
|
-
.
|
|
901
|
-
|
|
902
|
-
.table-icon {
|
|
903
|
-
font-size: 14px;
|
|
904
|
-
margin-left: 4px;
|
|
905
|
-
}
|
|
906
|
-
.el-table {
|
|
907
|
-
font-size: 12px;
|
|
908
|
-
}
|
|
909
|
-
.el-table th.el-table__cell > .cell {
|
|
910
|
-
padding-left: 16px;
|
|
911
|
-
}
|
|
912
|
-
.el-table .cell {
|
|
913
|
-
padding-left: 16px;
|
|
914
|
-
}
|
|
915
|
-
.el-table--striped
|
|
916
|
-
.el-table__body
|
|
917
|
-
tr.el-table__row--striped
|
|
918
|
-
td.el-table__cell {
|
|
919
|
-
background: 1px solid #E0E0E0;
|
|
920
|
-
}
|
|
1115
|
+
.row-i {
|
|
1116
|
+
width: 25%;
|
|
921
1117
|
}
|
|
922
1118
|
}
|
|
923
|
-
.
|
|
1119
|
+
.open-mero {
|
|
1120
|
+
text-align: center;
|
|
1121
|
+
padding: 3px 0;
|
|
924
1122
|
}
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
border: 1px solid #e0e0e0;
|
|
937
|
-
border-radius: 6px;
|
|
938
|
-
display: flex;
|
|
939
|
-
img {
|
|
940
|
-
width: 50px;
|
|
941
|
-
height: 50px;
|
|
942
|
-
margin-right: 6px;
|
|
943
|
-
}
|
|
944
|
-
.user-title {
|
|
945
|
-
font-weight: Bold;
|
|
946
|
-
font-size: 14px;
|
|
947
|
-
margin-bottom: 8px;
|
|
948
|
-
}
|
|
949
|
-
.user-but{
|
|
950
|
-
cursor: pointer;
|
|
951
|
-
font-size: 12px;
|
|
952
|
-
color: #FFFFFF;
|
|
953
|
-
background: #FBD46D;
|
|
954
|
-
height: 20px;
|
|
955
|
-
line-height: 20px;
|
|
956
|
-
border-radius: 3px;
|
|
957
|
-
text-align: center;
|
|
958
|
-
padding: 0 10px;
|
|
959
|
-
|
|
960
|
-
}
|
|
961
|
-
|
|
962
|
-
}
|
|
963
|
-
|
|
964
|
-
.contribute-i:nth-child(4n) {
|
|
965
|
-
margin-right: 0;
|
|
966
|
-
}
|
|
1123
|
+
.mero {
|
|
1124
|
+
width: 12px;
|
|
1125
|
+
height: 6px;
|
|
1126
|
+
vertical-align: 2px;
|
|
1127
|
+
overflow: hidden;
|
|
1128
|
+
margin-left: 5px;
|
|
1129
|
+
}
|
|
1130
|
+
.hous-mero {
|
|
1131
|
+
display: flex;
|
|
1132
|
+
.mero-labe {
|
|
1133
|
+
min-width: 60px;
|
|
967
1134
|
}
|
|
968
1135
|
}
|
|
969
1136
|
}
|
|
970
|
-
|
|
971
|
-
|
|
1137
|
+
|
|
1138
|
+
.contacts-info {
|
|
972
1139
|
padding: 16px;
|
|
1140
|
+
.contacts-head {
|
|
1141
|
+
display: flex;
|
|
1142
|
+
align-items: center;
|
|
1143
|
+
justify-content: space-between;
|
|
1144
|
+
|
|
1145
|
+
.contacts-but {
|
|
1146
|
+
height: 30px;
|
|
1147
|
+
font-weight: Bold;
|
|
1148
|
+
}
|
|
1149
|
+
.contacts-tips {
|
|
1150
|
+
display: flex;
|
|
1151
|
+
}
|
|
1152
|
+
}
|
|
1153
|
+
.contacts-table {
|
|
1154
|
+
margin-top: 16px;
|
|
1155
|
+
.table-icon {
|
|
1156
|
+
font-size: 14px;
|
|
1157
|
+
margin-left: 4px;
|
|
1158
|
+
}
|
|
1159
|
+
.el-table {
|
|
1160
|
+
font-size: 12px;
|
|
1161
|
+
}
|
|
1162
|
+
.el-table th.el-table__cell > .cell {
|
|
1163
|
+
padding-left: 16px;
|
|
1164
|
+
}
|
|
1165
|
+
.el-table .cell {
|
|
1166
|
+
padding-left: 16px;
|
|
1167
|
+
}
|
|
1168
|
+
.el-table--striped
|
|
1169
|
+
.el-table__body
|
|
1170
|
+
tr.el-table__row--striped
|
|
1171
|
+
td.el-table__cell {
|
|
1172
|
+
background: 1px solid #e0e0e0;
|
|
1173
|
+
}
|
|
1174
|
+
}
|
|
973
1175
|
}
|
|
974
|
-
.
|
|
975
|
-
margin-bottom: 10px;
|
|
976
|
-
padding: 16px;
|
|
1176
|
+
.tablist-info {
|
|
977
1177
|
}
|
|
978
|
-
.mid-r {
|
|
979
|
-
width: 26.666%;
|
|
980
|
-
margin-left: 10px;
|
|
981
1178
|
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
1179
|
+
.contribute-info {
|
|
1180
|
+
.contribute-list {
|
|
1181
|
+
width: 100%;
|
|
1182
|
+
display: flex;
|
|
1183
|
+
align-content: flex-start;
|
|
1184
|
+
flex-flow: row wrap;
|
|
1185
|
+
.contribute-i {
|
|
1186
|
+
width: calc((100% - 16px * 3) / 4);
|
|
1187
|
+
margin: 16px 16px 0 0;
|
|
1188
|
+
padding: 16px 0 16px 16px;
|
|
1189
|
+
border: 1px solid #e0e0e0;
|
|
1190
|
+
border-radius: 6px;
|
|
985
1191
|
display: flex;
|
|
986
|
-
margin-bottom: 16px;
|
|
987
1192
|
img {
|
|
988
1193
|
width: 50px;
|
|
989
1194
|
height: 50px;
|
|
990
|
-
margin-right:
|
|
991
|
-
}
|
|
992
|
-
.user-name {
|
|
993
|
-
display: flex;
|
|
1195
|
+
margin-right: 6px;
|
|
994
1196
|
}
|
|
995
|
-
.
|
|
996
|
-
font-size: 14px;
|
|
1197
|
+
.user-title {
|
|
997
1198
|
font-weight: Bold;
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
.user-other {
|
|
1001
|
-
min-height: 200px;
|
|
1199
|
+
font-size: 14px;
|
|
1200
|
+
margin-bottom: 8px;
|
|
1002
1201
|
}
|
|
1003
|
-
.user-but{
|
|
1202
|
+
.user-but {
|
|
1203
|
+
cursor: pointer;
|
|
1004
1204
|
font-size: 12px;
|
|
1005
|
-
color: #
|
|
1006
|
-
background: #
|
|
1205
|
+
color: #ffffff;
|
|
1206
|
+
background: #fbd46d;
|
|
1007
1207
|
height: 20px;
|
|
1008
1208
|
line-height: 20px;
|
|
1009
1209
|
border-radius: 3px;
|
|
1010
1210
|
text-align: center;
|
|
1011
1211
|
padding: 0 10px;
|
|
1212
|
+
}
|
|
1012
1213
|
}
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
.red-text {
|
|
1017
|
-
font-size: 18px;
|
|
1018
|
-
font-weight: bold;
|
|
1019
|
-
color: #EE6B6B;
|
|
1214
|
+
|
|
1215
|
+
.contribute-i:nth-child(4n) {
|
|
1216
|
+
margin-right: 0;
|
|
1020
1217
|
}
|
|
1021
1218
|
}
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1219
|
+
}
|
|
1220
|
+
}
|
|
1221
|
+
.mid-l > div {
|
|
1222
|
+
margin-bottom: 10px;
|
|
1223
|
+
padding: 16px;
|
|
1224
|
+
}
|
|
1225
|
+
.mid-r > div {
|
|
1226
|
+
margin-bottom: 10px;
|
|
1227
|
+
padding: 16px;
|
|
1228
|
+
}
|
|
1229
|
+
.mid-r {
|
|
1230
|
+
width: 26.666%;
|
|
1231
|
+
margin-left: 10px;
|
|
1232
|
+
|
|
1233
|
+
display: flex;
|
|
1234
|
+
flex-direction: column;
|
|
1235
|
+
.tab-conten {
|
|
1236
|
+
display: flex;
|
|
1237
|
+
margin-bottom: 16px;
|
|
1238
|
+
img {
|
|
1239
|
+
width: 50px;
|
|
1240
|
+
height: 50px;
|
|
1241
|
+
margin-right: 10px;
|
|
1043
1242
|
}
|
|
1044
|
-
.
|
|
1243
|
+
.user-name {
|
|
1045
1244
|
display: flex;
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1245
|
+
}
|
|
1246
|
+
.text {
|
|
1247
|
+
font-size: 14px;
|
|
1248
|
+
font-weight: Bold;
|
|
1249
|
+
margin-right: 10px;
|
|
1250
|
+
}
|
|
1251
|
+
.user-other {
|
|
1252
|
+
min-height: 200px;
|
|
1253
|
+
}
|
|
1254
|
+
.user-but {
|
|
1255
|
+
cursor: pointer;
|
|
1256
|
+
font-size: 12px;
|
|
1257
|
+
color: #ffffff;
|
|
1258
|
+
background: #fbd46d;
|
|
1259
|
+
height: 20px;
|
|
1260
|
+
line-height: 20px;
|
|
1261
|
+
border-radius: 3px;
|
|
1262
|
+
text-align: center;
|
|
1263
|
+
padding: 0 10px;
|
|
1264
|
+
}
|
|
1265
|
+
}
|
|
1266
|
+
.take-info {
|
|
1267
|
+
font-size: 16px;
|
|
1268
|
+
.red-text {
|
|
1269
|
+
font-size: 18px;
|
|
1270
|
+
font-weight: bold;
|
|
1271
|
+
color: #ee6b6b;
|
|
1272
|
+
}
|
|
1273
|
+
}
|
|
1274
|
+
.staff-info {
|
|
1275
|
+
padding-bottom: 10px;
|
|
1276
|
+
.open-mero {
|
|
1277
|
+
text-align: center;
|
|
1278
|
+
padding: 3px 0;
|
|
1279
|
+
}
|
|
1280
|
+
.mero {
|
|
1281
|
+
width: 12px;
|
|
1282
|
+
height: 6px;
|
|
1283
|
+
vertical-align: 2px;
|
|
1284
|
+
overflow: hidden;
|
|
1285
|
+
margin-left: 5px;
|
|
1286
|
+
}
|
|
1287
|
+
.hous-mero {
|
|
1288
|
+
display: flex;
|
|
1289
|
+
.mero-labe {
|
|
1290
|
+
min-width: 60px;
|
|
1065
1291
|
}
|
|
1066
1292
|
}
|
|
1293
|
+
}
|
|
1294
|
+
.operation-list {
|
|
1295
|
+
display: flex;
|
|
1296
|
+
align-items: center;
|
|
1297
|
+
justify-content: space-between;
|
|
1298
|
+
.list-item {
|
|
1299
|
+
width: 33.3%;
|
|
1300
|
+
height: 62px;
|
|
1301
|
+
font-size: 14px;
|
|
1302
|
+
text-align: center;
|
|
1303
|
+
font-weight: bold;
|
|
1304
|
+
border: none;
|
|
1305
|
+
}
|
|
1306
|
+
.list-item:hover {
|
|
1307
|
+
color: #fff;
|
|
1308
|
+
background: #ff9393;
|
|
1309
|
+
}
|
|
1310
|
+
.list-item:nth-child(2) {
|
|
1311
|
+
margin: 0 10px;
|
|
1312
|
+
}
|
|
1313
|
+
.list-item:nth-child(3) {
|
|
1314
|
+
margin-left: 0;
|
|
1315
|
+
}
|
|
1316
|
+
}
|
|
1067
1317
|
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1318
|
+
.operation-table {
|
|
1319
|
+
padding: 0;
|
|
1320
|
+
.table-box {
|
|
1321
|
+
display: flex;
|
|
1322
|
+
// align-items: center;
|
|
1323
|
+
border-bottom: 1px solid #e0e0e0;
|
|
1324
|
+
.t-item {
|
|
1325
|
+
padding: 0 16px;
|
|
1326
|
+
font-size: 14px;
|
|
1327
|
+
flex: 1;
|
|
1328
|
+
position: relative;
|
|
1071
1329
|
display: flex;
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
.t-but {
|
|
1090
|
-
font-size: 12px;
|
|
1091
|
-
margin-left: 0;
|
|
1092
|
-
width: 104px;
|
|
1093
|
-
// height: 100%;
|
|
1094
|
-
// margin: 12px 16px 0 16px;
|
|
1095
|
-
margin-top: 12px;
|
|
1096
|
-
padding: 0;
|
|
1097
|
-
}
|
|
1098
|
-
.t-but:nth-last-child(1) {
|
|
1099
|
-
margin-bottom: 12px;
|
|
1100
|
-
}
|
|
1330
|
+
flex-flow: column;
|
|
1331
|
+
align-items: flex-start;
|
|
1332
|
+
border-right: 1px solid #e0e0e0;
|
|
1333
|
+
.i {
|
|
1334
|
+
position: absolute;
|
|
1335
|
+
top: 50%;
|
|
1336
|
+
// left: 50%;
|
|
1337
|
+
transform: translateY(-50%);
|
|
1338
|
+
}
|
|
1339
|
+
.t-but {
|
|
1340
|
+
font-size: 12px;
|
|
1341
|
+
margin-left: 0;
|
|
1342
|
+
width: 104px;
|
|
1343
|
+
// height: 100%;
|
|
1344
|
+
// margin: 12px 16px 0 16px;
|
|
1345
|
+
margin-top: 12px;
|
|
1346
|
+
padding: 0;
|
|
1101
1347
|
}
|
|
1102
|
-
.t-
|
|
1103
|
-
|
|
1348
|
+
.t-but:nth-last-child(1) {
|
|
1349
|
+
margin-bottom: 12px;
|
|
1104
1350
|
}
|
|
1105
1351
|
}
|
|
1106
|
-
.
|
|
1107
|
-
border-
|
|
1352
|
+
.t-item:nth-last-child(1) {
|
|
1353
|
+
border-right: 0;
|
|
1108
1354
|
}
|
|
1109
1355
|
}
|
|
1356
|
+
.table-box:nth-last-child(1) {
|
|
1357
|
+
border-bottom: 0;
|
|
1358
|
+
}
|
|
1359
|
+
}
|
|
1110
1360
|
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1361
|
+
.customer {
|
|
1362
|
+
background: #fff;
|
|
1363
|
+
border-radius: 6px;
|
|
1364
|
+
width: 100%;
|
|
1365
|
+
.customer-title {
|
|
1366
|
+
font-weight: Bold;
|
|
1367
|
+
font-size: 16px;
|
|
1368
|
+
color: #333;
|
|
1369
|
+
}
|
|
1370
|
+
.customre-line {
|
|
1371
|
+
width: 100%;
|
|
1372
|
+
height: 1px;
|
|
1373
|
+
margin-top: 10px;
|
|
1374
|
+
background: #e0e0e0;
|
|
1375
|
+
}
|
|
1376
|
+
.match-customre {
|
|
1377
|
+
display: flex;
|
|
1378
|
+
margin-top: 10px;
|
|
1379
|
+
.customre-name {
|
|
1380
|
+
font-weight: Bold;
|
|
1381
|
+
font-size: 14px;
|
|
1382
|
+
color: #333333;
|
|
1383
|
+
margin-right: 10px;
|
|
1119
1384
|
}
|
|
1120
|
-
.
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1385
|
+
.t-tag {
|
|
1386
|
+
width: 41px;
|
|
1387
|
+
color: #999;
|
|
1388
|
+
background: #f3f3f3;
|
|
1389
|
+
border: 1px solid #d8d8d8;
|
|
1390
|
+
padding: 2px 9px;
|
|
1391
|
+
border-radius: 3px;
|
|
1392
|
+
margin-right: 10px;
|
|
1125
1393
|
}
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1394
|
+
}
|
|
1395
|
+
.user-but {
|
|
1396
|
+
cursor: pointer;
|
|
1397
|
+
font-size: 12px;
|
|
1398
|
+
color: #ffffff;
|
|
1399
|
+
background: #fbd46d;
|
|
1400
|
+
height: 20px;
|
|
1401
|
+
line-height: 20px;
|
|
1402
|
+
border-radius: 3px;
|
|
1403
|
+
text-align: center;
|
|
1404
|
+
padding: 0 10px;
|
|
1405
|
+
}
|
|
1406
|
+
.customr-name {
|
|
1407
|
+
position: absolute;
|
|
1408
|
+
right: 0;
|
|
1409
|
+
}
|
|
1410
|
+
.clearfix {
|
|
1411
|
+
clear: both;
|
|
1412
|
+
}
|
|
1413
|
+
.customre-l {
|
|
1414
|
+
float: left;
|
|
1415
|
+
width: 50%;
|
|
1416
|
+
margin-top: 10px;
|
|
1417
|
+
.row-i {
|
|
1418
|
+
padding: 5px 0;
|
|
1144
1419
|
}
|
|
1145
|
-
|
|
1146
|
-
cursor: pointer;
|
|
1147
|
-
font-size: 12px;
|
|
1148
|
-
color: #FFFFFF;
|
|
1149
|
-
background: #FBD46D;
|
|
1150
|
-
height: 20px;
|
|
1151
|
-
line-height: 20px;
|
|
1152
|
-
border-radius: 3px;
|
|
1153
|
-
text-align: center;
|
|
1154
|
-
padding: 0 10px;
|
|
1155
|
-
|
|
1156
|
-
}
|
|
1157
|
-
.customr-name{
|
|
1158
|
-
position: absolute;
|
|
1159
|
-
right: 0;
|
|
1160
|
-
}
|
|
1161
|
-
.clearfix{
|
|
1162
|
-
clear: both;
|
|
1163
|
-
}
|
|
1164
|
-
.customre-l{
|
|
1165
|
-
float: left;
|
|
1166
|
-
width: 50%;
|
|
1167
|
-
margin-top: 10px;
|
|
1168
|
-
.row-i{
|
|
1169
|
-
padding: 5px 0;
|
|
1170
|
-
}
|
|
1420
|
+
}
|
|
1171
1421
|
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
.row-i{
|
|
1179
|
-
padding: 5px 0;
|
|
1180
|
-
}
|
|
1422
|
+
.customre-r {
|
|
1423
|
+
float: right;
|
|
1424
|
+
width: 50%;
|
|
1425
|
+
margin-top: 10px;
|
|
1426
|
+
.row-i {
|
|
1427
|
+
padding: 5px 0;
|
|
1181
1428
|
}
|
|
1182
1429
|
}
|
|
1183
1430
|
}
|
|
1184
1431
|
}
|
|
1185
1432
|
}
|
|
1186
|
-
// 按钮
|
|
1187
|
-
.max-info{
|
|
1188
|
-
height: 26px;
|
|
1189
|
-
color: #333333;
|
|
1190
|
-
background-color: #FFFFFF;
|
|
1191
|
-
border: 1px solid #E0E0E0;
|
|
1192
|
-
border-radius: 6px;
|
|
1193
|
-
font-size: 12px;
|
|
1194
|
-
}
|
|
1195
|
-
.max-default{
|
|
1196
|
-
border: 1px solid #EE6B6B;
|
|
1197
|
-
color: #EE6B6B;
|
|
1198
|
-
height: 26px;
|
|
1199
|
-
border-radius: 6px;
|
|
1200
|
-
font-size: 12px;
|
|
1201
|
-
}
|
|
1202
|
-
.max-info:hover,.max-default:hover{
|
|
1203
|
-
background-color:#FF9393;
|
|
1204
|
-
border-color: #FF9393;
|
|
1205
|
-
color: #fff;
|
|
1206
|
-
}
|
|
1207
|
-
// .max-infon:hover.report,.max-info:active.report{
|
|
1208
|
-
// color: #fff;
|
|
1209
|
-
// }
|
|
1210
|
-
.max-info:active,.max-default:active{
|
|
1211
|
-
background-color: #B33136;
|
|
1212
|
-
border-color: #B33136;
|
|
1213
|
-
color: #fff;
|
|
1214
|
-
}
|
|
1215
|
-
.max-btn-add button{ /*list-button*/
|
|
1216
|
-
height: 26px;
|
|
1217
|
-
background: #EE6B6B;
|
|
1218
|
-
box-shadow: 0px 2px 4px 0px rgba(238,107,107,0.25);
|
|
1219
|
-
border-radius: 6px;
|
|
1220
1433
|
}
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1434
|
+
// 按钮
|
|
1435
|
+
.max-info {
|
|
1436
|
+
height: 26px;
|
|
1437
|
+
color: #333333;
|
|
1438
|
+
background-color: #ffffff;
|
|
1439
|
+
border: 1px solid #e0e0e0;
|
|
1440
|
+
border-radius: 6px;
|
|
1441
|
+
font-size: 12px;
|
|
1442
|
+
}
|
|
1443
|
+
.max-default {
|
|
1444
|
+
border: 1px solid #ee6b6b;
|
|
1445
|
+
color: #ee6b6b;
|
|
1446
|
+
height: 26px;
|
|
1447
|
+
border-radius: 6px;
|
|
1448
|
+
font-size: 12px;
|
|
1449
|
+
}
|
|
1450
|
+
.max-info:hover,
|
|
1451
|
+
.max-default:hover {
|
|
1452
|
+
background-color: #ff9393;
|
|
1453
|
+
border-color: #ff9393;
|
|
1454
|
+
color: #fff;
|
|
1455
|
+
}
|
|
1456
|
+
// .max-infon:hover.report,.max-info:active.report{
|
|
1457
|
+
// color: #fff;
|
|
1458
|
+
// }
|
|
1459
|
+
.max-info:active,
|
|
1460
|
+
.max-default:active {
|
|
1461
|
+
background-color: #b33136;
|
|
1462
|
+
border-color: #b33136;
|
|
1463
|
+
color: #fff;
|
|
1464
|
+
}
|
|
1465
|
+
.max-btn-add button {
|
|
1466
|
+
/*list-button*/
|
|
1467
|
+
height: 26px;
|
|
1468
|
+
background: #ee6b6b;
|
|
1469
|
+
box-shadow: 0px 2px 4px 0px rgba(238, 107, 107, 0.25);
|
|
1470
|
+
border-radius: 6px;
|
|
1471
|
+
}
|
|
1472
|
+
.max-btn-add button:hover {
|
|
1473
|
+
background-color: #ff9393;
|
|
1474
|
+
border-color: #ff9393;
|
|
1224
1475
|
}
|
|
1225
|
-
.max-btn-add button:focus
|
|
1226
|
-
|
|
1227
|
-
|
|
1476
|
+
.max-btn-add button:focus,
|
|
1477
|
+
.max-btn-add button:active {
|
|
1478
|
+
background-color: #b33136;
|
|
1479
|
+
border-color: #b33136;
|
|
1228
1480
|
}
|
|
1229
|
-
.max-comfirm-content button{
|
|
1230
|
-
|
|
1231
|
-
|
|
1481
|
+
.max-comfirm-content button {
|
|
1482
|
+
height: 26px;
|
|
1483
|
+
border-radius: 6px;
|
|
1232
1484
|
}
|
|
1233
|
-
.follow-search-bar{
|
|
1485
|
+
.follow-search-bar {
|
|
1234
1486
|
display: flex;
|
|
1235
1487
|
}
|
|
1236
|
-
.r{
|
|
1488
|
+
.r {
|
|
1237
1489
|
float: right;
|
|
1238
1490
|
}
|
|
1239
1491
|
</style>
|