Commit e17e757c by 无尘

style: 修改应用公共头部样式

parent cfe62a8b
...@@ -11,7 +11,10 @@ ...@@ -11,7 +11,10 @@
<div class="el-tabs__nav-wrap is-top"> <div class="el-tabs__nav-wrap is-top">
<div class="el-tabs__nav-scroll"> <div class="el-tabs__nav-scroll">
<ul> <ul>
<li v-for="(item, index) in topData" :key="index" :class="['top-cell', item.id == activeId ? 'cell-active' : '']">{{ item.name }} <i v-if="topData.length > 1" class="el-icon-arrow-right p-lr-11"></i></li> <li v-for="(item, index) in topData" :key="index" :class="['top-cell', item.id == activeId ? 'cell-active' : '']">
<div class="top-name">{{ item.name }}</div>
<i v-if="topData.length > 1 && index != topData.length - 1" class="el-icon-arrow-right p-lr-11"></i>
</li>
</ul> </ul>
</div> </div>
</div> </div>
...@@ -98,13 +101,21 @@ export default { ...@@ -98,13 +101,21 @@ export default {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
cursor: pointer; cursor: pointer;
.top-name {
display: inline-block;
height: 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
&.cell-active { &.cell-active {
.top-name {
border-bottom: 3px solid #303133; border-bottom: 3px solid #303133;
color: #303133; color: #303133;
} }
} }
} }
} }
}
.el-tabs__active-bar { .el-tabs__active-bar {
position: absolute; position: absolute;
......
...@@ -74,42 +74,16 @@ export default { ...@@ -74,42 +74,16 @@ export default {
data() { data() {
return { return {
tableH: window.screen.availHeight - 464 - 126 + 'px', tableH: window.screen.availHeight - 464 - 126 + 'px',
activeTab: '1', activeId: '2',
activeBrand: this.brandId, activeBrand: this.brandId,
tabListData: [ topMenuData: [
{ {
tabId: '1', id: '1',
tabName: '云日报记录', name: '云日报记录'
icon: 'icon-ribao'
}, },
{ {
tabId: '2', id: '2',
tabName: '云日报设置', name: '日报详情'
icon: 'icon-ribaoshezhi',
children: [
{
tabId: '21',
tabName: '模板配置',
icon: '',
children: [
{
tabId: '211',
tabName: '系统报表',
icon: ''
},
{
tabId: '212',
tabName: '自定义报表',
icon: ''
}
]
},
{
tabId: '22',
tabName: '任务下发设置',
icon: ''
}
]
} }
], ],
// 条件 // 条件
......
...@@ -426,7 +426,7 @@ export default { ...@@ -426,7 +426,7 @@ export default {
} }
that.tableData = resData.result.result; that.tableData = resData.result.result;
that.total = resData.result.totalCount; that.total = resData.result.totalCount;
return; return false;
} }
errMsg.errorMsg(resData); errMsg.errorMsg(resData);
}) })
......
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