Commit 79dbb354 by zhu_yu_dan

feat: 增加企业公告应用

parent 7c257ecb
...@@ -166,19 +166,23 @@ export const constantRouterMap = [ ...@@ -166,19 +166,23 @@ export const constantRouterMap = [
path: '/dailyRecord', path: '/dailyRecord',
name: '云日报记录', name: '云日报记录',
component: _import('enterpriseApp/cloudDaily', 'dailyRecord') component: _import('enterpriseApp/cloudDaily', 'dailyRecord')
}, { },
{
path: '/dailyDetail', path: '/dailyDetail',
name: '日报详情', name: '日报详情',
component: _import('enterpriseApp/cloudDaily', 'dailyDetail') component: _import('enterpriseApp/cloudDaily', 'dailyDetail')
}, { },
{
path: '/taskAssign', path: '/taskAssign',
name: '任务下发设置', name: '任务下发设置',
component: _import('enterpriseApp/cloudDaily', 'taskAssign') component: _import('enterpriseApp/cloudDaily', 'taskAssign')
}, { },
{
path: '/systemReport', path: '/systemReport',
name: '系统报表', name: '系统报表',
component: _import('enterpriseApp/cloudDaily', 'systemReport') component: _import('enterpriseApp/cloudDaily', 'systemReport')
}, { },
{
path: '/customReport', path: '/customReport',
name: '自定义报表', name: '自定义报表',
component: _import('enterpriseApp/cloudDaily', 'customReport') component: _import('enterpriseApp/cloudDaily', 'customReport')
...@@ -195,15 +199,35 @@ export const constantRouterMap = [ ...@@ -195,15 +199,35 @@ export const constantRouterMap = [
path: '/taskRecord', path: '/taskRecord',
name: '话务任务记录', name: '话务任务记录',
component: _import('enterpriseApp/trafficTask', 'taskRecord') component: _import('enterpriseApp/trafficTask', 'taskRecord')
}, { },
{
path: '/taskDetail', path: '/taskDetail',
name: '话务任务详情', name: '话务任务详情',
component: _import('enterpriseApp/trafficTask', 'taskDetail') component: _import('enterpriseApp/trafficTask', 'taskDetail')
}, { },
{
path: '/trafficTaskSet', path: '/trafficTaskSet',
name: '话务任务设置', name: '话务任务设置',
component: _import('enterpriseApp/trafficTask', 'trafficTaskSet') component: _import('enterpriseApp/trafficTask', 'trafficTaskSet')
}
]
}, },
{
path: '/noticeList',
name: '企业公告',
redirect: '/noticeList',
component: _import('enterpriseApp/notice', 'index'),
children: [
{
path: '/noticeList',
name: '企业公告列表',
component: _import('enterpriseApp/notice', 'noticeList')
},
{
path: '/addNotice',
name: '新建公告',
component: _import('enterpriseApp/notice', 'addNotice')
}
] ]
}, },
{ {
...@@ -211,19 +235,23 @@ export const constantRouterMap = [ ...@@ -211,19 +235,23 @@ export const constantRouterMap = [
name: '不良评价', name: '不良评价',
redirect: '/badEvaluateRecord', redirect: '/badEvaluateRecord',
component: _import('enterpriseApp/badEvaluate', 'index'), component: _import('enterpriseApp/badEvaluate', 'index'),
children: [{ children: [
{
path: '/badEvaluateRecord', path: '/badEvaluateRecord',
name: '不良评价记录', name: '不良评价记录',
component: _import('enterpriseApp/badEvaluate', 'badEvaluateRecord') component: _import('enterpriseApp/badEvaluate', 'badEvaluateRecord')
}, { },
{
path: '/badEvaluateDetail', path: '/badEvaluateDetail',
name: '不良评价详情', name: '不良评价详情',
component: _import('enterpriseApp/badEvaluate', 'badEvaluateDetail') component: _import('enterpriseApp/badEvaluate', 'badEvaluateDetail')
}, { },
{
path: '/badEvaluateSet', path: '/badEvaluateSet',
name: '不良评价设置', name: '不良评价设置',
component: _import('enterpriseApp/badEvaluate', 'badEvaluateSet') component: _import('enterpriseApp/badEvaluate', 'badEvaluateSet')
}, ] }
]
} }
] ]
}, },
...@@ -326,7 +354,7 @@ export const constantRouterMap = [ ...@@ -326,7 +354,7 @@ export const constantRouterMap = [
component: errorPage component: errorPage
}, },
{ path: '*', redirect: '/404', hidden: true } { path: '*', redirect: '/404', hidden: true }
]; ];
export default new Router({ export default new Router({
// mode:'history', // mode:'history',
routes: constantRouterMap, routes: constantRouterMap,
......
<template>
<div class="my-customer-wrap common-set-wrap">
<div class="right-content">
<common-app-top :appName="appName" :appIcon="appIcon" @selectBrandId="selectBrandId"> </common-app-top>
<div class="right-box" :style="{ 'min-height': bgHeight }">
<div class="apps-content flex" :style="{ height: bgHeight }">
<div class="apps-content-right">
<transition name="fade" mode="out-in">
<router-view :brandId="activeBrand" :activeGroupId="activeGroup"></router-view>
</transition>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import appDetail from '@/components/app/app-detail.vue';
import commonAppTop from '@/components/app/common-app-top.vue';
import commonDetailLeft from '@/components/app/app-detail-left.vue';
export default {
name: 'reviewed',
data() {
return {
bgHeight: window.screen.availHeight - 380 + 'px',
appName: '企业公告',
appIcon: 'icon-gonggao',
activeSelTab: '1',
activeTab: '1',
tabListData: [
{
id: '1',
name: '企业公告列表'
},
{
id: '2',
name: '新建公告'
}
],
activeBrand: '', // 商户(品牌) id
activeGroup: '' // 商户(品牌) groupId
};
},
computed: {},
methods: {
/**
* 路由跳转
*/
changeRoute(path) {
this.$router.push(path);
},
/**
* 返回 的 brandId
*/
selectBrandId(id, groupId) {
let that = this;
that.activeBrand = id;
that.activeGroup = groupId;
}
},
watch: {
activeBrand: function(newData, oldData) {
const that = this;
that.activeBrand = newData;
},
activeGroup: function(newData, oldData) {
const that = this;
that.activeGroup = newData;
}
},
mounted() {
document.documentElement.style.backgroundColor = '#f0f2f5';
},
destroyed() {
document.documentElement.style.backgroundColor = '#fff';
},
components: {
appDetail,
commonAppTop,
commonDetailLeft
}
};
</script>
<style type="text/scss" lang="scss" scoped>
.my-customer-wrap {
height: 100%;
}
.right-content {
/*width: 100%;*/
padding: 24px;
min-height: calc(100% - 160px);
.my-customer-top {
position: relative;
height: 43px;
line-height: 43px;
.my-customer-return {
position: absolute;
left: 0px;
bottom: 10px;
width: 78px;
height: 32px;
border-radius: 18px;
}
.my-customer-brand {
position: absolute;
right: 0;
bottom: 18px;
width: 93px;
height: 32px;
}
.my-customer-name {
width: 200px;
margin: 0 auto;
i {
font-size: 14px;
color: #fff;
}
span {
font-size: 16px;
color: #000;
}
.app-icon {
display: inline-block;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
border-radius: 4px;
background: -webkit-linear-gradient(left, #7ab6fb, #508bfe);
background: -moz-linear-gradient(left, #7ab6fb, #508bfe);
background: linear-gradient(left, #7ab6fb, #508bfe);
}
}
}
.right-box {
// background: #fff;
min-height: 500px;
padding: 0px;
.apps-content {
.apps-content-left {
height: 100%;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
.apps-content-left__title {
height: 55px;
line-height: 55px;
padding: 0 0 0 18px;
}
.tab-left-list-cell {
position: relative;
text-align: left;
margin-top: 15px;
height: 30px;
line-height: 30px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
&:hover {
background: rgba(24, 144, 255, 0.06);
i {
color: #1890ff;
}
}
&.active-tab {
background: rgba(24, 144, 255, 0.06);
&::before {
content: ' ';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background: #1890ff;
z-index: 1;
}
i {
color: #1890ff;
}
}
.child-tab-left-list {
li {
position: relative;
text-align: left;
height: 30px;
line-height: 30px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
&:hover {
background: rgba(24, 144, 255, 0.06);
i {
color: #1890ff;
}
}
&.active-tab {
background: rgba(24, 144, 255, 0.06);
&::before {
content: ' ';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background: #1890ff;
z-index: 1;
}
i {
color: #1890ff;
}
}
}
}
}
}
.apps-content-right {
width: 100%;
background: #fff;
}
}
}
}
</style>
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