|
@ -1,26 +1,28 @@
|
|
|
(function(){
|
|
|
Vue.component('area-data-panel',{
|
|
|
template: `<div class="area-panel">\
|
|
|
template: '<div class="area-panel">\
|
|
|
<div class="ui-grid bgc-ebebf5 panelTop">\
|
|
|
<img v-show="reqList.length!=1" @click="back" src="../../../images/fanhui_icon.png" width="18" height="18" class="mr10 vam">\
|
|
|
<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!=1) || lowLevel==2}" @click="getLowCodeData(2)"><span>社区</span></div>\
|
|
|
<div v-show="showTeamTab" class="area-tab" :class="{\'active\': level==2 || lowLevel==1}" @click="getLowCodeData(1)"><span>团队</span></div>\
|
|
|
</div>\
|
|
|
<table class="bottom-list-table mb20" id="listTable">\
|
|
|
<thead><tr>\
|
|
|
<th v-for="th in headers">{{th}}</th>\
|
|
|
</tr></thead>\
|
|
|
<tbody>\
|
|
|
<tr v-for="row in rows" class="data-row">\
|
|
|
<td v-for="(col, index) in row.cols">\
|
|
|
<span v-if="index==1&&level>2 && lowLevel != 1" :class="{\'toJump\':(index==1&&level>2 && lowLevel != 1)}" @click="getLowLeverData(row)">{{col}}</span>
|
|
|
<span v-else>{{col}}</span>\
|
|
|
</td>\
|
|
|
</tr>\
|
|
|
</tbody>\
|
|
|
</table>\
|
|
|
</div>`,
|
|
|
<div style="padding: 0 30px;">\
|
|
|
<table class="bottom-list-table mb20" id="listTable">\
|
|
|
<thead><tr>\
|
|
|
<th v-for="th in headers">{{th}}</th>\
|
|
|
</tr></thead>\
|
|
|
<tbody>\
|
|
|
<tr v-for="row in rows" class="data-row">\
|
|
|
<td v-for="(col, index) in row.cols">\
|
|
|
<span v-if="index==1&&level>2 && lowLevel != 1" :class="{\'toJump\':(index==1&&level>2 && lowLevel != 1)}" @click="getLowLeverData(row)">{{col}}</span>\
|
|
|
<span v-else>{{col}}</span>\
|
|
|
</td>\
|
|
|
</tr>\
|
|
|
</tbody>\
|
|
|
</table>\
|
|
|
</div>\
|
|
|
</div>',
|
|
|
props:[],
|
|
|
data: function(){
|
|
|
return {
|