Commit 4137c287 authored by agping's avatar agping

经纪人 修改

parent 44856ca1
......@@ -5,13 +5,19 @@
<select @change="changeCity">
<option value="上海市">上海市</option>
<option value="杭州市">杭州市</option>
<option value="深圳市">深圳市</option>
</select>
<img :src="icon_address" class="icon-address-img"/>
</div>
<div class="nav-main">
<div v-for="(item, index) in mainData" :key="item.title" :class="{active:index === initTabNumMain}" @click="tabMain(index)">{{item.title}}</div>
</div>
<div class="nav-main-choose">
<div v-for="(item, index) in mainDataChoose" :key="item.title" :class="{active:index === initTabNumMainChoose}" @click="tabMainChoose(index)">{{item.title}}</div>
<div v-for="(item, index) in mainDataChoose" :key="item.title" :class="{active:index === initTabNumMainChoose}" @click="tabMainChoose(index)">
{{item.title}}
<img :src="icon_down02" v-show="index === initTabNumMainChoose" class="icon-select-img"/>
<img :src="icon_down" v-show="!(index === initTabNumMainChoose)" class="icon-select-img"/>
</div>
</div>
<div class="nav-seat"></div>
</nav>
......@@ -41,20 +47,20 @@
<div class="mark-shop-choose" v-for="(item, index) in mainDataChoose" :key="item.title" v-show="(initTabNumMainChoose == index) && item.isShow">
<div v-show="index == 0">
<ul class="mark-shop-choose-ul mark-shop-choose-ul-left">
<li>区域</li>
<li v-for="(item1, index1) in mainDataCityLi" class="area-li" :class="{active:index1 === initTabNumAreaCity}" @click="tabAreaCity(index1,item1.district)">{{item1.district}}</li>
</ul>
<ul class="mark-shop-choose-ul mark-shop-choose-ul-right">
<li>商圈</li>
<ul class="mark-shop-choose-ul mark-shop-choose-ul-right" v-if="mainDataCityLi[initTabNumAreaCity]">
<li class="area-li" v-for="(item1, index1) in mainDataCityLi[initTabNumAreaCity].business" :class="{active:index1 === initTabNumBusiness}" @click="tabAreaBusiness(index1,item1.id)">{{item1.name}}</li>
</ul>
</div>
<div v-show="index == 1">
<ul class="mark-shop-choose-ul">
<li v-for="(item1, index1) in mainDataChooseLi.yetai" class="li-choose li-choose-yetai" :class="{active:index1 === initTabNumYeTai}" @click="tabYeTai(index1)">{{item1}}</li>
<li v-for="(item1, index1) in mainDataChooseLi.yetai" class="li-choose li-choose-yetai" :class="{active:index1 === initTabNumYeTai}" @click="tabYeTai(index1,item1)">{{item1}}</li>
</ul>
</div>
<div v-show="index == 2">
<ul class="mark-shop-choose-ul">
<li v-for="(item2, index2) in mainDataChooseLi.acreage" class="li-choose li-choose-area" :class="{active:index2 === initTabNumArea}" @click="tabArea(index2)">{{item2.value}}</li>
<li v-for="(item2, index2) in mainDataChooseLi.acreage" class="li-choose li-choose-area" :class="{active:index2 === initTabNumArea}" @click="tabArea(index2,item2.value.split('-'))">{{item2.value}}</li>
</ul>
</div>
<div v-show="index == 3">
......@@ -77,6 +83,9 @@
</template>
<script>
import icon_address from '@/components/shop/images/icon_address@2x.png';
import icon_down from '@/components/shop/images/icon_down@2x.png';
import icon_down02 from '@/components/shop/images/icon_down02@2x.png';
import paginationLoad from '@/components/publicEg/paginationLoad';
import '@/assets/js/layer041002.js';
export default {
......@@ -86,6 +95,8 @@
data: () => ({
list: [],
mainDataChooseLi: [],
mainDataCityLi: [],
mainDatabusinessLi: [],
mainData: [
{
'title': '街铺',
......@@ -107,11 +118,21 @@
pageSize: 15,
initTabNumMain: 0,
isLoading: false,//是否正在加载
initTabNumMainChoose: '',
initTabNumYeTai:'',
initTabNumArea:'',
initTabNumRent:'',
initTabNumMainChoose: 0,
initTabNumYeTai:0,
initTabNumArea:0,
initTabNumRent:0,
initSelectCity:'上海市',
initTabNumAreaCity:0,
initTabNumBusiness:0,
icon_address,
icon_down02,
icon_down,
_ajaxDisc:'',
_ajaxBusiness:'',
_ajaxYeTai:'',
_ajaxArea:'',
mainDataChoose:[{
'title': '区域',
'isShow': false,
......@@ -157,15 +178,22 @@
data: {
'pageNo' : _this.mainData[_index].page,
'site_area' : 2,//c端搜索
'is_carefully_chosen': 0,//不是 精选商铺
'shop_type' : _index=='0'?1:0,
'pageSize' : _this.pageSize,
'city' : '上海市'
'city' : _this.initSelectCity,
'disc' : _this._ajaxDisc,
'business_id' :_this._ajaxBusiness,
'industry_type' :_this._ajaxYeTai,
}
})
.then(function(response) {
_this.mainData[_index].isLoadOnce = true;
if(response.data.code == 200) {
let _list = response.data.data;
console.log(_list);
if(Array.isArray(_list)){
if(_list.length === 0) {
_this.mainData[_index].page === 1 && (_this.mainData[_index].noDataFlag = true);
......@@ -198,6 +226,7 @@
.then(function(response) {
if(response.data.code == 200) {
_this.mainDataChooseLi = response.data.data;
_this.mainDataCityLi = response.data.data.area[1].business_district;
} else {
layer.tipsX(response.data.msg);
}
......@@ -227,17 +256,39 @@
changeCity(c) {
let _this = this;
_this.initSelectCity = c.target.value;
_this.resetConditions();
_this.getList();
_this.getChooseList();
},
tabYeTai(index){
tabYeTai(index,yetai){
let _this = this;
_this.initTabNumYeTai = index;
_this._ajaxYeTai = yetai
_this.mainDataChoose[_this.initTabNumMainChoose].isShow = false;
_this.resetConditions();
_this.getList();
},
tabArea(index){
tabArea(index,area){
let _this = this;
_this.initTabNumArea = index;
// _this_ajaxArea = area;
console.log(area);
_this.mainDataChoose[_this.initTabNumMainChoose].isShow = false;
},
tabAreaCity(index,district){
let _this = this;
_this.initTabNumAreaCity = index;
_this._ajaxDisc = district;
},
tabAreaBusiness(index,business){
let _this = this;
_this.initTabNumBusiness = index;
_this.mainDataChoose[_this.initTabNumMainChoose].isShow = false;
_this._ajaxBusiness = business;
_this.resetConditions();
_this.getList();
},
tabRent(index){
let _this = this;
......@@ -272,6 +323,27 @@
};
return _rent_type;
},
resetConditions(){
let _this = this;
_this.mainData=[
{
'title': '街铺',
'dataList': [],
'page': 1,//页码
'isLoadOnce': false,//是否请求过一次数据
'isStop': false,//是否所有页的数据加载完毕
'noDataFlag': false,//是否是无数据
},
{
'title': '商场',
'dataList': [],
'page': 1,//页码
'isLoadOnce': false,//是否请求过一次数据
'isStop': false,//是否所有页的数据加载完毕
'noDataFlag': false,//是否是无数据
}
]
}
}
}
</script>
......@@ -507,10 +579,27 @@
}
.mark-shop-choose-ul-right{
text-align: center;
background-color: #FAFAFA;
}
.mark-shop-choose-ul-left{
padding-left: .62rem;
box-sizing: border-box;
}
.area-li{
height: 1rem;
font-size: .3rem;
color: #1A1A1A;
}
.mark-shop-choose-ul-right .active,.mark-shop-choose-ul-left .active{
color: #FFA900;
}
.icon-select-img{
width: .23rem;
position: relative;
top: -.02rem;
}
.icon-address-img{
width: .21rem;
margin-left: .1rem;
}
</style>
......@@ -511,7 +511,7 @@ define(['doT', 'text!temp/agent_template_tpl.html', 'text!temp/phoneBinding_temp
if(data.code == 200) {
alert('提交成功');
$("#modal-business").modal('hide');
$("#modal-edit").modal('hide');
agent.Edit();//转勤弹框关闭 更新编辑经纪人弹框
}else if(data.code == 101){
alert(data.msg);
......
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