Skip to content

S
shareConfig
Commit 7b4b1be4 by crushh
Options

update: 完成

parent 438c5476
Showing with 160 additions and 503 deletions
dist/static/css/app.7a77abe1f29e26db98f9acc480848d19.css
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/public.css
......@@ -148,7 +148,7 @@ a.a-href {
}
a.a-href:hover {
color: #1890ff;
color: #2F54EB;
}
li {
......@@ -728,7 +728,7 @@ i {
/* 颜色 */
.color-1890ff {
color: #1890ff;
color: #2F54EB;
}
.color-303133 {
......
dist/static/css/variable.less
@base-color: #353944;
@hover-color: #3c92eb;
@hoverbg-color: #20242d;
@main-color: #1890ff;
@main-color: #2F54EB;
@navbgcolor: #04143a;
@sidebgcolor: #343c4c;
@userinfobgcolor: #ecf5ff;
......
dist/static/font/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/img/add-hover.svg
......@@ -8,7 +8,7 @@
<g id="Dialog-对话框/表单" transform="translate(395.000000, 435.000000)">
<g id="添加-加号-无边框" transform="translate(24.000000, 87.000000)">
<rect id="矩形" fill="#E9F4FF" x="0" y="0" width="40" height="40" rx="4"></rect>
<path d="M26.5,20 L21,20 L21,14.5 C21,14.22 20.78,14 20.5,14 C20.22,14 20,14.22 20,14.5 L20,20 L14.5,20 C14.22,20 14,20.22 14,20.5 C14,20.78 14.22,21 14.5,21 L20,21 L20,26.5 C20,26.78 20.22,27 20.5,27 C20.78,27 21,26.78 21,26.5 L21,21 L26.5,21 C26.78,21 27,20.78 27,20.5 C27,20.22 26.78,20 26.5,20 Z" id="路径" fill="#1890FF"></path>
<path d="M26.5,20 L21,20 L21,14.5 C21,14.22 20.78,14 20.5,14 C20.22,14 20,14.22 20,14.5 L20,20 L14.5,20 C14.22,20 14,20.22 14,20.5 C14,20.78 14.22,21 14.5,21 L20,21 L20,26.5 C20,26.78 20.22,27 20.5,27 C20.78,27 21,26.78 21,26.5 L21,21 L26.5,21 C26.78,21 27,20.78 27,20.5 C27,20.22 26.78,20 26.5,20 Z" id="路径" fill="#2F54EB"></path>
</g>
</g>
</g>
......
dist/static/js/2.0dda4c31a3f19aff45e8.js
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/app.0262011a72bced6138ff.js
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/tinymce/skins/lightgray/skin.min.css
......@@ -830,7 +830,7 @@ div.mce-fullscreen {
}
.mce-close:hover i {
color: #1890ff;
color: #2F54EB;
}
.mce-window-head .mce-title {
......@@ -854,14 +854,14 @@ div.mce-fullscreen {
}
.mce-foot .mce-btn.mce-last:hover {
color: #1890ff;
border-color: #1890ff;
color: #2F54EB;
border-color: #2F54EB;
background-color: #fff;
}
.mce-foot .mce-btn.mce-last:hover button .mce-txt {
color: #1890ff;
border-color: #1890ff;
color: #2F54EB;
border-color: #2F54EB;
background-color: #fff;
}
......@@ -1275,25 +1275,25 @@ html .mce-abs-layout-item,
/* background: white;
color: #595959;
border-color: #e2e4e7*/
color: #1890ff;
color: #2F54EB;
}
.mce-btn:hover button .mce-preview,
.mce-btn:active button .mce-preview {
color: #1890ff;
background: #1890ff;
color: #2F54EB;
background: #2F54EB;
}
.mce-btn:focus button .mce-ico {
/*background: white;
color: #595959;
border-color: #e2e4e7*/
color: #1890ff;
color: #2F54EB;
}
.mce-btn:focus button .mce-preview {
color: #1890ff;
background: #1890ff;
color: #2F54EB;
background: #2F54EB;
}
.mce-btn.mce-disabled button,
......@@ -1321,7 +1321,7 @@ html .mce-abs-layout-item,
-moz-box-shadow: none;
box-shadow: none;
background: #fff;
color: #1890ff;
color: #2F54EB;
border-color: transparent
}
......@@ -1329,7 +1329,7 @@ html .mce-abs-layout-item,
.mce-btn.mce-active:hover button,
.mce-btn.mce-active i,
.mce-btn.mce-active:hover i {
color: #1890ff
color: #2F54EB
}
.mce-btn:hover .mce-caret {
......@@ -1338,7 +1338,7 @@ html .mce-abs-layout-item,
.mce-btn.mce-active .mce-caret,
.mce-btn.mce-active:hover .mce-caret {
border-top-color: #1890ff
border-top-color: #2F54EB
}
.mce-btn button {
......@@ -1370,13 +1370,13 @@ html .mce-abs-layout-item,
color: white;
border: 1px solid transparent;
border-color: transparent;
background-color: #1890ff;
background-color: #2F54EB;
}
.mce-primary:hover,
.mce-primary:focus {
background: #40a9ff;
border-color: #40a9ff;
background: #597EF7;
border-color: #597EF7;
color: #fff;
}
......@@ -1394,7 +1394,7 @@ html .mce-abs-layout-item,
.mce-primary.mce-active,
.mce-primary.mce-active:hover,
.mce-primary:not(.mce-disabled):active {
background-color: #1890ff;
background-color: #2F54EB;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
......@@ -2596,11 +2596,11 @@ i.mce-i-resize {
border-bottom-color: transparent;
margin-bottom: -1px;
height: 14px;
color: #1890ff;
color: #2F54EB;
}
.mce-tab:focus {
/* color: #1890ff; */
/* color: #2F54EB; */
}
.mce-rtl .mce-tabs {
......@@ -2632,7 +2632,7 @@ i.mce-i-resize {
.mce-textbox:focus,
.mce-textbox.mce-focus {
border-color: #1890ff;
border-color: #2F54EB;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
......
src/components/active-config/active-step.vue
......@@ -127,13 +127,13 @@ export default {
&.active-step {
.active-step-cell_inner {
.active-step-cell_line {
background: #1890ff;
background: #2F54EB;
}
.active-step-cell_title {
.el-step__icon {
color: #fff;
border-color: #1890ff;
background: #1890ff;
border-color: #2F54EB;
background: #2F54EB;
}
.active-step-cell_txt {
color: #303133;
......@@ -144,18 +144,18 @@ export default {
&.active-hasset {
.active-step-cell_inner {
.active-step-cell_line {
background: #1890ff;
background: #2F54EB;
}
.active-step-cell_title {
.el-step__icon {
color: #fff;
border-color: #1890ff;
background: #1890ff;
border-color: #2F54EB;
background: #2F54EB;
}
.el-icon-check {
width: 98%;
height: 98%;
color: #1890ff;
color: #2F54EB;
background: #fff;
border-radius: 50%;
}
......
src/components/active-config/center-config.vue
......@@ -199,7 +199,7 @@ export default {
return {
activeInfoData: {
headUrl: '',
shareBackColor: '#1890ff',
shareBackColor: '#2F54EB',
shareFontColor: '#ffffff',
shareButtonFont: '立即分享赢福利',
activityIntroduceMode: '1',
......
src/components/active-config/configs/competition-award.vue
......@@ -933,7 +933,7 @@ export default {
bottom: -6px;
width: 32px;
height: 20px;
background: #1890ff;
background: #2F54EB;
text-align: center;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
......@@ -983,7 +983,7 @@ export default {
.common-cell-check {
.common-cell-triangle {
.common-cell-outer {
background: #1890ff;
background: #2F54EB;
i {
color: #fff;
}
......
src/components/active-config/configs/consume-config.vue
......@@ -455,7 +455,7 @@ export default {
bottom: -6px;
width: 32px;
height: 20px;
background: #1890ff;
background: #2F54EB;
text-align: center;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
......@@ -505,7 +505,7 @@ export default {
.common-cell-check {
.common-cell-triangle {
.common-cell-outer {
background: #1890ff;
background: #2F54EB;
i {
color: #fff;
}
......@@ -534,7 +534,7 @@ export default {
background: rgba(245, 247, 250, 1);
.store-title-name {
padding-bottom: 3px;
border-bottom: 2px dotted #1890ff;
border-bottom: 2px dotted #2F54EB;
}
.store-select-body {
margin-top: 20px;
......
src/components/active-config/configs/entry-award.vue
......@@ -617,7 +617,7 @@ export default {
bottom: -6px;
width: 32px;
height: 20px;
background: #1890ff;
background: #2F54EB;
text-align: center;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
......@@ -667,7 +667,7 @@ export default {
.common-cell-check {
.common-cell-triangle {
.common-cell-outer {
background: #1890ff;
background: #2F54EB;
i {
color: #fff;
}
......
src/components/active-config/configs/fraud-control.vue
......@@ -417,7 +417,7 @@ export default {
bottom: -6px;
width: 32px;
height: 20px;
background: #1890ff;
background: #2F54EB;
text-align: center;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
......@@ -467,7 +467,7 @@ export default {
.common-cell-check {
.common-cell-triangle {
.common-cell-outer {
background: #1890ff;
background: #2F54EB;
i {
color: #fff;
}
......
src/components/active-config/configs/spot-award.vue
......@@ -689,7 +689,7 @@ export default {
bottom: -6px;
width: 32px;
height: 20px;
background: #1890ff;
background: #2F54EB;
text-align: center;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
......@@ -739,7 +739,7 @@ export default {
.common-cell-check {
.common-cell-triangle {
.common-cell-outer {
background: #1890ff;
background: #2F54EB;
i {
color: #fff;
}
......
src/components/active-config/poster-config.vue
......@@ -468,7 +468,7 @@ export default {
bottom: -6px;
width: 32px;
height: 20px;
background: #1890ff;
background: #2F54EB;
text-align: center;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
......
src/components/active-config/reward-config.vue
......@@ -2010,7 +2010,7 @@ export default {
top: 0px;
left: 7px;
font-size: 12px;
color: #1890ff;
color: #2F54EB;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
......@@ -2071,7 +2071,7 @@ export default {
.common-cell-check {
.common-cell-triangle {
.common-cell-outer {
background: #1890ff;
background: #2F54EB;
i {
color: #fff;
}
......
src/components/active/active-select.vue
......@@ -997,7 +997,7 @@ export default {
.common-cell-check {
.common-cell-triangle {
.common-cell-outer {
background: #1890ff;
background: #2F54EB;
i {
color: #fff;
}
......@@ -1067,7 +1067,7 @@ export default {
.common-cell-triangle {
.common-cell-outer {
width: 50px;
background: #1890ff;
background: #2F54EB;
i {
left: 20px;
color: #fff;
......
src/components/active/data-statistics.vue
......@@ -91,7 +91,7 @@ export default {
this.chartSettings = {
//showLine: ['传播系数']
};
this.colors = ['#1890FF', '#5AD8A6', '#FF6383'];
this.colors = ['#2F54EB', '#5AD8A6', '#FF6383'];
return {};
}
/* methods() {
......
src/components/data-details/card-log.vue
......@@ -16,6 +16,7 @@ import cardLog from '@/components/data-details/card-log.vue';
<el-table
class="select-table"
ref="multipleTable"
v-loading="loading"
:data="tableData"
tooltip-effect="dark"
:style="{ width: '100%', minHeight: tableH }"
......@@ -108,6 +109,7 @@ export default {
'5': '卡券领取',
'6': '消费'
},
loading: false
};
},
......@@ -142,6 +144,7 @@ export default {
pageSize: that.pageSize,
awardType: 2
};
this.loading=true;
getRequest('/sharing-core-web/page-activity-invited-log', para)
.then(res => {
let resData = res.data;
......@@ -157,7 +160,9 @@ export default {
duration: 1000,
message: error.message
});
});
}).finally(()=>{
this.loading=false;
})
}
},
mounted() {
......
src/components/data-details/invite-log.vue
......@@ -17,6 +17,7 @@ import inviteLog from '@/components/data-details/invite-log.vue';
class="select-table"
ref="multipleTable"
:data="tableData"
v-loading="loading"
tooltip-effect="dark"
:style="{ width: '100%', minHeight: tableH }"
@sort-change='sortColumn'
......@@ -94,6 +95,7 @@ export default {
total: 0,
createTimeSort: '',
transNameSort: '',
loading: false
};
},
methods: {
......@@ -151,6 +153,7 @@ export default {
createTimeSort: that.createTimeSort,
transNameSort: that.transNameSort
};
this.loading=true;
getRequest('/sharing-core-web/page-activity-invited', para)
.then(res => {
let resData = res.data;
......@@ -166,7 +169,9 @@ export default {
duration: 1000,
message: error.message
});
});
}).finally(()=>{
this.loading=false;
})
}
},
mounted() {
......
src/components/data-details/invite-table.vue
......@@ -17,6 +17,7 @@ import inviteTable from '@/components/data-details/invite-table.vue';
class="select-table"
ref="multipleTable"
:data="tableData"
v-loading="loading"
tooltip-effect="dark"
:style="{ width: '100%' }"
@sort-change='sortColumn'
......@@ -119,7 +120,8 @@ export default {
createTimeSort: '1',
totalTransPersonNumSort: '',
sumPointsSort: '',
sumCardNumSort: ''
sumCardNumSort: '',
loading: false
};
},
methods: {
......@@ -196,6 +198,7 @@ export default {
sumPointsSort: that.sumPointsSort,
sumCardNumSort: that.sumCardNumSort
};
this.loading=true;
getRequest('/sharing-core-web/page-activity-invite', para)
.then(res => {
let resData = res.data;
......@@ -211,7 +214,9 @@ export default {
duration: 1000,
message: error.message
});
});
}).finally(()=>{
this.loading=false
})
}
},
mounted() {
......
src/components/data-details/invited-table.vue
......@@ -16,6 +16,7 @@ import invitedTable from '@/components/data-details/invited-table.vue';
<el-table
class="select-table"
ref="multipleTable"
v-loading="loading"
:data="tableData"
tooltip-effect="dark"
:style="{ width: '100%' }"
......@@ -105,7 +106,8 @@ export default {
currentPage: 1,
pageSize: 20,
total: 0,
createTimeSort: '1'
createTimeSort: '1',
loading: false
};
},
methods: {
......@@ -155,6 +157,7 @@ export default {
pageSize: that.pageSize,
createTimeSort: that.createTimeSort
};
this.loading=true;
getRequest('/sharing-core-web/page-activity-invited', para)
.then(res => {
let resData = res.data;
......@@ -170,7 +173,9 @@ export default {
duration: 1000,
message: error.message
});
});
}).finally(()=>{
this.loading=false
})
}
},
mounted() {
......
src/components/data-details/point-log.vue
......@@ -17,6 +17,7 @@ import pointLog from '@/components/data-details/point-log.vue';
class="select-table"
ref="multipleTable"
:data="tableData"
v-loading="loading"
tooltip-effect="dark"
:style="{ width: '100%', minHeight: tableH }"
>
......@@ -107,6 +108,7 @@ export default {
'5': '卡券领取',
'6': '消费'
},
loading: false
};
},
methods: {
......@@ -140,6 +142,7 @@ export default {
pageSize: that.pageSize,
awardType: 1
};
this.loading=true;
getRequest('/sharing-core-web/page-activity-invited-log', para)
.then(res => {
let resData = res.data;
......@@ -155,7 +158,9 @@ export default {
duration: 1000,
message: error.message
});
});
}).finally(()=>{
this.loading=false;
})
}
},
mounted() {
......
src/components/nav/nav.vue
<template>
<div class="navwrap boxbttom">
<el-breadcrumb separator="/">
<el-breadcrumb separator-class="el-icon-arrow-right">
<template v-for="(item, index) in navpath">
<template v-if="!!item.path">
<!-- <el-breadcrumb-item :data-v="item.path" :to="{ path: item.path }">{{ item.name }}</el-breadcrumb-item> -->
<el-breadcrumb-item :key="item.name + index" :to="{ path: item.path }" @click="changeRoute(item.path, item.relocation)"
><span class="el-breadcrumb__inner is-link" @click="changeRoute(item.path, item.relocation)">{{ item.name }}</span></el-breadcrumb-item
>
......@@ -12,10 +11,7 @@
<el-breadcrumb-item :key="item.name + index">{{ item.name }}</el-breadcrumb-item>
</template>
</template>
<!-- :to="{ path: item.path}"-->
</el-breadcrumb>
<h1 class="navtitle">{{ navpath[navpath.length - 1].name }}</h1>
<div class="navtip navmTop" v-if="navtip == true">
<i class="el-icon-info navtipcolor"></i>变更导航个数，移动顺序，更换页面链接均需提交小程序审核后重新发布生效，其他变更立即生效。小程序审核请联系品牌项目经理。
</div>
......@@ -131,23 +127,8 @@ export default {
<style scoped>
.navwrap {
min-width: 1400px;
padding: 20px 24px;
box-sizing: content-box;
background-color: #fff;
}
.boxbttom {
border-bottom: 1px solid #e4e7ed;
}
.boxshow {
border-bottom: 1px solid #e4e7ed;
box-shadow: 5px -1px 5px #dfdfdf;
}
.navtitle {
margin: 24px 0 0 0;
font-size: 20px;
color: #303133;
font-weight: 500;
background: #F7F8FA;
padding:12px;
}
.navtip {
width: 100%;
......@@ -163,7 +144,7 @@ export default {
}
.navtipcolor {
margin: 0 12px;
color: #1890ff;
color: #2F54EB;
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner,
......
src/components/post-upload.vue
......@@ -287,6 +287,6 @@ export default {
}
.color-1890ff {
color: #1890ff;
color: #2F54EB;
}
</style>
src/components/single-upload-center.vue
......@@ -295,6 +295,6 @@ export default {
}
.color-1890ff {
color: #1890ff;
color: #2F54EB;
}
</style>
src/components/single-upload.vue
......@@ -295,6 +295,6 @@ export default {
}
.color-1890ff {
color: #1890ff;
color: #2F54EB;
}
</style>
src/router/index.js
......@@ -9,23 +9,7 @@
// import Vue from 'vue';
import Router from 'vue-router';
import _import from './_import.js';
// Vue.use(Router);
/* const error403 = r => {
import('view/errorPage/403.vue').then(module => {
r(module);
});
};
const error404 = r => {
import('view/errorPage/404.vue').then(module => {
r(module);
});
};
const error500 = r => {
import('view/errorPage/500.vue').then(module => {
r(module);
});
}; */
const errorPage = r => {
import('view/errorPage/index.vue').then(module => {
r(module);
......@@ -36,7 +20,7 @@ export const constantRouterMap = [{
path: '/',
name: 'index',
redirect: 'shareIndex',
component: _import('index', 'index'),
component: _import('layout', 'layout'),
children: [
// 宣传页
{
......
src/view/activeConfig/index.vue
......@@ -131,9 +131,6 @@ export default {
that.activeStep--;
that.stepData[that.activeStep - 1 ].hasSet = false;
}
},
mounted(){
this.judgeDue()
}
}
</script>
......
src/view/errorPage/403.vue
......@@ -205,9 +205,9 @@ export default {
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
border: 1px solid #1890ff;
border: 1px solid #2F54EB;
color: #fff;
background-color: #1890ff;
background-color: #2F54EB;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
......
src/view/errorPage/404.vue
......@@ -209,9 +209,9 @@ export default {
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
border: 1px solid #1890ff;
border: 1px solid #2F54EB;
color: #fff;
background-color: #1890ff;
background-color: #2F54EB;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
......
src/view/errorPage/500.vue
......@@ -205,9 +205,9 @@ export default {
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
border: 1px solid #1890ff;
border: 1px solid #2F54EB;
color: #fff;
background-color: #1890ff;
background-color: #2F54EB;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
......
src/view/errorPage/index.vue
......@@ -219,9 +219,9 @@ export default {
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
border: 1px solid #1890ff;
border: 1px solid #2F54EB;
color: #fff;
background-color: #1890ff;
background-color: #2F54EB;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
......@@ -232,8 +232,8 @@ export default {
animation-fill-mode: forwards;*/
&:hover {
color: #fff;
background-color: #40a9ff;
border-color: #40a9ff;
background-color: #597EF7;
border-color: #597EF7;
}
&:active {
background: #096dd9;
......
src/view/index/index.vue deleted 100644 → 0
<template>
<div id="index">
<vue-gic-header :projectName="projectName" :collapseFlag="collapseFlag" @collapseTag="collapseTag" @toRouterView="toRouterView"></vue-gic-header>
<div id="content" class="content">
<div class="content-body" :style="{ minHeight: contentHeight }">
<!-- <div class="left-menu" :style="{ height: contentHeight }">
<vue-gic-aside-menu ref="asideMenu" :projectName="projectName" :leftModulesName="leftModulesName" :collapseFlag="collapseFlag"></vue-gic-aside-menu>
</div> -->
<transition name="fade" mode="out-in">
<!-- 缓存已经填好内容的页面 -->
<!-- <keep-alive include="editGroupGrade"> -->
<router-view></router-view>
<!-- </keep-alive > -->
</transition>
</div>
</div>
</div>
</template>
<script>
import * as types from '@/store/types';
export default {
name: 'App',
data() {
return {
projectName: 'share-config',
contentHeight: '0px', //页面内容高度
// 左侧
collapseFlag: false, // 折叠参数
// 模块名
leftModulesName: ''
};
},
methods: {
// 处理路由跳转
toRouterView(val) {
let that = this;
// 模拟检查数据
// //有两个参数
//{
// name:,
// path:
//}
that.$router.push({
path: val.path
});
},
// 折叠事件
collapseTag(val) {
let that = this;
that.collapseFlag = val;
}
},
watch: {
// $route: {
// handler: function(val, oldVal) {
// this.$refs.asideMenu.refreshRoute();
// },
// // 深度观察监听
// deep: true
// }
},
mounted() {
let that = this;
that.$store.commit(types.TITLE, '达摩GIC');
document.title = this.$store.state.title;
//获取项目名 pathname (路由的hash)
that.pathName = window.location.hash.split('/')[1];
that.contentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 64 + 'px';
},
components: {}
};
</script>
<style type="text/less" lang="less">
.icon-colors {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
#index {
.content {
padding-top: 64px;
/* 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 {
display: flex;
overflow: hidden;
.right-wrap {
flex: 1;
overflow: auto;
width: 100%;
.right-content {
width: 100%;
padding: 20px;
min-height: 615px;
}
/deep/ .el-tabs__nav {
z-index: 1;
}
}
.common-wrap {
position: relative;
width: 100%;
height: 100%;
// overflow-y: auto;
.right-content {
/*width: 100%;*/
padding: 20px;
min-height: calc(100vh - 256px);
.right-box {
padding: 20px;
min-height: calc(100vh - 296px);
background: #fff;
}
}
}
}
}
/deep/ .el-submenu__title {
height: 40px;
line-height: 40px;
}
/* 表格为空 */
/deep/ .el-table__empty-block {
height: 256px;
padding: 80px;
}
}
.el-table__empty-block {
height: 256px;
}
.el-table__empty-text {
width: auto;
margin-bottom: 0px;
&::before {
content: ' ';
display: block;
width: 60px;
height: 60px;
background: url(../../assets/no-data_icon.png) no-repeat center;
margin: 0px auto 22px auto;
}
}
.el-submenu__title {
height: 40px;
line-height: 40px;
}
.user-header-pop {
min-width: 95px;
}
.el-popover.user-header-pop {
min-width: 95px;
box-sizing: content-box;
}
.left-aside-contain {
/deep/ .el-submenu__title:hover {
background-color: #020b21;
}
}
.el-menu.el-menu--popup {
background: #020b21;
border-radius: 4px;
}
/* 输入框 focus*/
.el-form-item.is-success .el-input__inner,
.el-form-item.is-success .el-input__inner:focus,
.el-form-item.is-success .el-textarea__inner,
.el-form-item.is-success .el-textarea__inner:focus {
border-color: #dcdfe6;
}
/* 箭头*/
.icon-to-pre {
cursor: pointer;
font-size: 18px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.icon-to-next {
cursor: pointer;
font-size: 18px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/*树形*/
.vue-treeselect /deep/ {
/deep/ .vue-treeselect__control {
height: 36px;
/*line-height: 36px;*/
cursor: pointer;
}
.vue-treeselect__placeholder {
line-height: 36px;
font-size: 12px;
}
.vue-treeselect__multi-value-item-container,
.vue-treeselect__multi-value {
line-height: 1;
}
span.vue-treeselect__multi-value-label {
line-height: 1;
}
.vue-treeselect__multi-value-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #f0f2f5;
color: #909399;
}
.vue-treeselect__value-remove {
color: #909399;
}
&:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover {
background-color: #f0f2f5;
color: #909399;
}
.vue-treeselect--searchable:not(.vue-treeselect--disabled) .vue-treeselect__value-container {
cursor: pointer;
}
.vue-treeselect__control-arrow {
display: none;
}
.vue-treeselect__control-arrow-container {
position: relative;
}
/deep/.vue-treeselect__control-arrow-container:after,
.vue-treeselect__control-arrow-container:before {
border: 6px solid transparent;
border-left: 6px solid #fff;
width: 0;
height: 0;
position: absolute;
top: 49%;
left: 50%;
margin-left: -6px;
content: ' ';
margin-top: -3px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
/deep/ .vue-treeselect__control-arrow-container:before {
border-left-color: #c0c4cc;
top: 52%;
}
&.vue-treeselect--focused .vue-treeselect__control-arrow-container:after,
&.vue-treeselect--focused .vue-treeselect__control-arrow-container:before {
margin-top: -6px;
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
&.vue-treeselect--focused .vue-treeselect__control-arrow-container:before {
border-left-color: #c0c4cc;
top: 47%;
}
.vue-treeselect--has-value .vue-treeselect__multi-value {
margin-bottom: 0;
}
}
/* 富文本编辑器 */
.mce-tinymce {
-webkit-box-shadow: none;
box-shadow: none;
}
.channelicon {
width: 20px;
height: 20px;
display: inline-block;
}
/* 已使用小程序 */
.xcxicon {
background: url('../../assets/group/status@xcx.png') no-repeat 50%;
}
/* 未使用小程序 */
.xcxicongray {
background: url('../../assets/group/status@xcxgray.png') no-repeat 50%;
}
/* 已关注公众号 */
.gzhicon {
background: url('../../assets/group/status@gzh.png') no-repeat 50%;
}
/* 取消关注公众号 */
.gzhiconcanclegray {
background: url('../../assets/group/status@gzhcanclegray.png') no-repeat 50%;
}
/* 未关注 */
.gzhicongray {
background: url('../../assets/group/status@gzhgray.png') no-repeat 50%;
}
/* 淘宝 */
.taobaoicon {
background: url('../../assets/group/channel@taobao.png') no-repeat 50%;
}
.taobaoicongray {
background: url('../../assets/group/channel@taobaogray.png') no-repeat 50%;
}
/* 京东 */
.jdicon {
background: url('../../assets/group/channel@jd.png') no-repeat 50%;
}
.jdicongray {
background: url('../../assets/group/channel@jdgray.png') no-repeat 50%;
}
/* 唯品会 */
.vipicon {
background: url('../../assets/group/channel@vip.png') no-repeat 50%;
}
.vipicongray {
background: url('../../assets/group/channel@vipgray.png') no-repeat 50%;
}
</style>
src/view/layout/layout.vue 0 → 100644
<template>
<dm-layout project-name="report">
<router-view :key="$route.fullPath"></router-view>
</dm-layout>
</template>
<script>
export default {
name: 'layout'
}
</script>
static/css/index.less
......@@ -95,3 +95,26 @@
.el-dialog__footer {
border-top: none;
}
.content {
padding-top: 64px;
min-width: 1200px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.common-wrap {
position: relative;
width: 100%;
height: 100%;
background: #f7f8fa;
}
.right-content {
padding-top: 12px;
min-height: calc(100vh - 256px);
}
.right-box {
padding: 20px;
min-height: calc(100vh - 296px);
background: #fff;
}
\ No newline at end of file
static/css/public.css
......@@ -148,7 +148,7 @@ a.a-href {
}
a.a-href:hover {
color: #1890ff;
color: #2F54EB;
}
li {
......@@ -728,7 +728,7 @@ i {
/* 颜色 */
.color-1890ff {
color: #1890ff;
color: #2F54EB;
}
.color-303133 {
......
static/css/variable.less
@base-color: #353944;
@hover-color: #3c92eb;
@hoverbg-color: #20242d;
@main-color: #1890ff;
@main-color: #2F54EB;
@navbgcolor: #04143a;
@sidebgcolor: #343c4c;
@userinfobgcolor: #ecf5ff;
......
static/font/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
static/img/add-hover.svg
......@@ -8,7 +8,7 @@
<g id="Dialog-对话框/表单" transform="translate(395.000000, 435.000000)">
<g id="添加-加号-无边框" transform="translate(24.000000, 87.000000)">
<rect id="矩形" fill="#E9F4FF" x="0" y="0" width="40" height="40" rx="4"></rect>
<path d="M26.5,20 L21,20 L21,14.5 C21,14.22 20.78,14 20.5,14 C20.22,14 20,14.22 20,14.5 L20,20 L14.5,20 C14.22,20 14,20.22 14,20.5 C14,20.78 14.22,21 14.5,21 L20,21 L20,26.5 C20,26.78 20.22,27 20.5,27 C20.78,27 21,26.78 21,26.5 L21,21 L26.5,21 C26.78,21 27,20.78 27,20.5 C27,20.22 26.78,20 26.5,20 Z" id="路径" fill="#1890FF"></path>
<path d="M26.5,20 L21,20 L21,14.5 C21,14.22 20.78,14 20.5,14 C20.22,14 20,14.22 20,14.5 L20,20 L14.5,20 C14.22,20 14,20.22 14,20.5 C14,20.78 14.22,21 14.5,21 L20,21 L20,26.5 C20,26.78 20.22,27 20.5,27 C20.78,27 21,26.78 21,26.5 L21,21 L26.5,21 C26.78,21 27,20.78 27,20.5 C27,20.22 26.78,20 26.5,20 Z" id="路径" fill="#2F54EB"></path>
</g>
</g>
</g>
......
static/tinymce/skins/lightgray/skin.min.css
......@@ -830,7 +830,7 @@ div.mce-fullscreen {
}
.mce-close:hover i {
color: #1890ff;
color: #2F54EB;
}
.mce-window-head .mce-title {
......@@ -854,14 +854,14 @@ div.mce-fullscreen {
}
.mce-foot .mce-btn.mce-last:hover {
color: #1890ff;
border-color: #1890ff;
color: #2F54EB;
border-color: #2F54EB;
background-color: #fff;
}
.mce-foot .mce-btn.mce-last:hover button .mce-txt {
color: #1890ff;
border-color: #1890ff;
color: #2F54EB;
border-color: #2F54EB;
background-color: #fff;
}
......@@ -1275,25 +1275,25 @@ html .mce-abs-layout-item,
/* background: white;
color: #595959;
border-color: #e2e4e7*/
color: #1890ff;
color: #2F54EB;
}
.mce-btn:hover button .mce-preview,
.mce-btn:active button .mce-preview {
color: #1890ff;
background: #1890ff;
color: #2F54EB;
background: #2F54EB;
}
.mce-btn:focus button .mce-ico {
/*background: white;
color: #595959;
border-color: #e2e4e7*/
color: #1890ff;
color: #2F54EB;
}
.mce-btn:focus button .mce-preview {
color: #1890ff;
background: #1890ff;
color: #2F54EB;
background: #2F54EB;
}
.mce-btn.mce-disabled button,
......@@ -1321,7 +1321,7 @@ html .mce-abs-layout-item,
-moz-box-shadow: none;
box-shadow: none;
background: #fff;
color: #1890ff;
color: #2F54EB;
border-color: transparent
}
......@@ -1329,7 +1329,7 @@ html .mce-abs-layout-item,
.mce-btn.mce-active:hover button,
.mce-btn.mce-active i,
.mce-btn.mce-active:hover i {
color: #1890ff
color: #2F54EB
}
.mce-btn:hover .mce-caret {
......@@ -1338,7 +1338,7 @@ html .mce-abs-layout-item,
.mce-btn.mce-active .mce-caret,
.mce-btn.mce-active:hover .mce-caret {
border-top-color: #1890ff
border-top-color: #2F54EB
}
.mce-btn button {
......@@ -1370,13 +1370,13 @@ html .mce-abs-layout-item,
color: white;
border: 1px solid transparent;
border-color: transparent;
background-color: #1890ff;
background-color: #2F54EB;
}
.mce-primary:hover,
.mce-primary:focus {
background: #40a9ff;
border-color: #40a9ff;
background: #597EF7;
border-color: #597EF7;
color: #fff;
}
......@@ -1394,7 +1394,7 @@ html .mce-abs-layout-item,
.mce-primary.mce-active,
.mce-primary.mce-active:hover,
.mce-primary:not(.mce-disabled):active {
background-color: #1890ff;
background-color: #2F54EB;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
......@@ -2596,11 +2596,11 @@ i.mce-i-resize {
border-bottom-color: transparent;
margin-bottom: -1px;
height: 14px;
color: #1890ff;
color: #2F54EB;
}
.mce-tab:focus {
/* color: #1890ff; */
/* color: #2F54EB; */
}
.mce-rtl .mce-tabs {
......@@ -2632,7 +2632,7 @@ i.mce-i-resize {
.mce-textbox:focus,
.mce-textbox.mce-focus {
border-color: #1890ff;
border-color: #2F54EB;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
......
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