Skip to content

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

客户动态详情修改

parent fe07df02
Hide whitespace changes
Inline Side-by-side
Showing with 392 additions and 333 deletions
application/app_broker/view/index/customerinfo_details_new.html
View file @ f53257b5
...@@ -24,16 +24,16 @@ ...@@ -24,16 +24,16 @@
<header id="header"> <header id="header">
<a class="ps-back" href="javascript:(history.length>1?history.go(-1):window.location='/');" id="back_btn"></a> <a class="ps-back" href="javascript:(history.length>1?history.go(-1):window.location='/');" id="back_btn"></a>
<h2 id="title"></h2> <h2 id="title"></h2>
<a class="icon-link icon-link-edit" id="edit_btn"></a>
</header> </header>
<div class="header_seat"></div> <div class="header_seat"></div>
<div class="info-area"> <div class="info-area">
<div><img src="/app/images/ic_default_headpic.png" onerror="javascript:this.src='/app/images/ic_default_headpic.png'" id="customer_pic" /></div> <div class="flex-center"><img src="/app/images/ic_default_headpic.png" onerror="javascript:this.src='/app/images/ic_default_headpic.png'" id="customer_pic" /></div>
<div> <div>
<p>客户姓名：<span id="name"></span></p> <p><span id="name"></span><span class="edit-btn"><span id="customer_sex"></span><img src="/app/images/boy_ic@2x.png" class="sex-icon" /></p>
<p>客户电话： <p><a href="javascript:;" id="call_list_open_btn" class="flex-center"><span id="customer_phone"></span><img src="/app/images/ic_tel.png" /></a></p>
<a href="javascript:;" id="call_list_open_btn"><span id="customer_phone"></span><img src="/app/images/ic_tel.png" /></a> <p><span class="flex-center" id="industry_type"></span><span class="flex-center" id="price_demand"></span><span class="flex-center" id="area_demand"></span></p>
</p>
</div> </div>
</div> </div>
...@@ -76,11 +76,9 @@ ...@@ -76,11 +76,9 @@
<section class="sec-info"> <section class="sec-info">
<div class="info-main"> <div class="info-main">
<p>客源编号：<span id="customer_code"></span></p> <p>客源编号：<span id="customer_code"></span></p>
<p>客户姓名：<span class="edit-btn"><span id="customer_name"></span><img class="edit-icon" src="/app/images/ic_bianji.png" /></span> <!--<p>客户姓名：<span class="edit-btn"><span id="customer_name"></span><img class="edit-icon" src="/app/images/ic_bianji.png" /></span></p>
</p> <p>性别：<span class="edit-btn"><span id="customer_sex"></span><img src="/app/images/boy_ic@2x.png" class="sex-icon" /><img class="edit-icon" src="/app/images/ic_bianji.png" /></span></p>-->
<p>性别：<span class="edit-btn"><span id="customer_sex"></span><img src="/app/images/boy_ic@2x.png" class="sex-icon" /><img class="edit-icon" src="/app/images/ic_bianji.png" /></span> <p>客方：<span><span id="kefang"></span></span>
</p>
<p>客方：<span class="edit-btn"><span id="kefang"></span><img class="edit-icon" src="/app/images/ic_bianji.png" /></span>
</p> </p>
<p>新增时间：<span id="add_time"></span></p> <p>新增时间：<span id="add_time"></span></p>
</div> </div>
...@@ -154,8 +152,8 @@ ...@@ -154,8 +152,8 @@
</div> </div>
<script type="text/javascript" src="/app/js/jquery-1122-min.js"></script> <script type="text/javascript" src="/app/js/jquery-1122-min.js"></script>
<script src="/app/js/common.js?new39" charset="utf-8"></script> <script src="/app/js/common.js?new40" charset="utf-8"></script>
<script src="/app/js/customerinfo_details_new.js?new46"></script> <script src="/app/js/customerinfo_details_new.js?new47"></script>
</body> </body>
......
application/index/view/houses/edit.html
View file @ f53257b5
{layout name="global/frame_tpl" /} {layout name="global/frame_tpl" /}
<input type="hidden" class="page-load" id="edit" /> <input type="hidden" class="page-load" id="shop_edit" />
<!--不会有异步加载时，样式错乱的问题--> <!--默认#page-content-wrapper是隐藏的-->
<style type="text/css"> <div id="page-content-wrapper" style="display: none;">
.form-group {
margin: 10px;
}
.input-100-width {
width: 100px!important;
}
.input-360-width {
width: 360px!important;
}
.textarea-500-width {
width: 500px!important;
}
.list-group-item>.full-width-100+.full-width-100 {
padding-top: 10px;
}
.list-group-item>.full-width-100>label {
width: 60px;
}
.list-group-item>.full-pic-area>label {
width: 120px;
}
.input-add-tel {
margin-top: 16px;
height: 20px;
}
.phone-list-container {
overflow: hidden;
width: 196px;
vertical-align: top!important;
position: relative;
}
.phone-list-container>label {
line-height: 30px;
}
.phone-list-container>input {
float: left;
}
.phone-list-container>ul {
width: 196px;
list-style: none;
padding-left: 0;
float: right;
border: 1px solid #ccc;
border-top: none;
background-color: white;
display: none;
}
.phone-list-container>ul>li:hover {
background-color: #e0e0e0;
}
.phone-list-container>img {
position: absolute;
right: 5px;
top: 7px;
width: 20px;
}
.address-relate{
cursor: pointer;
}
.address-search-head-div{
height: 88px;
overflow: hidden;
padding-left: 12%;
}
/*获取百度经纬度样式*/
/*********************************************************百度定位页面iframe引入*************************************/
#position_box {
height: 750px;
background-color: #f0f0f0;
overflow: scroll;
position: relative;
}
div.address-header-bar {
overflow: hidden;
float: left;
}
#address_city_title {
float: left;
width: 150px;
line-height: 60px;
font-size: 30px;
color: #333;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: none;
}
.crile {
float: left;
width: 570px;
overflow: hidden;
position: relative;
}
.crile>input {
line-height: 60px;
box-sizing: border-box;
padding: 0;
border-width: 1px;
width: 100%;
display: block;
border-radius: 30px;
background: #f5f5f5 url('/resource/image/search_ic.png') no-repeat 30px center;
background-size: 28px;
text-indent: 60px;
font-size: 28px;
outline: none;
}
.crile>input::-webkit-search-cancel-button {
-webkit-appearance: none;
}
img.cancel-pic {
width: 28px;
height: 28px;
position: absolute;
right: 0;
top: 0;
box-sizing: content-box;
padding: 15px;
}
#main_ul {
padding: 0 30px;
background-color: white;
font-size: 30px;
}
#main_ul>ul {
padding-left: 0;
}
#main_ul>ul>li {
cursor: pointer;
list-style: none;
}
#main_ul>ul>li+li {
border-top: 1px solid #e0e0e0;
}
#main_ul>ul>li>p:nth-of-type(1) {
color: #333;
padding: 20px 0 10px;
margin: 0;
}
#main_ul>ul>li>p:nth-of-type(2) {
color: #999;
padding-bottom: 20px;
margin: 0;
}
.loading_pic {
font-size: 20px;
text-align: center;
width: 100%;
position: absolute;
top: 150px;
display: none;
}
.loading_pic>img {
width: 120px;
display: block;
margin: 0 auto;
}
.loading_pic>p {
font-size: 20px;
color: #333;
text-align: center;
margin-top: 10px;
color: rgb(51, 51, 51);
}
.no_more {
font-size: 30px;
height: 50px;
line-height: 50px;
text-align: center;
display: none;
}
/**/
#li_dujia_area {
display: none;
}
/*上传图片预览区域*/
.img-pre-ul {
padding-left: 0;
overflow: hidden;
/*width: 100%;*/
}
.img-pre-ul>li {
list-style: no;
float: left;
width: 210px;
height: 170px;
overflow: hidden;
margin-right: 10px;
margin-top: 10px;
}
.img-pre-ul>li.pdf-pre-li {
height: 70px;
}
.img-pre-ul>li>img {
float: left;
width: 210px;
height: 140px;
object-fit: contain;
cursor: pointer;
}
.img-pre-ul>li>a {
float: left;
width: 210px;
text-align: center;
line-height: 30px;
}
.img-pre-ul>li>a.pdf-pre-a {
line-height: 20px;
word-break: break-all;
}
/*图片点击放大预览区域的样式*/
#img_mask_area {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1001;
background-color: rgba(0, 0, 0, .3);
display: none;
}
#img_mask_area>img {
width: 900px;
height: 700px;
object-fit: contain;
position: absolute;
left: 50%;
top: 50%;
margin-left: -450px;
margin-top: -350px;
}
/*整个页面加载图标区域*/
#main_loading_pic{
position: fixed;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
overflow: hidden;
display: none;
}
#main_loading_pic>img{
float: left;
width: 100%;
height: 100%;
}
/*房东手机号样式调整*/
.landlord-form-group{
margin-top: 0!important;
}
.input-add-tel-landlord{
margin-top: 8px!important;
}
</style>
<div id="page-content-wrapper">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-10 col-lg-offset-0"> <div class="col-lg-10 col-lg-offset-0">
......
public/app/css/common.css
View file @ f53257b5
...@@ -31,6 +31,13 @@ textarea { ...@@ -31,6 +31,13 @@ textarea {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.flex-center{
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
a,a:hover,a:active,a:visited,a:link,a:focus{ a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
...@@ -104,6 +111,20 @@ header .word-link{ ...@@ -104,6 +111,20 @@ header .word-link{
line-height: .88rem; line-height: .88rem;
} }
header .icon-link{
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: block;
width: .88rem;
height: .88rem;
}
header .icon-link.icon-link-edit{
background: url('/app/images/icon_bianji@2x.png') no-repeat center center/.38rem .38rem;
}
header .share-tips{ header .share-tips{
position: absolute; position: absolute;
top: 0; top: 0;
......
public/app/css/customerinfo_details_new.css
View file @ f53257b5
...@@ -4,19 +4,19 @@ body{ ...@@ -4,19 +4,19 @@ body{
display: none; display: none;
} }
.info-area{ .info-area{
overflow: hidden; /*overflow: hidden;*/
height: 2.2rem; display: flex;
height: 2.5rem;
box-sizing: border-box; box-sizing: border-box;
background-color: white; background-color: white;
padding: .5rem .3rem; /*padding: .5rem .3rem;*/
border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
} }
.info-area>div{ .info-area>div{
float: left; display: flex;
} }
.info-area>div:nth-of-type(1){ .info-area>div:nth-of-type(1){
overflow: hidden; flex: 1.8rem 0 0;
margin-right: .3rem;
} }
.info-area>div:nth-of-type(1)>img{ .info-area>div:nth-of-type(1)>img{
width: 1.2rem; width: 1.2rem;
...@@ -26,16 +26,27 @@ body{ ...@@ -26,16 +26,27 @@ body{
float: left; float: left;
} }
.info-area>div:nth-of-type(2){ .info-area>div:nth-of-type(2){
display: flex;
flex-wrap: wrap;
align-content: center;
} }
.info-area>div:nth-of-type(2)>p{ .info-area>div:nth-of-type(2)>p{
display: flex;
font-size: .3rem; font-size: .3rem;
color: #999; color: #999;
padding-top: .13rem; flex: 100%;
}
.info-area>div:nth-of-type(2)>p:nth-of-type(1){
font-size: .4rem;
line-height: .64rem;
}
.info-area>div:nth-of-type(2)>p:nth-of-type(2){
line-height: .52rem;
} }
.info-area>div:nth-of-type(2)>p>span, .info-area>div:nth-of-type(2)>p>span,
.info-area>div:nth-of-type(2)>p>a{ .info-area>div:nth-of-type(2)>p>a{
color: #333; /*color: #333;*/
color: #1a1a1a;
} }
.info-area>div:nth-of-type(2)>p:nth-of-type(2)>a>img{ .info-area>div:nth-of-type(2)>p:nth-of-type(2)>a>img{
width: .3rem; width: .3rem;
...@@ -44,6 +55,32 @@ body{ ...@@ -44,6 +55,32 @@ body{
position: relative; position: relative;
top: -0.03rem; top: -0.03rem;
} }
.info-area>div:nth-of-type(2)>p:nth-of-type(3)>span{
display: flex;
font-size: .26rem;
}
.info-area>div:nth-of-type(2)>p:nth-of-type(3)>span:nth-of-type(1){
color: #FA903F;
border: 1px solid #FA903F;
border-radius: .17rem;
height: .34rem;
width: .8rem;
padding: 0 .12rem;
}
.info-area>div:nth-of-type(2)>p:nth-of-type(3)>span:nth-of-type(2){
flex: 1.8rem 0 0;
}
.edit-btn{
display: flex;
align-items: center;
justify-content: center;
padding-left: .1rem;
}
.edit-btn>img{
width: .2rem;
height: .3rem;
}
.tab-area{ .tab-area{
height: .9rem; height: .9rem;
......
public/app/js/customerinfo_details_new.js
View file @ f53257b5
...@@ -71,13 +71,15 @@ function loadMain(){ ...@@ -71,13 +71,15 @@ function loadMain(){
if(typeof data === 'object') { if(typeof data === 'object') {
if (data.code == 200) { if (data.code == 200) {
$('#customer_code').html(data['data']['user_info']['user_id']); $('#customer_code').html(data['data']['user_info']['user_id']);
$('#customer_name, #name').html(data['data']['user_info']['user_nick']); $('#customer_name, #name').html(data['data']['user_info']['user_name']+(data['data']['user_info']['user_nick']?('('+data['data']['user_info']['user_nick']+')'):''));
if(data['data']['user_info']['sex']==2){ if(data['data']['user_info']['sex']==2){
$('#customer_sex').html('女').next().attr('src','/app/images/girl_ic@2x.png'); $('.sex-icon').attr('src','/app/images/girl_ic@2x.png');
}else{
$('#customer_sex').html('男').next().attr('src','/app/images/boy_ic@2x.png');
}; };
$('#industry_type').html(data['data']['user_info']['industry_type']);
$('#price_demand').html(data['data']['user_info']['price_demand']+'元/月');
$('#area_demand').html(data['data']['user_info']['area_demand']+'㎡');
$('#kefang').html(data['data']['user_info']['agentinfo']); $('#kefang').html(data['data']['user_info']['agentinfo']);
$('#add_time').html(data['data']['user_info']['create_time']); $('#add_time').html(data['data']['user_info']['create_time']);
$('#customer_pic').attr('src',data['data']['user_info']['user_pic']); $('#customer_pic').attr('src',data['data']['user_info']['user_pic']);
...@@ -87,7 +89,7 @@ function loadMain(){ ...@@ -87,7 +89,7 @@ function loadMain(){
if(data['data']['user_info']['agent_id'] == _userId || localStorage.getItem('userlevel') != '10'){ if(data['data']['user_info']['agent_id'] == _userId || localStorage.getItem('userlevel') != '10'){
//客方和当前登录用户一致,或者当前登录用户为店长或者总监时，才能进行编辑客户 //客方和当前登录用户一致,或者当前登录用户为店长或者总监时，才能进行编辑客户
$('.edit-icon').show(); $('.edit-icon').show();
$('.edit-btn').click(function(e){ $('#edit_btn').click(function(e){
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
//location.href = ServerHost+'/app_broker/customerinfo_customer_add?customerId='+_customerId; //location.href = ServerHost+'/app_broker/customerinfo_customer_add?customerId='+_customerId;
...@@ -160,13 +162,13 @@ function loadMain(){ ...@@ -160,13 +162,13 @@ function loadMain(){
Compatible({ Compatible({
paraIos: { paraIos: {
'route': 'baobei', 'route': 'baobei',
'name': data['data']['user_info']['user_nick'], 'name': data['data']['user_info']['user_name'],
'phone': data['data']['user_info']['user_phone'], 'phone': data['data']['user_info']['user_phone'],
'sex': data['data']['user_info']['sex'], 'sex': data['data']['user_info']['sex'],
'userId': data['data']['user_info']['user_id'] 'userId': data['data']['user_info']['user_id']
}, },
fnAndroid: function() { fnAndroid: function() {
window.android.onProjectReport(data['data']['user_info']['user_nick'],data['data']['user_info']['user_phone'],data['data']['user_info']['sex'],parseInt(data['data']['user_info']['user_id'])); window.android.onProjectReport(data['data']['user_info']['user_name'],data['data']['user_info']['user_phone'],data['data']['user_info']['sex'],parseInt(data['data']['user_info']['user_id']));
}, },
fn: function() { fn: function() {
console.warn('error'); console.warn('error');
......
public/resource/css/shop_edit.css 0 → 100644
View file @ f53257b5
@charset "utf-8";
.form-group {
margin: 10px;
}
.input-100-width {
width: 100px!important;
}
.input-360-width {
width: 360px!important;
}
.textarea-500-width {
width: 500px!important;
}
.list-group-item>.full-width-100+.full-width-100 {
padding-top: 10px;
}
.list-group-item>.full-width-100>label {
width: 60px;
}
.list-group-item>.full-pic-area>label {
width: 120px;
}
.input-add-tel {
margin-top: 16px;
height: 20px;
}
.phone-list-container {
overflow: hidden;
width: 196px;
vertical-align: top!important;
position: relative;
}
.phone-list-container>label {
line-height: 30px;
}
.phone-list-container>input {
float: left;
}
.phone-list-container>ul {
width: 196px;
list-style: none;
padding-left: 0;
float: right;
border: 1px solid #ccc;
border-top: none;
background-color: white;
display: none;
}
.phone-list-container>ul>li:hover {
background-color: #e0e0e0;
}
.phone-list-container>img {
position: absolute;
right: 5px;
top: 7px;
width: 20px;
}
.address-relate{
cursor: pointer;
}
.address-search-head-div{
height: 88px;
overflow: hidden;
padding-left: 12%;
}
/*获取百度经纬度样式*/
/*********************************************************百度定位页面iframe引入*************************************/
#position_box {
height: 750px;
background-color: #f0f0f0;
overflow: scroll;
position: relative;
}
div.address-header-bar {
overflow: hidden;
float: left;
}
#address_city_title {
float: left;
width: 150px;
line-height: 60px;
font-size: 30px;
color: #333;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: none;
}
.crile {
float: left;
width: 570px;
overflow: hidden;
position: relative;
}
.crile>input {
line-height: 60px;
box-sizing: border-box;
padding: 0;
border-width: 1px;
width: 100%;
display: block;
border-radius: 30px;
background: #f5f5f5 url('/resource/image/search_ic.png') no-repeat 30px center;
background-size: 28px;
text-indent: 60px;
font-size: 28px;
outline: none;
}
.crile>input::-webkit-search-cancel-button {
-webkit-appearance: none;
}
img.cancel-pic {
width: 28px;
height: 28px;
position: absolute;
right: 0;
top: 0;
box-sizing: content-box;
padding: 15px;
}
#main_ul {
padding: 0 30px;
background-color: white;
font-size: 30px;
}
#main_ul>ul {
padding-left: 0;
}
#main_ul>ul>li {
cursor: pointer;
list-style: none;
}
#main_ul>ul>li+li {
border-top: 1px solid #e0e0e0;
}
#main_ul>ul>li>p:nth-of-type(1) {
color: #333;
padding: 20px 0 10px;
margin: 0;
}
#main_ul>ul>li>p:nth-of-type(2) {
color: #999;
padding-bottom: 20px;
margin: 0;
}
.loading_pic {
font-size: 20px;
text-align: center;
width: 100%;
position: absolute;
top: 150px;
display: none;
}
.loading_pic>img {
width: 120px;
display: block;
margin: 0 auto;
}
.loading_pic>p {
font-size: 20px;
color: #333;
text-align: center;
margin-top: 10px;
color: rgb(51, 51, 51);
}
.no_more {
font-size: 30px;
height: 50px;
line-height: 50px;
text-align: center;
display: none;
}
/**/
#li_dujia_area {
display: none;
}
/*上传图片预览区域*/
.img-pre-ul {
padding-left: 0;
overflow: hidden;
/*width: 100%;*/
}
.img-pre-ul>li {
list-style: no;
float: left;
width: 210px;
height: 170px;
overflow: hidden;
margin-right: 10px;
margin-top: 10px;
}
.img-pre-ul>li.pdf-pre-li {
height: 70px;
}
.img-pre-ul>li>img {
float: left;
width: 210px;
height: 140px;
object-fit: contain;
cursor: pointer;
}
.img-pre-ul>li>a {
float: left;
width: 210px;
text-align: center;
line-height: 30px;
}
.img-pre-ul>li>a.pdf-pre-a {
line-height: 20px;
word-break: break-all;
}
/*图片点击放大预览区域的样式*/
#img_mask_area {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1001;
background-color: rgba(0, 0, 0, .3);
display: none;
}
#img_mask_area>img {
width: 900px;
height: 700px;
object-fit: contain;
position: absolute;
left: 50%;
top: 50%;
margin-left: -450px;
margin-top: -350px;
}
/*整个页面加载图标区域*/
#main_loading_pic{
position: fixed;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
overflow: hidden;
display: none;
}
#main_loading_pic>img{
float: left;
width: 100%;
height: 100%;
}
/*房东手机号样式调整*/
.landlord-form-group{
margin-top: 0!important;
}
.input-add-tel-landlord{
margin-top: 8px!important;
}
\ No newline at end of file
public/resource/js/edit.js → public/resource/js/shop_edit.js
View file @ f53257b5
define(['ckfinder', 'ckfinderStart', 'bootstrapJs'], function() { define(['doT', 'css!style/shop_edit.css', 'ckfinder', 'ckfinderStart', 'bootstrapJs'], function(doT) {
var user = { var user = {
init: function() { init: function() {
//初始化dot //初始化dot
...@@ -6,6 +6,8 @@ define(['ckfinder', 'ckfinderStart', 'bootstrapJs'], function() { ...@@ -6,6 +6,8 @@ define(['ckfinder', 'ckfinderStart', 'bootstrapJs'], function() {
}, },
upload_id: 0, upload_id: 0,
event: function() { event: function() {
$('#page-content-wrapper').show();
var _objThis = this, //user对象 var _objThis = this, //user对象
_id = getUrlParam('id'), //地址栏获取的商铺或者街铺id _id = getUrlParam('id'), //地址栏获取的商铺或者街铺id
_source = getUrlParam('source'), _source = getUrlParam('source'),
......
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