Skip to content

S
SuperMan
Commit cd7abbc4 authored by 罗超's avatar 罗超
Browse files
Options

样式修改

parent 5ea04de5
Hide whitespace changes
Inline Side-by-side
Showing with 8466 additions and 6933 deletions
src/App.vue
View file @ cd7abbc4
<template>
<div id="app">
<div id="app" :class="{'red-theme':isRed}">
<keep-alive>
<router-view v-if="$route.meta.keepAlive"/>
</keep-alive>
......@@ -66,7 +66,8 @@ export default {
timer:null,
useTime:0,
showCareer:false,
careerId:0
careerId:0,
isRed:true
// sessionStorage.getItem("mazip") ? sessionStorage.getItem("mazip") : true
}
},
......@@ -173,7 +174,7 @@ export default {
}
</script>
<style>
@import "//at.alicdn.com/t/font_635492_erhq7cu6ne6.css";
@import "//at.alicdn.com/t/font_635492_5umd0wfprhv.css";
@import "./assets/css/Semibold.css";
@import "./assets/css/global/config.css";
@import "./assets/css/fileIcon.css";
......@@ -195,5 +196,8 @@ export default {
justify-content: center;
z-index: 999999999999999;
}
.red-theme{
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, MicrosoftJhengHeiBoldFix, "\5FAE\8EDF\6B63\9ED1\9AD4", Microsoft JhengHei;
}
</style>
src/assets/css/Details.css
View file @ cd7abbc4
......@@ -11,6 +11,66 @@
transition: all linear .3s;
}
.red-theme .secondMenu {
z-index: 9;
}
.secondMenu .extender {
display: none;
height: 50px;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
right: 0;
cursor: pointer;
background: #f7f7f7;
}
.red-theme .el-menu-item i {
margin-right: 12px;
}
.secondMenu.big {
width: 230px;
}
.secondMenu .extender img {
width: 18px;
height: 15px;
transform: rotateY(0deg);
transition: transform 0.3s linear;
}
.secondMenu .extender img.close-extend {
transform: rotateY(180deg);
transition: transform 0.3s linear;
}
.secondMenu .extender:hover img {
transform: rotateY(180deg);
transition: transform 0.3s linear;
}
.secondMenu .extender:hover img.close-extend {
transform: rotateY(0deg);
transition: transform 0.3s linear;
}
.secondMenu .extender:hover {
background: #F4F4F4;
}
.red-theme .secondMenu .extender {
display: flex;
}
.red-theme .secondMenu {
background: #FBFBFB;
border-right: 1px solid #dcdcdc;
}
.secondMenu .el-submenu__title i {
color: #a3ace0;
font-size: 18px;
......@@ -27,11 +87,22 @@
margin-right: 10px;
}
.el-menu--vertical .thridMenu.red-theme i {
color: #787A7D !important;
font-size: 0;
}
.el-menu--vertical .thridMenu:hover,
.el-menu--vertical .thridMenu:hover i {
color: #f1f1f1 !important;
}
.el-menu--vertical .thridMenu.red-theme:hover,
.el-menu--vertical .thridMenu.red-theme:hover i {
color: #B1B4B8 !important;
background: #F4F4F4 !important;
}
.secondMenu .el-submenu__title:hover i {
color: #f1f1f1;
}
......@@ -41,10 +112,46 @@
text-align: center;
}
.menuItem .el-menu--collapse {
.red-theme .menuItem .el-submenu__title {
text-align: left;
}
.red-theme .secondMenu .menuItem ul,
.red-theme .secondMenu .menuItem ul .el-submenu__title {
background: #FBFBFB !important;
border-right: none;
}
.red-theme .secondMenu .menuItem ul .el-submenu__title i {
color: #787A7D !important;
}
.red-theme .secondMenu .menuItem ul .el-submenu__title:hover {
background: #F4F4F4 !important;
}
.red-theme .secondMenu .menuItem ul .el-submenu__title:i {
color: #B1B4B8 !important;
}
.red-theme .secondMenu .menuItem ul li {
width: 230px;
text-align: left;
}
.red-theme .secondMenu .menuItem ul li .menuItem .el-menu--collapse {
width: 51px;
}
.red-theme .secondMenu .menuItem ul .el-submenu__title i {
margin-left: 16px;
margin-right: 16px;
}
.red-theme .menuItem .el-menu--collapse {
width: 100%;
}
/* .secondMenu:hover{
width: 200px;
......@@ -174,6 +281,13 @@
color: #333333;
}
.red-theme .resource-ttop {
background: #FFF;
margin-left: -19px;
padding-left: 19px;
width: calc(100% + 38px);
}
.resource-ttop i {
font-size: 12px;
color: #999;
......@@ -184,6 +298,10 @@
width: 200px;
}
.red-theme .secondMenu_l {
width: 100%;
}
.menuItem .el-menu-item-group__title {
padding: 0;
}
......@@ -192,6 +310,10 @@
background: #f2f2f2;
}
.ren-theme .flexParent {
background: '#F0F2FA';
}
.my_maxheight {
max-height: 600px;
overflow: auto;
......@@ -201,12 +323,20 @@
border-bottom: 1px solid #0f1522;
}
.my_maxheight.red .el-menu-item-group__title {
border-bottom: 1px solid #ccc;
}
.my_maxheight .el-menu-item-group__title span {
font-size: 14px;
color: #ffffff;
font-family: "PingFangSC-fine";
}
.my_maxheight.red .el-menu-item-group__title span {
color: #787A7D;
}
.my_maxheight::-webkit-scrollbar {
/*滚动条整体样式*/
width: 4px;
......@@ -249,6 +379,10 @@
position: relative;
}
.red-theme .nav-tabs-box {
background: #FFF;
}
.nav-tabs-box .is-active {
background: #f2f2f2;
}
......@@ -257,6 +391,11 @@
background: #f0f0f0;
}
.red-theme .nav-tabs-box .el-tabs {
background: #FFF;
margin-left: 100px !important;
}
.browner-opera-box {
position: absolute;
width: 100px;
......@@ -265,6 +404,7 @@
top: 0;
display: flex;
padding: 5px;
margin-top: 1px;
}
.browner-opera-box i {
......
src/assets/css/cssReset.css
View file @ cd7abbc4
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
outline:0;
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
outline: 0;
box-sizing: border-box;
}
.el-message{
.el-message {
z-index: 20200128 !important;
}
p,td,div{
word-break:break-all;
}
em,i{font-style: normal;}
dl, dt, dd, ol, ul, li{list-style: none;}
a{text-decoration: none; color: #333;}
input{outline: none; box-sizing: border-box;}
button{border: none; outline: none;}
textarea{resize: none; outline: none;}
pre{white-space: pre-wrap;word-wrap: break-word}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
@font-face{
font-family:'xcte2ename';
src:url('../webfont/xcte2ename.ttf') format('truetype')
}
::selection{background:#E95252; color:white;}
::-moz-selection{background:#E95252; color:white;}
::-webkit-selection{background:#E95252; color:white;}
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.max-w250{max-width: 250px;}
.max_w250_over{max-width: 250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.fz12{font-size: 12px!important;}
.fz14{font-size: 14px!important;}
.fz16{font-size: 16px!important;}
.color000{color: #000!important;}
.color333{color: #333!important;}
.color666{color: #666!important;}
.color999{color: #999!important;}
.colorccc{color: #ccc!important;}
.colorE95252{color: #E95252!important;}
.cursorpointer{cursor: pointer;}
.text-decoration{text-decoration: underline;}
.fbold{font-weight: bold!important}
.fwnormal{font-weight: normal!important}
.fnormal{font-style: normal;}
.fl{float: left!important; }
.fr{float: right!important;}
.alcenter{text-align: center;}
.mg0{margin: 0!important;}
.mt1{margin-top: 1px;}
.mt2{margin-top: 2px;}
.mt3{margin-top: 3px;}
.mt4{margin-top: 4px;}
.mt5{margin-top: 5px;}
.mt6{margin-top: 6px;}
.mt7{margin-top: 7px;}
.mt8{margin-top: 8px;}
.mt9{margin-top: 9px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}
.padding10{padding: 10px;}
.paddinglr10{padding: 0 10px;}
.tleft{text-align: left!important}
.tright{text-align: right!important}
.tcenter{text-align: center!important}
.relative{position: relative;}
.absolute{position: absolute;}
.inlineblock{display: inline-block;}
.w64d5{width: 64.5px !important;}
.w30{width: 30px!important;}
.w40{width: 40px!important;}
.w50{width: 50px!important;}
.w60{width: 60px!important;}
.w69{width: 69px!important;}
.w80{width: 80px!important;}
.w89{width: 89px!important;}
.w90{width: 90px!important;}
.w95{width: 95px!important; display: inline-block}
.w100{width: 100px!important;}
.w105{width: 100px!important}
.w110{width: 110px!important}
.w120{width: 120px!important;}
.w135{width: 135px!important;}
.w150{width: 150px!important;}
.w155{width: 155px!important;}
.w160{width: 160px!important;}
.w170{width: 170px!important;}
.w180{width: 180px!important;}
.w190{width: 190px!important;}
.w200{width: 200px!important;}
.w210{width: 210px!important;}
.w217{width: 217px!important;}
.w220{width: 220px!important;}
.w230{width: 230px!important;}
.w240{width: 240px!important;}
.w250{width: 250px!important;}
.w260{width: 260px!important;}
.w272{width: 272px!important;}
.w275{width: 275px!important;}
.w280{width: 280px!important;}
.w290{width: 290px!important;}
.w320{width: 320px!important;}
.w300{width: 300px!important;}
.w350{width: 350px!important;}
.w400{width: 400px!important;}
.w478{width: 478px!important;}
.w450{width: 450px!important;}
.w425{width: 425px!important;}
.w460{width: 460px!important;}
.w500{width: 500px!important;}
.w550{width: 550px!important;}
.w305{width: 305px!important;}
.w600{width: 600px!important;}
.w660{width: 660px!important;}
.w700{width: 700px!important;}
.w750{width: 750px!important;}
.w760{width: 760px!important;}
.w800{width: 800px!important;}
.w1006{width: 1006px!important;}
.h34{height: 34px!important;}
.h100{height: 100px!important;}
.w780{width: 780px!important;}
.w50{width: 50px !important;}
.width100b{width: 100% !important;}
.text-align-left{text-align: left}
.PingFangSC{font-family: "PingFangSC-fine" !important}
.max_w200{max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: top;display: inline-block;}
.over_ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: top;display: inline-block;}
.ellipsisTwoLine{display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} /*多行文本溢出显示省略号 仅支持webkit 受影响属性 -webkit-line-clamp:行数*/
.ellipsisThreeLine{display: -webkit-box; overflow: hidden; -webkit-line-clamp:3;-webkit-box-orient: vertical;}
.ellipsisFourLine{display: -webkit-box; overflow: hidden; -webkit-line-clamp:4;-webkit-box-orient: vertical;}
.ellipsisSixLine{display: -webkit-box; overflow: hidden; -webkit-line-clamp:6;-webkit-box-orient: vertical;}
.vue-treeselect__control{border-radius: 0 !important}
p,
td,
div {
word-break: break-all;
}
em,
i {
font-style: normal;
}
dl,
dt,
dd,
ol,
ul,
li {
list-style: none;
}
a {
text-decoration: none;
color: #333;
}
input {
outline: none;
box-sizing: border-box;
}
button {
border: none;
outline: none;
}
textarea {
resize: none;
outline: none;
}
pre {
white-space: pre-wrap;
word-wrap: break-word
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
@font-face {
font-family: 'xcte2ename';
src: url('../webfont/xcte2ename.ttf') format('truetype')
}
::selection {
background: #E95252;
color: white;
}
::-moz-selection {
background: #E95252;
color: white;
}
::-webkit-selection {
background: #E95252;
color: white;
}
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.max-w250 {
max-width: 250px;
}
.max_w250_over {
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.fz12 {
font-size: 12px!important;
}
.fz14 {
font-size: 14px!important;
}
.fz16 {
font-size: 16px!important;
}
.color000 {
color: #000!important;
}
.color333 {
color: #333!important;
}
.color666 {
color: #666!important;
}
.color999 {
color: #999!important;
}
.colorccc {
color: #ccc!important;
}
.colorE95252 {
color: #E95252!important;
}
.cursorpointer {
cursor: pointer;
}
.text-decoration {
text-decoration: underline;
}
.fbold {
font-weight: bold!important
}
.fwnormal {
font-weight: normal!important
}
.fnormal {
font-style: normal;
}
.fl {
float: left!important;
}
.fr {
float: right!important;
}
.alcenter {
text-align: center;
}
.mg0 {
margin: 0!important;
}
.mt1 {
margin-top: 1px;
}
.mt2 {
margin-top: 2px;
}
.mt3 {
margin-top: 3px;
}
.mt4 {
margin-top: 4px;
}
.mt5 {
margin-top: 5px;
}
.mt6 {
margin-top: 6px;
}
.mt7 {
margin-top: 7px;
}
.mt8 {
margin-top: 8px;
}
.mt9 {
margin-top: 9px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt30 {
margin-top: 30px;
}
.mb30 {
margin-bottom: 30px;
}
.padding10 {
padding: 10px;
}
.paddinglr10 {
padding: 0 10px;
}
.tleft {
text-align: left!important
}
.tright {
text-align: right!important
}
.tcenter {
text-align: center!important
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.inlineblock {
display: inline-block;
}
.w64d5 {
width: 64.5px !important;
}
.w30 {
width: 30px!important;
}
.w40 {
width: 40px!important;
}
.w50 {
width: 50px!important;
}
.w60 {
width: 60px!important;
}
.w69 {
width: 69px!important;
}
.w80 {
width: 80px!important;
}
.w89 {
width: 89px!important;
}
.w90 {
width: 90px!important;
}
.w95 {
width: 95px!important;
display: inline-block
}
.w100 {
width: 100px!important;
}
.w105 {
width: 100px!important
}
.w110 {
width: 110px!important
}
.w120 {
width: 120px!important;
}
.w135 {
width: 135px!important;
}
.w150 {
width: 150px!important;
}
.w155 {
width: 155px!important;
}
.w160 {
width: 160px!important;
}
.w170 {
width: 170px!important;
}
.w180 {
width: 180px!important;
}
.w190 {
width: 190px!important;
}
.w200 {
width: 200px!important;
}
.w210 {
width: 210px!important;
}
.w217 {
width: 217px!important;
}
.w220 {
width: 220px!important;
}
.w230 {
width: 230px!important;
}
.w240 {
width: 240px!important;
}
.w250 {
width: 250px!important;
}
.w260 {
width: 260px!important;
}
.w272 {
width: 272px!important;
}
.w275 {
width: 275px!important;
}
.w280 {
width: 280px!important;
}
.w290 {
width: 290px!important;
}
.w320 {
width: 320px!important;
}
.w300 {
width: 300px!important;
}
.w350 {
width: 350px!important;
}
.w400 {
width: 400px!important;
}
.w478 {
width: 478px!important;
}
.w450 {
width: 450px!important;
}
.w425 {
width: 425px!important;
}
.w460 {
width: 460px!important;
}
.w500 {
width: 500px!important;
}
.w550 {
width: 550px!important;
}
.w305 {
width: 305px!important;
}
.w600 {
width: 600px!important;
}
.w660 {
width: 660px!important;
}
.w700 {
width: 700px!important;
}
.w750 {
width: 750px!important;
}
.w760 {
width: 760px!important;
}
.w800 {
width: 800px!important;
}
.w1006 {
width: 1006px!important;
}
.h34 {
height: 34px!important;
}
.h100 {
height: 100px!important;
}
.w780 {
width: 780px!important;
}
.w50 {
width: 50px !important;
}
.width100b {
width: 100% !important;
}
.text-align-left {
text-align: left
}
.PingFangSC {
font-family: "PingFangSC-fine" !important
}
.max_w200 {
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
display: inline-block;
}
.over_ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
display: inline-block;
}
.ellipsisTwoLine {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/*多行文本溢出显示省略号 仅支持webkit 受影响属性 -webkit-line-clamp:行数*/
.ellipsisThreeLine {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.ellipsisFourLine {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.ellipsisSixLine {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.vue-treeselect__control {
border-radius: 0 !important
}
/* 公用单行表格样式开始 */
.normalBtn{ color: #fff; padding: 0 15px; height:30px; background:#E95252; border: 1px solid #E95252; cursor: pointer; border-radius: 15px;margin-left: 10px;}
.normalBtn:hover{background: #E95252;box-shadow:2px 0px 4px rgba(144,6,6,0.25)}
.normalBtn:active{background: #CD2929;}
.hollowFixedBtn{ background: #fff; color: #E95252; padding: 0 15px; height:30px;border:1px solid #E95252; cursor: pointer; border-radius: 15px;margin-left: 10px;}
.hollowFixedBtn:hover{ box-shadow:2px 0px 4px rgba(144,6,6,0.25)}
.hollowFixedBtn:active{border-color: #CD2929;}
.hollowbtn{display: inline-block; line-height: 30px; text-align: center; background: #fff; color: #E95252; padding: 0 15px; height:30px;border:1px solid #E95252; cursor: pointer; border-radius: 15px}
.hollowbtn:hover{ box-shadow:2px 0px 4px rgba(144,6,6,0.25)}
.hollowbtn:active{border-color: #CD2929;}
.cancelBtn{display: inline-block; padding: 0 15px; line-height: 30px; text-align: center; background: #fff; color: #666; height:30px;border:1px solid #aaa; cursor: pointer; border-radius: 15px}
.cancelBtn:hover{ box-shadow:2px 0px 4px rgba(51,51,51,0.25)}
.cancelBtn:active{border-color: #999;}
.query-box{width: 100%; padding:0 0 20px 0; border-bottom: 1px solid #ccc; position: relative;}
.normalBtn {
color: #fff;
padding: 0 15px;
height: 30px;
background: #E95252;
border: 1px solid #E95252;
cursor: pointer;
border-radius: 15px;
margin-left: 10px;
}
.red-theme .normalBtn {
color: #fff;
padding: 0 15px;
height: 30px;
background: #33B3FF !important;
border: 1px solid #33B3FF;
cursor: pointer;
border-radius: 3px;
margin-left: 10px;
}
.normalBtn:hover {
background: #E95252;
box-shadow: 2px 0px 4px rgba(144, 6, 6, 0.25)
}
.normalBtn:active {
background: #CD2929;
}
.hollowFixedBtn {
background: #fff;
color: #E95252;
padding: 0 15px;
height: 30px;
border: 1px solid #E95252;
cursor: pointer;
border-radius: 15px;
margin-left: 10px;
}
.red-theme .el-button--primary {
color: #fff;
background-color: #33B3FF !important;
border-color: #33B3FF;
}
.red-theme .hollowFixedBtn {
background: #fff;
color: #33B3FF;
padding: 0 15px;
height: 30px;
border: 1px solid #33B3FF !important;
cursor: pointer;
border-radius: 3px;
margin-left: 10px;
}
.hollowFixedBtn:hover {
box-shadow: 2px 0px 4px rgba(144, 6, 6, 0.25)
}
.hollowFixedBtn:active {
border-color: #CD2929;
}
.hollowbtn {
display: inline-block;
line-height: 30px;
text-align: center;
background: #fff;
color: #E95252;
padding: 0 15px;
height: 30px;
border: 1px solid #E95252;
cursor: pointer;
border-radius: 15px
}
.hollowbtn:hover {
box-shadow: 2px 0px 4px rgba(144, 6, 6, 0.25)
}
.hollowbtn:active {
border-color: #CD2929;
}
.cancelBtn {
display: inline-block;
padding: 0 15px;
line-height: 30px;
text-align: center;
background: #fff;
color: #666;
height: 30px;
border: 1px solid #aaa;
cursor: pointer;
border-radius: 15px
}
.cancelBtn:hover {
box-shadow: 2px 0px 4px rgba(51, 51, 51, 0.25)
}
.cancelBtn:active {
border-color: #999;
}
.query-box {
width: 100%;
padding: 0 0 20px 0;
border-bottom: 1px solid #ccc;
position: relative;
}
.red-theme .query-box {
width: calc(100% + 38px);
padding: 0 0 10px 0;
border-bottom: 1px solid #e6e6e6;
position: relative;
margin-left: -19px;
padding-left: 19px;
margin-bottom: 20px;
background: #FFF;
}
/*.query-box .el-input{max-width: 120px!important;}*/
.query-box li{float: left; font-size: 12px; color: #666; margin:20px 30px 0px 0;}
.query-box li>span {display: inline-block; }
.query-box li span>em{display: inline-block; min-width: 80px; text-align: right; font-style: normal; margin:0 20px 0 0;}
.query-box li:last-child{float: right; position: fixed; top: 36px; right: 20px; text-align: right; margin-right: 0;}
.query-box ul{overflow: hidden}
.query-box ul>p{text-align: right; height: 50px; line-height: 34px;}
.query-box ul>p input{margin-right: 15px;}
.query-box ul .el-input{width:210px;}
.query-box .hight_query ul .el-input{width: inherit} /*我的财务单据页面使用*/
.el-input .el-input__inner,.el-select .el-input{border-radius: 0; height: 34px;}
.multiple_input .el-input{height: auto !important}
.el-input .el-input__inner:focus,.el-select .el-input.is-focus .el-input__inner{border-color: #E95252 !important;}
.el-textarea .el-textarea__inner:focus,.el-select .el-input.is-focus .el-textarea__inner{border-color: #E95252!important;}
.el-pagination__sizes .el-input .el-input__inner{
.query-box li {
float: left;
font-size: 12px;
color: #666;
margin: 20px 30px 0px 0;
}
.red-theme .query-box li {
margin-top: 10px;
}
.query-box li>span {
display: inline-block;
}
.query-box li span>em {
display: inline-block;
min-width: 80px;
text-align: right;
font-style: normal;
margin: 0 20px 0 0;
}
.query-box li:last-child {
float: right;
position: fixed;
top: 36px;
right: 20px;
text-align: right;
margin-right: 0;
}
.red-theme .query-box li:last-child {
top: 42px;
margin-top: 20px;
}
.query-box ul {
overflow: hidden
}
.query-box ul>p {
text-align: right;
height: 50px;
line-height: 34px;
}
.query-box ul>p input {
margin-right: 15px;
}
.query-box ul .el-input {
width: 210px;
}
.query-box .hight_query ul .el-input {
width: inherit
}
/*我的财务单据页面使用*/
.el-input .el-input__inner,
.el-select .el-input {
border-radius: 0;
height: 34px;
}
.multiple_input .el-input {
height: auto !important
}
.el-input .el-input__inner:focus,
.el-select .el-input.is-focus .el-input__inner {
border-color: #E95252 !important;
}
.el-textarea .el-textarea__inner:focus,
.el-select .el-input.is-focus .el-textarea__inner {
border-color: #E95252!important;
}
.el-pagination__sizes .el-input .el-input__inner {
width: 95px!important;
}
.el-select-dropdown__item.selected{color: #fff !important;background: #E95252 !important;}
.el-date-table td.today span{color: #E95252;}
.el-date-table td.available:hover span{color:#E95252;}
.el-date-table td.current{color:#fff!important;}
.el-date-table td.current:not(.disabled) span{background-color:#E95252!important;color:#fff;}
.el-checkbox__input.is-checked .el-checkbox__inner{ background-color: #E95252!important;; border-color: #E95252!important;}
.el-checkbox__input .el-checkbox__inner:hover{border-color:#E95252!important;}
.el-checkbox__input.is-checked+.el-checkbox__label{color:#E95252!important;}
.el-pagination {text-align: center;padding-top: 10px;}
.el-pagination.is-background .el-pager li:not(.disabled){border-radius: 14px;border:solid 1px #999999;height: 28px;width: 28px;}
.el-pagination.is-background .el-pager li:not(.disabled).active {background-color: #E95252 !important;color: #fff !important;border-radius: 14px;border-color: #E95252 !important;}
.el-pagination.is-background .el-pager li:not(.disabled):hover{color: #E95252 !important;border-color: #E95252 !important}
.el-pagination.is-background .el-pager li:not(.disabled).active:hover {color: #fff !important;}
.el-select .el-input__inner:focus {border-color: #E95252!important;;}
.el-select .el-input.is-focus .el-input__inner{border-color: #E95252 !important;}
.el-input.is-active .el-input__inner, .el-input__inner:focus {border-color: #E95252!important;;outline: 0;}
.el-dialog__body{padding-bottom: 0; max-height: 600px;overflow-y: auto;}
.el-dialog__header{background-color: #E95252!important;;}
.el-dialog__header .el-dialog__title{color: white;font-size: 14px;}
.el-dialog__header .el-dialog__close{color: #D23131}
.el-dialog__headerbtn:hover{color:#fff;}
.el-dialog__header .el-dialog__close:hover{color:#fff;}
.el-tabs__item.is-active{color:#e95252;}
.el-tabs__active-bar{background-color: #e95252;}
.el-tabs__item:hover{color:#e95252;}
.el-button-group .el-button{padding: 6px;}
.el-input--prefix .el-input__icon{line-height: 34px;}
.el-message-box__btns .el-button--primary{background: #E95252!important;; border-color:#E95252!important;;}
.layerNoIcon .el-form-item__content::after,.layerNoIcon .el-form-item__content::before{display: initial!important;}
.query_box{border-bottom: 1px solid #ccc;}
.noData{text-align: center;padding: 20px;width: 100%;}
.el-loading-spinner .path{stroke: #E95252!important;}
.el-button-group .el-button{padding: 8px;}
.el-button-group i{font-size: 14px;}
.singeRowTable{width: 100%;border-collapse:collapse;}
.singeRowTable tr th,.v-table-title-cell{background: #E6E6E6;height:40px; font-size: 14px; color: #333;}
.singeRowTable tr{background: #fff;text-align: center; height: 40px;}
.singeRowTable tr:nth-child(2n+1){background:#fafafa; }
.singeRowTable tr:hover{background: #f2f2f2;}
.singeRowTable tr td{font-size: 12px;border: 1px solid #E5E5E5;}
.table-title{
.el-select-dropdown__item.selected {
color: #fff !important;
background: #E95252 !important;
}
.el-date-table td.today span {
color: #E95252;
}
.el-date-table td.available:hover span {
color: #E95252;
}
.el-date-table td.current {
color: #fff!important;
}
.el-date-table td.current:not(.disabled) span {
background-color: #E95252!important;
color: #fff;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #E95252!important;
;
border-color: #E95252!important;
}
.el-checkbox__input .el-checkbox__inner:hover {
border-color: #E95252!important;
}
.el-checkbox__input.is-checked+.el-checkbox__label {
color: #E95252!important;
}
.el-pagination {
text-align: center;
padding-top: 10px;
}
.el-pagination.is-background .el-pager li:not(.disabled) {
border-radius: 14px;
border: solid 1px #999999;
height: 28px;
width: 28px;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: #E95252 !important;
color: #fff !important;
border-radius: 14px;
border-color: #E95252 !important;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
color: #E95252 !important;
border-color: #E95252 !important
}
.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
color: #fff !important;
}
.el-select .el-input__inner:focus {
border-color: #E95252!important;
;
}
.el-select .el-input.is-focus .el-input__inner {
border-color: #E95252 !important;
}
.el-input.is-active .el-input__inner,
.el-input__inner:focus {
border-color: #E95252!important;
;
outline: 0;
}
.el-dialog__body {
padding-bottom: 0;
max-height: 600px;
overflow-y: auto;
}
.el-dialog__header {
background-color: #E95252!important;
}
.red-theme .el-dialog__header {
background-color: #EFF1F9 !important;
color: #111;
text-align: left;
padding: 14px 40px;
position: relative;
}
.red-theme .el-dialog__header::before {
position: absolute;
display: block;
width: 4px;
height: 14px;
background: rgba(233, 81, 81, 1);
content: ' ';
left: 20px;
top: 19px;
border-radius: 2px;
}
.el-dialog__header .el-dialog__title {
color: white;
font-size: 14px;
}
.red-theme .el-dialog__header .el-dialog__title {
color: #000;
font-size: 18px;
}
.el-dialog__header .el-dialog__close {
color: #D23131
}
.red-theme .el-dialog__header .el-dialog__close {
color: #33B3FF;
font-size: 18px;
font-weight: bold;
}
.el-dialog__headerbtn:hover {
color: #fff;
}
.el-dialog__header .el-dialog__close:hover {
color: #fff;
}
.red-theme .el-dialog__header .el-dialog__close:hover {
color: #33B3FF;
}
.el-tabs__item.is-active {
color: #e95252;
}
.el-tabs__active-bar {
background-color: #e95252;
}
.el-tabs__item:hover {
color: #e95252;
}
.el-button-group .el-button {
padding: 6px;
}
.el-input--prefix .el-input__icon {
line-height: 34px;
}
.el-message-box__btns .el-button--primary {
background: #E95252!important;
;
border-color: #E95252!important;
;
}
.layerNoIcon .el-form-item__content::after,
.layerNoIcon .el-form-item__content::before {
display: initial!important;
}
.query_box {
border-bottom: 1px solid #ccc;
}
.noData {
text-align: center;
padding: 20px;
width: 100%;
}
.el-loading-spinner .path {
stroke: #E95252!important;
}
.el-button-group .el-button {
padding: 8px;
}
.el-button-group i {
font-size: 14px;
}
.singeRowTable {
width: 100%;
border-collapse: collapse;
}
.singeRowTable tr th,
.v-table-title-cell {
background: #E6E6E6;
height: 40px;
font-size: 14px;
color: #333;
}
.singeRowTable tr {
background: #fff;
text-align: center;
height: 40px;
}
.singeRowTable tr:nth-child(2n+1) {
background: #fafafa;
}
.singeRowTable tr:hover {
background: #f2f2f2;
}
.singeRowTable tr td {
font-size: 12px;
border: 1px solid #E5E5E5;
}
.table-title {
font-size: 15px;
color: #333;
font-family: 'PingFangSc-Fine';
......@@ -227,16 +1064,21 @@ input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
padding: 0 5px;
box-sizing: border-box;
}
.v-table-filter-icon.checked{
.v-table-filter-icon.checked {
color: #38425D;
}
.el-tabs__new-tab{
.el-tabs__new-tab {
display: none;
}
.v-dropdown-dd, .v-dropdown-dt{
.v-dropdown-dd,
.v-dropdown-dt {
background: transparent;
}
.v-table-body-cell{
.v-table-body-cell {
border-color: #E5e5e5;
padding: 0 5px;
box-sizing: border-box;
......@@ -245,61 +1087,74 @@ input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
align-items: center;
line-height: normal !important;
}
.v-dropdown-operation-item {
color: #1890ff !important;
font-family: 'PingFangSc-Fine' !important;
}
.v-dropdown-operation-item:last-child{
.v-dropdown-operation-item:last-child {
color: gray !important;
}
.v-dropdown-item-title{
.v-dropdown-item-title {
font-size: 14px;
padding: 5px;
padding-top:0px;
padding-top: 0px;
border-bottom: 1px solid #e8e8e8;
font-family: 'PingFangSc-Fine' !important;
color: #333;
}
.v-dropdown-dd{
.v-dropdown-dd {
z-index: 2 !important;
}
.v-dropdown-items-li.select-box{
.v-dropdown-items-li.select-box {
padding: 10px 12px;
height: auto !important;
position: relative;
}
.v-table-views{
.v-table-views {
position: relative;
}
.v-table-views .horizontal{
.v-table-views .horizontal {
position: absolute;
border-left: 2px solid #579edd;
left: 0;
width: 100%;
background: #97bbda75;
height: 40px;
top:38px;
top: 38px;
}
.v-table-views .el-pagination{
.v-table-views .el-pagination {
padding: 15px 5px !important;
}
.v-dropdown-dd, .v-dropdown-dt{
.v-dropdown-dd,
.v-dropdown-dt {
background: transparent !important;
}
.v-table-views .vertical{
.v-table-views .vertical {
position: absolute;
border-top: 2px solid #579edd;
top: 38px;
bottom: 0;
background: #97bbda75;
width:193px;
width: 193px;
}
.v-table-body td:hover{
.v-table-body td:hover {
background: #579edd !important;
color: #f1f1f1 !important;
cursor: default;
}
.v-table-views .el-pagination{
.v-table-views .el-pagination {
position: absolute;
/* left: 70px; */
/* right: 20px; */
......@@ -309,97 +1164,302 @@ input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
background: #fff;
border: 1px solid #E5e5e5 !important;
}
.v-table-rightview-special-border td:last-child .v-table-body-cell{
.v-table-rightview-special-border td:last-child .v-table-body-cell {
position: relative;
}
.layerTable {
width: 100%;
}
.layerTable tr {
height: 60px;
}
.layerTable tr td>span {
display: inline-block;
width: 120px;
text-align: right;
padding-right: 12px;
}
.layerTable tr td span>em:before {
content: '*';
color: red;
font-style: normal;
margin-right: 2px;
}
.layerTable .layerText {
width: 210px;
height: 34px;
border-radius: 17px;
border: 1px solid #dcdfe6;
padding: 0 10px;
}
.remarkTextarea {
width: 530px;
height: 60px;
border: 1px solid #dcdfe6;
border-radius: 8px;
line-height: 18px;
padding: 10px 22px;
}
.flexDiv {
display: flex;
flex-flow: row;
height: 100%;
background: #f5f5f5;
}
.flexParent {
overflow: auto;
position: absolute;
left: 50px;
right: 0;
top: 0;
bottom: 0;
padding: 0 20px;
}
.red-theme .flexParent {
position: relative;
flex: 1;
height: 100%;
top: unset;
left: unset;
right: unset;
bottom: unset;
}
.red-theme .groupTourOrderSearch li:last-child {
top: 43px !important;
}
._treeselect .el-form-item__content {
line-height: normal!important
}
.flexOne .el-button.is-circle {
padding: 5px;
}
.layerTable{width: 100%;}
.layerTable tr {height:60px;}
.layerTable tr td>span{display: inline-block; width: 120px; text-align: right; padding-right:12px;}
.layerTable tr td span>em:before{content: '*';color: red; font-style: normal; margin-right: 2px;}
.layerTable .layerText{width: 210px; height: 34px; border-radius: 17px; border: 1px solid #dcdfe6; padding:0 10px;}
.remarkTextarea {width: 530px;height: 60px;border: 1px solid #dcdfe6;border-radius: 8px; line-height: 18px; padding:10px 22px;}
.flexDiv {display: flex;flex-flow: row; height: 100%; background: #f5f5f5;}
.flexParent{overflow: auto;position: absolute;left:50px;right: 0;top: 0;bottom: 0;padding:0 20px;}
._treeselect .el-form-item__content{line-height: normal!important}
.flexOne .el-button.is-circle{padding: 5px;}
.el-button--info{background-color: #666;border-color: #666;}
.el-dialog__title{color: #fff;}
*::-webkit-scrollbar{
/*滚动条整体样式*/
width: 4px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 8px;
.el-button--info {
background-color: #666;
border-color: #666;
}
.el-dialog__title {
color: #fff;
}
*::-webkit-scrollbar {
/*滚动条整体样式*/
width: 4px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 8px;
}
*::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9;
/*滚动条里面小方块*/
border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9;
}
*::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px;
background: #EDEDED;
}
.ownScrollbarStyle::-webkit-scrollbar{width: 4px;height: 8px;}
.ownScrollbarStyle::-webkit-scrollbar-thumb{border-radius: 4px;box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);background: #c9c9c9;}
.ownScrollbarStyle::-webkit-scrollbar-track{box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);border-radius: 4px;background: #EDEDED;}
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px;
background: #EDEDED;
}
.ownScrollbarStyle::-webkit-scrollbar {
width: 4px;
height: 8px;
}
.ownScrollbarStyle::-webkit-scrollbar-thumb {
border-radius: 4px;
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9;
}
.ownScrollbarStyle::-webkit-scrollbar-track {
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px;
background: #EDEDED;
}
.insideDialog {
width: 400px;
}
.insideDialog .el-dialog__body{text-align: center; margin: 0; padding: 25px 0 10px 0;}
.el-pagination .el-input__inner{width: 40px!important; padding: 0; text-align: center; text-indent: 0;}
ul{
width: 400px;
}
.insideDialog .el-dialog__body {
text-align: center;
margin: 0;
padding: 25px 0 10px 0;
}
.el-pagination .el-input__inner {
width: 40px!important;
padding: 0;
text-align: center;
text-indent: 0;
}
ul {
margin: 0px;
-webkit-margin-after:0px;
-webkit-margin-before:0px;
-webkit-padding-start: 0px;
}
ul::-webkit-scrollbar{width: 4px;height: 4px;background-color: #e5e5e5;}
ul::-webkit-scrollbar-track{background-color: #e5e5e5; }
ul::-webkit-scrollbar-thumb{border-radius: 20px;background-color: #aaa; margin-bottom: 24px;}
.el-pager li{padding: 0}
.el-textarea__inner{font-family: "微软雅黑";border-radius: 0px;}
.el-input-number .el-input__inner{height:40px; }
-webkit-margin-after: 0px;
-webkit-margin-before: 0px;
-webkit-padding-start: 0px;
}
ul::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #e5e5e5;
}
ul::-webkit-scrollbar-track {
background-color: #e5e5e5;
}
ul::-webkit-scrollbar-thumb {
border-radius: 20px;
background-color: #aaa;
margin-bottom: 24px;
}
.el-pager li {
padding: 0
}
.el-textarea__inner {
font-family: "微软雅黑";
border-radius: 0px;
}
.el-input-number .el-input__inner {
height: 40px;
}
/* 公用单行表格样式结束 */
/*---查看大图样式----*/
.viewBigPicLayer{position:fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; background: rgba(0,0,0,.3);}
.clolseViewBigPicLayer{color: #fff; font-size:60px;float: right; margin-right: 0; margin-top: 0; cursor: pointer}
.viewBigPicLayer .el-carousel{top: 50%;margin-top: -300px; width: 800px; left: 50%; margin-left: -400px; position: relative; text-align: center;}
.viewBigPicLayer .el-carousel div.inlineDiv{
width: 800px;
height: 600px!important;
overflow: auto;
line-height:600px;
}
.viewBigPicLayer .el-carousel__item img{
/*position: absolute; margin: auto;
.viewBigPicLayer {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9999;
background: rgba(0, 0, 0, .3);
}
.clolseViewBigPicLayer {
color: #fff;
font-size: 60px;
float: right;
margin-right: 0;
margin-top: 0;
cursor: pointer
}
.viewBigPicLayer .el-carousel {
top: 50%;
margin-top: -300px;
width: 800px;
left: 50%;
margin-left: -400px;
position: relative;
text-align: center;
}
.viewBigPicLayer .el-carousel div.inlineDiv {
width: 800px;
height: 600px!important;
overflow: auto;
line-height: 600px;
}
.viewBigPicLayer .el-carousel__item img {
/*position: absolute; margin: auto;
top: -9999px;
right: -9999px;
bottom: -9999px;
left: -9999px;*/
vertical-align: middle
}
vertical-align:middle
.viewBigPicLayerDisplayNone {
display: none;
}
.viewBigPicLayerDisplayNone{display: none;}
.default-small,.fileicon-small-video,.fileicon-small-zip,.fileicon-small-bt, .fileicon-small-dws, .fileicon-small-code, .fileicon-small-txt, .fileicon-small-pdf, .fileicon-small-doc, .fileicon-small-ppt, .fileicon-small-xls, .fileicon-small-vsd, .fileicon-small-pic, .fileicon-small-mmap, .fileicon-small-xmind, .fileicon-small-mm, .fileicon-small-mp3, .icon-play-music, .default-small, .dir-multi-small, .dir-multi-middle, .dir-small, .dir-cang-small, .dir-app-small, .dir-apps-small, .dir-backup-small, .dir-share-middle, .dir-phone-small, .fileicon-sys-s-exe, .fileicon-sys-s-apk, .fileicon-sys-s-psd, .fileicon-sys-s-key, .fileicon-sys-s-ai {
.default-small,
.fileicon-small-video,
.fileicon-small-zip,
.fileicon-small-bt,
.fileicon-small-dws,
.fileicon-small-code,
.fileicon-small-txt,
.fileicon-small-pdf,
.fileicon-small-doc,
.fileicon-small-ppt,
.fileicon-small-xls,
.fileicon-small-vsd,
.fileicon-small-pic,
.fileicon-small-mmap,
.fileicon-small-xmind,
.fileicon-small-mm,
.fileicon-small-mp3,
.icon-play-music,
.default-small,
.dir-multi-small,
.dir-multi-middle,
.dir-small,
.dir-cang-small,
.dir-app-small,
.dir-apps-small,
.dir-backup-small,
.dir-share-middle,
.dir-phone-small,
.fileicon-sys-s-exe,
.fileicon-sys-s-apk,
.fileicon-sys-s-psd,
.fileicon-sys-s-key,
.fileicon-sys-s-ai {
background-image: url('../img/icons_file.png');
}
.fileIcon {
cursor: default;
display: inline-block;
height: 26px;
width: 26px;
vertical-align: middle;
margin:0px 5px 0 0;
width: 26px;
vertical-align: middle;
margin: 0px 5px 0 0;
}
.el-dialog__header {
padding: 20px 40px 10px
}
.page_addfp .el-select .el-input,
.page_addfp .el-input .el-input__inner {
height: auto
}
.el-dialog__header{padding:20px 40px 10px}
.page_addfp .el-select .el-input,.page_addfp .el-input .el-input__inner{height: auto }
.page_fnDm .el-date-editor .el-range-separator{padding: 0;line-height: 29px;}
.page_fnDm .el-date-editor .el-range-separator {
padding: 0;
line-height: 29px;
}
.page_bdm .avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
......@@ -407,154 +1467,269 @@ vertical-align:middle
cursor: pointer;
position: relative;
overflow: hidden;
}
.page_bdm .avatar-uploader .el-upload:hover {
}
.page_bdm .avatar-uploader .el-upload:hover {
border-color: #409EFF;
}
.page_bdm .avatar-uploader-icon {
}
.page_bdm .avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 143px;
height: 82px;
line-height: 82px;
text-align: center;
}
.page_form input,._pay_box input{border: none !important;background-color: transparent !important;padding: 0 2px !important; }
.page_bdm ._pay_box .jiaoyiriqi input{
}
.page_form input,
._pay_box input {
border: none !important;
background-color: transparent !important;
padding: 0 2px !important;
}
.page_bdm ._pay_box .jiaoyiriqi input {
border: 1px solid #dcdfe6 !important;
background-color: #fff !important;
padding: 0 25px !important;
}
.page_form td input{text-align: center !important}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"]{
-moz-appearance: textfield;
}
.page_fnDm .query-box ul .el-input{width: auto;}
.page_PlatformAccount ._vMG_edit .el-select,.page_CompanyAccount ._vMG_edit .el-select,.page_CompanyAccount ._vMG_edit .el-select,.page_paySetting ._vMG_edit .el-select,._fuzeren .el-autocomplete{display: block}
.el-input__icon{line-height: 1 !important}
.page_addFD .rb_tit input,.page_addFD ._explain input{text-align: center;}
.page_bdm ._pay_box table input{text-align: center}
/* .page_CompanyAccount .el-input .el-input__inner,.page_CompanyAccount .el-select .el-input{height: auto} */
/* 公用按钮禁用样式 */
.comDisableBtn{color: #fff;width:90px;height:30px; border-radius: 15px;margin-left: 10px;
background-color: gray;border:1px solid gray;}
.commonContent{min-height: 400px;}
/* 公用底部标题样式 */
.combottomTitle{padding-left: 10px;border-left: 3px solid #E95252;font-size: 16px;color: #000000;margin-bottom:20px;}
/* 公用底部弹出层div */
.combottomDiv{position: fixed;bottom: 0;left: 50px;padding: 10px;overflow: auto;font-family: 'PingFangSc-Fine';
z-index: 999;width: 100%;background-color: #fff;border-top: 3px solid #38425d;height: 270px;}
._BranchIdS .el-select__tags{
top:0;
transform: translateY(0);
padding-top: 5px;
}
.combottomTitle>span{margin-right: 80px;}
/* 财务单据使用 */
.page_fnDm .el-dialog__body{
padding-bottom: 0 !important;
}
.page_addFD ._pic_upload .el-upload--text.el-upload,.page_fdd ._pic_upload .el-upload--text.el-upload ,.page_addFD .el-upload-dragger,.page_fdd .el-upload-dragger{
font-size: 28px;
color: #8c939d;
width: 126px;
height: 80px;
line-height: 41px;
text-align: center;
}
.page_addFD ._pic_upload .el-upload--text.el-upload .el-upload__text,.page_fdd ._pic_upload .el-upload--text.el-upload .el-upload__text{
font-size: 14px
}
.page_addFD .avatar-uploader-icon,.page_fdd .avatar-uploader-icon{
height: 30px;
}
.page_RecPayQuery .el-date-editor--daterange.el-input__inner{
width: auto !important;
}
.page_RecPayQuery .el-date-editor .el-range-separator{
width: 8% !important;
}
.frame-box{
position: absolute;
top: 41px;
left: 0;
right: 0;
bottom: 0;
overflow:auto;
padding: 0 20px;
}
.My_table_tell .v-table-body-cell{
display: block!important;
line-height: 30px!important;
}
.column-cell-class-name-test-red .v-table-body-cell{
background-color:#e95252;
color:#fff;
}
.column-cell-class-name-test .v-table-body-cell{
background-color: yellow;
}
.column-cell-class-name-test-pink .v-table-body-cell{
background-color: #FFCCFF;
}
.column-cell-class-name-test-greed .v-table-body-cell{
background-color: #C2D69A;
}
.column-cell-class-name-test-gray .v-table-body-cell{
background-color:#E5E0EC;
}
.column-cell-class-name-test-pink-t .v-table-body-cell{
background-color:#FCD5B4;
}
.column-cell-class-name-test-t .v-table-body-cell{
background-color: #FFFF99;
}
.column-cell-class-name-test-greed-s .v-table-body-cell{
background-color: #92D050;
}
.column-cell-class-name-test .v-table-body-cell:hover span{
color: #000000
}
.column-cell-class-name-test2 .v-table-body-cell{
background-color: yellow;
}
.column-cell-class-name-test2 .v-table-body-cell:hover span{
color: #000000
}
.column-cell-class-name-test3 .v-table-body-cell{
background-color: yellow;
}
.column-cell-class-name-test4 .v-table-body-cell{
background-color: yellow;
}
.column-cell-class-name-test-row .v-table-body-cell{
background-color: yellow;
}
.column-cell-class-name-test-row .v-table-body-cell:hover span{
color: #000;
}
.column-cell-class-name-test3 .v-table-body-cell:hover span{
color: #000000
}
.column-cell-class-name-test4 .v-table-body-cell span{
color: red;
}
.el-checkbox.is-bordered.is-checked{
border-color: #e95252;
}
.page_paySetting .seleRelationList.el-select .el-input{
height: auto !important;
}
._EmployeeIDList .el-input.el-input--suffix,.AccountType .el-input.el-input--suffix{
height: auto !important;
}
.bottom-box{
}
.page_form td input {
text-align: center !important
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
.page_fnDm .query-box ul .el-input {
width: auto;
}
.page_PlatformAccount ._vMG_edit .el-select,
.page_CompanyAccount ._vMG_edit .el-select,
.page_CompanyAccount ._vMG_edit .el-select,
.page_paySetting ._vMG_edit .el-select,
._fuzeren .el-autocomplete {
display: block
}
.el-input__icon {
line-height: 1 !important
}
.page_addFD .rb_tit input,
.page_addFD ._explain input {
text-align: center;
}
.page_bdm ._pay_box table input {
text-align: center
}
/* .page_CompanyAccount .el-input .el-input__inner,.page_CompanyAccount .el-select .el-input{height: auto} */
/* 公用按钮禁用样式 */
.comDisableBtn {
color: #fff;
width: 90px;
height: 30px;
border-radius: 15px;
margin-left: 10px;
background-color: gray;
border: 1px solid gray;
}
.commonContent {
min-height: 400px;
}
/* 公用底部标题样式 */
.combottomTitle {
padding-left: 10px;
border-left: 3px solid #E95252;
font-size: 16px;
color: #000000;
margin-bottom: 20px;
}
/* 公用底部弹出层div */
.combottomDiv {
position: fixed;
bottom: 0;
left: 50px;
padding: 10px;
overflow: auto;
font-family: 'PingFangSc-Fine';
z-index: 999;
width: 100%;
background-color: #fff;
border-top: 3px solid #38425d;
height: 270px;
}
._BranchIdS .el-select__tags {
top: 0;
transform: translateY(0);
padding-top: 5px;
}
.combottomTitle>span {
margin-right: 80px;
}
/* 财务单据使用 */
.page_fnDm .el-dialog__body {
padding-bottom: 0 !important;
}
.page_addFD ._pic_upload .el-upload--text.el-upload,
.page_fdd ._pic_upload .el-upload--text.el-upload,
.page_addFD .el-upload-dragger,
.page_fdd .el-upload-dragger {
font-size: 28px;
color: #8c939d;
width: 126px;
height: 80px;
line-height: 41px;
text-align: center;
}
.page_addFD ._pic_upload .el-upload--text.el-upload .el-upload__text,
.page_fdd ._pic_upload .el-upload--text.el-upload .el-upload__text {
font-size: 14px
}
.page_addFD .avatar-uploader-icon,
.page_fdd .avatar-uploader-icon {
height: 30px;
}
.page_RecPayQuery .el-date-editor--daterange.el-input__inner {
width: auto !important;
}
.page_RecPayQuery .el-date-editor .el-range-separator {
width: 8% !important;
}
.frame-box {
position: absolute;
top: 41px;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
padding: 0 20px;
}
.red-theme .frame-box {
top: 40px;
}
.My_table_tell .v-table-body-cell {
display: block!important;
line-height: 30px!important;
}
.column-cell-class-name-test-red .v-table-body-cell {
background-color: #e95252;
color: #fff;
}
.column-cell-class-name-test .v-table-body-cell {
background-color: yellow;
}
.column-cell-class-name-test-pink .v-table-body-cell {
background-color: #FFCCFF;
}
.column-cell-class-name-test-greed .v-table-body-cell {
background-color: #C2D69A;
}
.column-cell-class-name-test-gray .v-table-body-cell {
background-color: #E5E0EC;
}
.column-cell-class-name-test-pink-t .v-table-body-cell {
background-color: #FCD5B4;
}
.column-cell-class-name-test-t .v-table-body-cell {
background-color: #FFFF99;
}
.column-cell-class-name-test-greed-s .v-table-body-cell {
background-color: #92D050;
}
.column-cell-class-name-test .v-table-body-cell:hover span {
color: #000000
}
.column-cell-class-name-test2 .v-table-body-cell {
background-color: yellow;
}
.column-cell-class-name-test2 .v-table-body-cell:hover span {
color: #000000
}
.column-cell-class-name-test3 .v-table-body-cell {
background-color: yellow;
}
.column-cell-class-name-test4 .v-table-body-cell {
background-color: yellow;
}
.column-cell-class-name-test-row .v-table-body-cell {
background-color: yellow;
}
.column-cell-class-name-test-row .v-table-body-cell:hover span {
color: #000;
}
.column-cell-class-name-test3 .v-table-body-cell:hover span {
color: #000000
}
.column-cell-class-name-test4 .v-table-body-cell span {
color: red;
}
.el-checkbox.is-bordered.is-checked {
border-color: #e95252;
}
.page_paySetting .seleRelationList.el-select .el-input {
height: auto !important;
}
._EmployeeIDList .el-input.el-input--suffix,
.AccountType .el-input.el-input--suffix {
height: auto !important;
}
.bottom-box {
position: fixed;
bottom: 0;
left: 50px;
......@@ -567,40 +1742,50 @@ vertical-align:middle
border-top: 3px solid #38425d;
padding-bottom: 30px;
}
.bottom-box .btm-title{
.bottom-box .btm-title {
padding-left: 10px;
border-left: 3px solid #E95252;
font-size: 16px;
color: #000000;
margin-bottom: 20px;
}
.bottom-box .btm-opera-btn{
.bottom-box .btm-opera-btn {
position: absolute;
right: 10px;
top: 10px;
text-align: right;
}
.bottom-box .btm-opera-btn *{
margin-left:12px;
.bottom-box .btm-opera-btn * {
margin-left: 12px;
}
.page_ShoppingReimbursementDetails .avatar-uploader-icon {
height: auto !important;
height: auto !important;
}
/************************** luochao 重新定义表格样式 BEGIN *******************************/
.al-tab{
.al-tab {
width: 100%;
border-collapse: collapse;
}
.al-tab .center.th,.al-tab .center.td{
.al-tab .center.th,
.al-tab .center.td {
text-align: center !important;
}
.al-tab,.al-tab th, .al-tab td{
border:1px solid #ddd;
.al-tab,
.al-tab th,
.al-tab td {
border: 1px solid #ddd;
}
.al-tab caption{
.al-tab caption {
font-size: 18px;
color: #333;
height: 40px;
......@@ -608,7 +1793,8 @@ vertical-align:middle
text-align: left;
padding-left: 12px;
}
.al-tab th{
.al-tab th {
background: #E6E6E6;
height: 40px;
line-height: 40px;
......@@ -616,52 +1802,65 @@ vertical-align:middle
font-size: 16px;
font-weight: 300;
text-align: left;
padding-left:5px;
padding-left: 5px;
}
.al-tab td{
.al-tab td {
height: 40px;
line-height: 40px;
color: #333;
font-size: 12px;
font-weight: 300;
text-align: left;
padding-left:5px;
padding-left: 5px;
}
.noDataNotice {
text-align: center;
padding: 0px 0;
color: #999;
font-size: 14px;
}
.noDataNotice>i {
font-size: 120px;
color: #ccc;
}
.column-cell-class-text-red{
.column-cell-class-text-red {
color: red !important
}
._height_auto.el-select .el-input{
._height_auto.el-select .el-input {
height: auto !important;
}
.personTable .choose2 .block input{
.personTable .choose2 .block input {
height: 33px;
background-color: #333333;
border: none;
color: white;
}
.MyInput .el-input--mini .el-input__inner{
height:28px!important;
}
.font-color-blur{
.MyInput .el-input--mini .el-input__inner {
height: 28px!important;
}
.font-color-blur {
color: #409EFF;
}
.font-color-org{
.font-color-org {
color: #E6A23C;
}
.font-color-red{
.font-color-red {
color: #F56C6C;
}
.font-color-green{
.font-color-green {
color: #67C23A;
}
/************************** luochao 重新定义表格样式 END *******************************/
\ No newline at end of file
src/assets/css/global/config.css
View file @ cd7abbc4
.secondMenu{
.secondMenu {
margin: 0px 0px 0 0 !important;
}
.el-pagination{
.el-pagination {
border: none !important;
border-top: 1px solid #dcdfe6 !important;
}
.el-pagination {
text-align: center;
white-space: nowrap;
......@@ -15,9 +17,23 @@
font-size: 14px;
margin-top: 15px;
}
.el-pagination__total{
.el-pagination__total {
vertical-align: middle !important;
}
th{
font-family:PingFangSC-Semibold !important;
th {
font-family: PingFangSC-Semibold !important;
}
.red-theme th {
font-family: unset !important;
font-weight: normal !important;
color: #303133 !important;
}
.red-theme .el-button--danger {
color: #fff;
background-color: #f45c43 !important;
border-color: #f45c43 !important;
}
\ No newline at end of file
src/components/Details.vue
View file @ cd7abbc4
<style>
@import "../assets/css/Details.css";
</style>
<template>
<div class="flexDiv">
<div class="secondMenu">
<div class="secondMenu" :class="{'big':!isCollapse}">
<div class="secondMenu_l">
<div class="menuItem">
<el-menu default-active="" background-color="#282733" text-color="#a3ace0" active-text-color="#FFFFFF"
class="el-menu-vertical-demo" :collapse="isCollapse">
<el-menu default-active="1" :background-color="!isRed?'#282733':'#FBFBFB'" :text-color="!isRed?'#a3ace0':'#787A7D'" :active-text-color="!isRed?'#FFFFFF':'#33B3FF'"
:collapse="isCollapse">
<el-submenu v-for="(item,index) in items" :index="String(index+1)" :key='index'>
<template slot="title" class="left-nav">
<i :class="[fontPub,item.MenuStyleIcon]" class="big-icon"></i>
{{item.MenuName}}
</template>
<el-menu-item-group class="my_maxheight">
<span slot="title">{{item.MenuName}}</span>
<el-menu-item class="thridMenu" v-for="(subItem,sindex) in item.childerns"
<el-menu-item-group class="my_maxheight" :class="{'red':isRed}">
<span slot="title" v-if="isCollapse">{{item.MenuName}}</span>
<el-menu-item class="thridMenu" :class="{'red-theme':isRed}" v-for="(subItem,sindex) in item.childerns"
:index="String(index+1)+'-'+String(sindex+1)" @click="goUrl(subItem.MenuUrl)" :key='sindex'>
<i :class="[fontPub,subItem.MenuStyleIcon]"></i>
{{subItem.MenuName}}</el-menu-item>
......@@ -24,6 +24,9 @@
</el-menu>
</div>
</div>
<div class="extender" v-if="isRed" @click="changeMenuShowType">
<img src="../assets/img/extends.png" :class="{'close-extend':isCollapse}" />
</div>
</div>
<div class="flexParent" v-if="openMode==1">
<div class="nav-tabs-box" @contextmenu.prevent="showRightMenu" :style="{width:`${navWidth}px`}">
......@@ -101,7 +104,8 @@
blankUrl: '',
navWidth: 0,
//加密id
EnCodeWord: ''
EnCodeWord: '',
isRed:true
};
},
components: {
......@@ -149,6 +153,9 @@
},
mounted() {
this.openMode = 0
if(localStorage.navsot){
this.isCollapse=localStorage.navsot=='a'
}
if (localStorage.openMode && localStorage.openMode == 1)
this.openMode = 1
this.MsgBus.$on('msg', () => {
......@@ -179,6 +186,10 @@
methods: {
nullMethod() {
},
changeMenuShowType(){
this.isCollapse=!this.isCollapse;
localStorage.navsot=this.isCollapse?'a':'b'
},
referPage() {
this.currentTabName = this.tabs[this.currentRightIndex].name + '_' + this.currentRightIndex
......
src/components/Login2019.vue
View file @ cd7abbc4
......@@ -59,7 +59,7 @@
<p class="FPF_b">{{groupModel.GroupName?groupModel.GroupName:''}}</p>
</div>
<div class="sumMainTitle FPF_s">登录</div>
<div class="sumMainTitle FPF_s">登陸</div>
<div class="login-commonBotm">
<i class="icon-login-name iconfont icon-user11" :style="{color: name_bline==true?'#E95252':'#000000'}"></i>
<input class="input FPF_b" @focus="name_bline=true" @blur="name_bline=false" maxlength="20"
......@@ -87,11 +87,11 @@
</div>
<div style="text-align: center;margin-top: 40px;">
<button type="button" class="sLoginBtn FPF_s" :class="{'loginIng':loginState==1}" :disabled="loginState==1"
@click="doLogin">{{loginState==1?'登录中...':'登录'}}</button>
@click="doLogin">{{loginState==1?'登陸中...':'登陸'}}</button>
</div>
<div class="forgetPw">
<div>
<el-checkbox v-model="checkedAotu">下次自动登录</el-checkbox>
<el-checkbox v-model="checkedAotu">下次自動登陸</el-checkbox>
</div>
<span @click="updatePwd">{{$t('login.login_forgetpwd')}}?</span>
</div>
......@@ -264,10 +264,10 @@
initData() {
//判断是否是线上环境
if (!this.isOnline()) {
this.userInfo.name = "18117845617";
this.userInfo.name = "paulwu1657@gmail.com";
this.userInfo.password = "123456";
}
this.userInfo.Domain = window.location.hostname
this.userInfo.Domain = 'ys.oytour.com'//window.location.hostname
},
doLogin() {
if (this.userInfo.name == "") {
......@@ -423,7 +423,7 @@
});
},
getGroup() { //获取集团
let Domain = window.location.hostname
let Domain = 'ys.oytour.com'///window.location.hostname
this.apipost('admin_get_GetModelByDomain', {
'Domain': Domain
}, res => {
......
src/components/WebSet/WebSiteAbout.vue
View file @ cd7abbc4
<style>
.WebSiteAbout .WebSiteTopdiv {
margin: 10px 0;
width: 1080px;
display: flex;
align-items: center;
justify-content: space-between;
}
.WebSiteAbout {
height: calc(100% - 15px);
}
.WebSiteAbout .WebSiteTopdiv {
/* text-align: right; */
margin: 10px auto;
max-width: 1080px;
min-width: 800px;
height: calc(100% - 20px);
}
.WebSiteAbout .WebSiteTopdiv .title {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 270px);
padding: 10px 5px;
margin: 15px 0 0 0;
border: 1px solid #d1d1d1;
border-bottom: 1px solid #eee;
background: #fff;
}
</style>
<template>
<!--关于我们-->
<div class="WebSiteAbout">
<div class="WebSiteTopdiv">
<div>关于我们版面設定</div>
<div>
<el-button type="primary" size="small" @click="saveData()">保存</el-button>
<el-button type="primary" size="small" @click="goAbout()">瀏覽頁面</el-button>
<div class="title">
<div>关于我们版面設定</div>
<div>
<el-button type="primary" size="small" @click="saveData()">保存</el-button>
<el-button type="primary" size="small" @click="goAbout()">瀏覽頁面</el-button>
</div>
</div>
</div>
<div>
<WebSiteEdit ref="WebSiteEdit" :templateData="postMsg.HomeDataList"
v-on:getNewTemplateData="getNewTemplateData">
</WebSiteEdit>
<WebSiteEdit
ref="WebSiteEdit"
:templateData="postMsg.HomeDataList"
v-on:getNewTemplateData="getNewTemplateData"
></WebSiteEdit>
</div>
</div>
</template>
<script>
import WebSiteEdit from "../WebSet/WebSiteEdit.vue"
export default {
data() {
return {
postMsg: {
Id: 0,
AboutDataList: [],
//当前登录用户信息
CurrentUserInfo: {},
}
};
import WebSiteEdit from "../WebSet/WebSiteEdit.vue";
export default {
data() {
return {
postMsg: {
Id: 0,
AboutDataList: [],
//当前登录用户信息
CurrentUserInfo: {}
}
};
},
mounted() {
this.getData();
let userInfo = this.getLocalStorage();
this.CurrentUserInfo = userInfo;
},
components: {
WebSiteEdit
},
methods: {
//获取配置
getData() {
this.apipost(
"ws_get_GetHomeAboutTrip",
{},
res => {
if (res.data.resultCode == 1) {
var tempData = res.data.data;
if (tempData) {
if (tempData.Id) {
this.postMsg.Id = tempData.Id;
}
if (tempData.AboutDataList && tempData.AboutDataList.length > 0) {
this.postMsg.AboutDataList = tempData.AboutDataList;
}
}
this.$refs.WebSiteEdit.initData(this.postMsg.AboutDataList);
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
mounted() {
this.getData();
let userInfo = this.getLocalStorage();
this.CurrentUserInfo = userInfo;
//保存数据
saveData() {
this.apipost(
"ws_post_SetAboutData",
this.postMsg,
res => {
if (res.data.resultCode == 1) {
this.getData();
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
components: {
WebSiteEdit
//获取模板数据
getNewTemplateData(templateDataList) {
this.postMsg.AboutDataList = templateDataList;
},
methods: {
//获取配置
getData() {
this.apipost(
"ws_get_GetHomeAboutTrip", {},
res => {
if (res.data.resultCode == 1) {
var tempData = res.data.data;
if (tempData) {
if (tempData.Id) {
this.postMsg.Id = tempData.Id;
}
if (tempData.AboutDataList && tempData.AboutDataList.length > 0) {
this.postMsg.AboutDataList = tempData.AboutDataList;
}
}
this.$refs.WebSiteEdit.initData(this.postMsg.AboutDataList);
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//保存数据
saveData() {
this.apipost(
"ws_post_SetAboutData", this.postMsg,
res => {
if (res.data.resultCode == 1) {
this.getData();
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//获取模板数据
getNewTemplateData(templateDataList) {
this.postMsg.AboutDataList = templateDataList;
},
//跳转至预览
goAbout(){
var B2BDomain = this.CurrentUserInfo.B2BDomain;
this.$tripUtils.GotoB2CAbout(B2BDomain);
}
//跳转至预览
goAbout() {
var B2BDomain = this.CurrentUserInfo.B2BDomain;
this.$tripUtils.GotoB2CAbout(B2BDomain);
}
}
};
</script>
src/components/WebSet/WebSiteEdit.vue
View file @ cd7abbc4
<style>
.WebSiteEdit {
width: 100%;
height: 100%;
height: calc(100% - 54px);
min-width: 0;
background-color: #f3f3f3;
}
.WebSiteContent {
min-width: 1280px;
height: 725px;
height: 100%;
display: flex;
width: 100%;
}
.WebSite_Left {
background-color: rgba(34, 45, 50, .8);
background-color: #dadadacc;
padding: 20px;
overflow-y: auto;
width: 250px;
height: 100%;
height: calc(100% + 54px);
margin-top: -54px;
top: 0;
}
.WebSite_right {
padding-left: 2px;
margin-right: 20px;
flex: 1;
position: relative;
overflow-y: auto;
border: 1px solid #d1d1d1;
border-top: none;
padding-top: 15px;
}
[flex] {
......@@ -49,12 +54,12 @@
}
.WebSite_right_preview {
width: 800px;
border: 1px solid #d2d6de;
overflow-y: auto;
width: 100%;
/* overflow-y: auto;
min-height: 725px;
height: 725px;
margin: 0 20px;
height: 725px; */
/* margin: 0 20px; */
height: 100%;
background-color: #ddd;
}
......@@ -172,23 +177,7 @@
</style>
<template>
<div class="WebSiteEdit">
<div flex="box:first" class="WebSiteContent">
<div class="WebSite_Left">
<el-select v-model="templateId" @change="getTemplateDetails()">
<el-option label="请选择" :value="0" :key="0">
</el-option>
<el-option v-for="item in templateList" :label="item.TemplateName" :value="item.Id" :key="item.Id">
</el-option>
</el-select>
<div class="temp-list-wrap">
<div v-for="(subItem,subIndex) in detailsList" class="temp-list-item" :key="subIndex" draggable="true"
@dragstart="dragLeftStart($event,subItem)" @dragend="dragendLeft($event,subItem)">
<img v-if="subItem.TemplateData&&subItem.TemplateData.CoverImg" :src="subItem.TemplateData.CoverImg"
:alt="subItem.SubTemplateName" />
<div class="temp-font">{{subItem.SubTemplateName}}</div>
</div>
</div>
</div>
<div class="WebSiteContent">
<div class="WebSite_right" draggable="true" @drop="drop($event,0)">
<div class="WebSite_right_preview" @drop="drop($event,0)">
<div v-for="(item,index) in dataList" draggable="true" @drop="drop($event,index)"
......@@ -226,6 +215,22 @@
</div>
</div>
</div>
<div class="WebSite_Left">
<el-select v-model="templateId" @change="getTemplateDetails()">
<el-option label="请选择" :value="0" :key="0">
</el-option>
<el-option v-for="item in templateList" :label="item.TemplateName" :value="item.Id" :key="item.Id">
</el-option>
</el-select>
<div class="temp-list-wrap">
<div v-for="(subItem,subIndex) in detailsList" class="temp-list-item" :key="subIndex" draggable="true"
@dragstart="dragLeftStart($event,subItem)" @dragend="dragendLeft($event,subItem)">
<img v-if="subItem.TemplateData&&subItem.TemplateData.CoverImg" :src="subItem.TemplateData.CoverImg"
:alt="subItem.SubTemplateName" />
<div class="temp-font">{{subItem.SubTemplateName}}</div>
</div>
</div>
</div>
</div>
<el-dialog :title="commonTitle" :visible.sync="isShowDialog" width="1000px">
<!--视频-->
......
src/components/WebSet/WebSiteIndex.vue
View file @ cd7abbc4
<style>
.WebSiteIndex{
height: calc(100% - 15px);
}
.WebSiteIndex .WebSiteTopdiv {
/* text-align: right; */
margin: 10px 0;
width: 1080px;
margin: 10px auto;
max-width: 1080px;
min-width: 800px;
height: calc(100% - 20px);
}
.WebSiteIndex .WebSiteTopdiv .title{
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 270px);
padding: 10px 5px;
margin: 15px 0 0 0;
border: 1px solid #d1d1d1;
border-bottom: 1px solid #eee;
background: #FFF;
}
</style>
<template>
<!--首頁(首页)-->
<div class="WebSiteIndex">
<div class="WebSiteTopdiv">
首页版面設定
<el-button type="primary" size="small" @click="saveData()">保存</el-button>
</div>
<div>
<div class="title">
首页版面設定
<el-button type="primary" size="small" @click="saveData()">保存</el-button>
</div>
<WebSiteEdit ref="WebSiteEdit" :templateData="postMsg.HomeDataList"
v-on:getNewTemplateData="getNewTemplateData">
</WebSiteEdit>
</div>
<div>
</div>
</div>
</template>
<script>
......
src/components/WebSet/WebSiteService.vue
View file @ cd7abbc4
......@@ -26,17 +26,17 @@
<div class="query-box">
<ul>
<li>
<label>状态</label>
<el-select class="wp40 accountList" v-model="msg.DemandStatus" placeholder="请选择">
<el-option :key="0" label="待处理" :value="0"> </el-option>
<el-option :key="1" label="处理中" :value="1"> </el-option>
<label>狀態：</label>
<el-select class="wp40 accountList" v-model="msg.DemandStatus" placeholder="請選擇">
<el-option :key="0" label="待處理" :value="0"> </el-option>
<el-option :key="1" label="處理中" :value="1"> </el-option>
<el-option :key="2" label="已完成" :value="2"> </el-option>
<el-option :key="3" label="转订单" :value="3"> </el-option>
<el-option :key="3" label="轉訂單" :value="3"> </el-option>
<el-option :key="4" label="已取消" :value="4"> </el-option>
</el-select>
</li>
<li>
<label>稱呼</label>
<label>稱呼：</label>
<el-input v-model="msg.Name" :placeholder="$t('system.ph_in')" @keyup.native.enter="getData" class="w210">
</el-input>
</li>
......
src/components/WebSet/WebSiteUpdate.vue
View file @ cd7abbc4
<style>
.WebSiteIndex .WebSiteTopdiv {
/* text-align: right; */
margin: 10px 0;
width: 1080px;
display: flex;
align-items: center;
justify-content: space-between;
}
.WebSiteIndex {
height: calc(100% - 15px);
}
.WebSiteIndex .WebSiteTopdiv {
/* text-align: right; */
margin: 10px auto;
max-width: 1080px;
min-width: 800px;
height: calc(100% - 20px);
}
.WebSiteIndex .WebSiteTopdiv .title {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 270px);
padding: 10px 5px;
margin: 15px 0 0 0;
border: 1px solid #d1d1d1;
border-bottom: 1px solid #eee;
background: #fff;
}
</style>
<template>
<!--首頁(首页)-->
<div class="WebSiteIndex">
<div class="WebSiteTopdiv">
<div>自訂頁面 版面設定</div>
<div style="margin-left:-180px;">页面名称&nbsp;&nbsp;<el-input type="text" v-model="postMsg.PageName" class="w250"></el-input></div>
<div>
<el-button type="primary" size="small" @click="gotoList()">返回列表</el-button>
<el-button type="primary" size="small" @click="saveData()">保存</el-button>
<div class="title">
<!-- <div>自訂頁面 版面設定</div> -->
<div style="font-size:12px;">
页面名称：&nbsp;&nbsp;
<el-input type="text" v-model="postMsg.PageName" class="w250"></el-input>
</div>
<div>
<el-button type="primary" size="small" @click="gotoList()">返回列表</el-button>
<el-button type="primary" size="small" @click="saveData()">保存</el-button>
</div>
</div>
</div>
<div>
<WebSiteEdit ref="WebSiteEdit" :templateData="postMsg.PageDataList" v-on:getNewTemplateData="getNewTemplateData">
</WebSiteEdit>
</div>
</div>
</template>
<script>
import WebSiteEdit from "../WebSet/WebSiteEdit.vue"
export default {
data() {
return {
postMsg: {
PageName: '',
Id: 0,
PageDataList: [],
}
};
},
mounted() {
if (this.$route.query.Id && this.$route.query.Id > 0) {
this.postMsg.Id = this.$route.query.Id;
this.getPage();
import WebSiteEdit from "../WebSet/WebSiteEdit.vue";
export default {
data() {
return {
postMsg: {
PageName: "",
Id: 0,
PageDataList: []
}
};
},
mounted() {
if (this.$route.query.Id && this.$route.query.Id > 0) {
this.postMsg.Id = this.$route.query.Id;
this.getPage();
}
},
components: {
WebSiteEdit
},
methods: {
//修改
getPage() {
this.apipost(
"ws_post_GetPage",
{
Id: this.postMsg.Id
},
res => {
if (res.data.resultCode == 1) {
var tempData = res.data.data;
this.postMsg.PageDataList = tempData.PageDataList;
this.postMsg.Id = tempData.Id;
this.postMsg.PageName = tempData.PageName;
this.$refs.WebSiteEdit.initData(this.postMsg.PageDataList);
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
components: {
WebSiteEdit
},
methods: {
//修改
getPage() {
this.apipost(
"ws_post_GetPage", {
Id: this.postMsg.Id,
},
res => {
if (res.data.resultCode == 1) {
var tempData = res.data.data;
this.postMsg.PageDataList = tempData.PageDataList;
this.postMsg.Id = tempData.Id;
this.postMsg.PageName = tempData.PageName;
this.$refs.WebSiteEdit.initData(this.postMsg.PageDataList);
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//新增、修改广告
saveData() {
this.apipost(
"ws_post_SetPage", this.postMsg,
res => {
if (res.data.resultCode == 1) {
this.postMsg.Id = res.data.data.Id;
this.$router.push({
path: '/WebSiteUpdate',
query: {
Id: res.data.data.Id,
tab: "编辑自定页面"
}
});
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//获取模板数据
getNewTemplateData(templateDataList) {
this.postMsg.PageDataList = templateDataList;
},
gotoList() {
this.$router.push({
path: '/WebSiteCustomer',
query: {
tab: "自定页面"
//新增、修改广告
saveData() {
this.apipost(
"ws_post_SetPage",
this.postMsg,
res => {
if (res.data.resultCode == 1) {
this.postMsg.Id = res.data.data.Id;
this.$router.push({
path: "/WebSiteUpdate",
query: {
Id: res.data.data.Id,
tab: "编辑自定页面"
}
});
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
});
}
},
err => {}
);
},
//获取模板数据
getNewTemplateData(templateDataList) {
this.postMsg.PageDataList = templateDataList;
},
gotoList() {
this.$router.push({
path: "/WebSiteCustomer",
query: {
tab: "自定页面"
}
});
}
}
};
</script>
src/components/index.vue
View file @ cd7abbc4
......@@ -107,10 +107,14 @@
<li style="width:65px;height:50px;line-height: 50px;padding: 0;font-size: 15px;font-family: pingfangR;"
v-if="isShowMore">
<el-dropdown trigger="hover">
<span class="el-dropdown-link" style="cursor: pointer;display: block;height: 100%;width: 100%;">
<span v-if="!useRed" class="el-dropdown-link" style="cursor: pointer;display: block;height: 100%;width: 100%;">
<span style="color: #a6adb4;"><i class="iconfont icon-biaoge"
style="margin-right: 5px;font-size:13px"></i>更多</span>
</span>
<span v-if="useRed" class="el-dropdown-link" style="cursor: pointer;display: block;height: 100%;width: 100%;">
<span style="color: #FFF;font-size:15px"><i class="iconfont icon-biaoge"
style="margin-right: 5px;font-size:12px"></i>更多</span>
</span>
<el-dropdown-menu slot="dropdown" class="_dropdown _more_dropdown">
<el-dropdown-item class="clearfix _dropdown_other" v-for="(item,index) in menuList" :key="index"
v-if="item.MenuUrl!='' && index>maxLength" @click.native="goUrl(item.MenuUrl,item.MenuId,index)">
......@@ -124,7 +128,7 @@
<el-dropdown-item class="clearfix _dropdown_other" v-if='firstMenuList.indexOf("知识圈")!==-1'
@click.native="zhishiquan">
<a href="http://we.oytour.com:8110/" target="_blank" style="color:#a6adb4;">
<i class="iconfont icon-menu-zhishiquan"></i>知识圈
<i class="iconfont icon-menu-zhishiquan"></i>知識圈
</a>
</el-dropdown-item>
</el-dropdown-menu>
......@@ -225,7 +229,7 @@
@click="IM_bodyIsShow=!IM_bodyIsShow,IM_navType=1"></i>
</li>
<li><i class="iconfont icon-banbengengxin" @click="goUrlLog()"></i></li>
<li><i class="iconfont icon-gonggao" @click="IM_bodyIsShow=!IM_bodyIsShow, IM_navType=52"></i></li>
<li v-if="!useRed"><i class="iconfont icon-gonggao" @click="IM_bodyIsShow=!IM_bodyIsShow, IM_navType=52"></i></li>
<li>
<el-dropdown trigger="click">
<span class="el-dropdown-link">
......@@ -243,9 +247,13 @@
</el-dropdown-menu>
</el-dropdown>
</li>
<li>
<li v-if="!useRed">
<i @click="downmz=!downmz" class="el-icon-download"></i>
</li>
<li>
<a :href="`http://${b2bDomain}`" target="_blank" v-if="b2bDomain && b2bDomain!=''" style="color:#FFF">前往前台</a>
<a href="javascript:alert('未開通B2B前端系統，請您聯繫業務員')" v-else style="color:#FFF">前往前台</a>
</li>
</ul>
</div>
</div>
......@@ -261,14 +269,14 @@
<div class="lihoverNote"></div>
</li>
<li @click="IM_navType=2,imToolsType=0,changeTools(0)" :class="{checked:IM_navType==2}">
通讯录
通訊錄
<div class="lihoverNote"></div>
</li>
<li @click="IM_navType=3,imToolsType=0,changeTools(0)" :class="{checked:IM_navType==3}">
空间
<li v-if="!useRed" @click="IM_navType=3,imToolsType=0,changeTools(0)" :class="{checked:IM_navType==3}">
空間
<div class="lihoverNote"></div>
</li>
<li @click="IM_navType=52,imToolsType=0,changeTools(0)" :class="{checked:IM_navType==52}">
<li v-if="!useRed" @click="IM_navType=52,imToolsType=0,changeTools(0)" :class="{checked:IM_navType==52}">
公告
<div class="lihoverNote"></div>
</li>
......@@ -372,7 +380,7 @@
<div class='IM_contacts contact-box' v-show="IM_navType==2 && searchList.length===0">
<div class="contacts-type-box">
<div class="contacts-type-item" :class="{active:contactsType==0}" @click="changeContactGroup(0)">同事</div>
<div class="contacts-type-item" :class="{active:contactsType==1}" @click="changeContactGroup(1)">群聊</div>
<div class="contacts-type-item" :class="{active:contactsType==1}" @click="changeContactGroup(1)" v-if="!useRed">群聊</div>
<el-tooltip effect="dark" content="新建群聊" placement="top-start">
<i class="plus iconfont icon-img_jiahao_big" v-if="contactsType==1" @click="createGroup"></i>
</el-tooltip>
......@@ -454,7 +462,7 @@
</div>
</div>
<div v-show="IM_navType==5" class="IM_messageList">
<div class="sysMsgDiv">系统消息<span v-show="msglist">(共{{this.msgList.length}}条)</span>
<div class="sysMsgDiv">系統消息<span v-show="msglist">(共{{this.msgList.length}}條)</span>
<span class="fr">
<i @click="deletMsg(0)" class="iconfont icon-xingzhuang"></i>
&nbsp;
......@@ -475,7 +483,7 @@
v-show="session.unread > 0">{{session.unread}}</div>
</li>
<li class="sysMsg_lod_more" @click="refreshSysNoteDate('a')">
<p>加载更多...</p>
<p>加載更多...</p>
</li>
</ul>
</div>
......@@ -483,11 +491,11 @@
<div class="IM_myNav">
<ul>
<li :class="{cked:dynamicType==1}" @click="dynamicType=1"><i class="iconfont icon-suoyoudongtai"></i>
全部动态</li>
全部動態</li>
<li :class="{cked:dynamicType==2}" @click="dynamicType=2"><i class="iconfont icon-ico-wofabude"></i>
我发布的</li>
我發佈的</li>
<li :class="{cked:dynamicType==3}" @click="dynamicType=3"><i class="iconfont icon-ico_yuwoxiangguan"></i>
与我相关</li>
與我相關</li>
</ul>
</div>
<div class="IM_cont" id='allDynamic' v-show="dynamicType==1">
......@@ -1207,6 +1215,8 @@
},
data() {
return {
b2bDomain:"",
useRed:true,
//提成账单弹窗
commissionDialog: false,
//判断显示哪个组件
......@@ -1726,7 +1736,7 @@
} else {
this.isShowMore = false
}
this.b2bDomain=this.userInfo.B2BDomain
document.title = this.userInfo.GroupName
if (this.userInfo.Icon != null) {
this.userInfo.UserPhoto = this.userInfo.Icon;
......@@ -4518,7 +4528,7 @@
width: 24px;
height: 24px;
border-radius: 50%;
margin-top: 13px;
margin-top: 17px;
}
.nav {
......@@ -4527,19 +4537,24 @@
.min-width(1366px);
background: #1f1e2e;
}
.red-theme .nav{
.size(100%, 58px);
background:linear-gradient(270deg,rgba(244,92,67,1),rgba(235,51,73,1));
}
.nav-left {
width: 56px;
line-height: 50px;
color: #e73828;
text-align: center;
height: 100%;
display: flex;
align-items: center;
}
.nav-left .GroupPic {
width: 36px;
height: 36px;
-webkit-border-radius: 36px;
margin: 7px 0px 0px 15px;
margin: 0px 30px 0px 15px;
}
......@@ -4568,6 +4583,10 @@
display: flex;
}
.red-theme .nav .nav-middle{
align-items: center;
}
.nav-middle ul {
width: 100%;
margin: 0 auto;
......@@ -4585,8 +4604,16 @@
padding: 12px 10px;
float: left;
z-index: 2019128;
cursor: pointer;
}
.red-theme .nav .nav-middle ul li{
color:#fff;
padding:14px 10px;
}
.red-theme .nav .nav-middle ul li i{
color:#fff;
font-size: 0px;
}
.nav-middle ul li i {
font-size: 16px;
color: #a6adb4;
......@@ -4626,7 +4653,9 @@
overflow: hidden;
box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}
.red-theme .nav-middle ul li .menuList_son{
top: 58px;
}
.menuList_tittle_box {
line-height: 30px;
}
......@@ -4639,7 +4668,9 @@
padding: 9px 10px;
font-family: "pingfangR";
}
.red-theme .menuList_son_one_tittle{
color: #333;
}
.menuList_son_two_tittle {
color: #a1aad0;
text-align: left;
......@@ -4654,7 +4685,7 @@
text-align: left;
padding: 0 9px;
color: #494d5f;
font-size: 12px;
font-size: 13px;
}
.menuList_son_three_tittle i {
......@@ -4665,7 +4696,7 @@
}
.menuList_son_three_tittle:hover {
color: #5867dd;
color: #33B3FF;
background: #f8f8fb;
}
......@@ -4691,11 +4722,18 @@
left: 0;
bottom: -2px;
}
.red-theme .nav .hoverNote{
background:#f5f5f5;
border-radius: 2px;
}
.nav-middle ul li:hover {
background-color: #232337;
}
.red-theme .nav .nav-middle ul li:hover {
background-color: #c1272d;
}
.nav-middle ul li:hover .hoverNote {
width: 100%;
transition: width 0.5s;
......@@ -4709,9 +4747,12 @@
.big_tittle {
cursor: pointer;
font-size: 15px;
font-family: pingfangR;
font-family: 'pingfangR';
}
.red-theme .nav .big_tittle{
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,MicrosoftJhengHeiBoldFix,"\5FAE\8EDF\6B63\9ED1\9AD4",Microsoft JhengHei;
font-size:16px;
}
.nav-middle ul li.active .big_tittle {
color: #ffffff;
cursor: pointer;
......@@ -4726,30 +4767,43 @@
position: absolute;
right: 0;
}
.red-theme .nav-right{
width: unset;
}
.nav-right ul {
display: flex;
line-height: 50px;
justify-content: flex-end;
}
.red-theme .nav .nav-right ul{
line-height: 58px;
}
.nav-right ul li {
height: 50px;
margin-right: 20px;
text-align: center;
justify-content: flex-end;
}
.red-theme .nav .nav-right ul li{
height: 58px;
}
.red-theme .nav .nav-right ul li i {
color: #fff;
}
.nav-right ul li i {
cursor: pointer;
.fz(18px);
color: #e4e4e4;
}
.red-theme .nav .nav-right ul li i:hover {
color: #e4e4e4;
}
.nav-right ul li i:hover {
color: #999;
}
.red-theme .nav .nav-right ul li i.red{
color:#FFF !important;
}
.hide {
display: none;
}
......@@ -4834,6 +4888,12 @@
/* Opera */
}
.red-theme .nav .animation::before {
color: #FFF;
}
#message_box .content {
width: 350px;
height: 100%;
......@@ -4993,6 +5053,7 @@
left: 0px;
right: 0px;
}
.red-theme .temDivs {top:58px;}
.red {
color: #e95252 !important;
......
src/components/temp/websiteManager.vue 0 → 100644
View file @ cd7abbc4
<style lang="less" scoped>
@import "../../assets/css/main.less";
@import "../../assets/css/cssReset.css";
</style>
<template>
<div>
<leftNav></leftNav>
<!-- <FinanceHome/> -->
</div>
</template>
<script>
import leftNav from '../public/leftNav.vue'
import FinanceHome from '../FinanceHome/index.vue'
export default {
data (){
return{
}
},
components:{
leftNav,
FinanceHome
},
mounted(){
},
methods:{
goUrl (path,id) {
this.$router.push({ path: "Details",query:{path,id} })
},
}
}
</script>
\ No newline at end of file
src/plug/index.js
View file @ cd7abbc4
This source diff could not be displayed because it is too large. You can view the blob instead.
src/router/config.js
View file @ cd7abbc4
This source diff could not be displayed because it is too large. You can view the blob instead.
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