Skip to content

H
haoban-3
Commit 7ccf1ed3 by crushh
Options

update: temp

parent 1e677e52
Showing with 157 additions and 198 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">
<div class="content-body-inner flex border-box">
<div class="apps-content-left w-157" style="min-height: calc(100vh - 86px);">
<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"> <transition name="fade" mode="out-in">
<router-view :brandId="activeBrand" :activeGroupId="activeGroup" :tabType="activeTab" @showTab="showTab"></router-view> <router-view></router-view>
</transition> </transition>
</div> </div>
</div> </el-tab-pane>
</div> </el-tabs>
</div>
</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;
}
.setting-wrap__body {
.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%; height: 100%;
overflow-y: auto; .daily-set-content {
.right-content {
/*width: 100%;*/
min-height: calc(100% - 86px);
.right-box {
background: #fff;
padding: 20px; 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/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 {
...@@ -12,6 +13,22 @@ ...@@ -12,6 +13,22 @@
-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";
} }
...@@ -287,3 +304,4 @@ ...@@ -287,3 +304,4 @@
.iconrizhifuwu:before { .iconrizhifuwu:before {
content: "\e65a"; content: "\e65a";
} }
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.json
{ {
"id": "1628375", "id": "1628375",
"name": "好办后台3.0", "name": "好办后台3.0",
"font_family": "iconfont", "font_family": "iconfont-hb3",
"css_prefix_text": "icon", "css_prefix_text": "icon",
"description": "", "description": "",
"glyphs": [{ "glyphs": [
{
"icon_id": "1766318",
"name": "操作-设置",
"font_class": "shezhi",
"unicode": "e688",
"unicode_decimal": 59016
},
{
"icon_id": "7853243",
"name": "审核中心",
"font_class": "shenhezhongxin",
"unicode": "e627",
"unicode_decimal": 58919
},
{
"icon_id": "23164302",
"name": "空标签",
"font_class": "kongbiaoqian",
"unicode": "e64c",
"unicode_decimal": 58956
},
{
"icon_id": "8651336",
"name": "订单_评价",
"font_class": "dingdan_pingjia",
"unicode": "e654",
"unicode_decimal": 58964
},
{
"icon_id": "16514068", "icon_id": "16514068",
"name": "小程序", "name": "小程序",
"font_class": "xiaochengxu", "font_class": "xiaochengxu",
......
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