@@ -86,6 +86,12 @@ export default {
this.updateCurrentMenu();
},
},
+ computed: {
+ defaultOpeneds() {
+ if(this.customize)return
+ return this.menuData.map(item => item.index);
+ }
+ },
methods: {
// 获取站点列表
getSiteNo() {
@@ -231,7 +237,7 @@ export default {
display: none;
}
-.el-menu--collapse ::v-deep .el-submenu__icon-arrow {
+::v-deep .el-submenu__icon-arrow {
display: none;
}
@@ -239,6 +245,7 @@ export default {
width: 158px;
min-width: 158px;
min-height: calc(100vh - 62px);
+ box-shadow: 0px 0px 11px 2px rgba(147, 147, 147, 0.11);
overflow-y: auto;
}
diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss
index f2cafd0..81e99b3 100644
--- a/src/style/theme/common.scss
+++ b/src/style/theme/common.scss
@@ -1,6 +1,8 @@
html {
- scroll-behavior: smooth; /* 使整个页面的滚动平滑 */
- }
+ scroll-behavior: smooth;
+ /* 使整个页面的滚动平滑 */
+}
+
body {
font-family: Microsoft YaHei UI;
font-size: 14px;
@@ -13,14 +15,21 @@ body {
padding: 0;
}
}
+
+.homeFont {
+ font-size: 14px;
+}
+
.short-width {
width: calc((100% - 12px) / 2);
}
-.pagePadding{
+
+.pagePadding {
padding: 12px;
box-sizing: border-box;
}
-.pageTitle{
+
+.pageTitle {
font-family: Microsoft YaHei UI;
font-size: 16px;
font-weight: bold;
@@ -30,7 +39,8 @@ body {
text-align: left;
// padding: 24px 0;
}
-.littleTitle{
+
+.littleTitle {
font-family: Microsoft YaHei UI;
font-size: 14px;
font-weight: bold;
@@ -39,79 +49,98 @@ body {
color: #1E2226;
text-align: left;
}
-
-.common_title{
+
+.common_title {
font-weight: bold;
letter-spacing: 0.08em;
color: #1E2226;
font-size: 14px;
}
-.common_text{
+
+.common_text {
font-size: 14px;
color: #6B7280;
font-weight: normal;
letter-spacing: 0.08em;
}
-.main-content12{
+
+.main-content12 {
padding: 12px;
}
+
// 变小手
-.point{
+.point {
cursor: pointer;
}
+
// 文字滑过变色
.hoverCommon {
cursor: pointer;
transition: all .3s;
+
&:hover {
- transition: all .3s;
- color: #006AFF !important;
+ transition: all .3s;
+ color: #006AFF !important;
}
- }
-.gap10{
+}
+
+.gap10 {
display: flex;
gap: 10px;
}
-.gap8{
+
+.gap8 {
display: flex;
gap: 8px;
}
-.gap12{
+
+.gap12 {
display: flex;
gap: 12px;
}
-.mt16{
+
+.mt16 {
margin-top: 16px;
}
-.mt32{
+
+.mt32 {
margin-top: 32px;
}
-.mb32{
+
+.mb32 {
margin-bottom: 32px;
}
-.hide{
+
+.hide {
display: none !important;
}
-.column{
+
+.column {
display: flex;
flex-direction: column;
}
-.mb24{
+
+.mb24 {
margin-bottom: 24px !important;
}
-.mb12{
+
+.mb12 {
margin-bottom: 12px !important;
}
-.mt24{
+
+.mt24 {
margin-top: 24px;
}
-.mt12{
+
+.mt12 {
margin-top: 12px;
}
-.mt10{
+
+.mt10 {
margin-top: 10px;
}
-.ceshi{
+
+.ceshi {
transition: all .5s;
box-sizing: border-box;
/* main/main_stardard */
@@ -119,14 +148,15 @@ body {
/* 蓝色阴影_常规 */
box-shadow: 0px 4px 16px 0px rgba(17, 55, 143, 0.12);
}
+
::v-deep .el-radio__original {
- display: none !important;
+ display: none !important;
}
-.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled)
- .el-radio__inner {
- box-shadow: none !important;
+.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
+ box-shadow: none !important;
}
+
.el-tabs__item.is-active {
letter-spacing: 0.08em;
/* main/main_stardard */
@@ -148,6 +178,7 @@ body {
color: #626573;
justify-content: center;
transition: all .3s;
+
// img{
// margin-right: 12px;
// }
@@ -164,6 +195,7 @@ body {
&:hover {
transition: all .3s;
+
div {
background-image: url(../../assets/addIcon_light.svg);
}
@@ -172,22 +204,23 @@ body {
color: #006AFF;
}
}
+
@keyframes fadeInOut {
0% {
- opacity: 0;
+ opacity: 0;
}
+
50% {
- opacity: 1;
+ opacity: 1;
}
+
100% {
- opacity: 0;
+ opacity: 0;
}
- }
-
-.ellipsis{
-
}
+.ellipsis {}
+
.el-container {
height: 100%;
@@ -212,18 +245,22 @@ body {
width: 84.75%;
margin: 0 auto;
}
+
.min-flex-right {
min-width: 1020px;
// max-width: 1556px;
width: 84.75%;
margin: 0 auto;
- .flex-common{
+
+ .flex-common {
+
.flex-left,
.flex-right {
// min-width: 440px;
max-width: 590px;
flex: 1;
}
+
.flex-line {
margin: 0 33px;
}
@@ -240,33 +277,41 @@ body {
/* text/text_4 */
color: #8A9099;
}
+
// 颜色选择器
-.el-color-picker__trigger{
+.el-color-picker__trigger {
padding: 0;
border: none;
+
// border: 1px solid #DFE2E6;
- .el-color-picker__color{
+ .el-color-picker__color {
border-color: #DFE2E6;
border-radius: 4px;
}
- .el-color-picker__icon{
+
+ .el-color-picker__icon {
display: none !important;
}
- .el-color-picker__color-inner{
+
+ .el-color-picker__color-inner {
border-radius: 4px;
}
}
-.borderNone{
+
+.borderNone {
border: none !important;
}
+
.flex-common {
padding: 32px 36px;
background-color: #fff;
border-radius: 4px;
+
h3 {
text-align: left;
margin: 0 0 32px 0;
- span{
+
+ span {
margin-left: 12px;
font-size: 14px;
font-weight: normal;
@@ -292,14 +337,15 @@ body {
max-width: 590px;
flex: 1;
}
- .flex-left-desc{
+
+ .flex-left-desc {
/* body/body 2_regular */
font-family: Microsoft YaHei UI;
font-size: 14px;
font-weight: normal;
line-height: normal;
letter-spacing: 0.08em;
- font-variation-settings: "opsz" auto;
+ font-variation-settings: "opsz"auto;
/* text/text_1 */
color: #1E2226;
text-align: left;
@@ -345,43 +391,53 @@ body {
background: #006AFF;
color: #fff;
transition: all .3s;
- span{
+
+ span {
display: flex;
align-items: center;
}
- img{
+
+ img {
margin-right: 6px;
}
- &:active{
+
+ &:active {
opacity: 0.7;
}
}
-.el-button--superBig{
+
+.el-button--superBig {
width: 388px;
height: 46px;
border-radius: 4px;
}
-.el-button--big{
+
+.el-button--big {
width: 247px;
height: 46px;
border-radius: 4px;
}
-.el-button--page{
+
+.el-button--page {
width: 144px;
height: 46px;
border-radius: 2px;
}
-.el-button--table{
+
+.el-button--table {
width: 90px;
height: 32px;
border-radius: 2px;
}
-.el-button--form{
+
+.el-button--form {
width: 88px;
height: 33px;
border-radius: 2px;
}
-.el-button--primary,.el-button--normal{
+
+.el-button--primary,
+.el-button--normal {
background: #006AFF;
border: 1px solid #006AFF;
}
@@ -390,43 +446,51 @@ body {
color: #006AFF;
background: #FFFFFF;
border: 1px solid #006AFF;
- &:hover{
+
+ &:hover {
color: #006AFF;
background: #F2F7FF;
border: 1px solid #006AFF;
}
}
-.el-button--text,.el-button--grey {
+.el-button--text,
+.el-button--grey {
padding: 0;
color: #006AFF;
width: auto !important;
height: auto !important;
border: none !important;
background: transparent !important;
- &:hover{
+
+ &:hover {
color: #3388FF;
}
}
+
.el-button--grey {
color: #8A9099;
- &:hover{
+
+ &:hover {
color: #006AFF;
opacity: 1;
}
}
-.el-button--ignore{
+
+.el-button--ignore {
color: #626573;
background: #FFFFFF;
border: 1px solid #DFE2E6;
- &:hover{
+
+ &:hover {
background: #FFFFFF;
color: #006AFF;
border: 1px solid #006AFF;
}
}
-.el-button--medium.is-disabled .el-button--ignore.is-disabled{
- background: #F2F3F5 ;
+
+.el-button--medium.is-disabled .el-button--ignore.is-disabled {
+ background: #F2F3F5;
border: 1px solid #F2F3F5;
color: #626573;
}
@@ -603,8 +667,9 @@ body {
width: 100%;
transition: all .5s;
}
+
// 应用在表格表头上的下拉开框 统一类名修改 字体效果
-.tableHeaderSelect ::v-deep .el-input__inner{
+.tableHeaderSelect ::v-deep .el-input__inner {
font-weight: normal;
font-family: Microsoft YaHei UI;
}
@@ -779,86 +844,122 @@ body {
color: #1E2226;
}
}
-.nowrap{
+
+.nowrap {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
-.tableHeaderSelect{
+
+.tableHeaderSelect {
height: 18px !important;
}
+
/* 小屏幕下调整 */
-@media screen and (max-width: 1440px) {
-.el-table th.el-table__cell > .cell{
- white-space: nowrap !important;
- }
- .cell-content {
- display: inline-block;
- max-width:60%;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .el-table .svg-icon-wrapper{
- width: 12px !important;
- height: 12px !important;
- }
-}
-@media screen and (min-width: 1321px) and (max-width: 1440px){
-.el-table{
- th,td{
+@media screen and (min-width: 1281px) and (max-width: 1620px) {
+ .homeFont {
font-size: 13px !important;
}
}
-// body{
-// font-size: 13px !important;
-// }
-.tableHeaderSelect .el-input__inner{
- font-size: 13px !important;
+
+@media screen and (max-width: 1280px) {
+ .homeFont {
+ font-size: 12px !important;
+ }
}
-.el-link{
- font-size: 13px !important;
+
+
+@media screen and (max-width: 1440px) {
+ .el-table th.el-table__cell>.cell {
+ white-space: nowrap !important;
+ }
+
+ .cell-content {
+ display: inline-block;
+ max-width: 60%;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+
+ .el-table .svg-icon-wrapper {
+ width: 12px !important;
+ height: 12px !important;
+ }
}
+@media screen and (min-width: 1321px) and (max-width: 1440px) {
+ .el-table {
+
+ th,
+ td {
+ font-size: 13px !important;
+ }
+ }
+
+ // body{
+ // font-size: 13px !important;
+ // }
+ .tableHeaderSelect .el-input__inner {
+ font-size: 13px !important;
+ }
+
+ .el-link {
+ font-size: 13px !important;
+ }
+
}
-@media screen and (max-width: 1320px){
-// body{
-// font-size: 12px !important;
-// }
-.el-table{
- th,td{
+
+@media screen and (max-width: 1320px) {
+
+ // body{
+ // font-size: 12px !important;
+ // }
+ .el-table {
+
+ th,
+ td {
+ font-size: 12px !important;
+ }
+ }
+
+ .tableHeaderSelect .el-input__inner {
font-size: 12px !important;
}
-}
-.tableHeaderSelect .el-input__inner{
- font-size: 12px !important;
-}
-.el-link{
- font-size: 13px !important;
-}
+
+ .el-link {
+ font-size: 13px !important;
+ }
}
+
@media screen and (min-width: 1440px) {
-.el-table{
- th,td{
- font-size: 14px !important;
+ .el-table {
+
+ th,
+ td {
+ font-size: 14px !important;
+ }
+ }
+
+ .cell-content {
+ white-space: normal;
+ max-width: none;
+ }
+
+ .svg-icon-wrapper {
+ // width: 12px !important;
+ // height: 12px !important;
}
-}
-.cell-content {
- white-space: normal;
- max-width: none;
-}
-.svg-icon-wrapper{
- // width: 12px !important;
- // height: 12px !important;
- }
}
// table start
-.el-table{
+.el-table {
min-height: 218px;
- th,td{
+
+ th,
+ td {
font-size: 14px;
font-weight: normal;
letter-spacing: 0.08em;
@@ -867,14 +968,16 @@ body {
padding: 8px 10px !important;
box-sizing: border-box !important;
}
- td{
- }
- .tableColumn{
+
+ td {}
+
+ .tableColumn {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
}
+
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
background-color: #F6F7FA;
}
@@ -893,12 +996,13 @@ body {
// height: auto !important;
// background: transparent !important;
// }
-.el-table th.el-table__cell > .cell{
+.el-table th.el-table__cell>.cell {
padding-left: 0 !important;
padding-right: 0 !important;
display: flex;
align-items: center;
}
+
.el-table th.el-table__cell {
background: #F6F7FA;
padding: 10px 0;
@@ -917,22 +1021,25 @@ body {
padding-left: 0px;
padding-right: 0px;
}
+
.el-table .el-form-item {
margin-bottom: 0;
}
// 表格行内小图标 默认隐藏
-.el-table .svg-icon-wrapper{
+.el-table .svg-icon-wrapper {
display: none !important;
margin-left: 8px;
}
- //划过时 显示
-.el-table__row:hover{
- .svg-icon-wrapper{
+
+//划过时 显示
+.el-table__row:hover {
+ .svg-icon-wrapper {
margin-left: 8px;
display: block !important;
}
}
+
// table end
.el-pagination {
@@ -975,25 +1082,30 @@ body {
.dialog-footer-center {
width: 100%;
justify-content: space-between;
+
button {
width: 247px;
height: 44px;
}
}
+
.dialog-footer-normal {
width: 100%;
justify-content: flex-end !important;
+
button {
width: auto;
height: 38px;
}
}
}
+
.center {
- .el-dialog .el-dialog__header{
+ .el-dialog .el-dialog__header {
text-align: center;
+ }
}
-}
+
// dialog--end
// switch --start
@@ -1009,6 +1121,7 @@ body {
.el-popover {
padding: 32px;
}
+
::v-deep .custom-popover {
position: fixed !important;
// max-height: 290px;
@@ -1017,6 +1130,7 @@ body {
margin-left: 0 !important;
transform: none !important;
}
+
::v-deep .custom-popover1 {
position: fixed !important;
max-height: 290px;
@@ -1035,11 +1149,13 @@ body {
display: flex;
align-items: center;
}
-.flex-end{
+
+.flex-end {
align-items: flex-end !important;
}
+
// 公共圆角类名
-.br4{
+.br4 {
border-radius: 4px;
}
diff --git a/src/style/theme/index.css b/src/style/theme/index.css
index 9d679d4..b9ceb8a 100644
--- a/src/style/theme/index.css
+++ b/src/style/theme/index.css
@@ -4120,7 +4120,7 @@ border-color:#006AFF !important;
}
.el-menu {
- border-right: solid 1px #e6e6e6;
+ border-right: none;
list-style: none;
position: relative;
margin: 0;
@@ -4363,8 +4363,8 @@ border-color:#006AFF !important;
}
.el-submenu__title {
- height: 56px;
- line-height: 56px;
+ height: 40px;
+ line-height: 40px;
font-size: 14px;
color: #1e2226;
padding: 0 20px;
diff --git a/src/views/agent/home.vue b/src/views/agent/home.vue
index 2ec2286..3de9782 100644
--- a/src/views/agent/home.vue
+++ b/src/views/agent/home.vue
@@ -15,7 +15,7 @@
{{ item.title }}
-
@@ -30,28 +30,28 @@
{{ item.content }}
+{{ item.content }}
{{ saleStats.income }} 元
- 销售金额 + 销售金额{{ saleStats.cost }} 元
- 成本支出 + 成本支出{{ saleStats.check_num }}
- 查重订单量 + 查重订单量{{ saleStats.ai_num }}
- AIGC订单量 + AIGC订单量
-
+
-
{{ ver2info[verid].name }}
@@ -81,7 +81,6 @@
@@ -132,9 +131,9 @@
使用指南
查看全部
-
-
-
+
+
+