|
@ -2,7 +2,7 @@
|
|
|
Vue.component('area-data-panel',{
|
|
|
template: '<div class="area-panel">\
|
|
|
<div class="area-tab-panel">\
|
|
|
<div v-show="level==4" class="area-tab" :class="{\'active\': level==4 && !lowLevel}" @click="getLowCodeData(3)"><span>各区</span></div>\
|
|
|
<div v-show="level==4" class="area-tab" :class="{\'active\': level==4 && (!lowLevel || lowLevel==3)}" @click="getLowCodeData(3)"><span>各区</span></div>\
|
|
|
<div v-show="level >= 3" class="area-tab" :class="{\'active\': level==3 || lowLevel==2}" @click="getLowCodeData(2)"><span>社区</span></div>\
|
|
|
<div class="area-tab" :class="{\'active\': level==2 || lowLevel==1}" @click="getLowCodeData(1)"><span>团队</span></div>\
|
|
|
</div>\
|
|
@ -47,13 +47,21 @@
|
|
|
getLowLeverData: function(row){
|
|
|
if(this.level > 2 && this.lowLevel != 1){
|
|
|
//跳转去下一级数据
|
|
|
this.level --;
|
|
|
if((this.level - this.lowLevel) >= 2){
|
|
|
//从次级tab的内容查看再下一级的数据
|
|
|
this.level = this.level - 2;
|
|
|
this.lowLevel --;
|
|
|
}else{
|
|
|
this.level --;
|
|
|
}
|
|
|
this.area = row.code;
|
|
|
this.areaTitle = row.name;
|
|
|
//触发组件监听事件,去父页面请求新的数据
|
|
|
this.$emit("getnewdata", {
|
|
|
level: this.level,
|
|
|
area: this.area,
|
|
|
lowLevel: this.lowLevel
|
|
|
areaTitle: this.areaTitle,
|
|
|
lowLevel: this.lowLevel,
|
|
|
});
|
|
|
}else{
|
|
|
//弹框显示团队信息
|