Browse Source

修复bug#10328 【医生端pc】(管理员)祝福分析:①tab栏应充满,不留间距 ②表格间距太小,请参照UI设计修改

yezehua 5 years ago
parent
commit
e6ece7840f
2 changed files with 18 additions and 16 deletions
  1. 1 1
      app/statistics/html/blessing-analysis.html
  2. 17 15
      component/statistics/area-data-panel3.js

+ 1 - 1
app/statistics/html/blessing-analysis.html

@ -90,7 +90,7 @@
        <div class="c-border bottomTable m20 mb0">
            <div class="c-f16 c-333 title ptb20">未发送生日祝福分析</div>
            <!-- 底部区域图 -->
            <area-data-panel class="mlr8" v-on:getnewdata="getAreaData"></area-data-panel>
            <area-data-panel v-on:getnewdata="getAreaData"></area-data-panel>
            <div class="tableBlock">
            </div>

+ 17 - 15
component/statistics/area-data-panel3.js

@ -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 {