Skip to content

T
tl_estate
Commit 199a2d99 authored by xishifeng's avatar xishifeng
Browse files
Options

商铺详情修改

parent fc7f1995
Hide whitespace changes
Inline Side-by-side
Showing with 436 additions and 9 deletions
application/app_broker/controller/Index.php
View file @ 199a2d99
......@@ -177,6 +177,11 @@ class Index
{
return view('index/bargaininfo_detail_pc');
}
public function shop_detail_pc()
{
return view('index/shop_detail_pc');
}
public function customerinfo_details_new()
{
......
application/app_broker/view/index/shop_detail_pc.html 0 → 100644
View file @ 199a2d99
<!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="" />
</head>
<body style="display: none;">
<div id="app">
<main>
<section>
<table>
<tbody>
<tr>
<td>商铺编号：{{d.id}}</td>
<td>商铺类型：{{d.shop_type?'街铺':'商场'}}</td>
<td>是否对客户展示：{{}}</td>
<td>是否独家：{{}}</td>
</tr>
<tr>
<td>{{dealPrice}}</td>
<td>{{d.shop_type?'转让费':'进场费'}}：{{d.slotting_fee}}元</td>
<td>物业管理费：{{d.management_fee}}元/月</td>
<td></td>
</tr>
<tr>
<td>商铺面积：{{dealArea}}</td>
<td>项目总面积：{{d.market_area}}</td>
<td>剩余铺数：{{d.residue_num}}</td>
<td>总铺数：{{d.total}}</td>
</tr>
<tr>
<td>业态：{{d.industry_type}}</td>
<td>已入驻：{{d.enter_num}}</td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2">对内商铺名称：{{}}</td>
<td colspan="2">对内商铺地址：{{}}</td>
</tr>
<tr>
<td colspan="2">交通：{{d.traffic}}</td>
<td colspan="2">签约规则：{{d.sign_rule}}</td>
</tr>
<tr>
<td colspan="2">对内项目优势：{{}}</td>
<td colspan="2">标签：{{d.shop_sign}}</td>
</tr>
<tr>
<td>营业时间：{{d.do_business_date}}</td>
<td>招商时间：{{d.opening_date}}</td>
<td>开业时间：{{d.start_business_date}}</td>
<td>煤气：{{d.is_has_gas?'没有':'有'}}</td>
</tr>
<tr>
<td colspan="4" class="oh">
<div class="fl">列表页封面图：</div>
<div class="fl">
<ul>
<li><img :src="d" /></li>
</ul>
</div>
</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" /></li>
</ul>
</div>
</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" /></li>
</ul>
</div>
</td>
</tr>
<tr>
<td colspan="2">对外商铺名称：{{}}</td>
<td colspan="2">对外商铺地址：{{}}</td>
</tr>
<tr>
<td colspan="2">对外项目优势：{{}}</td>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="4">
<div class="fl">房东：</div>
<div class="fl">
<ul class="oh lanlord-list">
<li class="fl oh" v-for="(item, index) in d.landlord_phone" :key="index">{{item.name+'-'+item.phone}}</li>
</ul>
</div>
</td>
</tr>
<tr>
<td colspan="4">房东备注：{{}}</td>
</tr>
<tr>
<td colspan="4">
<div class="fl">盘方：</div>
<div class="fl">
<ul class="oh lanlord-list">
<li class="fl oh" v-for="(item, index) in d.panParty" :key="index" :data-id="item.id">{{item.name+'-'+item.phone}}</li>
</ul>
</div>
</td>
</tr>
<tr>
<td colspan="4">
<div class="fl">案场权限人：</div>
<div class="fl">
<ul class="oh lanlord-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>上传时间：{{dealArea}}</td>
<td>最后编辑时间：{{d.market_area}}</td>
<td>独家有效期：{{d.residue_num}}</td>
<td>独家方：{{d.total}}</td>
</tr>
</tbody>
</table>
</section>
</main>
</div>
<script src="/app/js/libs/require.min.js" data-js="/app/js/shop_detail_pc.js" data-main="/app/js/main" data-norem="yes" defer async="true"></script>
</body>
</html>
<!--
report 报备
march_in 进场
follow_up_log 跟进
pay_log 收款
refund 退款
bargain 成交报告
-->
\ No newline at end of file
application/index/controller/Houses.php
View file @ 199a2d99
......@@ -10,7 +10,7 @@ namespace app\index\controller;
use app\api\controller\Sublet;
use app\api_broker\service\LookShopService;
//use app\api_broker\service\LookShopService;
use app\index\extend\Basic;
use app\model\AAgents;
use app\model\GHouses;
......@@ -220,10 +220,10 @@ class Houses extends Basic
$data['data']['total'] = $this->house->getHouseListDishTotal($where);
}
$look_shop = new LookShopService();
// $look_shop = new LookShopService();
foreach ($data['data']['list'] as $k=>$v) {
$data['data']['list'][$k]["is_look"] = $look_shop->isLooked($this->userId, $v["id"]);
$data['data']['list'][$k]["is_look"] = false;
}
return $this->response($data['status'], $data['msg'], $data['data']);
......
application/index/view/houses/houseList.html
View file @ 199a2d99
......@@ -324,7 +324,7 @@
</div>
<!-- #查看-->
<div class="modal fade" id="modal_detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal fade" id="modal_shop_detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-one">
<div class="modal-content">
<div class="modal-header">
......@@ -336,12 +336,12 @@
</h4>
</div>
<div class="modal-body modal-body-one">
<iframe class="iframe-shop-detail"></iframe>
</div>
</div>
</div>
</div>
<!-- #跟进-->
<div class="modal fade" id="modal_followup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-one">
<div class="modal-content">
......@@ -354,11 +354,28 @@
</h4>
</div>
<div class="modal-body modal-body-one">
<div class="followup-modal-list-area">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="modal_followup_table_list">
<tr>
<td>电话跟进：测试测试测试测试测试测试测试测试测试测试测试测试</td>
<td>刘丹丹</td>
<td>2017-09-05 15:22:33</td>
</tr>
<tr>
<td colspan="3">2017-09-05 15:22:33</td>
</tr>
</tbody>
</table>
</div>
<div class="followup-modal-comment-area">
<textarea></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" id="modify_add" data-dismiss="modal">
<button type="button" class="btn btn-primary" id="modal_followup_submit_btn">
提交
</button>
</div>
......
application/route.php
View file @ 199a2d99
......@@ -45,6 +45,7 @@ Route::group('app_broker', [
'daily_achieve_ywy' => [ 'app_broker/index/daily_achieve_ywy', [ 'method' => 'get' ] ],
'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' ] ],
'bargaininfo_detail_pc' => [ 'app_broker/index/bargaininfo_detail_pc', [ 'method' => 'get' ] ],
'customerinfo_customer_add' => [ 'app_broker/index/customerinfo_customer_add', [ 'method' => 'get' ] ],
'customerinfo_details_new' => [ 'app_broker/index/customerinfo_details_new', [ 'method' => 'get' ] ],
......
public/app/css/shop_detail_pc.css 0 → 100644
View file @ 199a2d99
@charset "utf-8";
body{
background-color: white;
font-size: 16px;
}
main>section{
padding: 20px;
}
table{
display: block;
}
table td{
box-sizing: border-box;
padding: 5px 10px;
width: 260px;
}
.img-list>li{
width:140px;
height: 140px;
}
.img-list>li+li{
margin-left: 20px;
}
.img-list>li>img{
width: 100%;
height: 100%;
object-fit: cover;
}
\ No newline at end of file
public/app/js/shop_detail_pc.js 0 → 100644
View file @ 199a2d99
'use strict';
require(['vue', 'css!style/shop_detail_pc.css', 'jquery0325', 'common'],function(Vue, VConsole){
var shop_id = getUrlParam('shop_id');
var user_info_obj = JSON.parse(decodeURIComponent(sessionStorage.getItem('pcUserInfo'))); //读取缓存
var vm = new Vue({
el: '#app',
data: {
user_info_obj,
d: {}
},
created: function() {
var _this = this;
document.body.style.display = 'block';
$.ajax({
type: 'get',
url: ServerHostTempC+'/broker/getShopDetail',
data: {
'id': shop_id,
'site_area': 3,
'AuthToken': _this.user_info_obj.AuthToken
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
_this.d = _data.data;
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
methods: {
dealPriceSwicth: function(t) {
let _this = this;
if(t == '1'){
return {
}
}else if(t == '2'){
return {
}
}else{
return {
}
}
}
},
computed: {
dealPrice: function(){
let _this = this;
if(_this.d.rent_type == '1'){
return '租金均价 ：' + _this.d.rent_price + '元/月';
}else if(_this.d.rent_type == '2'){
return '营业额扣点 ：' + _this.d.rent_price + '%';
}else{
return '租金均价 ：' + _this.d.rent_price + '元/天/m²';
}
},
dealArea: function(){
let _this = this;
if(_this.d.shop_type){
//街铺
return _this.d.shop_area_start + '㎡';
}else{
//商场
return _this.d.shop_area_start + '㎡—' + _this.d.shop_area_end + '㎡';
}
}
}
});
});
public/resource/css/public.css
View file @ 199a2d99
......@@ -239,7 +239,40 @@ a:hover{
max-width: 750px;
height: 600px;
}
#modal_shop_detail>div{
width: 1090px;
}
.iframe-shop-detail{
border: none;
width: 100%;
max-width: 1090px;
height: 600px;
}
.menu-sub-alink.active-a{
background-color: #ff9419!important;
}
/*商铺列表，商铺动态，跟进信息样式*/
.followup-modal-list-area{
height: 450px;
overflow-y: scroll;
}
#modal_followup_table_list>tr>td:nth-of-type(1){
width: 70%;
}
#modal_followup_table_list>tr>td:nth-of-type(2){
width: 15%;
}
#modal_followup_table_list>tr>td:nth-of-type(3){
width: 15%;
}
.followup-modal-comment-area{
padding-top: 30px;
}
.followup-modal-comment-area>textarea{
width: 100%;
height: 80px;
display: block;
margin: 0 auto;
}
public/resource/js/houseList.js
View file @ 199a2d99
......@@ -7,6 +7,10 @@ define(['doT', 'text!temp/house_template_tpl.html', 'css!style/home.css', 'ckfin
pageNo: 1,
/*第几页*/
pageSize: 10,
AuthToken: '',
agent_id: 0,
agent_phone: '',
agent_name: '',
/*每页显示多少条*/
id: '',
house_id: '',
......@@ -60,6 +64,11 @@ define(['doT', 'text!temp/house_template_tpl.html', 'css!style/home.css', 'ckfin
},
event: function() {
var _doc = $(document);
var user_info_obj = JSON.parse(decodeURIComponent(sessionStorage.getItem('pcUserInfo'))); //读取缓存
business.AuthToken = user_info_obj.AuthToken;
business.agent_id = user_info_obj.id;
business.phone = user_info_obj.phone;
business.name = user_info_obj.name;
$("#search").click(function() {
business.getList(1);
});
......@@ -253,8 +262,36 @@ define(['doT', 'text!temp/house_template_tpl.html', 'css!style/home.css', 'ckfin
_this.parent().prev().val(_this.html()).attr('data-id', _this.attr('data-id'));
_this.parent().html('').hide();
});
//
//点击查看,触发定位事件
_doc.on('click', '[href="#modal_detail"]', function(){
var _this = $(this);
if(_this.hasClass('btn-success')){
_this.removeClass('btn-success').addClass('btn-warning');
};
});
//点击跟进,获取商铺跟进动态的接口
_doc.on('click', '[href="#modal_followup"]', function(){
business.id = $(this).attr("data-id");
business.getFollowupList();
});
//点击商铺跟进保存按钮,保存数据的接口
_doc.on('click', '#modal_followup_submit_btn', function(e){
e.preventDefault();
e.stopPropagation();
business.followupAdd();
});
//查看点击事件
_doc.on('click', 'a[href="#modal_shop_detail"]', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
var _id = _this.attr('data-id');
console.log(_id);
$('.iframe-shop-detail').attr('src', '/app_broker/shop_detail_pc?shop_id='+_id);
});
},
// 获取信息 手机号 名字
......@@ -666,6 +703,64 @@ define(['doT', 'text!temp/house_template_tpl.html', 'css!style/home.css', 'ckfin
}
}
});
},
getFollowupList: function(){
$.ajax({
'type': 'get',
'url': 'https://pre2.tonglianjituan.com'+'/broker/getListByHouseId',
data: {
'house_id': business.id,
'AuthToken': business.AuthToken
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data && Array.isArray(data.data) && data.data.length>0) {
var _htmlTemp = '';
$.each(data.data, function(i, v) {
_htmlTemp += '<tr><td>{0}</td><td>{1}</td><td>{2}</td></tr>'.stringFormatObj({
'0': v.step,
'1': v.agent_name,
'2': v.create_time
})
});
$('#modal_followup_table_list').html(_htmlTemp);
}else{
$('#modal_followup_table_list').html('<tr><td>暂无数据</td></tr>');
}
} else {
alert('请登录！');
}
}
});
},
followupAdd: function(){
var _tareaObjVal = $('.followup-modal-comment-area>textarea').val();
if(_tareaObjVal == ''){
alert('内容不能为空');
return false;
};
$.ajax({
'type': 'post',
'url': 'https://pre2.tonglianjituan.com'+'/broker/addShopFollowUp',
data: {
'house_id': business.id,
'AuthToken': business.AuthToken,
'agent_id': business.agent_id,
'agent_phone': business.agent_phone,
'agent_name': business.agent_name,
'follow_up_info': _tareaObjVal
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
alert('添加成功');
$("#modal_followup").modal('hide');
} else {
alert('请登录！');
}
}
});
}
};
return business;
......
public/resource/template/house_template_tpl.html
View file @ 199a2d99
......@@ -53,7 +53,7 @@
</td>-->
<td>
[% if(it[item]['auth_edit_house'] || check_auth('index/houseEdit')) { %]
<a class="btn1 btn-success " href="#modal_detail" data-id='[%= it[item]["id"] %]' data-toggle="modal" >查看</a>
<a class="btn1 [%= (it[item]['is_look'] && it[item]['auth_edit_house'] == 0)?'btn-warning':'btn-success' %]" href="#modal_shop_detail" data-id='[%= it[item]["id"] %]' data-toggle="modal" >查看</a>
[% } %]
[% if(it[item]['auth_edit_house'] || check_auth('index/houseEdit')) { %]
......
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