Commit cd207cf1 authored by agping's avatar agping

办公楼详情

parent 668a668f
......@@ -193,6 +193,10 @@ class Index
{
return view('index/shop_detail_pc');
}
public function office_detail_pc()
{
return view('index/office_detail_pc');
}
public function customer_genjin_detail_pc()
{
......
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>同联商业</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link rel="stylesheet" type="text/css" href="/app/css/skin.css"/>
</head>
<body style="display: none;">
<div id="app" style="color: #061C43;font-size: 14px;">
<main>
<section v-show="dataCode==200">
<table>
<tbody>
<tr>
<td>商铺编号:{{d.id}}</td>
<td>商铺类型:{{(d.shop_type==1)?'街铺':'商场'}}</td>
<td>是否对客户展示:{{(d.is_show==1)?'否':'是'}}</td>
<td>是否独家:{{(d.is_exclusive_type==1)?'是':'否'}}</td>
</tr>
<tr>
<td>{{dealPrice}}</td>
<td>{{(d.shop_type==1)?'对内转让费':'进场费'}}:{{d.slotting_fee}}元</td>
<td>物业管理费:{{d.management_fee}}元/月</td>
<td>来源:{{switchSource(d.source)}}</td>
</tr>
<tr>
<td>{{(d.shop_type==1)?'建筑面积':'商铺面积'}}:{{dealArea}}</td>
<td>{{(d.shop_type==1)?'使用面积':'项目总面积'}}:{{d.market_area}}m²</td>
<td>剩余铺数:{{d.residue_num}}</td>
<td>总铺数:{{d.total}}</td>
</tr>
<tr>
<td>适合经营范围:{{d.industry_type}}</td>
<!--<td>{{(d.shop_type==1)?'当前经营':'已入驻'}}:{{d.enter_num}}</td>-->
<td></td>
<td>楼层:{{d.floor}}</td>
<td></td>
</tr>
<tr>
<td colspan="4">理想经营业态:{{d.fit_industry_type}}</td>
</tr>
<tr>
<td colspan="2">对内商铺名称:{{d.internal_title}}</td>
<!--<td colspan="2">对内商铺地址:{{d.province}}{{d.city+d.disc+d.internal_address}}</td>-->
<td colspan="2">对内商铺地址:{{d.address}}</td>
</tr>
<tr>
<td colspan="2">交通:{{d.traffic}}</td>
<td colspan="2">商务条款:{{signRule()}}</td>
</tr>
<tr>
<!--<td colspan="2">对内项目优势:{{d.internal_item_advantage}}</td>-->
<td colspan="2">标签:{{d.shop_sign}}</td>
</tr>
<tr class="border-bottom">
<td>营业时间:{{d.do_business_date}}</td>
<td v-if="d.shop_type == 0">招商时间:{{d.opening_date}}</td>
<td v-if="d.shop_type == 0">开业时间:{{d.start_business_date}}</td>
<td v-if="d.shop_type == 0">项目(大厦)名称:{{d.project_name}}</td>
</tr>
<tr class="tr-seat">
<td colspan="4"></td>
</tr>
<tr class="tr-bold">
<td colspan="4">经纪人对本铺的评价</td>
</tr>
<tr>
<td colspan="4">周边配套:{{d.rim_mating}}</td>
</tr>
<tr>
<td colspan="4">所处地段:{{d.section}}</td>
</tr>
<tr>
<td colspan="4">附近人流:{{d.crowd}}</td>
</tr>
<tr class="border-bottom">
<td colspan="4">其他补充:{{d.other}}</td>
</tr>
<tr class="tr-seat">
<td colspan="4"></td>
</tr>
<tr>
<td>面宽:{{d.area_width}}米</td>
<td>进深:{{d.depth}}米</td>
<td>电量:{{d.electric_quantity}}KW</td>
<td>电压:{{d.voltage}}V</td>
</tr>
<tr>
<td>燃气:{{(d.is_has_gas == 1)?'无':'有'}}</td>
<td>烟管道:{{(d.exhaust_fume == 1)?'有':'无'}}</td>
<td>上水:{{(d.running_water == 1)?'有':'无'}}</td>
<td>下水:{{(d.downriver == 1)?'有':'无'}}</td>
</tr>
<tr class="border-bottom">
<td colspan="2">目前证照经营范围:{{d.business_scope}}</td>
<td colspan="2">交付装修:{{switchDecoration(d.decoration)}}</td>
</tr>
<tr class="tr-seat">
<td colspan="4"></td>
</tr>
<tr>
<td colspan="4" class="oh">
<div class="fl">详情页面轮播图:</div>
<div class="fl">
<ul class="oh img-list">
<li class="fl oh" v-for="(item, index) in d.images" :key="index" :data-id="item.id"><img class="fl" :src="d.api_path+item.img_name" preview="2" /></li>
</ul>
</div>
</td>
</tr>
<tr class="tr-seat">
<td colspan="4"></td>
</tr>
<tr>
<td colspan="2" v-if="!(d.is_show==1)">对外商铺名称:{{d.external_title}}</td>
<td colspan="2" v-if="!(d.is_show==1)">对外商铺地址:{{d.external_address}}</td>
</tr>
<tr>
<td v-if="d.shop_type == 1" colspan="2">对外转让费:{{(d.external_slotting_fee == '-1')?'面议':(d.external_slotting_fee+'元')}}</td>
<td v-else colspan="3"></td>
</tr>
<tr v-if="!(d.is_show==1) && d.cover_plan">
<td colspan="4" class="oh">
<div class="fl">对外封面图:</div>
<div class="fl">
<ul class="oh img-list">
<li class="fl oh"><img class="fl" :src="d.api_path+d.cover_plan.img_name" /></li>
</ul>
</div>
</td>
</tr>
<tr class="tr-seat">
<td colspan="4"></td>
</tr>
<tr v-if="d.is_show_landlord == 1">
<td colspan="4">
<div class="fl">房东:</div>
<div class="fl">
<ul class="oh phone-list">
<li class="fl oh" v-for="(item, index) in d.landlord_phone" :key="index"><span>{{item.name+'-'+hidePhone(item.phone)}}</span><a href="javascript:;" class="call-tel-btn" @click="showModal1(item)">拨打</a></li>
</ul>
</div>
</td>
</tr>
<tr v-if="d.is_show_landlord == 1">
<td colspan="4">房东备注:{{d.landlord_remark}}</td>
</tr>
<tr>
<td colspan="4">
<div class="fl">盘方:</div>
<div class="fl">
<ul class="oh phone-list">
<li class="fl oh" v-for="(item, index) in d.panParty" :key="index" :data-id="item.id">{{item.district_name+'-'+item.store_name+'-'+item.name+'-'+item.phone}}</li>
</ul>
</div>
</td>
</tr>
<tr v-if="false">
<td colspan="4">
<div class="fl">案场权限人:</div>
<div class="fl">
<ul class="oh phone-list">
<li class="fl oh" v-for="(item, index) in d.panParty" :key="index" :data-id="item.phone">{{item.name+'-'+item.phone}}</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>上传时间:{{d.create_time}}</td>
<td>最后编辑时间:{{d.update_time}}</td>
<td v-if="(d.is_exclusive_type==1)">独家有效期:{{d.agent_start_time+'至'+d.agent_end_time}}</td>
<td v-if="(d.is_exclusive_type==1)">独家方:{{d.exclusive_user}}</td>
</tr>
<tr v-show='clickPublicUser("index/isShow")'>
<td colspan="4" align="center">
<a href="javascript:;" class="is-public-user" @click="isPublicUser()">C端公开</a>
</td>
</tr>
</tbody>
</table>
</section>
<section v-show="dataCode==102">查看数量已达上限</section>
<section v-show="dataCode!=200"></section>
</main>
<div id="call_modal" v-show="modalShow1">
<div class="call-modal-main">
<p class="call-modal-main-title">选择本机手机号</p>
<ol id="call_modal_phone_list">
<li class="call-select"><input placeholder="请输入本机手机号" maxlength="11" type="tel" id="call_modal_phone_self" readonly="" />
<div class="call-edit-icon">完成</div>
<div class="call-submit-ing-icon">提交中ing</div>
<div class="call-select-icon"><img src="/app/images/ic_duigou_gre.png" /></div>
<div class="call-delete-icon"><img src="/app/images/search_gb.png" /></div>
</li>
</ol>
<div id="add_phone_btn">增加手机号</div>
<p class="call-modal-main-tip">请确认选择的手机号和本机号码相同,否则提示为空号</p>
</div>
<div class="call-btn-area">
<div id="call_btn_cancel" @click="modalShow1=false">取消</div>
<div id="call_btn_ok" v-show="!isCallFlag" @click="showModal2">确认</div>
<div id="call_btn_ok_temp" v-show="isCallFlag">等待拨打 ing</div>
</div>
</div>
<div class="modal-area" v-show="modalShow2">
<div class="call-hide-area">
<p>请使用{{selectPhone}}的手机拨打该虚拟号:</p>
<p>(使用其他手机号拨打是打不通的)</p>
<p>{{telHide}}</p>
<textarea v-model.trim="content" placeholder="请输入房源跟进信息(必填)"></textarea>
<p><a href="javascript:;" @click="saveGenjin">保存</a></p>
</div>
</div>
<!--c端公开-->
<div class="modal-area" v-show="modalShow3">
<div class="public-hide-area">
<span class="is-public-show">是否对客户展示:</span>
<select name="" class="choose-public-user" v-model.trim="select_public">
<option value="0"></option>
<option value="1"></option>
</select>
<span class="color-biaoshi">(请点击进行选择)</span>
<p>
<a href="javascript:;" @click="savePublicUser()" class="save-is-public">保存</a>
<a href="javascript:;" @click="hidePublicUser()" class="cancel-is-public">取消</a>
</p>
</div>
</div>
</div>
<script src="/app/js/libs/vue.min.js" type="text/javascript"></script>
<script src="/app/js/libs/vue-photo-preview.js" type="text/javascript"></script>
<script src="/app/js/libs/require.min.js" data-js="/app/js/office_detail_pc.js" data-main="/app/js/main" data-norem="yes" defer async="true"></script>
<script type="text/javascript">
</script>
</body>
</html>
\ No newline at end of file
......@@ -48,6 +48,7 @@ Route::group('app_broker', [
'customerinfo_genjin' => ['app_broker/index/customerinfo_genjin', ['method' => 'get']],
'timeline_pc' => ['app_broker/index/timeline_pc', ['method' => 'get']],
'shop_detail_pc' => ['app_broker/index/shop_detail_pc', ['method' => 'get']],
'office_detail_pc' => ['app_broker/index/office_detail_pc', ['method' => 'get']],
'submit_report_pc' => ['app_broker/index/submit_report_pc', ['method' => 'get']],
'customer_genjin_detail_pc' => ['app_broker/index/customer_genjin_detail_pc', ['method' => 'get']],
'bargaininfo_detail_static_pc' => ['app_broker/index/bargaininfo_detail_static_pc', ['method' => 'get']],
......
@charset "utf-8";
body{
background-color: white;
font-size: 14px;
}
main>section{
padding: 20px;
}
table{
display: block;
}
table td{
box-sizing: border-box;
padding: 5px 10px;
width: 260px;
}
.tr-seat{
height: 20px;
}
tbody>tr.border-bottom{
border-bottom: 1px solid rgba(206, 213, 235,.5);
}
tbody>tr.tr-bold{
font-size: 16px;
color: black;
font-weight: bolder;
}
.img-list>li{
width:66px;
height: 66px;
}
.img-list>li+li{
margin-left: 20px;
}
.img-list>li>img{
width: 100%;
height: 100%;
object-fit: cover;
}
.phone-list>li>span{
background-color: #e0e0e0;
}
.phone-list>li>a{
color: #FF750E;
padding: 0 5px;
border-radius: 4px;
margin-left: 6px;
font-weight: 600;
font-size: 15px;
}
.phone-list>li+li{
margin-left: 20px;
}
.modal-area{
background-color: rgba(0, 0, 0, .3);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.call-hide-area{
width: 400px;
background-color: white;
padding: 20px;
}
.call-hide-area>p:nth-of-type(1){
font-size: 18px;
}
.call-hide-area>p:nth-of-type(3){
text-align: center;
font-size: 38px;
line-height: 80px;
}
.call-hide-area>p:nth-of-type(4){
display: flex;
justify-content: space-around;
align-items: center;
}
.call-hide-area>p:nth-of-type(4)>a{
flex: 120px 0 0;
height: 46px;
line-height: 46px;
border-radius: 10px;
text-align: center;
font-size: 18px;
background-color: #286090;
color: white;
}
.call-hide-area>textarea{
display: block;
width: 100%;
height: 200px;
border: 1px dotted #333;
margin-bottom: 30px;
}
/*拨打电话模态框*/
html{
font-size: 55.2px;
}
#call_modal{
position: fixed;
background-color: rgba(0,0,0,.7);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 102;
}
.call-modal-main{
width: 6.6rem;
height: 6.54rem;
padding: .4rem .3rem;
margin-top: 1.8rem;
margin-left: calc(50vw - 182px);
background-color: white;
font-size: .3rem;
box-sizing: border-box;
}
.call-modal-main>p.call-modal-main-title{
font-size: .3rem;
color: #333;
text-align: center;
padding-bottom: .3rem;
}
.call-modal-main>p.call-modal-main-tip{
font-size: .24rem;
color: #F13D2F;
text-align: center;
padding-top: .3rem;
}
.call-modal-main>ol{
padding-bottom: .3rem;
}
.call-modal-main>ol>li{
height: .8rem;
line-height: .8rem;
background-color: #f0f0f0;
margin-bottom: .3rem;
box-sizing: border-box;
padding: 0 .2rem;
cursor: pointer;
}
.call-modal-main>ol>li>input{
float: left;
line-height: .8rem;
height: .8rem;
width: 3.5rem;
font-size: .28rem;
color: #333;
}
.call-modal-main>ol>li>div{
float: right;
}
.call-modal-main>ol>li>.call-select-icon,
.call-modal-main>ol>li>.call-delete-icon{
overflow: hidden;
padding-top: .23rem;
}
.call-modal-main>ol>li>.call-select-icon{
display: none;
}
#call_modal_phone_list>li:nth-of-type(1)>.call-delete-icon,
.call-select>.call-delete-icon,
.call-add>.call-delete-icon{
display: none;
}
.call-modal-main>ol>li>.call-select-icon>img,
.call-modal-main>ol>li>.call-delete-icon>img{
float: left;
width: .34rem;
height: .34rem;
}
.call-modal-main>ol>li>.call-edit-icon,
.call-modal-main>ol>li>.call-submit-ing-icon{
width: .8rem;
height: .5rem;
line-height: .5rem;
border-radius: .14rem;
text-align: center;
font-size: .24rem;
color: white;
background-color: #F13D2F;
margin-top: .15rem;
display: none;
cursor: pointer;
}
.call-modal-main>ol>li>.call-submit-ing-icon{
width: 1.2rem;
background-color: #333;
}
.call-modal-main>ol>li.call-select>.call-select-icon,
.call-modal-main>ol>li.call-add>.call-edit-icon{
display: block;
}
.call-modal-main>ol>li.call-select>.call-edit-icon,
.call-modal-main>ol>li.call-add>.call-select-icon{
display: none!important;
}
.call-modal-main>div{
text-align: center;
color: #FF9419;
box-sizing: border-box;
border: 1px solid #FF9419;
line-height: .8rem;
height: .8rem;
}
.call-btn-area{
overflow: hidden;
margin-left: calc(50vw - 182px);
margin-top: .3rem;
}
.call-btn-area>div{
float: left;
width: 3.15rem;
height: .8rem;
line-height: .8rem;
border-radius: .08rem;
text-align: center;
font-size: .32rem;
}
.call-btn-area>div#call_btn_cancel{
background-color: white;
color: #FF9419;
}
.call-btn-area>div#call_btn_ok{
background-color: #FF9419;
color: white;
margin-left: .3rem;
}
.call-btn-area>div#call_btn_ok_temp{
background-color: #ccc;
color: white;
margin-left: .3rem;
}
/*c端公开样式*/
.is-public-user{
display: inline-block;
background-image: linear-gradient(-146deg, #FFDC0F 0%, #FF750E 91%);
border-radius: 3px;
/*background-color: #FF750E;*/
color: white;
padding: 0 3px;
width: 83px;
height: 34px;
line-height: 34px;
font-size: 15px;
}
.public-hide-area{
width: 440px;
background-color: white;
padding: 20px;
padding-top: 69px;
height: 260px;
box-sizing: border-box;
border-radius: 3px;
}
.choose-public-user{
width: 138px;
align-items: center;
text-rendering: auto;
border: 1px solid #ccc;
text-indent: 6px;
height: 36px;
border-radius: 5px;
font-size: 15px;
border-image: initial;
}
.is-public-show{
font-size: 17px;
}
.save-is-public,.cancel-is-public{
text-align: center;
float: right;
width: 58px;
height: 34px;
line-height: 34px;
border-radius: 5px;
margin-top: 100px;
margin-left: 10px;
font-size: 15px;
}
.cancel-is-public{
color: #000;
background: rgba(204, 204, 204,.9);
}
.save-is-public{
color: #fff;
background: #337ab7;
}
.color-biaoshi{
color: #337ab7;
}
This diff is collapsed.
......@@ -488,7 +488,7 @@ define(['doT', 'text!temp/office_building_list_template_tpl.html', 'css!style/ho
$('.detail-modal-body-sec:nth-of-type('+(business.detailTabIndex+1)+')').show().siblings().hide();
if(business.detailTabIndex == 0){
checkLogin();
$('.iframe-shop-detail').attr('src', '/app_broker/shop_detail_pc?shop_id='+business.id);
$('.iframe-shop-detail').attr('src', '/app_broker/office_detail_pc?shop_id='+business.id);
}else if(business.detailTabIndex == 1){
checkLogin();
$('.followup-modal-comment-area>textarea').val('');//清空跟进框内容
......@@ -721,7 +721,7 @@ define(['doT', 'text!temp/office_building_list_template_tpl.html', 'css!style/ho
business.house_id = $(this).attr("data-id");
checkLogin();
// business.getFollowupList();
$('.iframe-shop-detail').attr('src', '/app_broker/shop_detail_pc?shop_id='+_id);
$('.iframe-shop-detail').attr('src', '/app_broker/office_detail_pc?shop_id='+_id);
});
//是否独家 下载附件 附件上传处理事件
$("#file_input").change(function() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment