Skip to content

H
haoban-3
Commit 7ccf1ed3 by crushh
Options

update: temp

parent 1e677e52
Showing with 205 additions and 276 deletions
src/components/vue-office-header.vue
...@@ -78,13 +78,13 @@ export default { ...@@ -78,13 +78,13 @@ export default {
parentCode: null, parentCode: null,
project: 'office' project: 'office'
}, },
{ // {
menuCode: null, // menuCode: null,
rightName: '审核中心', // rightName: '审核中心',
url: '/unreview?/reviewed/reviewSet', // url: '/unreview?/reviewed/reviewSet',
parentCode: null, // parentCode: null,
project: 'office' // project: 'office'
}, // },
{ {
menuCode: null, menuCode: null,
rightName: '企业设置', rightName: '企业设置',
......
src/router/index.js
...@@ -132,6 +132,35 @@ export const constantRouterMap = [{ ...@@ -132,6 +132,35 @@ export const constantRouterMap = [{
path: '/salutatorySet', path: '/salutatorySet',
name: '欢迎语', name: '欢迎语',
component: _import('enterprise', 'salutatorySet') component: _import('enterprise', 'salutatorySet')
},
{
path: '/setting',
name: '操作设置',
component: _import('setting', 'index')
},
{
// 审核中心
path: '/reviewCenter',
name: '审核中心',
redirect: '/unreview',
component: _import('reviewCenter', 'index'),
children: [
{
path: '/unreview',
name: '未审核',
component: _import('reviewCenter', 'unreview')
},
{
path: '/reviewed',
name: '已审核',
component: _import('reviewCenter', 'reviewed')
},
{
path: '/reviewSet',
name: '审核设置',
component: _import('reviewCenter', 'reviewSet')
}
]
} }
] ]
}, },
...@@ -518,29 +547,29 @@ export const constantRouterMap = [{ ...@@ -518,29 +547,29 @@ export const constantRouterMap = [{
} }
] ]
}, },
{ // {
// 审核中心 // // 审核中心
path: '/reviewCenter', // path: '/reviewCenter',
name: '审核中心', // name: '审核中心',
redirect: 'unreview', // redirect: 'unreview',
component: _import('reviewCenter', 'index'), // component: _import('reviewCenter', 'index'),
children: [{ // children: [{
path: '/reviewed', // path: '/reviewed',
name: '已审核', // name: '已审核',
component: _import('reviewCenter', 'reviewed') // component: _import('reviewCenter', 'reviewed')
}, // },
{ // {
path: '/unreview', // path: '/unreview',
name: '未审核', // name: '未审核',
component: _import('reviewCenter', 'unreview') // component: _import('reviewCenter', 'unreview')
}, // },
{ // {
path: '/reviewSet', // path: '/reviewSet',
name: '审核设置', // name: '审核设置',
component: _import('reviewCenter', 'reviewSet') // component: _import('reviewCenter', 'reviewSet')
} // }
] // ]
}, // },
{ {
path: '/gic-error', path: '/gic-error',
......
src/views/enterprise/index.vue
...@@ -65,6 +65,16 @@ export default { ...@@ -65,6 +65,16 @@ export default {
tabId: '4', tabId: '4',
tabName: '欢迎语', tabName: '欢迎语',
icon: 'iconhuanyingci' icon: 'iconhuanyingci'
},
{
tabId: '5',
tabName: '审核中心',
icon: 'iconshenhezhongxin'
},
{
tabId: '6',
tabName: '操作设置',
icon: 'iconshezhi'
} }
], ],
activeBrand: '', // 商户(品牌) id activeBrand: '', // 商户(品牌) id
...@@ -96,11 +106,11 @@ export default { ...@@ -96,11 +106,11 @@ export default {
/** /**
* 返回 的 brandId * 返回 的 brandId
*/ */
selectBrandId(id, groupId) { // selectBrandId(id, groupId) {
let that = this; // let that = this;
that.activeBrand = id; // that.activeBrand = id;
that.activeGroup = groupId; // that.activeGroup = groupId;
}, // },
/** /**
* 选择后返回tabId，做各路由判断 * 选择后返回tabId，做各路由判断
...@@ -108,6 +118,7 @@ export default { ...@@ -108,6 +118,7 @@ export default {
setSelectTab(item) { setSelectTab(item) {
let that = this; let that = this;
that.activeTab = item.tabId; that.activeTab = item.tabId;
console.log(that.activeTab);
switch (item.tabId) { switch (item.tabId) {
case '1': case '1':
that.changeRoute(`enterpriseSet`); that.changeRoute(`enterpriseSet`);
...@@ -121,6 +132,12 @@ export default { ...@@ -121,6 +132,12 @@ export default {
case '4': case '4':
that.changeRoute(`salutatory`); that.changeRoute(`salutatory`);
break; break;
case '5':
that.changeRoute(`reviewCenter`);
break;
case '6':
that.changeRoute(`setting`);
break;
} }
}, },
...@@ -131,6 +148,8 @@ export default { ...@@ -131,6 +148,8 @@ export default {
let that = this; let that = this;
that.activeTab = id; that.activeTab = id;
that.activeSelTab = id; that.activeSelTab = id;
console.log(that.activeTab);
console.log(that.activeSelTab);
that.tabListData.forEach(ele => { that.tabListData.forEach(ele => {
if (ele.tabId == id) { if (ele.tabId == id) {
ele.onlyIconActive = false; ele.onlyIconActive = false;
......
src/views/reviewCenter/index.vue
...@@ -7,44 +7,26 @@ ...@@ -7,44 +7,26 @@
* @LastEditTime: 2020-05-11 15:16:06 * @LastEditTime: 2020-05-11 15:16:06
--> -->
<template> <template>
<div class="review-wrap"> <div class="daily-set-wrap">
<!-- 公共头部菜单插件 --> <div class="daily-set-content border-box">
<vue-office-header :projectName="projectName" @collapseTag="collapseTag" @toRouterView="toRouterView"> </vue-office-header> <el-tabs v-model="activeTab" @tab-click="handleClick">
<div class="setting-wrap__body"> <el-tab-pane :label="item.tabName" :name="item.tabId" v-for="item in tabListData" :key="item.tabId">
<div id="content" class="content"> <div class="border-box">
<div class="content-body"> <transition name="fade" mode="out-in">
<div class="content-body-inner flex border-box"> <router-view></router-view>
<div class="apps-content-left w-157" style="min-height: calc(100vh - 86px);"> </transition>
<common-detail-left :tabListData="tabListData" :activeSelTab="activeSelTab" @setSelectTab="setSelectTab"></common-detail-left>
</div>
<div class="apps-content-right border-box">
<transition name="fade" mode="out-in">
<router-view :brandId="activeBrand" :activeGroupId="activeGroup" :tabType="activeTab" @showTab="showTab"></router-view>
</transition>
</div>
</div> </div>
</div> </el-tab-pane>
</div> </el-tabs>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import vueOfficeHeader from '@/components/vue-office-header';
import commonDetailLeft from '@/components/app/app-detail-left.vue';
export default { export default {
name: 'reviewed', name: 'reviewed',
components: {
vueOfficeHeader,
commonDetailLeft
},
data() { data() {
return { return {
projectName: 'haoban-manage-web', // 当前项目名
collapseFlag: false, // 折叠参数
contentHeight: '0px', //页面内容高度
activeSelTab: '1',
activeTab: '1', activeTab: '1',
tabListData: [ tabListData: [
{ {
tabId: '1', tabId: '1',
...@@ -66,75 +48,19 @@ export default { ...@@ -66,75 +48,19 @@ export default {
}, },
computed: {}, computed: {},
methods: { methods: {
/** handleClick(tab, event) {
* 路由跳转 switch (tab.name) {
*/
changeRoute(path) {
this.$router.push(path);
},
/**
* 选择后返回tabId，做各路由判断
*/
setSelectTab(item) {
let that = this;
that.activeTab = item.tabId;
switch (item.tabId) {
case '1': case '1':
that.changeRoute(`unreview`); this.$router.push(`unreview`);
break; break;
case '2': case '2':
that.changeRoute(`reviewed`); this.$router.push(`reviewed`);
break; break;
case '3': case '3':
that.changeRoute(`reviewSet`); this.$router.push(`reviewSet`);
break; break;
} }
}, console.log(tab, event);
/**
* 各路由返回 tabId
*/
showTab(id) {
let that = this;
that.activeTab = id;
that.activeSelTab = id;
that.tabListData.forEach(ele => {
if (ele.tabId == id) {
ele.onlyIconActive = false;
}
if (!!ele.children) {
ele.children.forEach(el => {
if (el.tabId == id) {
ele.onlyIconActive = true;
}
if (!!el.children) {
el.children.forEach(item => {
if (item.tabId == id) {
ele.onlyIconActive = true;
}
});
}
});
}
});
},
// 处理路由跳转
toRouterView(val) {
const that = this;
// 模拟检查数据,有两个参数
/*{
name:,
path:
}*/
that.$router.push({
path: val.path
});
},
// 折叠事件
collapseTag(val) {
const that = this;
that.collapseFlag = val;
} }
}, },
watch: { watch: {
...@@ -147,81 +73,19 @@ export default { ...@@ -147,81 +73,19 @@ export default {
} }
}, },
mounted() { mounted() {
const that = this; this.$emit('showTab', 5);
that.contentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 64 + 'px'; document.documentElement.style.backgroundColor = '#f0f2f5';
},
destroyed() {
document.documentElement.style.backgroundColor = '#fff';
} }
}; };
</script> </script>
<style lang="scss"> <style type="text/scss" lang="scss" scoped>
.review-wrap { .daily-set-wrap {
background-color: #f0f2f5; height: 100%;
} .daily-set-content {
.setting-wrap__body { padding: 20px;
.content {
padding-top: 46px;
/* height: calc(100% - 64px);
overflow-y: auto;*/
min-width: 1400px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.content-body {
.content-body-inner {
padding: 20px;
min-height: calc(100% - 86px);
}
.apps-content-left {
min-width: 157px;
// height: 100%;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
}
.apps-content-right {
width: calc(100% - 157px);
padding-left: 10px;
background: #f0f2f5;
}
.common-set-wrap {
position: relative;
width: 100%;
height: 100%;
overflow-y: auto;
.right-content {
/*width: 100%;*/
min-height: calc(100% - 86px);
.right-box {
background: #fff;
padding: 20px;
}
}
}
}
} }
} }
.el-table__body-wrapper .el-table__empty-block {
height: 256px;
}
.el-table__empty-text {
width: auto;
margin-bottom: 80px;
&::before {
content: ' ';
display: block;
width: 60px;
height: 60px;
background: url(../../assets/no-data_icon.png) no-repeat center;
margin: 0px auto 22px auto;
}
}
.el-table__empty-text {
margin-bottom: 0;
}
</style> </style>
static/font/demo_index.html
This source diff could not be displayed because it is too large. You can view the blob instead.
static/font/iconfont.css
@font-face { @font-face {
font-family: "iconfont"; font-family: "iconfont"; /* Project id 1628375 */
/* Project id 1628375 */ src: url('iconfont.woff2?t=1629273628322') format('woff2'),
src: url('iconfont.woff2?t=1621413599446') format('woff2'), url('iconfont.woff?t=1621413599446') format('woff'), url('iconfont.ttf?t=1621413599446') format('truetype'); url('iconfont.woff?t=1629273628322') format('woff'),
url('iconfont.ttf?t=1629273628322') format('truetype');
} }
.iconfont { .iconfont {
font-family: "iconfont" !important; font-family: "iconfont" !important;
font-size: 16px; font-size: 16px;
font-style: normal; font-style: normal;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
}
.iconshezhi:before {
content: "\e688";
}
.iconshenhezhongxin:before {
content: "\e627";
}
.iconkongbiaoqian:before {
content: "\e64c";
}
.icondingdan_pingjia:before {
content: "\e654";
} }
.iconxiaochengxu:before { .iconxiaochengxu:before {
content: "\e625"; content: "\e625";
} }
.iconpre:before { .iconpre:before {
content: "\e641"; content: "\e641";
} }
.iconnext:before { .iconnext:before {
content: "\e640"; content: "\e640";
} }
.iconhuanyingci:before { .iconhuanyingci:before {
content: "\e60d"; content: "\e60d";
} }
.iconnew:before { .iconnew:before {
content: "\e61d"; content: "\e61d";
} }
.iconmingxibeifen:before { .iconmingxibeifen:before {
content: "\eae0"; content: "\eae0";
} }
.iconshangpinshezhi:before { .iconshangpinshezhi:before {
content: "\e60b"; content: "\e60b";
} }
.icongukeguanliicon:before { .icongukeguanliicon:before {
content: "\e60a"; content: "\e60a";
} }
.iconshuaxin1:before { .iconshuaxin1:before {
content: "\e613"; content: "\e613";
} }
.icongou:before { .icongou:before {
content: "\e606"; content: "\e606";
} }
.iconshouquanyanzheng:before { .iconshouquanyanzheng:before {
content: "\e687"; content: "\e687";
} }
.iconhuaban:before { .iconhuaban:before {
content: "\e62a"; content: "\e62a";
} }
.iconsucaiku:before { .iconsucaiku:before {
content: "\eab6"; content: "\eab6";
} }
.iconwenjian1:before { .iconwenjian1:before {
content: "\eaae"; content: "\eaae";
} }
.iconbofang1:before { .iconbofang1:before {
content: "\eaad"; content: "\eaad";
} }
.iconbiaoqing:before { .iconbiaoqing:before {
content: "\e612"; content: "\e612";
} }
.iconwenzi:before { .iconwenzi:before {
content: "\e611"; content: "\e611";
} }
.icondaima:before { .icondaima:before {
content: "\e6bc"; content: "\e6bc";
} }
.icontupian:before { .icontupian:before {
content: "\e73a"; content: "\e73a";
} }
.iconwenjian:before { .iconwenjian:before {
content: "\e62d"; content: "\e62d";
} }
.iconshipin:before { .iconshipin:before {
content: "\e605"; content: "\e605";
} }
.icontuozhuaiopen:before { .icontuozhuaiopen:before {
content: "\e61c"; content: "\e61c";
} }
.icontoufang2:before { .icontoufang2:before {
content: "\e845"; content: "\e845";
} }
.iconcelve:before { .iconcelve:before {
content: "\eaa9"; content: "\eaa9";
} }
.iconmoban:before { .iconmoban:before {
content: "\e619"; content: "\e619";
} }
.icontongxunlu:before { .icontongxunlu:before {
content: "\e64e"; content: "\e64e";
} }
.iconwodeqiaquan-:before { .iconwodeqiaquan-:before {
content: "\e6bb"; content: "\e6bb";
} }
.iconhuihuajinglingicon-:before { .iconhuihuajinglingicon-:before {
content: "\e678"; content: "\e678";
} }
.iconshibai:before { .iconshibai:before {
content: "\e60e"; content: "\e60e";
} }
.iconchenggong:before { .iconchenggong:before {
content: "\e63c"; content: "\e63c";
} }
.iconqiyeweixin:before { .iconqiyeweixin:before {
content: "\e628"; content: "\e628";
} }
.iconnan:before { .iconnan:before {
content: "\e629"; content: "\e629";
} }
.iconxingbienv:before { .iconxingbienv:before {
content: "\e66b"; content: "\e66b";
} }
.iconrenwuzhipai:before { .iconrenwuzhipai:before {
content: "\e7a5"; content: "\e7a5";
} }
.iconwanchengrenwu:before { .iconwanchengrenwu:before {
content: "\ea6c"; content: "\ea6c";
} }
.iconziyuan1:before { .iconziyuan1:before {
content: "\e6a4"; content: "\e6a4";
} }
.icondingwei:before { .icondingwei:before {
content: "\e918"; content: "\e918";
} }
.icongengduo2:before { .icongengduo2:before {
content: "\ea5b"; content: "\ea5b";
} }
.iconqiyexinxi:before { .iconqiyexinxi:before {
content: "\ea7a"; content: "\ea7a";
} }
.iconjia:before { .iconjia:before {
content: "\ea79"; content: "\ea79";
} }
.icondaishenhe_orange:before { .icondaishenhe_orange:before {
content: "\e604"; content: "\e604";
} }
.iconrenwu1:before { .iconrenwu1:before {
content: "\e607"; content: "\e607";
} }
.iconshenhe:before { .iconshenhe:before {
content: "\e772"; content: "\e772";
} }
.icongengduo1:before { .icongengduo1:before {
content: "\e68c"; content: "\e68c";
} }
.iconjian:before { .iconjian:before {
content: "\e634"; content: "\e634";
} }
.iconguanliyuanliebiao:before { .iconguanliyuanliebiao:before {
content: "\e609"; content: "\e609";
} }
.iconbumen:before { .iconbumen:before {
content: "\ea78"; content: "\ea78";
} }
.iconxiafa:before { .iconxiafa:before {
content: "\e64a"; content: "\e64a";
} }
.icongengduo:before { .icongengduo:before {
content: "\e603"; content: "\e603";
} }
.iconxitongguanlitubiao_mobanshezhi:before { .iconxitongguanlitubiao_mobanshezhi:before {
content: "\e618"; content: "\e618";
} }
.iconribao:before { .iconribao:before {
content: "\e750"; content: "\e750";
} }
.iconribaoshezhi:before { .iconribaoshezhi:before {
content: "\e7f4"; content: "\e7f4";
} }
.iconrenwu:before { .iconrenwu:before {
content: "\e77a"; content: "\e77a";
} }
.iconzhibiao:before { .iconzhibiao:before {
content: "\e610"; content: "\e610";
} }
.iconhuawujinengzupeizhi:before { .iconhuawujinengzupeizhi:before {
content: "\e601"; content: "\e601";
} }
.iconbuliangpingjiashezhi:before { .iconbuliangpingjiashezhi:before {
content: "\e7f6"; content: "\e7f6";
} }
.iconhuawushuju:before { .iconhuawushuju:before {
content: "\e600"; content: "\e600";
} }
.iconshuaxin:before { .iconshuaxin:before {
content: "\e61b"; content: "\e61b";
} }
.iconqiaquan:before { .iconqiaquan:before {
content: "\e6b6"; content: "\e6b6";
} }
.iconjichushezhi:before { .iconjichushezhi:before {
content: "\e65e"; content: "\e65e";
} }
.icontianjiajiahaowubiankuang:before { .icontianjiajiahaowubiankuang:before {
content: "\e81a"; content: "\e81a";
} }
.iconchengyuan:before { .iconchengyuan:before {
content: "\e61a"; content: "\e61a";
} }
.iconnavigate_next:before { .iconnavigate_next:before {
content: "\e62f"; content: "\e62f";
} }
.iconchangyongicon-:before { .iconchangyongicon-:before {
content: "\e617"; content: "\e617";
} }
.iconqiye-tianchong:before { .iconqiye-tianchong:before {
content: "\e730"; content: "\e730";
} }
.iconzuzhijiagouguanli:before { .iconzuzhijiagouguanli:before {
content: "\e635"; content: "\e635";
} }
.icondianpu-kuai:before { .icondianpu-kuai:before {
content: "\e602"; content: "\e602";
} }
.iconxiala:before { .iconxiala:before {
content: "\e608"; content: "\e608";
} }
.iconrizhifuwu:before { .iconrizhifuwu:before {
content: "\e65a"; content: "\e65a";
} }
\ No newline at end of file
static/font/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
static/font/iconfont.ttf
No preview for this file type
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