Commit 5fa56f7b authored by 罗超's avatar 罗超

修改部分样式

parent 660166e3
......@@ -19,3 +19,4 @@ yarn-error.log*
*.njsproj
*.sln
*.sw*
yarn.lock
.customerManage .tools{
.customerManage .tools {
display: flex;
justify-content: space-between;
padding-bottom: 20px;
border-bottom: 1px solid rgba(226,228,235,1);
border-bottom: 1px solid rgba(226, 228, 235, 1);
align-items: center;
}
.customerManage .tools h1{
.customerManage .tools h1 {
font-weight: bold;
font-size: 18px;
font-family: perfectFont;
}
.customerManage .tools .rightmenu{
.customerManage .tools .rightmenu {
display: flex;
align-items: center;
}
.customerManage .tools .gaoji{
font-size:12px;
font-weight:400;
color:rgba(13,36,129,1);
.customerManage .tools .gaoji {
font-size: 12px;
font-weight: 400;
color: #409efe;
margin-right: 35px;
cursor: pointer;
}
.customerManage .tools .gaoji:hover{
color:rgba(13,36,129,.8);
.customerManage .tools .gaoji:hover {
color: #409efecc;
}
.customerManage .tools .gaoji .iconfont{
.customerManage .tools .gaoji .iconfont {
font-size: 12px;
padding-left: 5px;
}
.customerManage .query-box{
.customerManage .query-box {
padding: 15px 10px;
background-color: white;
}
.customerManage .table-btn{
.customerManage .table-btn {
display: inline-block;
width: 24px;
height: 24px;
......@@ -41,55 +41,55 @@
cursor: pointer;
margin-right: 10px;
}
.customerManage .table-btn.blue{
color: rgba(13, 36, 129, 1);
background-color: rgba(13, 36, 129, .3);
.customerManage .table-btn.blue {
color: #409efe;
background-color: rgba(13, 36, 129, 0.3);
}
.customerManage .table-btn.org{
color: #FFA475;
background-color: rgba(255, 164, 117, .3);
.customerManage .table-btn.org {
color: #ffa475;
background-color: rgba(255, 164, 117, 0.3);
}
.customerManage .table-btn.green{
.customerManage .table-btn.green {
color: rgba(148, 184, 119, 1);
background-color: rgba(148, 184, 119, .3);
background-color: rgba(148, 184, 119, 0.3);
}
.customerManage .table-btn.blue:hover{
background-color: rgba(13, 36, 129, .5);
.customerManage .table-btn.blue:hover {
background-color: rgba(13, 36, 129, 0.5);
}
.customerManage .table-btn.org:hover{
background-color: rgba(255, 164, 117, .5);
.customerManage .table-btn.org:hover {
background-color: rgba(255, 164, 117, 0.5);
}
.customerManage .table-btn.green:hover{
background-color: rgba(148, 184, 119, .5);
.customerManage .table-btn.green:hover {
background-color: rgba(148, 184, 119, 0.5);
}
.customerManage .add-box1 .el-dialog{
.customerManage .add-box1 .el-dialog {
min-width: 760px;
}
.customerManage .add-box1 .el-tag.el-tag--info{
background-color: rgba(0,0,0,0);
border-color: rgba(0,0,0,0);
.customerManage .add-box1 .el-tag.el-tag--info {
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
display: inline-block;
white-space: nowrap;
width: 60%;
overflow: hidden;
text-overflow:ellipsis;
text-overflow: ellipsis;
}
.customerManage .add-box2 .el-tag.el-tag--info{
background-color: rgba(0,0,0,0);
border-color: rgba(0,0,0,0);
.customerManage .add-box2 .el-tag.el-tag--info {
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
text-overflow: ellipsis;
}
.customerManage .add-box2 .el-form-item__label{
.customerManage .add-box2 .el-form-item__label {
text-align: left;
}
.customerManage .selection-box{
.customerManage .selection-box {
display: flex;
align-items: center;
}
.customerManage .selection-box span{
.customerManage .selection-box span {
font-size: 12px;
text-align: center;
}
......@@ -103,7 +103,7 @@
padding: 5px 12px;
margin-left: 15px;
}
.customerManage .selection-box .el-button i{
.customerManage .selection-box .el-button i {
margin-right: 5px;
}
.customerManage .selection-box .el-button:hover {
......@@ -111,39 +111,39 @@
border-color: #2362fb;
color: #fff;
}
.customerManage .dialog-footer{
.customerManage .dialog-footer {
text-align: center;
background-color: rgba(248,250,251,1);
background-color: rgba(248, 250, 251, 1);
padding-bottom: 20px;
}
.customerManage .el-dialog__footer{
.customerManage .el-dialog__footer {
padding: 0;
}
.transfer-box .add-tit{
.transfer-box .add-tit {
display: flex;
justify-content: space-between;
align-items: center;
height: 20px;
}
.transfer-box .add-tit p{
.transfer-box .add-tit p {
display: flex;
align-items: center;
font-weight: bold;
color:rgba(17,17,17,1);
font-size:14px;
color: rgba(17, 17, 17, 1);
font-size: 14px;
}
.transfer-box .add-tit p span{
.transfer-box .add-tit p span {
display: inline-block;
width:6px;
height:6px;
background:rgba(13,36,129,1);
border-radius:50%;
width: 6px;
height: 6px;
background: #409efe;
border-radius: 50%;
margin-right: 10px;
}
.iconstar_full{
.iconstar_full {
color: #fac23d;
}
.bold18{
.bold18 {
font-weight: bold;
font-size: 18px;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
.w110{
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
margin: 0;
padding: 0;
}
body,
button,
input,
select,
textarea {
font: 12px/1.5tahoma, arial, \5b8b\4f53;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}
address,
cite,
dfn,
em,
var {
font-style: normal;
}
code,
kbd,
pre,
samp {
font-family: couriernew, courier, monospace;
}
small {
font-size: 12px;
}
ul,
ol {
list-style: none;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
legend {
color: #000;
}
fieldset,
img {
border: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.w110 {
width: 110px;
}
.height100{
.height100 {
height: 100%;
}
.perfectFont{
font-family: 'perfectFont';
.perfectFont {
font-family: "perfectFont";
}
.crm-btn.crm-btn-more.crm-table-btn{
.crm-btn.crm-btn-more.crm-table-btn {
padding: 3px 0 !important;
border: 0 !important;
background-color: transparent !important;
}
.crm-btn.crm-btn-more.crm-table-btn:hover{
.crm-btn.crm-btn-more.crm-table-btn:hover {
background-color: transparent !important;
}
.crm-btn.el-button{
.crm-btn.el-button {
border-radius: 0;
padding: 12px 15px;
text-align: center;
margin-right: 20px;
}
.crm-btn.crm-btn-mini.el-button{
.crm-btn.crm-btn-mini.el-button {
padding: 5px 10px;
}
.crm-btn-mini.el-button{
.crm-btn-mini.el-button {
border-radius: 0;
padding: 6px 12px;
margin-right: 20px;
}
.crm-btn.query-btn{
background:rgba(13,36,129,1) !important;
border-color: rgba(13,36,129,1) !important;
.crm-btn.query-btn {
background: #409efe !important;
border-color: #409efe !important;
color: white !important;
}
.crm-btn.query-btn:hover{
background:rgba(13,36,129,.8) !important;
border-color: rgba(13,36,129,.8) !important;
border-color: rgba(13,36,129,.8) !important;
.crm-btn.query-btn:hover {
background: #409efecc !important;
border-color: #409efecc !important;
border-color: #409efecc !important;
color: white !important;
}
.crm-btn.easy-btn{
.crm-btn.easy-btn {
background: white !important;
border-color: rgba(13,36,129,1) !important;
color: rgba(13,36,129,1) !important;
border-color: #409efe !important;
color: #409efe !important;
}
.crm-btn.easy-btn:hover{
.crm-btn.easy-btn:hover {
background: white !important;
border-color: rgba(13,36,129,.8) !important;
color: rgba(13,36,129,.8) !important;
border-color: #409efecc !important;
color: #409efecc !important;
}
.crm-btn.org-btn{
.crm-btn.org-btn {
background: white !important;
border-color: rgba(255, 164, 117, 1) !important;
color: rgba(255, 164, 117, 1) !important;
}
.crm-btn.org-btn:hover{
.crm-btn.org-btn:hover {
background: white !important;
border-color: rgba(255, 164, 117, .8) !important;
color: rgba(255, 164, 117, .8) !important;
border-color: rgba(255, 164, 117, 0.8) !important;
color: rgba(255, 164, 117, 0.8) !important;
}
.crm-btn.crm-btn-more{
.crm-btn.crm-btn-more {
padding: 11px 15px;
width: auto;
}
.el-input__inner{
.el-input__inner {
border-radius: 0 !important;
}
.el-input-group__append{
.el-input-group__append {
border-radius: 0 !important;
}
.MyEditForm .el-form-item .label {
......@@ -91,12 +168,12 @@ table { border-collapse:collapse; border-spacing:0; }
padding-left: 15px;
font-family: "Microsoft YaHei";
}
.MyEditForm .MyEditForm-item{
.MyEditForm .MyEditForm-item {
padding: 9px 19px;
background-color: white;
margin-bottom: 20px;
}
.MyEditForm .MyEditForm-item .el-form-item{
.MyEditForm .MyEditForm-item .el-form-item {
margin-bottom: 0;
}
.MyEditForm .el-form-item .el-form-item__content {
......@@ -106,7 +183,8 @@ table { border-collapse:collapse; border-spacing:0; }
width: 100%;
}
.MyEditForm .el-form-item .el-input__inner ,.MyEditForm .el-form-item .el-textarea__inner{
.MyEditForm .el-form-item .el-input__inner,
.MyEditForm .el-form-item .el-textarea__inner {
border: none;
outline: none;
height: 14px;
......@@ -114,10 +192,10 @@ table { border-collapse:collapse; border-spacing:0; }
padding-left: 10px;
font-size: 12px;
}
.MyEditForm .el-form-item .el-textarea__inner{
.MyEditForm .el-form-item .el-textarea__inner {
width: 100%;
}
.MyEditForm .el-form-item .el-form-item__label{
.MyEditForm .el-form-item .el-form-item__label {
line-height: initial;
color: rgba(136, 136, 136, 1);
font-size: 12px;
......@@ -129,129 +207,130 @@ table { border-collapse:collapse; border-spacing:0; }
font-size: 12px;
padding-top: 2px;
}
.MyEditForm .label-pad-left .el-form-item__label{
.MyEditForm .label-pad-left .el-form-item__label {
padding-left: 9px;
}
.Mypagination.el-pagination{
.Mypagination.el-pagination {
text-align: right;
margin-top: 20px;
}
.Mypagination.el-pagination .el-pagination__sizes{
background:rgba(255,255,255,1);
.Mypagination.el-pagination .el-pagination__sizes {
background: rgba(255, 255, 255, 1);
}
.Mypagination.el-pagination .el-pagination__sizes .el-input__inner{
.Mypagination.el-pagination .el-pagination__sizes .el-input__inner {
border: none;
}
.Mypagination.el-pagination.is-background .el-pager li:not(.disabled).active{
background:rgba(13, 36, 129, 1);
.Mypagination.el-pagination.is-background .el-pager li:not(.disabled).active {
background: #409efe;
border-radius: 0;
}
.MyEditForm .MyEditForm-item .form-check .el-form-item__label{
.MyEditForm .MyEditForm-item .form-check .el-form-item__label {
display: block;
width: 100%;
text-align: left;
}
.MyEditForm .MyEditForm-item .el-date-editor.el-input{
.MyEditForm .MyEditForm-item .el-date-editor.el-input {
width: 100%;
}
.MyEditForm .MyEditForm-item .el-input__prefix{
.MyEditForm .MyEditForm-item .el-input__prefix {
right: 5px;
top: -17px;
left: inherit;
}
.cp{
}
.cp {
cursor: pointer;
}
/* 字体颜色 */
.font-color-link{
.font-color-link {
color: #409eff !important;
}
.font-color-link:hover,.underline:hover{
.font-color-link:hover,
.underline:hover {
text-decoration: underline;
}
.font-color-success{
color: #67C23A!important;
.font-color-success {
color: #67c23a !important;
}
.font-color-warning{
color: #E6A23C!important;
.font-color-warning {
color: #e6a23c !important;
}
.font-color-danger{
color: #F56C6C!important;
.font-color-danger {
color: #f56c6c !important;
}
.font-color-info{
color: #909399!important;
.font-color-info {
color: #909399 !important;
}
.font-14-blod{
.font-14-blod {
font-size: 14px;
font-weight: bold;
}
.bold{
.bold {
font-weight: bold;
}
textarea{
resize:none!important;
textarea {
resize: none !important;
}
.el-dialog__wrapper{
.el-dialog__wrapper {
background-color: rgb(245, 246, 249);
}
.el-dialog{
box-shadow: 2px 1px 3px 0px rgba(0,0,0,.3)
.el-dialog {
box-shadow: 2px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
/* 字体大小 */
.font-size-12{
.font-size-12 {
font-size: 12px;
}
.wap1{
.wap1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* flex */
.flex-center{
.flex-center {
display: flex;
align-items: center;
}
/* padding */
.pad-left-10{
.pad-left-10 {
padding-left: 10px;
}
/* margin */
.margin-right0{
.margin-right0 {
margin-right: 0 !important;
}
/* el */
.el-dialog__body{
background-color: rgba(248,250,251,1);
.el-dialog__body {
background-color: rgba(248, 250, 251, 1);
padding-top: 20px;
max-height: 500px;
overflow: auto;
}
.add-box-btn.el-button{
.add-box-btn.el-button {
border-radius: 0;
background-color: rgba(13, 36, 129, .8);
border-color: rgba(13, 36, 129, .8);
background-color: #409efecc;
border-color: #409efecc;
color: white;
padding: 12px 43px;
}
.add-box-btn.el-button:hover{
background-color: rgba(13, 36, 129, 1);
border-color: rgba(13, 36, 129, 1);
.add-box-btn.el-button:hover {
background-color: #409efe;
border-color: #409efe;
color: white;
}
.add-box-btn.el-button.add-box-cancel{
color: rgba(13, 36, 129, .8);
.add-box-btn.el-button.add-box-cancel {
color: #409efecc;
background-color: white;
}
.add-box-btn.el-button.add-box-cancel:hover{
color: rgba(13, 36, 129, 1);
.add-box-btn.el-button.add-box-cancel:hover {
color: #409efe;
background-color: white;
}
.MyEditForm-item .el-input.is-disabled .el-input__inner{
.MyEditForm-item .el-input.is-disabled .el-input__inner {
background-color: white;
border-color: white;
}
This diff is collapsed.
@font-face{
@font-face {
font-family: 'pingfang';
src:url('../fonts/pingfang.woff2') format('woff');
src: url('../fonts/PingFangMedium.ttf') format('truetype');
}
@font-face {
font-family: "PingFangR";
src: url("../fonts/Semibold.eot"); /* IE9 */
src: url("../fonts/Semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("../fonts/Semibold.woff") format("woff"), /* chrome, firefox */
url("../fonts/Semibold.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
src: url("../fonts/PingFangBold.ttf") format('truetype');
font-style: normal;
font-weight: normal;
}
@font-face{
@font-face {
font-family: 'perfectFont';
src:url('../fonts/MicrosoftYaHeiLight.woff') format('woff');
src: url('../fonts/MicrosoftYaHeiUISemilight.ttf') format('truetype');
}
\ No newline at end of file
......@@ -379,14 +379,14 @@ export default {
components: {
ticheng,
notincome,
sjld
sjld,
},
data() {
return {
rankType: 1,
rankType2: "1",
RankingList: [],
Briefing: { model: { TotalPrice: 0 } }
Briefing: { model: { TotalPrice: 0 } },
};
},
mounted() {
......@@ -395,7 +395,7 @@ export default {
},
methods: {
GetBriefing() {
this.apipost("/api/CustomerDashboard/GetBriefing", {}, res => {
this.apipost("/api/CustomerDashboard/GetBriefing", {}, (res) => {
if (res.data.resultCode == 1) {
this.Briefing = res.data.data;
}
......@@ -405,14 +405,14 @@ export default {
this.apipost(
"/api/CustomerDashboard/GetRankingList",
{ rankType: this.rankType },
res => {
(res) => {
if (res.data.resultCode == 1) {
this.RankingList = res.data.data;
}
}
);
}
}
},
},
};
</script>
......@@ -444,7 +444,7 @@ export default {
padding: 0px 20px !important;
margin-top: 20px;
}
.box-card .el-card__body{
.box-card .el-card__body {
height: 237px;
}
/* .box-card .el-card__body:hover, */
......@@ -465,7 +465,7 @@ export default {
height: 26px;
line-height: 26px;
text-align: center;
background: rgba(13, 36, 129, 1);
background: #409efe;
color: #fff;
margin: 0 25px;
}
......@@ -473,7 +473,7 @@ export default {
font-size: 14px;
color: #333333;
width: 80px;
padding-top:18px;
padding-top: 18px;
font-weight: bold;
font-family: perfectFont;
}
......@@ -485,7 +485,7 @@ export default {
color: #000;
font-weight: bold;
text-align: right;
padding-right:25px;
padding-right: 25px;
}
.box-card .shang-list .shang-list-item .eq {
width: 200px;
......@@ -573,13 +573,13 @@ export default {
.zhou-card {
padding: 0px;
border: none;
background: rgba(13, 36, 129, 1);
background: #409efe;
margin-top: 25px;
height: 236px;
}
.zhou-card .el-card__body {
padding: 0px;
background: url("../assets/img/home/zhouguan.png") rgba(13, 36, 129, 1);
background: url("../assets/img/home/zhouguan.png") #409efe;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
......@@ -655,7 +655,7 @@ export default {
background: #94b877;
}
.sum-card .sum-list .sum-list-item .icon.blue {
background: #0d2481;
background: #409efe;
}
.sum-card .sum-list .sum-list-item .icon.zi {
background: rgb(210, 197, 240);
......@@ -737,7 +737,7 @@ export default {
font-weight: bold;
}
.rank-list .rank-list-item .rank.blue {
color: #0d2481;
color: #409efe;
}
.rank-list .rank-list-item .rank.red {
color: rgb(195, 0, 82);
......@@ -772,25 +772,25 @@ export default {
}
.option-item .el-select > .el-input {
display: block;
background: #0d2481;
background: #409efe;
border-radius: 0;
}
.option-item .el-input--mini .el-input__inner {
height: 28px;
line-height: 28px;
background: #0d2481;
background: #409efe;
border-radius: 0;
color: #f1f1f1;
}
.option-item .el-select .el-input.is-focus .el-input__inner {
border-color: #0d2481;
border-color: #409efe;
}
.el-select-dropdown {
border-radius: 0px !important;
}
.el-select-dropdown__item.selected {
font-family: perfectFont !important;
color: #0d2481 !important;
color: #409efe !important;
}
.el-select-dropdown__item {
/* font-family: perfectFont !important; */
......
......@@ -15,7 +15,7 @@
.log-box > div {
height: 100%;
width: 100%;
background: rgba(13, 36, 129, 1);
background: #3d3b4f;
/* border-radius:0px 40px 40px 0px; */
display: flex;
align-items: center;
......@@ -25,7 +25,7 @@
width: 42px;
}
.home-nav .home-menu {
padding-left: 19px;
padding: 0 8px;
}
.home-nav .home-menu .home-menu-item {
color: rgba(255, 255, 255, 1);
......@@ -33,19 +33,22 @@
cursor: pointer;
transition: all linear 0.2s;
background-color: #f4f5f9;
border-radius: 4px;
overflow: hidden;
font-family: "perfectFont";
}
.home-nav .home-menu .home-menu-item > div {
padding: 0 0 0 15px;
background-color: rgba(13, 36, 129, 1);
background-color: #3d3b4f;
height: 50px;
line-height: 50px;
}
.home-nav .home-menu .home-menu-item.active {
background-color: rgba(13, 36, 129, 1);
background-color: #3d3b4f;
}
.home-nav .home-menu .home-menu-item.active > div {
/* font-weight: bold; */
color: rgba(13, 36, 129, 1);
color: #3d3b4f;
opacity: 1;
transition: all linear 0.2s;
background-color: #f4f5f9;
......@@ -87,70 +90,70 @@ export default {
{
class: "iconfont iconyibiaopan",
name: "仪表盘",
path: '/Home'
path: "/Home",
},
{
class: "iconfont icondaiban",
name: "待办事项",
path: '/waitMatter'
path: "/waitMatter",
},
{
class: "iconfont iconxiansuo",
name: "线索",
path: '/clueManagement'
path: "/clueManagement",
},
{
class: "iconfont iconkehu",
name: "客户",
path: '/customerManage'
path: "/customerManage",
},
{
class: "iconfont iconkehu1",
name: "联系人",
path: "/contactsManagement"
path: "/contactsManagement",
},
{
class: "iconfont icongonghaiguanli",
name: "公海",
path: '/watersManagement'
path: "/watersManagement",
},
{
class: "iconfont iconshangji",
name: "商机",
path: '/businessManagement'
path: "/businessManagement",
},
{
class: "iconfont iconhetong",
name: "合同"
name: "合同",
},
{
class: "iconfont iconchanpin1",
name: "产品"
name: "产品",
},
{
class: "iconfont icondingdan1",
name: "订单"
}
]
name: "订单",
},
],
};
},
mounted() {
let userInfo = this.getLocalStorage()
this.userInfo = userInfo
this.navList = userInfo.UserMenu[0].ChildMenu[0].ChildMenu
let $this = this
this.MsgBus.$on('setLeftNav', function (val){
let userInfo = this.getLocalStorage();
this.userInfo = userInfo;
this.navList = userInfo.UserMenu[0].ChildMenu[0].ChildMenu;
let $this = this;
this.MsgBus.$on("setLeftNav", function(val) {
$this.activeIndex = 0;
$this.navList = userInfo.UserMenu[0].ChildMenu[val].ChildMenu
})
$this.navList = userInfo.UserMenu[0].ChildMenu[val].ChildMenu;
});
},
methods: {
changeMenu: function(item, ind) {
this.activeIndex = ind;
this.$router.push({
path: item.MenuUrl
path: item.MenuUrl,
});
}
}
},
},
};
</script>
......@@ -27,15 +27,16 @@
margin: 0 20px;
color: #666;
font-size: 16px;
font-weight: 600;
cursor: pointer;
font-family: perfectFont;
}
.nav-right .nav-right-menu ul li:first-child {
margin-left: 0px;
}
.nav-right .nav-right-menu ul li.active {
color: rgba(13, 36, 129, 1);
border-bottom-color: rgba(13, 36, 129, 1);
color: #409efe;
border-bottom-color: #409efe;
font-family: pingfangR;
}
.nav-right .nav-right-menu ul li i {
font-size: 16px;
......@@ -70,7 +71,7 @@
}
.nav-right .nav-right-info .right-item i {
font-size: 20px;
color: #0d2481;
color: #409efe;
}
</style>
<template>
......@@ -102,7 +103,7 @@
退出
</li>
</ul>
<el-avatar slot="reference" :size="34" :src="userInfo.Icon" style="background:rgba(13, 36, 129, 1);" @error="errorHandler">
<el-avatar slot="reference" :size="34" :src="userInfo.Icon" style="background:#409efe;" @error="errorHandler">
{{userInfo.EmName.substring(0,1)}}
</el-avatar>
</el-popover>
......@@ -116,36 +117,36 @@ export default {
return {
activeIndex: 0,
value: 0,
menuList: [{ChildMenu: []}],
menuList: [{ ChildMenu: [] }],
chosenMenuId: 0,
userInfo: {
EmName: '',
Icon: '',
EmName: "",
Icon: "",
},
visible:false
visible: false,
};
},
mounted() {
let userInfo = this.getLocalStorage()
this.userInfo = userInfo
this.menuList = userInfo.UserMenu
this.chosenMenuId = userInfo.UserMenu[0].ChildMenu[0].MenuId
let userInfo = this.getLocalStorage();
this.userInfo = userInfo;
this.menuList = userInfo.UserMenu;
this.chosenMenuId = userInfo.UserMenu[0].ChildMenu[0].MenuId;
},
methods: {
chosenFirstLeaveMenu(item, index){
this.chosenMenuId = item.MenuId
this.MsgBus.$emit('setLeftNav', index)
chosenFirstLeaveMenu(item, index) {
this.chosenMenuId = item.MenuId;
this.MsgBus.$emit("setLeftNav", index);
this.$router.push({
path: item.ChildMenu[0].MenuUrl
path: item.ChildMenu[0].MenuUrl,
});
},
errorHandler() {
return true;
},
signout(){
signout() {
window.localStorage.removeItem("userInfo");
this.$router.push('/login');
}
}
this.$router.push("/login");
},
},
};
</script>
This diff is collapsed.
This diff is collapsed.
<style>
.MyCoupon{
.MyCoupon {
background-color: RGBA(246, 245, 248, 1);
height: 100%;
}
.MyCoupon .menu_list ul{
height: 40px;
line-height: 40px;
.MyCoupon .menu_list ul {
height: 40px;
line-height: 40px;
}
.MyCoupon .menu_list ul li{
float: left;
width: 137px;
text-align: center;
cursor: pointer;
.MyCoupon .menu_list ul li {
float: left;
width: 137px;
text-align: center;
cursor: pointer;
}
.MyCoupon .menu_list ul li:last-child{
.MyCoupon .menu_list ul li:last-child {
float: right;
width: 60px;
}
.MyCoupon .menu_list ul li .__cp i{
padding-left: 25px;
.MyCoupon .menu_list ul li .__cp i {
padding-left: 25px;
}
.MyCoupon .menu_list ul li span.__cp{
font-size: 14px;
.MyCoupon .menu_list ul li span.__cp {
font-size: 14px;
}
.MyCoupon .menu_list ul li span.__cp._active{
color: rgba(13, 36, 129, 1);
border-bottom: 2px solid rgba(13, 36, 129, 1);
display: inline-block;
.MyCoupon .menu_list ul li span.__cp._active {
color: #409efe;
border-bottom: 2px solid #409efe;
display: inline-block;
}
.Coupon-box{
.Coupon-box {
position: relative;
max-height: calc(100vh - 45px);
overflow: auto;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-flow:row wrap;
flex-flow: row wrap;
}
.Coupon-item{
.Coupon-item {
position: relative;
height: 205px;
margin-bottom: 25px;
width: 218px;
margin-right: 25px;
}
.Coupon-item .top{
.Coupon-item .top {
position: absolute;
width: calc(100%);
height: 104px;
background: url('../../assets/img/cust/bg1.png');
background: url("../../assets/img/cust/bg1.png");
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 10px 30px;
box-sizing: border-box;
color: white
color: white;
}
.Coupon-item .top2{
background: url('../../assets/img/cust/bg2.png');
.Coupon-item .top2 {
background: url("../../assets/img/cust/bg2.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.Coupon-item .top3{
background: url('../../assets/img/cust/bg3.png');
.Coupon-item .top3 {
background: url("../../assets/img/cust/bg3.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.Coupon-item .top .zhe{
.Coupon-item .top .zhe {
font-size: 30px;
}
.Coupon-item .top .zhe span{
.Coupon-item .top .zhe span {
font-size: 20px;
}
.Coupon-item .top .di{
.Coupon-item .top .di {
font-size: 20px;
}
.Coupon-item .top .di span{
.Coupon-item .top .di span {
font-size: 30px;
}
.Coupon-item .top .man{
.Coupon-item .top .man {
color: white;
font-size: 12px;
margin-bottom: 5px;
}
.Coupon-item .top .time{
.Coupon-item .top .time {
font-size: 12px;
color: rgba(80, 105, 204, 1);
}
.Coupon-item .bottom{
.Coupon-item .bottom {
position: absolute;
top: 104px;
background-color: white;
......@@ -94,7 +94,7 @@ display: inline-block;
padding: 10px 14px;
box-sizing: border-box;
}
.Coupon-item .bottom .bold{
.Coupon-item .bottom .bold {
margin-bottom: 4px;
}
</style>
......@@ -161,9 +161,9 @@ display: inline-block;
</div>
</template>
<script>
import moment from 'moment'
import moment from "moment";
export default {
props: ['CustomerAccountId'],
props: ["CustomerAccountId"],
data() {
return {
loading: false,
......@@ -180,27 +180,26 @@ export default {
couponStatus: 1,
couponEffectStatus: 1,
couponsUseScope: 0,
userId:'',
userId: "",
},
dataList: [],
totalCount: 0,
Count: 0,
};
},watch:{
},
watch: {},
mounted() {
this.getList()
this.getList();
},
methods: {
// 获取数据
getList() {
this.msg.userId = this.CustomerAccountId
this.msg.userId = this.CustomerAccountId;
this.loading = true;
this.apiJavaPost(
"/api/b2b/user/getUserCouponAllotList",
this.msg,
res => {
(res) => {
let nowTime = moment().format("YYYY-MM-DD HH:mm:ss");
if (res.data.resultCode == 1) {
let data = res.data.data.pageData;
......@@ -215,7 +214,7 @@ export default {
this.dataList = data;
this.totalCount = res.data.data.pageCount;
this.Count = res.data.data.count;
this.$forceUpdate()
this.$forceUpdate();
} else {
this.Error(res.data.message);
}
......@@ -229,6 +228,6 @@ export default {
resetPageIndex() {
this.msg.pageIndex = 1;
},
}
}
},
};
</script>
<style>
.Details{
.Details {
padding: 17px 20px;
margin-top: 20px;
background-color: white;
height: calc(100% - 54px);
overflow-y: auto;
font-size: 12px
font-size: 12px;
}
.Details .Details_box .tit{
border: 4px solid rgba(13,36,129,1);
.Details .Details_box .tit {
border: 4px solid #409efe;
border-top: 0;
border-bottom: 0;
border-right: 0;
padding-left: 10px;
font-size: 14px;
color: #111;
font-weight:bold;
font-weight: bold;
}
.Details_box_row{
.Details_box_row {
margin-top: 30px;
}
.Details_box_lable{
color: #999999
.Details_box_lable {
color: #999999;
}
</style>
<template>
......@@ -181,23 +181,17 @@
</template>
<script>
export default {
props:{
props: {
detailsData: {
type: Object,
default: {}
}
default: {},
},
data() {
return {
};
},watch:{
},
mounted() {
data() {
return {};
},
methods: {
}
}
watch: {},
mounted() {},
methods: {},
};
</script>
This diff is collapsed.
<style>
.addTeamman .add-tit{
.addTeamman .add-tit {
display: flex;
justify-content: space-between;
align-items: center;
height: 20px;
}
.addTeamman .add-tit p{
.addTeamman .add-tit p {
display: flex;
align-items: center;
font-weight: bold;
color:rgba(17,17,17,1);
font-size:14px;
color: rgba(17, 17, 17, 1);
font-size: 14px;
}
.addTeamman .add-tit p span{
.addTeamman .add-tit p span {
display: inline-block;
width:6px;
height:6px;
background:rgba(13,36,129,1);
border-radius:50%;
width: 6px;
height: 6px;
background: #409efe;
border-radius: 50%;
margin-right: 10px;
}
.addTeamman .el-dialog__header{
.addTeamman .el-dialog__header {
padding: 15px 20px;
background:rgba(255,255,255,1);
background: rgba(255, 255, 255, 1);
}
.addTeamman .dialog-footer{
.addTeamman .dialog-footer {
text-align: center;
background-color: rgba(248,250,251,1);
background-color: rgba(248, 250, 251, 1);
padding-bottom: 20px;
}
.addTeamman .el-dialog__footer{
.addTeamman .el-dialog__footer {
padding: 0;
}
.addTeamman .el-tag.el-tag--info{
background-color: rgba(0,0,0,0);
border-color: rgba(0,0,0,0);
.addTeamman .el-tag.el-tag--info {
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
text-overflow: ellipsis;
}
</style>
<template>
......@@ -93,7 +93,7 @@
</template>
<script>
export default {
props: ['ID'],
props: ["ID"],
data() {
return {
dialogTableVisible: true,
......@@ -102,57 +102,56 @@ export default {
TransferOther: [],
form: {
CustomerIds: 0,
EmpIds: '',
EmpIds: "",
IsRead: 0,
TransferOther: ''
}
TransferOther: "",
},
};
},watch:{
},
watch: {},
mounted() {
this.Employee()
let $this = this
setTimeout(()=>{
$this.dialogTableVisible = true
},50)
this.Employee();
let $this = this;
setTimeout(() => {
$this.dialogTableVisible = true;
}, 50);
},
methods: {
closedDialog(){
this.MsgBus.$emit('closeaddTeamman')
closedDialog() {
this.MsgBus.$emit("closeaddTeamman");
},
addData(){
this.form.CustomerIds = this.ID
addData() {
this.form.CustomerIds = this.ID;
if (this.EmpIdsS.length < 1) {
return this.$message.error('请选择成员')
return this.$message.error("请选择成员");
} else {
let str = ''
this.EmpIdsS.map((x, i)=>{
str = str + x + ','
})
this.form.EmpIds = str.substring(0, str.length - 1)
let str = "";
this.EmpIdsS.map((x, i) => {
str = str + x + ",";
});
this.form.EmpIds = str.substring(0, str.length - 1);
}
if (this.TransferOther.length < 1) {
let str2 = ''
this.TransferOther.map((x, i)=>{
str2 = str2+ x + ','
})
this.form.TransferOther = str2.substring(0, str2.length - 1)
let str2 = "";
this.TransferOther.map((x, i) => {
str2 = str2 + x + ",";
});
this.form.TransferOther = str2.substring(0, str2.length - 1);
}
this.apipost('/api/Customer/AddTeamMembers', this.form, res=>{
this.apipost("/api/Customer/AddTeamMembers", this.form, (res) => {
if (res.data.resultCode == 1) {
this.resetForm("form");
this.dialogTableVisible = false;
this.$emit('addTeammanOk')
this.$message.success(res.data.message)
this.$emit("addTeammanOk");
this.$message.success(res.data.message);
} else {
this.$message.error(res.data.message)
this.$message.error(res.data.message);
}
})
});
},
submitForm(addMsg) {
//提交创建、修改表单
this.$refs[addMsg].validate(valid => {
this.$refs[addMsg].validate((valid) => {
if (valid) {
this.addData();
} else {
......@@ -160,36 +159,37 @@ export default {
}
});
},
Employee(){
let userInfo = this.getLocalStorage()
Employee() {
let userInfo = this.getLocalStorage();
let msg = {
RB_Group_id: userInfo.RB_Group_id,
BranchId:-1,
DepartmentId:0,
PostId:0,
IsLeave:0,
}
BranchId: -1,
DepartmentId: 0,
PostId: 0,
IsLeave: 0,
};
this.apipost2(
"admin_get_EmployeeGetList",
this.msg,
res => {
(res) => {
if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data;
} else {
}
},
err => {}
(err) => {}
);
},
resetForm(formName) { // 重置表单
resetForm(formName) {
// 重置表单
this.form = {
CustomerId: 0,
EmpIds: [],
IsRead: 0,
TransferOther: []
}
TransferOther: [],
};
this.$refs[formName].resetFields();
},
}
}
},
};
</script>
<style>
.addTeamman .add-tit{
.addTeamman .add-tit {
display: flex;
justify-content: space-between;
align-items: center;
height: 20px;
}
.addTeamman .add-tit p{
.addTeamman .add-tit p {
display: flex;
align-items: center;
font-weight: bold;
color:rgba(17,17,17,1);
font-size:14px;
color: rgba(17, 17, 17, 1);
font-size: 14px;
}
.addTeamman .add-tit p span{
.addTeamman .add-tit p span {
display: inline-block;
width:6px;
height:6px;
background:rgba(13,36,129,1);
border-radius:50%;
width: 6px;
height: 6px;
background: #409efe;
border-radius: 50%;
margin-right: 10px;
}
.addTeamman .el-dialog__header{
.addTeamman .el-dialog__header {
padding: 15px 20px;
background:rgba(255,255,255,1);
background: rgba(255, 255, 255, 1);
}
.addTeamman .dialog-footer{
.addTeamman .dialog-footer {
text-align: center;
background-color: rgba(248,250,251,1);
background-color: rgba(248, 250, 251, 1);
padding-bottom: 20px;
}
.addTeamman .el-dialog__footer{
.addTeamman .el-dialog__footer {
padding: 0;
}
.addTeamman .el-tag.el-tag--info{
background-color: rgba(0,0,0,0);
border-color: rgba(0,0,0,0);
.addTeamman .el-tag.el-tag--info {
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
text-overflow: ellipsis;
}
</style>
<template>
......@@ -82,7 +82,7 @@
</template>
<script>
export default {
props: ['ID'],
props: ["ID"],
data() {
return {
dialogTableVisible: true,
......@@ -90,49 +90,48 @@ export default {
EmpIdsS: [],
form: {
BusinessIds: 0,
EmpIds: '',
IsRead: 0
}
EmpIds: "",
IsRead: 0,
},
};
},watch:{
},
watch: {},
mounted() {
this.Employee()
let $this = this
setTimeout(()=>{
$this.dialogTableVisible = true
},50)
this.Employee();
let $this = this;
setTimeout(() => {
$this.dialogTableVisible = true;
}, 50);
},
methods: {
closedDialog(){
this.MsgBus.$emit('closeaddTeamman')
closedDialog() {
this.MsgBus.$emit("closeaddTeamman");
},
addData(){
this.form.BusinessIds = this.ID
addData() {
this.form.BusinessIds = this.ID;
if (this.EmpIdsS.length < 1) {
return this.$message.error('请选择成员')
return this.$message.error("请选择成员");
} else {
let str = ''
this.EmpIdsS.map((x, i)=>{
str = str + x + ','
})
this.form.EmpIds = str.substring(0, str.length - 1)
let str = "";
this.EmpIdsS.map((x, i) => {
str = str + x + ",";
});
this.form.EmpIds = str.substring(0, str.length - 1);
}
this.apipost('/api/Customer/AddTeamMembersBusiness', this.form, res=>{
this.apipost("/api/Customer/AddTeamMembersBusiness", this.form, (res) => {
if (res.data.resultCode == 1) {
this.resetForm("form");
this.dialogTableVisible = false;
this.$emit('addTeammanOk')
this.$message.success(res.data.message)
this.$emit("addTeammanOk");
this.$message.success(res.data.message);
} else {
this.$message.error(res.data.message)
this.$message.error(res.data.message);
}
})
});
},
submitForm(addMsg) {
//提交创建、修改表单
this.$refs[addMsg].validate(valid => {
this.$refs[addMsg].validate((valid) => {
if (valid) {
this.addData();
} else {
......@@ -140,35 +139,36 @@ export default {
}
});
},
Employee(){
let userInfo = this.getLocalStorage()
Employee() {
let userInfo = this.getLocalStorage();
let msg = {
RB_Group_id: userInfo.RB_Group_id,
BranchId:-1,
DepartmentId:0,
PostId:0,
IsLeave:0,
}
BranchId: -1,
DepartmentId: 0,
PostId: 0,
IsLeave: 0,
};
this.apipost2(
"admin_get_EmployeeGetList",
this.msg,
res => {
(res) => {
if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data;
} else {
}
},
err => {}
(err) => {}
);
},
resetForm(formName) { // 重置表单
resetForm(formName) {
// 重置表单
this.form = {
CustomerId: 0,
EmpIds: [],
IsRead: 0
}
IsRead: 0,
};
this.$refs[formName].resetFields();
},
}
}
},
};
</script>
<style>
.Details{
.Details {
padding: 17px 20px;
margin-top: 20px;
background-color: white;
height: calc(100% - 54px);
overflow-y: auto;
font-size: 12px
font-size: 12px;
}
.Details .Details_box .tit{
border: 4px solid rgba(13,36,129,1);
.Details .Details_box .tit {
border: 4px solid #409efe;
border-top: 0;
border-bottom: 0;
border-right: 0;
padding-left: 10px;
font-size: 14px;
color: #111;
font-weight:bold;
font-weight: bold;
}
.Details_box_row{
.Details_box_row {
margin-top: 30px;
}
.Details_box_lable{
color: #999999
.Details_box_lable {
color: #999999;
}
</style>
<template>
......@@ -136,23 +136,17 @@
</template>
<script>
export default {
props:{
props: {
detailsData: {
type: Object,
default: {}
}
default: {},
},
data() {
return {
};
},watch:{
},
mounted() {
data() {
return {};
},
methods: {
}
}
watch: {},
mounted() {},
methods: {},
};
</script>
This diff is collapsed.
This diff is collapsed.
<style>
.Details{
.Details {
padding: 17px 20px;
margin-top: 20px;
background-color: white;
height: calc(100% - 54px);
overflow-y: auto;
font-size: 12px
font-size: 12px;
}
.Details .Details_box .tit{
border: 4px solid rgba(13,36,129,1);
.Details .Details_box .tit {
border: 4px solid #409efe;
border-top: 0;
border-bottom: 0;
border-right: 0;
padding-left: 10px;
font-size: 14px;
color: #111;
font-weight:bold;
font-weight: bold;
}
.Details_box_row{
.Details_box_row {
margin-top: 30px;
}
.Details_box_lable{
color: #999999
.Details_box_lable {
color: #999999;
}
</style>
<template>
......@@ -181,23 +181,17 @@
</template>
<script>
export default {
props:{
props: {
detailsData: {
type: Object,
default: {}
}
default: {},
},
data() {
return {
};
},watch:{
},
mounted() {
data() {
return {};
},
methods: {
}
}
watch: {},
mounted() {},
methods: {},
};
</script>
This diff is collapsed.
This diff is collapsed.
......@@ -47,7 +47,7 @@
</el-col>
<el-col :span="8">
<el-input v-if="!item.Setting.length && item.nameStr !== '负责人' && item.nameStr !== '创建人'" v-model="item.SceneName" placeholder="请输入筛选条件"></el-input>
<el-select v-else-if="item.nameStr === '负责人' || item.nameStr === '创建人'" v-model="item.id" @change="changeFC(index)" placeholder="请选择" style="width: 100%;" >
<el-select v-else-if="item.nameStr === '负责人' || item.nameStr === '创建人'" v-model="item.id" filterable @change="changeFC(index)" placeholder="请选择" style="width: 100%;" >
<el-option
filterable
v-for="item in EmployeeList"
......@@ -56,7 +56,7 @@
:key='item.EmployeeId'>
</el-option>
</el-select>
<el-select v-else v-model="item.SceneName" placeholder="请选择" style="width: 100%;" >
<el-select v-else v-model="item.SceneName" filterable placeholder="请选择" style="width: 100%;" >
<el-option v-for="(select, sIndex) in item.Setting" :label="select" :value="select" :key="sIndex"></el-option>
</el-select>
</el-col>
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
......@@ -8,7 +8,7 @@ module.exports = {
}
},
devServer: {
host: 'crmyx.oytour.com',
host: 'localhost',
port: 8080,
},
externals: [
......
This diff is collapsed.
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