Skip to content

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

跟进修改

parent ee1480c3
Show whitespace changes
Inline Side-by-side
Showing with 125 additions and 226 deletions
application/app_broker/view/index/customerinfo_genjin.html
View file @ 63e9e2af
......@@ -12,121 +12,44 @@
<body style="display: none;">
<div id="app">
<!--<header id="header">
<a class="ps-back" href="javascript:(history.length>1?history.go(-1):window.location='/');" id="back_btn"></a>
<h2 id="title">跟进</h2>
</header>
<div class="header_seat"></div>-->
<div class="list_a">
<p>
1、属于哪类客户?<span>*必填</span>
</p>
<div id="list_a">
<input name="radio_a" type="radio" id="btn1" value="1" v-model="user_type">
<label for="btn1"></label>
<i class="list_i">A类(成交意愿较强)</i>
<input name="radio_a" type="radio" id="btn2" value="2" v-model="user_type">
<label for="btn2"></label>
<i class="list_i">B类(成交意愿中等)</i>
<input name="radio_a" type="radio" id="btn3" value="3" v-model="user_type">
<label for="btn3"></label>
<i class="list_i">C类(成交意愿较弱)</i>
<div class="follow-up-sec">
<h2>1、属于哪类客户？（必填）</h2>
<div class="main-box">
<div class="radio-box oh">
<label v-for="(item, index) in selectData.customerType"><input type="radio" name="customer_type" :value="item.valueReal" v-model="user_type" />{{item.content}}</label>
</div>
</div>
<div class="list_a">
<p>
2、第一决策人是谁？
</p>
<div id="list_b">
<input type="text" placeholder="请输入" name="text" id="content1" v-model.trim="decision_maker">
</div>
<div class="follow-up-sec">
<h2>2、第一决策人是谁？</h2>
<div class="main-box">
<div class="textarea-box">
<textarea v-model.trim="decision_maker" placeholder="请输入姓名"></textarea>
</div>
<div class="list_a">
<p>
3、租商铺做什么?<span>*必填</span>
</p>
<div id="list_c">
<input name="radio_c" type="radio" id="btn4" value="1" v-model="industry_type">
<label for="btn4"></label>
<i class="list_i">
轻餐饮
</i>
<input name="radio_c" type="radio" id="btn5" value="2" v-model="industry_type">
<label for="btn5"></label>
<i class="list_i">
重餐饮
</i>
<input name="radio_c" type="radio" id="btn6" value="3" v-model="industry_type">
<label for="btn6"></label>
<i class="list_i">
百货零售
</i>
<input name="radio_c" type="radio" id="btn7" value="4" v-model="industry_type">
<label for="btn7"></label>
<i class="list_i">
服装
</i>
<input name="radio_c" type="radio" id="btn8" value="5" v-model="industry_type">
<label for="btn8"></label>
<i class="list_i">
亲子教育
</i>
<input name="radio_c" type="radio" id="btn9" value="6" v-model="industry_type">
<label for="btn9"></label>
<i class="list_i">
休闲娱乐
</i>
</div>
</div>
<div class="list_a">
<p>
4、对面积的要求?<span>*必填</span>
</p>
<div id="list_d">
<input name="radio_d" type="radio" id="area1" value="1" v-model="area_requirement">
<label for="area1"></label>
<i class="list_i">
30㎡以内
</i>
<input name="radio_d" type="radio" id="area2" value="2" v-model="area_requirement">
<label for="area2"></label>
<i class="list_i">
30-60㎡
</i>
<input name="radio_d" type="radio" id="area3" value="3" v-model="area_requirement">
<label for="area3"></label>
<i class="list_i">
60-100㎡
</i>
<input name="radio_d" type="radio" id="area4" value="4" v-model="area_requirement">
<label for="area4"></label>
<i class="list_i">
100㎡以上
</i>
<div class="follow-up-sec">
<h2>3、租商铺做什么？（必填）</h2>
<div class="main-box">
<div class="radio-box oh">
<label v-for="(item, index) in selectData.shopDoneWhat"><input type="radio" name="shop_done_what" :value="item.valueReal" v-model="industry_type" />{{item.content}}</label>
</div>
</div>
<div class="list_a">
<p>
5、对价格的要求?<span>*必填</span>
</p>
<div id="list_e">
<input name="radio_e" type="radio" id="money1" value="1" v-model="price_requirement">
<label for="money1"></label>
<i class="list_i">
月租金10000以内
</i>
<input name="radio_e" type="radio" id="money2" value="2" v-model="price_requirement">
<label for="money2"></label>
<i class="list_i">
月租金10000-30000元
</i>
<input name="radio_e" type="radio" id="money3" value="3" v-model="price_requirement">
<label for="money3"></label>
<i class="list_i">
月租金30000元以上
</i>
</div>
<div class="follow-up-sec">
<h2>4、对面积的要求？（必填）</h2>
<div class="main-box">
<div class="radio-box oh">
<label v-for="(item, index) in selectData.areaRequire"><input type="radio" name="area_require" :value="item.valueReal" v-model="area_requirement" />{{item.content}}</label>
</div>
</div>
</div>
<div class="follow-up-sec">
<h2>5、对价格的要求？（必填）</h2>
<div class="main-box">
<div class="radio-box oh">
<label v-for="(item, index) in selectData.priceRequire"><input type="radio" name="price_require" :value="item.valueReal" v-model.trim="price_requirement" />{{item.content}}</label>
</div>
</div>
</div>
<div class="list_a" id="list_aa">
......
public/app/css/customer_gj.css
View file @ 63e9e2af
......@@ -15,131 +15,13 @@
height: 0.8rem;
border-bottom: 1px solid #e5e5e5;
}
#list_a{
width: 92%;
margin: 0 auto;
margin-top: 0.1rem;
}
#list_a input{
display: none;
float: left;
}
#list_a input[type="radio"]:checked+label{
background: url("/app/images/but_yuan_sel.png")no-repeat;
width: 0.32rem;
height: 0.32rem;
background-size:100% auto;
}
#list_a label{
display: inline-block;
background: url("/app/images/but_yuan_nor.png")no-repeat;
width: 0.32rem;
height: 0.32rem;
float: left;
background-size:100% auto;
margin-top: 0.4rem;
}
#list_c{
width: 92%;
margin: 0 auto;
margin-top: 0.1rem;
}
#list_c input{
display: none;
float: left;
}
#list_c input[type="radio"]:checked+label{
background: url("/app/images/but_yuan_sel.png")no-repeat;
width: 0.32rem;
height: 0.32rem;
background-size:100% auto;
}
#list_c label{
display: inline-block;
background: url("/app/images/but_yuan_nor.png")no-repeat;
width: 0.32rem;
height: 0.32rem;
float: left;
background-size:100% auto;
margin-top: 0.4rem;
}
#list_d{
width: 92%;
margin: 0 auto;
margin-top: 0.1rem;
}
#list_d input{
display: none;
float: left;
}
#list_d input[type="radio"]:checked+label{
background: url("/app/images/but_yuan_sel.png")no-repeat;
width: 0.32rem;
height: 0.32rem;
background-size:100% auto;
}
#list_d label{
display: inline-block;
background: url("/app/images/but_yuan_nor.png")no-repeat;
width: 0.32rem;
height: 0.32rem;
float: left;
background-size:100% auto;
margin-top: 0.4rem;
}
#list_e{
width: 92%;
margin: 0 auto;
margin-top: 0.1rem;
}
#list_e input{
display: none;
float: left;
}
#list_e input[type="radio"]:checked+label{
background: url("/app/images/but_yuan_sel.png")no-repeat;
width: 0.32rem;
height: 0.32rem;
background-size:100% auto;
}
#list_e label{
display: inline-block;
background: url("/app/images/but_yuan_nor.png")no-repeat;
width: 0.32rem;
height: 0.32rem;
float: left;
background-size:100% auto;
margin-top: 0.4rem;
}
.list_i{
font-size: 0.34rem;
float: left;
color: #333333;
font-style: normal;
width: 92%;
margin-left: 0.2rem;
margin-top: 0.33rem;
}
.list_a p span{
color: #FF9419;
font-size: 0.26rem;
margin-left: 0.1rem;
}
#list_b{
width: 92%;
margin: 0 auto;
}
#list_b input{
width:100%;
background: none;
font-size: 0.34rem;
display: block;
margin-top: 0.5rem;
}
.area_list{
width: 92%;
margin: 0 auto;
......@@ -213,11 +95,50 @@
.follow-up-sec {
padding: .3rem;
background-color: white;
}
.follow-up-sec+.follow-up-sec{
margin-top: .2rem;
}
.follow-up-sec>h2 {
color: #1a1a1a;
font-size: .32rem;
}
.main-box {
margin-top: .2rem;
color: #666;
}
.radio-box>label {
display: block;
}
.radio-box>label+label {
padding-top: .3rem;
}
.radio-box>label>input {
vertical-align: top;
margin-top: .05rem;
margin-right: .3rem;
width: .32rem;
height: .32rem;
background: url(/app/images/but_yuan_nor.png) no-repeat center center/.32rem .32rem;
}
.radio-box>label>input:checked {
background-color: red;
background: url(/app/images/but_yuan_sel.png) no-repeat center center/.32rem .32rem;
}
.textarea-box>textarea {
width: 100%;
border-top: 1px solid #e5e5e5;
padding-top: 0.5rem;
font-size: 0.34rem;
}
public/app/css/customerinfo_sub_page.css
View file @ 63e9e2af
......@@ -2,6 +2,7 @@ body{
display: none;
background-color: #f5f5f5;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.main-ul{
padding-top: .2rem;
......
public/app/js/customer_gj.js
View file @ 63e9e2af
......@@ -24,6 +24,60 @@ require(['vue', 'vconsole', 'css!style/customerinfo_sub_page.css', 'css!style/cu
var vm = new Vue({
el: '#app',
data: {
selectData: {
'customerType': [{
'content': 'A类（成交意愿较强）',
'valueReal': 1
}, {
'content': 'B类（成交意愿中等）',
'valueReal': 2
}, {
'content': 'C类（成交意愿较弱）',
'valueReal': 3
}],
'shopDoneWhat': [{
'content': '轻餐饮',
'valueReal': 1
}, {
'content': '重餐饮',
'valueReal': 2
}, {
'content': '百货零售',
'valueReal': 3
}, {
'content': '服装',
'valueReal': 4
}, {
'content': '亲子教育',
'valueReal': 5
}, {
'content': '休闲娱乐',
'valueReal': 6
}],
'areaRequire': [{
'content': '30m²以内',
'valueReal': 1
}, {
'content': '30-60m²',
'valueReal': 2
}, {
'content': '60-100m²',
'valueReal': 3
}, {
'content': '100m²以内',
'valueReal': 4
}],
'priceRequire': [{
'content': '月租金10000元以内',
'valueReal': 1
}, {
'content': '月租金10000-30000元',
'valueReal': 2
}, {
'content': '月租金30000元以上',
'valueReal': 3
}]
},
submitFlag: false,
uploadImgFlag: false,
token: '',
......
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