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