update
This commit is contained in:
ylj20011123
parent
e9cd0fdb23
commit
29b67990d6
BIN
src/assets/pageBg.png
Normal file
BIN
src/assets/pageBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 224 KiB |
@ -1,44 +1,54 @@
|
||||
.main{
|
||||
.main {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background: #292a2d;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
.meng{
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.meng {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;left: 0;
|
||||
z-index:1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.leftFilterBox{
|
||||
|
||||
.leftFilterBox {
|
||||
width: 18vw;
|
||||
height: calc(100vh - 20px);
|
||||
box-sizing: border-box;
|
||||
padding: 16px;
|
||||
|
||||
// position: fixed;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
// overflow-y: auto;
|
||||
.filterItem{
|
||||
.filterItem {
|
||||
width: 100%;
|
||||
height: 72px;
|
||||
margin-bottom: 18px;
|
||||
.topItem{
|
||||
|
||||
.topItem {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 12px;
|
||||
.titleBox{
|
||||
|
||||
.titleBox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.itemTitle{
|
||||
|
||||
.itemTitle {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
}
|
||||
.noticeIcon{
|
||||
|
||||
.noticeIcon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-left: 4px;
|
||||
@ -47,66 +57,77 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.leftFilterTabBox{
|
||||
|
||||
.leftFilterTabBox {
|
||||
height: calc(100vh - 540px);
|
||||
.el-tabs__header{
|
||||
.el-tabs__nav-wrap{
|
||||
.el-tabs__nav-scroll{
|
||||
.el-tabs__nav{
|
||||
.el-tabs__item{
|
||||
|
||||
.el-tabs__header {
|
||||
.el-tabs__nav-wrap {
|
||||
.el-tabs__nav-scroll {
|
||||
.el-tabs__nav {
|
||||
.el-tabs__item {
|
||||
color: #fff;
|
||||
}
|
||||
.is-active{
|
||||
|
||||
.is-active {
|
||||
color: #409eff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-tabs__content{
|
||||
.el-tab-pane{
|
||||
|
||||
.el-tabs__content {
|
||||
.el-tab-pane {
|
||||
height: calc(100% - 40px);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.roleBox{
|
||||
.roleBox {
|
||||
height: 100%;
|
||||
.bottomItem{
|
||||
|
||||
.bottomItem {
|
||||
height: calc(100% - 50px);
|
||||
.el-textarea{
|
||||
|
||||
.el-textarea {
|
||||
height: 100%;
|
||||
border-color: #292a2d!important;
|
||||
.el-textarea__inner{
|
||||
border-color: #292a2d !important;
|
||||
|
||||
.el-textarea__inner {
|
||||
height: 100%;
|
||||
background-color: #292a2d;
|
||||
border-color: #292a2d!important;
|
||||
border-color: #292a2d !important;
|
||||
color: #fff;
|
||||
}
|
||||
.el-textarea__inner::-webkit-scrollbar{
|
||||
|
||||
.el-textarea__inner::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.updatebox{
|
||||
.updatebox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 8px;
|
||||
.updateIcon{
|
||||
|
||||
.updateIcon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.updateText{
|
||||
|
||||
.updateText {
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.updateText:hover{
|
||||
|
||||
.updateText:hover {
|
||||
color: #358ffa;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -115,31 +136,34 @@
|
||||
}
|
||||
}
|
||||
|
||||
.leftFilterBox::-webkit-scrollbar{
|
||||
.leftFilterBox::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.modalSelectBox{
|
||||
.modalSelectBox {
|
||||
width: 10vw;
|
||||
height: 100vh;
|
||||
box-sizing: border-box;
|
||||
padding: 16px;
|
||||
|
||||
// position: fixed;
|
||||
// left: 18vw;
|
||||
// top: 0;
|
||||
.showBox{
|
||||
.showBox {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
.selectBox{
|
||||
|
||||
.selectBox {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.indentationBox{
|
||||
.indentationBox {
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
right: 0;
|
||||
.indentationIcon{
|
||||
|
||||
.indentationIcon {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
cursor: pointer;
|
||||
@ -168,7 +192,7 @@
|
||||
// }
|
||||
// }
|
||||
|
||||
.dialogBox{
|
||||
.dialogBox {
|
||||
width: 72vw;
|
||||
height: 100vh;
|
||||
box-sizing: border-box;
|
||||
@ -176,7 +200,8 @@
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 20px;
|
||||
.bigContent{
|
||||
|
||||
.bigContent {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// width: 72vw;
|
||||
@ -184,11 +209,13 @@
|
||||
// max-height: calc(100vh - 98px);
|
||||
// min-height: calc(100vh - 168px);
|
||||
// flex: 1;
|
||||
height: calc(100vh - 198px);
|
||||
// height: calc(100vh - 198px);
|
||||
height: calc(100vh - 120px);
|
||||
|
||||
// position: fixed;
|
||||
// top: 0;
|
||||
// left: 28vw;
|
||||
.contentBox{
|
||||
.contentBox {
|
||||
width: calc((100% - 20px) / 2);
|
||||
height: 100%;
|
||||
// height: calc(100vh - 100px);
|
||||
@ -197,21 +224,23 @@
|
||||
// left: 30vw;
|
||||
box-sizing: border-box;
|
||||
padding: 16px 16px 0;
|
||||
.contentTitleBox{
|
||||
|
||||
.contentTitleBox {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.contentTitle{
|
||||
|
||||
.contentTitle {
|
||||
color: #fff;
|
||||
height: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.phoneModalSelectBox{
|
||||
.phoneModalSelectBox {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
position: absolute;
|
||||
@ -223,19 +252,22 @@
|
||||
transform: translateY(30px);
|
||||
border-radius: 8px;
|
||||
z-index: 2;
|
||||
.phoneModal{
|
||||
|
||||
.phoneModal {
|
||||
padding: 4px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.rightBox{
|
||||
.rightBox {
|
||||
position: relative;
|
||||
.optionIcon{
|
||||
|
||||
.optionIcon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
.phoneRightOptionBox{
|
||||
|
||||
.phoneRightOptionBox {
|
||||
width: 150px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
@ -246,24 +278,29 @@
|
||||
background-color: #fff;
|
||||
border-radius: 8px;
|
||||
z-index: 2;
|
||||
.OptionItem{
|
||||
|
||||
.OptionItem {
|
||||
width: 100%;
|
||||
height: 72px;
|
||||
margin-bottom: 18px;
|
||||
.topItem{
|
||||
|
||||
.topItem {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 12px;
|
||||
.titleBox{
|
||||
|
||||
.titleBox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.itemTitle{
|
||||
|
||||
.itemTitle {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
.noticeIcon{
|
||||
|
||||
.noticeIcon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-left: 4px;
|
||||
@ -275,26 +312,30 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.boxContentBox{
|
||||
|
||||
.boxContentBox {
|
||||
width: 100%;
|
||||
height: calc(100% - 40px);
|
||||
overflow-y: scroll;
|
||||
|
||||
|
||||
.contentItem{
|
||||
|
||||
|
||||
.contentItem {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
.defaultItem{
|
||||
|
||||
.defaultItem {
|
||||
box-sizing: border-box;
|
||||
padding: 12px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.roleDefaultItem{
|
||||
|
||||
.roleDefaultItem {
|
||||
max-width: 80%;
|
||||
color: #f8faff;
|
||||
background-color: #414158;
|
||||
border-radius: 14px;
|
||||
.depthAnalysis{
|
||||
|
||||
.depthAnalysis {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -302,7 +343,8 @@
|
||||
color: #409efe;
|
||||
cursor: pointer;
|
||||
}
|
||||
.descText{
|
||||
|
||||
.descText {
|
||||
color: #a6a6a6;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
@ -310,10 +352,12 @@
|
||||
height: 200px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.descText::-webkit-scrollbar{
|
||||
|
||||
.descText::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
.contentText{
|
||||
|
||||
.contentText {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
@ -322,100 +366,123 @@
|
||||
overflow-y: auto;
|
||||
word-break: break-all;
|
||||
}
|
||||
.contentText::-webkit-scrollbar{
|
||||
|
||||
.contentText::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.assistantItem{
|
||||
|
||||
|
||||
.assistantItem {
|
||||
max-width: 80%;
|
||||
.descText{
|
||||
|
||||
.descText {
|
||||
color: #a6a6a6;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.contentText{
|
||||
|
||||
.contentText {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
|
||||
div {
|
||||
line-height: 1.6;
|
||||
font-size: 16px;
|
||||
strong{
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
hr{
|
||||
margin: 8px 0;
|
||||
}
|
||||
p{
|
||||
strong{
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
p {
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
pre{
|
||||
}
|
||||
|
||||
pre {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
code{
|
||||
|
||||
code {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #fff;
|
||||
strong{
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #fff;
|
||||
strong{
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #fff;
|
||||
strong{
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
h4 {
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: #fff;
|
||||
strong{
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
h5 {
|
||||
}
|
||||
|
||||
h5 {
|
||||
color: #fff;
|
||||
strong{
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
h6 {
|
||||
}
|
||||
|
||||
h6 {
|
||||
color: #fff;
|
||||
strong{
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
strong {
|
||||
}
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
strong{
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 20px;
|
||||
strong{
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
ol{
|
||||
box-sizing: border-box;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
ol {
|
||||
box-sizing: border-box;
|
||||
padding: 0 5px;
|
||||
// li {
|
||||
// margin-bottom: 5px;
|
||||
// box-sizing: border-box;
|
||||
@ -434,29 +501,32 @@
|
||||
// text-align-last: center!important;
|
||||
// font-variant-numeric: normal!important;
|
||||
// }
|
||||
}
|
||||
|
||||
li {
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 5px;
|
||||
box-sizing: border-box;
|
||||
strong{
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
table{
|
||||
thead{
|
||||
tr{
|
||||
th{
|
||||
strong{
|
||||
}
|
||||
|
||||
table {
|
||||
thead {
|
||||
tr {
|
||||
th {
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.userItem{
|
||||
|
||||
.userItem {
|
||||
color: #f8faff;
|
||||
// background-color: #414158;
|
||||
width: 80%;
|
||||
@ -465,10 +535,12 @@
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
.reloadBox{
|
||||
|
||||
.reloadBox {
|
||||
display: none;
|
||||
}
|
||||
.userText{
|
||||
|
||||
.userText {
|
||||
background-color: #414158;
|
||||
max-width: 100%;
|
||||
color: #f8faff;
|
||||
@ -478,21 +550,23 @@
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.userItem:hover{
|
||||
.reloadBox{
|
||||
|
||||
.userItem:hover {
|
||||
.reloadBox {
|
||||
display: block;
|
||||
.img{
|
||||
|
||||
.img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-right: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.loading{
|
||||
.loadingTextBox{
|
||||
|
||||
.loading {
|
||||
.loadingTextBox {
|
||||
padding: 12px;
|
||||
border-radius: 14px;
|
||||
background: #494949;
|
||||
@ -501,75 +575,84 @@
|
||||
line-height: 20px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.loadingBox{
|
||||
|
||||
.loadingBox {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-size: 20px;
|
||||
.el-loading-mask{
|
||||
background: transparent!important;
|
||||
.el-loading-spinner{
|
||||
.circular{
|
||||
font-size: 20px!important;
|
||||
width: 20px!important;
|
||||
height: 20px!important;
|
||||
|
||||
.el-loading-mask {
|
||||
background: transparent !important;
|
||||
|
||||
.el-loading-spinner {
|
||||
.circular {
|
||||
font-size: 20px !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentImgBox{
|
||||
|
||||
.contentImgBox {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.contentImg{
|
||||
|
||||
.contentImg {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.toolBox{
|
||||
.toolBox {
|
||||
width: 80%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// justify-content: center;
|
||||
justify-content: flex-end;
|
||||
.deleteBox{
|
||||
|
||||
.deleteBox {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.deleteIcon{
|
||||
|
||||
.deleteIcon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.deleteText{
|
||||
|
||||
.deleteText {
|
||||
font-size: 14px;
|
||||
// color: #fff;
|
||||
color: #a6a6a6;
|
||||
cursor: pointer;
|
||||
}
|
||||
.deleteText:hover{
|
||||
|
||||
.deleteText:hover {
|
||||
color: #358ffa;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
.boxContentBox::-webkit-scrollbar{
|
||||
|
||||
.boxContentBox::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
.inputBox{
|
||||
|
||||
.inputBox {
|
||||
width: 50vw;
|
||||
max-height: 168px;
|
||||
min-height: 98px;
|
||||
@ -583,19 +666,20 @@
|
||||
padding: 12px 0 0;
|
||||
border-radius: 16px;
|
||||
background-color: #404045;
|
||||
|
||||
.showBox{
|
||||
|
||||
.showBox {
|
||||
width: 100px;
|
||||
height: 100%;
|
||||
margin-right: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.selectBox{
|
||||
|
||||
.selectBox {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.input{
|
||||
|
||||
.input {
|
||||
width: 100%;
|
||||
// width: calc(100% - 200px);
|
||||
// height: 50px;
|
||||
@ -604,19 +688,21 @@
|
||||
border-width: 0;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
.el-textarea__inner{
|
||||
|
||||
.el-textarea__inner {
|
||||
// border-radius: 32px;
|
||||
padding: 1px 16px;
|
||||
background-color: #404045;
|
||||
color: #fff;
|
||||
box-shadow: none;
|
||||
}
|
||||
.el-textarea__inner::-webkit-scrollbar{
|
||||
|
||||
.el-textarea__inner::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.bottomInput{
|
||||
.bottomInput {
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
box-sizing: border-box;
|
||||
@ -624,10 +710,12 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.leftBox{
|
||||
|
||||
.leftBox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.handleV3{
|
||||
|
||||
.handleV3 {
|
||||
font-size: 14px;
|
||||
color: #F8FAFF;
|
||||
padding: 4px 8px;
|
||||
@ -636,14 +724,17 @@
|
||||
cursor: pointer;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.handleV3Select{
|
||||
|
||||
.handleV3Select {
|
||||
color: #559de9;
|
||||
border: 1px solid #559de9;
|
||||
background-color: #48518e;
|
||||
}
|
||||
.changeBigBox{
|
||||
|
||||
.changeBigBox {
|
||||
position: relative;
|
||||
.phoneChangeBox{
|
||||
|
||||
.phoneChangeBox {
|
||||
font-size: 14px;
|
||||
color: #F8FAFF;
|
||||
padding: 4px 8px;
|
||||
@ -651,7 +742,8 @@
|
||||
border: 1px solid #F8FAFF;
|
||||
cursor: pointer;
|
||||
}
|
||||
.phoneModalSelectBox{
|
||||
|
||||
.phoneModalSelectBox {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
position: absolute;
|
||||
@ -663,7 +755,8 @@
|
||||
transform: translateY(-120px);
|
||||
border-radius: 8px;
|
||||
z-index: 2;
|
||||
.phoneModal{
|
||||
|
||||
.phoneModal {
|
||||
padding: 4px;
|
||||
font-size: 12px;
|
||||
}
|
||||
@ -671,16 +764,18 @@
|
||||
|
||||
}
|
||||
}
|
||||
.sendBox{
|
||||
|
||||
.sendBox {
|
||||
cursor: pointer;
|
||||
.iconImg{
|
||||
|
||||
.iconImg {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn{
|
||||
|
||||
.btn {
|
||||
width: 70px;
|
||||
height: 100%;
|
||||
margin-left: 10px;
|
||||
@ -690,39 +785,43 @@
|
||||
background: #566cfd;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.stopBox{
|
||||
|
||||
.stopBox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: 12px;
|
||||
cursor: pointer;
|
||||
.stopIcon{
|
||||
|
||||
.stopIcon {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
.stopText{
|
||||
|
||||
.stopText {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.main{
|
||||
.main {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background: #292a2d;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.leftFilterBox{
|
||||
|
||||
.leftFilterBox {
|
||||
display: none;
|
||||
}
|
||||
.modalSelectBox{
|
||||
|
||||
.modalSelectBox {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@ -16,6 +16,7 @@ import {
|
||||
handleSynchroPROMPT,
|
||||
} from "./service";
|
||||
import moment from "moment";
|
||||
import pageBg from '../../assets/pageBg.png'
|
||||
|
||||
|
||||
|
||||
@ -151,15 +152,17 @@ onMounted(async () => {
|
||||
isPhone.value = true;
|
||||
// 只显示一个对话框
|
||||
modalTypeSelect.value = [4];
|
||||
if (modalTypeDataList && modalTypeDataList.length > 0) {
|
||||
modalTypeDataList.forEach((item: any) => {
|
||||
if (modalTypeSelect.value.indexOf(item.value) !== -1) {
|
||||
item.isShow = true;
|
||||
} else {
|
||||
item.isShow = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
console.log('modalTypeDataListmodalTypeDataList', modalTypeDataList);
|
||||
|
||||
if (modalTypeDataList && modalTypeDataList.length > 0) {
|
||||
modalTypeDataList.forEach((item: any) => {
|
||||
if (modalTypeSelect.value.indexOf(item.value) !== -1) {
|
||||
item.isShow = true;
|
||||
} else {
|
||||
item.isShow = false;
|
||||
}
|
||||
});
|
||||
} else {
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
param1 = urlParams.get('comeForm') || "";
|
||||
@ -216,9 +219,9 @@ onMounted(async () => {
|
||||
}
|
||||
|
||||
// 如果是云南大屏 就先清除路由解析中的文字
|
||||
if (param1 === 'YNMap') {
|
||||
routerRole.value.content = ""
|
||||
}
|
||||
// if (param1 === 'YNMap') {
|
||||
// routerRole.value.content = ""
|
||||
// }
|
||||
|
||||
console.log("YSRole", YSRole);
|
||||
console.log("routerRole", routerRole);
|
||||
@ -557,9 +560,10 @@ const handleSendRequest = async (bigObj?: any) => {
|
||||
await handleAskDirectlyDeepseek();
|
||||
return;
|
||||
}
|
||||
console.log('pageType.valuepageType.value', pageType.value);
|
||||
|
||||
// 判断一下 是不是被内嵌到别人那边的 内嵌的话 就走这儿 不走下面的了
|
||||
if (pageType.value === 1 && containsDaping(thisQuestion)) {
|
||||
if (containsDaping(thisQuestion)) {
|
||||
// 内嵌云南大屏的内嵌规则 是内嵌 且要有大屏 两个字
|
||||
// 这样就进来 不去调用后面的内容
|
||||
|
||||
@ -1976,6 +1980,7 @@ const handleGetYNMapData = async () => {
|
||||
"服务区承载": sessionStorage.getItem("OverviewOfServiceAreaBusinessAI") || "",
|
||||
"特情事件": sessionStorage.getItem("TradingAlertAI") || "",
|
||||
"实时营收": sessionStorage.getItem("CoreBusinessDataAI") || "",
|
||||
"月度实时数据": sessionStorage.getItem("CoreBusinessDataMonthAI") || "",
|
||||
"断面流量": sessionStorage.getItem("TrendOfTrafficFlowYesAI") || "",
|
||||
"入区车流": sessionStorage.getItem("VehiclesEnteringAI") || "",
|
||||
"对客营收": sessionStorage.getItem("VehiclesEnteringAI2") || "",
|
||||
@ -2766,7 +2771,7 @@ const handleChangeProcess = (e: any) => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="main">
|
||||
<div class="main" :style="{ backgroundImage: pageType === 1 ? `url(${pageBg})` : '' }">
|
||||
<div class="meng" v-if="showPhoneChange || showPhoneOption" @click="handleClosePhoneMeng"></div>
|
||||
|
||||
<div class="leftFilterBox" v-if="hideLeft" :style="{ width: pageType === 1 ? '350px' : '' }">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user