Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
T
tl_estate
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
hujun
tl_estate
Commits
933a393f
Commit
933a393f
authored
Jun 20, 2019
by
agping
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
h5办公楼详情
parent
89f6071f
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
693 additions
and
55 deletions
+693
-55
office_detail.html
application/index/view/share_office_room/office_detail.html
+73
-10
details_office_tl.css
public/app/css/details_office_tl.css
+534
-0
detaila_office_tl.js
public/app/js/detaila_office_tl.js
+86
-45
No files found.
application/index/view/share_office_room/office_detail.html
View file @
933a393f
...
...
@@ -11,7 +11,7 @@
<link
rel=
"stylesheet"
href=
"/app/css/common.css"
>
<link
rel=
"stylesheet"
href=
"/app/css/details.css"
>
<link
rel=
"stylesheet"
href=
"/app/css/b_lunbo.css"
>
<link
rel=
"stylesheet"
href=
"/app/css/details_tl.css"
>
<link
rel=
"stylesheet"
href=
"/app/css/details_
office_
tl.css"
>
<link>
</head>
<style
type=
"text/css"
>
...
...
@@ -94,12 +94,69 @@
background
:
url(/app/images/agent-tel-pc.png)
no-repeat
center
center
/
.4rem
.4rem
;
}
.b1_span_
{
font-size
:
0.36rem
;
color
:
#FF8018
;
}
.b1_span_totl
{
color
:
#999999
;
font-size
:
0.24rem
;
}
.total-office
{
text-align
:
center
;
width
:
100%
;
height
:
.76rem
;
line-height
:
.76rem
;
font-size
:
.3rem
;
color
:
#333333
;
background-color
:
rgba
(
255
,
128
,
24
,
.12
);
border-radius
:
.05rem
;
margin
:
.2rem
0
;
}
/*pc 官网css*/
.head-img-agent-pc
{
height
:
.64rem
;
width
:
.64rem
;
border-radius
:
.32rem
;
vertical-align
:
middle
;
float
:
left
;
}
.tel-img-agent-pc
{
height
:
.5rem
;
width
:
.5rem
;
vertical-align
:
middle
;
}
.agent-content-pc
{
float
:
left
;
margin-left
:
.16rem
;
}
.agent-name-pc
{
color
:
#333
;
font-size
:
.28rem
;
}
.agent-grade-pc
{
color
:
#999
;
font-size
:
.24rem
;
}
#fix_tel_pc
{
float
:
right
;
margin-right
:
.3rem
;
}
#fix_tel
{
display
:
inline-block
;
}
.ul-agent-content-pc
li
{
overflow
:
hidden
;
margin-bottom
:
.3rem
;
}
</style>
<body
style=
"background: #FFFFFF"
>
<input
type=
"hidden"
id=
"open_id"
value=
'{$data}'
/>
<header
class=
"m_part1_w"
>
<div
class=
"u_btn1b"
onclick=
"window.history.go(-1)"
style=
"margin-top:0.1rem"
><span
style=
""
><i
class=
"icon-angle-left"
style=
"font-size:0.65rem"
></i></span></div>
<div
class=
"line_a office-titlle"
style=
"margin-top: 1rem;"
>
<div
class=
"line_a"
style=
"margin-top: 1rem;"
>
<p
class=
"a_fonta office-title"
></p>
</div>
<p
class=
"b3_spanhao_font"
id=
"font_24"
style=
"margin-bottom: .1rem;"
>
<span
class=
"b3_spanhao_left"
>
...
...
@@ -137,7 +194,7 @@
</ul>
</div>
<!--line 3-->
<!--
最适合业态
-->
<!--
办公楼详情h5
-->
<p
class=
"b3_font1"
>
类型:
<span
class=
"gw office_type"
></span>
...
...
@@ -174,11 +231,12 @@
车位情况:
<span
class=
"gw office_chewei"
></span>
</p>
<p
class=
"line_hr"
></p>
<!--line 6-->
查看绿地汇中心
<!--<p class="line_hr"></p>-->
<!--<div class="b4_font" style="overflow: hidden;">
<p class="total-office">查看绿地汇中心</p>
</div>-->
<div
class=
"b4_font"
>
<div
class=
"b4_font"
style=
"overflow: hidden;"
>
<p
class=
"b4_font_p"
>
位置信息
</p>
...
...
@@ -189,10 +247,15 @@
交通:
<span
class=
"b4_span1 gw office_jiaotong"
></span>
</p>
</div>
<!--<p class="line_hr"></p>-->
<div
style=
"height: 2rem;"
>
<div
class=
"pc-contact-agent b4_font"
>
<p
class=
"b4_font_p"
>
咨询经纪人
</p>
<ul
class=
"b4_font2 ul-agent-content-pc"
style=
"margin-bottom: 3.6rem;"
>
</ul>
</div>
<!--下载app部分-->
<div
class=
"public fix_area_top"
style=
" z-index: 9999999;top: 0;display: none;"
>
<img
src=
"/app/images/pbl_cha.png"
class=
"pbl_cha"
/>
...
...
public/app/css/details_office_tl.css
0 → 100644
View file @
933a393f
.line_a
{
width
:
92%
;
height
:
auto
;
overflow
:
hidden
;
margin
:
0
auto
;
}
.a_fonta
{
font-size
:
0.38rem
;
color
:
#333333
;
float
:
left
;
font-weight
:
900
;
margin-top
:
0.4rem
;
width
:
100%
;
}
.a_fontb
{
font-size
:
0.4rem
;
color
:
#111
;
float
:
left
;
font-weight
:
900
;
margin-top
:
0.3rem
;
width
:
100%
;
}
#font_24
{
font-size
:
.24rem
;
color
:
#4D4D4D
;
}
.a_fontc
{
background-image
:
url("../images/tonglian/di_wuye@2x.png")
;
background-size
:
100%
0.6rem
;
color
:
#ff9419
;
font-size
:
0.28rem
;
text-indent
:
0.26rem
;
font-weight
:
400
;
float
:
left
;
padding-right
:
0.26rem
;
line-height
:
0.6rem
;
margin-top
:
0.3rem
;
}
.a_fontd
{
background-image
:
url("../images/tonglian/di_jinchang@2x.png")
;
background-size
:
100%
0.6rem
;
color
:
#ff9419
;
font-size
:
0.28rem
;
text-indent
:
0.26rem
;
font-weight
:
400
;
float
:
left
;
padding-right
:
0.26rem
;
line-height
:
0.6rem
;
margin-left
:
0.3rem
;
margin-top
:
0.3rem
;
}
.line_a_ul
{
width
:
100%
;
}
.line_a_ulul
{
margin-top
:
0.15rem
;
width
:
92%
;
}
.line_a_ul
ul
li
{
width
:
1.2rem
;
height
:
.4rem
;
font-size
:
0.2rem
;
color
:
#1A1A1A
;
line-height
:
0.4rem
;
float
:
left
;
margin-left
:
0.3rem
;
text-align
:
center
;
margin-top
:
0.15rem
;
background-color
:
#F0F0F0
;
}
.line_hr
{
width
:
92%
;
height
:
1px
;
background
:
#E6E6E6
;
margin-top
:
0.4rem
;
float
:
left
;
margin-left
:
3%
;
}
.line_b
{
width
:
92%
;
height
:
auto
;
overflow
:
hidden
;
}
.line_b
ul
li
{
float
:
left
;
}
.ul_b1
{
width
:
28%
;
margin-left
:
4%
;
}
.ul_b3
{
width
:
28%
;
margin-left
:
4%
;
}
.b1_span
{
width
:
100%
;
font-size
:
0.24rem
;
color
:
#999
;
text-align
:
center
;
float
:
left
;
margin-top
:
0.4rem
;
}
.b1_span_
{
width
:
100%
;
font-size
:
0.26rem
;
color
:
#1A1A1A
;
text-align
:
center
;
float
:
left
;
margin-top
:
0.4rem
;
}
.b1_span2
{
color
:
#ff9419
;
font-size
:
0.4rem
;
text-align
:
center
;
margin-top
:
0.3rem
;
margin-left
:
0.4rem
;
}
/*.b1_span_totl{
color: #ff9419;
font-size: 0.4rem;
text-align: center;
width: 100%;
float: left;
}*/
.b1_span_totl
{
color
:
#FF5C50
;
font-size
:
0.26rem
;
text-align
:
center
;
width
:
100%
;
float
:
left
;
margin-top
:
.2rem
;
}
.b1_span_totl_
{
color
:
#1A1A1A
;
font-size
:
0.4rem
;
text-align
:
center
;
width
:
100%
;
float
:
left
;
margin-top
:
.2rem
;
}
.ul_b2
{
width
:
35%
;
margin-left
:
1%
;
}
.b1_font
{
color
:
#ff9419
;
font-size
:
0.28rem
;
}
.b3_font1
{
width
:
92%
;
font-size
:
0.28rem
;
color
:
#999999
;
margin-left
:
0.3rem
;
float
:
left
;
margin-top
:
0.4rem
;
}
.b3_font2
{
width
:
92%
;
font-size
:
0.28rem
;
color
:
#999999
;
margin-left
:
0.3rem
;
float
:
left
;
margin-top
:
0.3rem
;
}
.gw
{
color
:
#333333
;
}
.b3_font3
{
width
:
15%
;
font-size
:
0.28rem
;
color
:
#999999
;
margin-left
:
0.3rem
;
float
:
left
;
}
.b3_span3
{
width
:
78%
;
/*float: left;*/
font-size
:
0.28rem
;
}
.dt
{
margin-top
:
0.3rem
;
}
.b4_font
{
width
:
92%
;
margin
:
0
auto
;
height
:
auto
;
}
.b4_font
.b4_font_p
{
color
:
#333333
;
font-size
:
0.34rem
;
width
:
100%
;
float
:
left
;
font-weight
:
900
;
margin-top
:
0.4rem
;
}
.yw
{
width
:
100%
;
font-size
:
0.28rem
;
color
:
#333333
;
float
:
left
;
margin-top
:
0.3rem
;
}
.b4_font2
{
width
:
100%
;
font-size
:
0.28rem
;
color
:
#999999
;
float
:
left
;
margin-top
:
0.3rem
;
}
.zhaoshang-time-p
,
.kaiye-time-p
{
display
:
none
;
}
.b4_font3
{
width
:
15%
;
font-size
:
0.28rem
;
color
:
#999999
;
/* margin-left: 0.3rem; */
float
:
left
;
margin-top
:
0.3rem
;
}
.img_url
{
width
:
100%
;
height
:
3rem
;
background
:
#fff5bd
;
float
:
left
;
margin-top
:
0.4rem
;
}
.but_right
{
width
:
0.13rem
;
height
:
0.23rem
;
float
:
right
;
margin-top
:
0.13rem
;
}
.lp
{
margin-left
:
0
!important
;
}
/*楼盘图*/
.bx-wrapper
{
position
:
relative
;
margin
:
0
auto
60px
;
padding
:
0
;
*
zoom
:
1
;
}
.bx-wrapper
img
{
max-width
:
100%
;
display
:
block
;
margin-top
:
0.3rem
;
}
.bx-wrapper
.bx-pager
,
.bx-wrapper
.bx-controls-auto
{
position
:
absolute
;
bottom
:
-30px
;
width
:
100%
;
display
:
none
;
}
.bx-wrapper
.bx-controls-direction
a
{
position
:
absolute
;
top
:
50%
;
margin-top
:
-16px
;
outline
:
0
;
width
:
32px
;
height
:
32px
;
text-indent
:
-9999px
;
z-index
:
9999
;
}
.bx-wrapper
.bx-controls-direction
a
.disabled
{
display
:
none
;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper
.bx-controls-auto
{
text-align
:
center
;
}
.bx-wrapper
.bx-controls-auto
.bx-start
:hover
,
.bx-wrapper
.bx-controls-auto
.bx-start.active
{
background-position
:
-86px
0
;
}
.bx-wrapper
.bx-controls-auto
.bx-stop
:hover
,
.bx-wrapper
.bx-controls-auto
.bx-stop.active
{
background-position
:
-86px
-33px
;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper
.bx-controls.bx-has-controls-auto.bx-has-pager
.bx-pager
{
text-align
:
left
;
width
:
80%
;
}
.bx-wrapper
.bx-controls.bx-has-controls-auto.bx-has-pager
.bx-controls-auto
{
right
:
0
;
width
:
35px
;
}
/* IMAGE CAPTIONS */
.bx-wrapper
.bx-caption
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
background
:
#666
\
9
;
background
:
rgba
(
80
,
80
,
80
,
0.75
);
width
:
100%
;
}
.slide
img
{
width
:
7.5rem
;
height
:
4rem
;
float
:
left
;
object-fit
:
contain
;
}
.right
{
float
:
right
;
width
:
47%
;
}
.b3_span_shop_num
{
display
:
none
;
}
#planter
{
margin-bottom
:
.3rem
;
}
/*配套设施*/
.supporting-facilities
{
width
:
100%
;
margin-bottom
:
3.5rem
;
}
.supporting-facilities
>
li
{
float
:
left
;
width
:
20%
;
margin-top
:
.32rem
;
text-align
:
center
;
}
.supporting-facilities
>
li
span
{
float
:
left
;
width
:
100%
;
}
.supporting-facilities-img
{
width
:
.4rem
;
}
.icon-bg-facilities
{
margin-bottom
:
.14rem
;
}
/*商铺详情 新的版本 样式更改*/
.b3_spanhao_font
{
width
:
92%
;
font-size
:
0.28rem
;
color
:
#999999
;
margin-left
:
0.3rem
;
float
:
left
;
margin-top
:
.08rem
;
}
.b3_spanhao_left
{
float
:
right
;
}
.b4_font_p_evaluation_first
{
font-size
:
.28rem
;
color
:
#333
;
line-height
:
.56rem
;
font-weight
:
900
;
}
.b4_font_p_evaluation
{
font-size
:
.28rem
;
color
:
#333
;
margin-top
:
0rem
;
line-height
:
.56rem
;
font-weight
:
900
;
}
.b4_font_evaluation
{
color
:
#999999
;
font-weight
:
500
;
}
.fix_area_bottom_new
{
width
:
100%
;
position
:
fixed
;
bottom
:
0
;
left
:
0
;
z-index
:
9999
;
display
:
none
;
}
.fix_area_bottom_new
>
div
{
width
:
100%
;
height
:
1rem
;
/*background: rgba(0,0,0,0.7);*/
background
:
#FFFFFF
;
box-shadow
:
0
-4px
4px
0
#F8F9FB
;
position
:
absolute
;
bottom
:
0
;
left
:
0
;
font-size
:
0.24rem
;
color
:
#000
;
}
.fix_area_bottom_new
>
div
>
div
:nth-of-type
(
1
)
{
width
:
53%
;
float
:
left
;
}
.fix_area_bottom_new
>
div
>
div
:nth-of-type
(
2
)
{
float
:
right
;
margin-right
:
.3rem
;
}
.fix_area_bottom_new
>
div
>
div
:nth-of-type
(
1
)>
p
{
margin-top
:
.18rem
;
}
.fix_area_bottom_new
>
div
>
div
:nth-of-type
(
2
)>
p
{
/*margin-left: 1rem;*/
margin-top
:
.08rem
;
text-align
:
center
;
}
.head-img-agent
{
height
:
.64rem
;
width
:
.64rem
;
border-radius
:
.32rem
;
margin-left
:
.3rem
;
vertical-align
:
middle
;
margin-top
:
-0.16rem
;
}
.tel-agent
{
width
:
2.52rem
;
height
:
.84rem
;
}
body
{
margin-bottom
:
1.4rem
;
}
.head-agent
{
display
:
inline-block
;
width
:
2.5rem
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
margin-top
:
0.16rem
;
}
/*商铺详情 动画*/
.shop-list
{
position
:
fixed
;
right
:
.2rem
;
bottom
:
2rem
;
height
:
2rem
;
width
:
1.64rem
;
display
:
none
;
background
:
url(/app/images/clik_shop_icon1.png)
no-repeat
0
0
/
1.64rem
1.78rem
;
}
.shop-list
>
img
{
width
:
.8rem
;
height
:
.88rem
;
position
:
absolute
;
animation
:
fly
1.5s
infinite
;
-webkit-animation
:
fly
1.5s
infinite
;
}
@keyframes
fly
{
0
%
{
bottom
:
0
;
right
:
-.1rem
;
}
70
%
{
bottom
:
.3rem
;
right
:
.14rem
;
}
100
%
{
bottom
:
0
;
right
:
-.1rem
;
}
}
@-webkit-keyframes
fly
{
0
%
{
bottom
:
0
;
right
:
-.1rem
;
}
70
%
{
bottom
:
.3rem
;
right
:
.14rem
;
}
100
%
{
bottom
:
0
;
right
:
-.1rem
;
}
}
/*.shop-list img{
width: 1.6rem;
}*/
.b3_span_shop_mianji
{
display
:
none
;
}
/*pc 官网css*/
.head-img-agent-pc
{
height
:
.64rem
;
width
:
.64rem
;
border-radius
:
.32rem
;
vertical-align
:
middle
;
float
:
left
;
}
.tel-img-agent-pc
{
height
:
.5rem
;
width
:
.5rem
;
vertical-align
:
middle
;
}
.agent-content-pc
{
float
:
left
;
margin-left
:
.16rem
;
}
.agent-name-pc
{
color
:
#333
;
font-size
:
.28rem
;
}
.agent-grade-pc
{
color
:
#999
;
font-size
:
.24rem
;
}
#fix_tel_pc
{
float
:
right
;
margin-right
:
.3rem
;
}
#fix_tel
{
display
:
inline-block
;
}
.ul-agent-content-pc
li
{
overflow
:
hidden
;
margin-bottom
:
.3rem
;
}
public/app/js/detaila_office_tl.js
View file @
933a393f
...
...
@@ -9,6 +9,7 @@
var
_shangpuName
=
jsonObect
.
housename
;
//从url获取的商铺名
var
_isC
=
jsonObect
.
isC
;
var
click_shop_img
=
''
;
var
line_a_ulul
=
""
;
$
.
ajax
({
// url: ServerHostTempC+'/office_api/getOfficeRoomInfo',
...
...
@@ -38,7 +39,7 @@
case
2
:
return
"中层"
;
case
3
:
return
"高层"
;
};
}
,
}
;
function
switchType
(
t
){
switch
(
Number
(
t
)){
case
1
:
return
"写字楼"
;
...
...
@@ -48,51 +49,59 @@
case
5
:
return
"联合办公"
;
case
6
:
return
"厂房"
;
};
},
$
(
'.office-title'
).
html
(
data
.
data
.
title
);
//办公楼名字
$
(
'.office-id'
).
html
(
data
.
data
.
id
);
//办公楼id
$
(
'.office_price_total'
).
html
(
data
.
data
.
price_total
+
'元/月'
);
//总价
$
(
'.office_price'
).
html
(
data
.
data
.
price
+
'元/m²/天'
);
//单价
$
(
'.office_mianji'
).
html
(
data
.
data
.
area
+
'm²'
);
//面积
$
(
'.office_gongwei'
).
html
(
'容纳'
+
data
.
data
.
station_start
+
'~'
+
data
.
data
.
station_end
+
'工位'
);
//工位
$
(
'.office_zhuangxiu'
).
html
(
switchDecoration
(
data
.
data
.
decoration
));
//装修
$
(
'.office_ceng'
).
html
(
switchFloortag
(
data
.
data
.
floor_tag
)
+
'共('
+
data
.
data
.
floor_total
+
')层'
);
//楼层
$
(
'.office_type'
).
html
(
switchType
(
data
.
data
.
type
));
//类型
$
(
'.office_zhuce'
).
html
(
data
.
data
.
is_register
==
1
?
'否'
:
'是'
);
//注册
$
(
'.office_qianyue'
).
html
(
data
.
data
.
age_limit_start
);
//签约
$
(
'.office_mianzhu'
).
html
(
data
.
data
.
rent_free
);
//免租
$
(
'.office_fukuan'
).
html
(
data
.
data
.
payment_month
);
//付款
$
(
'.office_wuye'
).
html
(
data
.
data
.
management_fee
);
//物业
$
(
'.office_zhuanrang'
).
html
(
data
.
data
.
slotting_fee
);
//转让
$
(
'.office_ruzhu'
).
html
(
data
.
data
.
enter_date
);
//入驻
$
(
'.office_chewei'
).
html
(
data
.
data
.
carport
);
//车位
$
(
'.office_dizhi'
).
html
(
data
.
data
.
address
);
//地址
$
(
'.office_jiaotong'
).
html
(
data
.
data
.
traffic_info
);
//交通
};
var
shangpu_tag
=
response
.
data
.
shop_sign
;
if
(
shangpu_tag
)
{
shangpu_tags
=
shangpu_tag
.
split
(
","
);
for
(
var
i
=
0
;
i
<
shangpu_tags
.
length
;
i
++
)
{
line_a_ulul
+=
'<li>'
+
shangpu_tags
[
i
]
+
'</li>'
;
$
(
".line_a_ulul"
).
html
(
line_a_ulul
);
}
}
$
(
'.office-title'
).
html
(
response
.
data
.
title
);
//办公楼名字
$
(
'.office-id'
).
html
(
response
.
data
.
id
);
//办公楼id
$
(
'.office_price_total'
).
html
(
response
.
data
.
price_total
+
'元/月'
);
//总价
$
(
'.office_price'
).
html
(
response
.
data
.
price
+
'元/m²/天'
);
//单价
$
(
'.office_mianji'
).
html
(
response
.
data
.
area
+
'm²'
);
//面积
$
(
'.office_gongwei'
).
html
(
'容纳'
+
response
.
data
.
station_start
+
'~'
+
response
.
data
.
station_end
+
'工位'
);
//工位
$
(
'.office_zhuangxiu'
).
html
(
switchDecoration
(
response
.
data
.
decoration
));
//装修
$
(
'.office_ceng'
).
html
(
switchFloortag
(
response
.
data
.
floor_tag
)
+
'共('
+
response
.
data
.
floor_total
+
')层'
);
//楼层
$
(
'.office_type'
).
html
(
switchType
(
response
.
data
.
type
));
//类型
$
(
'.office_zhuce'
).
html
(
response
.
data
.
is_register
==
1
?
'否'
:
'是'
);
//注册
$
(
'.office_qianyue'
).
html
(
response
.
data
.
age_limit_start
+
'-'
+
response
.
data
.
age_limit_end
+
'年'
);
//签约
$
(
'.office_mianzhu'
).
html
(
response
.
data
.
rent_free
==
-
1
?
'面议'
:
response
.
data
.
rent_free
);
//免租
$
(
'.office_fukuan'
).
html
(
'付'
+
response
.
data
.
payment_month
+
'押'
+
response
.
data
.
deposit_month
);
//付款
$
(
'.office_wuye'
).
html
(
response
.
data
.
management_fee
+
'元/m²/月'
);
//物业
$
(
'.office_zhuanrang'
).
html
(
response
.
data
.
slotting_fee
);
//转让
$
(
'.office_ruzhu'
).
html
(
response
.
data
.
enter_date
);
//入驻
$
(
'.office_chewei'
).
html
(
response
.
data
.
carport
);
//车位
$
(
'.office_dizhi'
).
html
(
response
.
data
.
address
);
//地址
$
(
'.office_jiaotong'
).
html
(
response
.
data
.
traffic_info
);
//交通
var
_path
=
ServerHostTempCLiu
+
'/resource/lib/Attachments/images/'
//房源详情相关
var
lp_img
=
response
.
data
.
images
;
//轮播图(图片)
var
lp_video
=
response
.
data
.
shop_videos
;
//轮播图(视频)
var
lp_img1
=
response
.
data
.
plan_images
;
//楼层平面图
var
lp_img
=
response
.
data
.
carousel_image
;
//轮播图(图片)
// var lp_video = response.data.shop_videos; //轮播图(视频)
var
lp_video
=
[];
//轮播图(视频)
// var lp_img1 = response.data.plan_images; //楼层平面图
var
img_item_ul
=
""
;
var
vadio_item_ul
=
""
;
//滚动区域
for
(
var
n
=
0
;
n
<
lp_video
.
length
;
n
++
)
{
img_item_ul
+=
'<div class="luobo-shop-detail" style="cursor:pointer" data-num="'
+
(
n
+
1
)
+
'"><div class="img_video_bofang"></div><img src="'
+
response
.
data
.
shop_videos
[
n
].
video_image
+
'" onerror="src=
\'
/app/images/pzz_.jpg
\'
"/></div>'
};
//
for(var n = 0; n < lp_video.length; n++) {
//
img_item_ul += '<div class="luobo-shop-detail" style="cursor:pointer" data-num="'+ (n+1) +'"><div class="img_video_bofang"></div><img src="' + response.data.shop_videos[n].video_image + '" onerror="src=\'/app/images/pzz_.jpg\'"/></div>'
//
};
for
(
var
n
=
0
;
n
<
lp_img
.
length
;
n
++
)
{
img_item_ul
+=
'<div class="luobo-shop-detail" data-num="'
+
(
lp_video
.
length
*
1
+
n
+
1
)
+
'"><img src="'
+
response
.
data
.
api_path
+
response
.
data
.
images
[
n
].
img_name
+
'" onerror="src=
\'
/app/images/pzz_.jpg
\'
"/></div>'
img_item_ul
+=
'<div class="luobo-shop-detail" data-num="'
+
(
lp_video
.
length
*
1
+
n
+
1
)
+
'"><img src="'
+
_path
+
response
.
data
.
carousel_image
[
n
].
img_name
+
'" onerror="src=
\'
/app/images/pzz_.jpg
\'
"/></div>'
$
(
".shop-img-list"
).
html
(
img_item_ul
);
};
// 滚动区域
// 视频详情
for
(
var
n
=
0
;
n
<
lp_video
.
length
;
n
++
)
{
vadio_item_ul
+=
'<li class="swiper-slide swiper-slide-active" data-index="1" data-totalindex="1" data-class="101" data-sum="6" style="width: 414px;"><video src="'
+
response
.
data
.
shop_videos
[
n
].
video_path
+
'" controls="controls" preload="auto" webkit-playsinline="true" playsinline="playsinline" loop="loop" poster=" '
+
response
.
data
.
shop_videos
[
n
].
video_image
+
'"></video><div class="shop-detail-tel"><span>'
+
response
.
data
.
shop_videos
[
n
].
upload_name
+
'</span><span>(该视频由我上传)</span><span>'
+
response
.
data
.
shop_videos
[
n
].
upload_phone
+
'</span><a class="tel-agent-video" href="tel:'
+
response
.
data
.
shop_videos
[
n
].
upload_phone
+
'"></a></div></li>'
};
//
for(var n = 0; n < lp_video.length; n++) {
//
vadio_item_ul += '<li class="swiper-slide swiper-slide-active" data-index="1" data-totalindex="1" data-class="101" data-sum="6" style="width: 414px;"><video src="' + response.data.shop_videos[n].video_path + '" controls="controls" preload="auto" webkit-playsinline="true" playsinline="playsinline" loop="loop" poster=" ' + response.data.shop_videos[n].video_image + '"></video><div class="shop-detail-tel"><span>'+ response.data.shop_videos[n].upload_name +'</span><span>(该视频由我上传)</span><span>'+ response.data.shop_videos[n].upload_phone+'</span><a class="tel-agent-video" href="tel:' + response.data.shop_videos[n].upload_phone + '"></a></div></li>'
//
};
for
(
var
n
=
0
;
n
<
lp_img
.
length
;
n
++
)
{
vadio_item_ul
+=
'<li class="swiper-slide swiper-slide-active" data-index="1" data-totalindex="1" data-class="101" data-sum="6" style="width: 414px;"><a><img src="'
+
response
.
data
.
api_path
+
response
.
data
.
images
[
n
].
img_name
+
'" onerror="src=
\'
/app/images/pzz_.jpg
\'
"/></a></li>'
vadio_item_ul
+=
'<li class="swiper-slide swiper-slide-active" data-index="1" data-totalindex="1" data-class="101" data-sum="6" style="width: 414px;"><a><img src="'
+
_path
+
response
.
data
.
carousel_image
[
n
].
img_name
+
'" onerror="src=
\'
/app/images/pzz_.jpg
\'
"/></a></li>'
$
(
"#img_item_ul"
).
html
(
vadio_item_ul
);
};
...
...
@@ -123,20 +132,57 @@
});
//添加下载app链接相关
//添加下载app链接相关 显示 隐藏
var
_fix_top
=
$
(
".public"
);
_fix_top
.
show
();
$
(
".pbl_cha"
).
click
(
function
()
{
_fix_top
.
hide
();
});
//b端分享经纪人 信息获取
var
_name
=
jsonObect
.
user_name
;
var
_name_img
=
jsonObect
.
user_img
;
var
_tel
=
jsonObect
.
user_tel
;
var
_fix_bottom
=
$
(
".fix_area_bottom_new"
);
//经纪人 商铺列表 微门店
if
(
jsonObect
.
isC
==
0
)
{
//判断b端 还是c端分享
var
_fix_bottom
=
$
(
".fix_area_bottom_new"
);
_fix_bottom
.
show
();
if
(
jsonObect
.
isC
==
0
)
{
//判断b端 还是c端分享(b端)
_fix_bottom
.
show
();
$
(
'.pc-contact-agent'
).
hide
();
}
else
{
//c端显示推荐人
$
(
'.pc-contact-agent'
).
show
();
$
.
ajax
({
url
:
'/api/getBroker'
,
data
:
{
'house_id'
:
_shangpuId
,
'pageSize'
:
3
},
type
:
"GET"
,
dataType
:
"json"
,
beforeSend
:
function
()
{},
success
:
function
(
response
)
{
if
(
typeof
response
===
'object'
)
{
if
(
response
[
'code'
]
==
'200'
)
{
//咨询经纪人
console
.
log
(
response
.
data
.
list
);
var
pc_agent_length
=
response
.
data
.
list
;
var
agent_item_ul
=
''
;
for
(
var
n
=
0
;
n
<
pc_agent_length
.
length
;
n
++
)
{
agent_item_ul
+=
'<li><img src="'
+
response
.
data
.
list
[
n
].
head_portrait
+
'" onerror="src=
\'
/app/images/ic_default_headpic.png
\'
" class="head-img-agent-pc"/><div class="agent-content-pc"><p class="agent-name-pc">'
+
response
.
data
.
list
[
n
].
id
+
response
.
data
.
list
[
n
].
name
+
'</p><p class="agent-grade-pc">评分:<span>'
+
response
.
data
.
list
[
n
].
evaluate_grade
+
'</span>/<span>'
+
response
.
data
.
list
[
n
].
evaluate
+
'</span>人评价</p></div><a id="fix_tel_pc" href="tel:'
+
response
.
data
.
list
[
n
].
phone
+
'"><img src="" onerror="javascript:this.src=
\'
/app/images/agent-tel-pc.png
\'
" class="tel-img-agent-pc"/></a></li>'
$
(
".ul-agent-content-pc"
).
html
(
agent_item_ul
);
};
}
else
{
layerTipsX
(
response
[
'msg'
]);
}
}
else
{
layerTipsX
(
'data type error'
);
};
},
error
:
function
()
{
}
});
};
// $('.shop-list').show();
$
(
"#fix_name"
).
html
(
_name
);
$
(
"#fix_tel"
).
attr
(
"href"
,
"tel:"
+
_tel
);
...
...
@@ -146,7 +192,7 @@
$
(
".head-img-agent"
).
attr
(
"src"
,
"/app/images/ic_default_headpic.png"
);
}
//点击拨打 记录拨打次数 朱威
//点击拨打 记录拨打次数 朱威
b端分享
$
(
"#fix_tel"
).
click
(
function
()
{
var
time
=
localStorage
.
getItem
(
_shangpuId
+
"_"
+
_tel
);
var
nowTime
=
(
new
Date
()).
getTime
();
...
...
@@ -166,7 +212,6 @@
}
});
//点击 视频区域
$
(
document
).
on
(
'click'
,
'.luobo-shop-detail'
,
function
(
e
)
{
$
(
'.lp-bunner'
).
show
();
var
click_shop_img
=
$
(
this
).
attr
(
'data-num'
);
...
...
@@ -233,10 +278,6 @@
localStorage
.
setItem
(
'shop_list_b_user_img'
,
_name_img
);
location
.
href
=
ServerHost
+
'/app/dist/#/shopList'
;
});
}
else
{
//c端显示推荐人
};
$
(
'#jump_link'
).
attr
(
"data-phone"
,
JSON
.
parse
(
$
(
'#open_id'
).
val
()).
is_user
)
jumpEvent
();
//添加跳转app页面事件
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment