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 |
@ -5,18 +5,24 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.meng {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;left: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.leftFilterBox {
|
||||
width: 18vw;
|
||||
height: calc(100vh - 20px);
|
||||
box-sizing: border-box;
|
||||
padding: 16px;
|
||||
|
||||
// position: fixed;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
@ -25,19 +31,23 @@
|
||||
width: 100%;
|
||||
height: 72px;
|
||||
margin-bottom: 18px;
|
||||
|
||||
.topItem {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 12px;
|
||||
|
||||
.titleBox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.itemTitle {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.noticeIcon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
@ -47,8 +57,10 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.leftFilterTabBox {
|
||||
height: calc(100vh - 540px);
|
||||
|
||||
.el-tabs__header {
|
||||
.el-tabs__nav-wrap {
|
||||
.el-tabs__nav-scroll {
|
||||
@ -56,6 +68,7 @@
|
||||
.el-tabs__item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.is-active {
|
||||
color: #409eff;
|
||||
}
|
||||
@ -63,6 +76,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-tabs__content {
|
||||
.el-tab-pane {
|
||||
height: calc(100% - 40px);
|
||||
@ -73,17 +87,21 @@
|
||||
|
||||
.roleBox {
|
||||
height: 100%;
|
||||
|
||||
.bottomItem {
|
||||
height: calc(100% - 50px);
|
||||
|
||||
.el-textarea {
|
||||
height: 100%;
|
||||
border-color: #292a2d !important;
|
||||
|
||||
.el-textarea__inner {
|
||||
height: 100%;
|
||||
background-color: #292a2d;
|
||||
border-color: #292a2d !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.el-textarea__inner::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
@ -95,17 +113,20 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 8px;
|
||||
|
||||
.updateIcon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.updateText {
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.updateText:hover {
|
||||
color: #358ffa;
|
||||
cursor: pointer;
|
||||
@ -124,6 +145,7 @@
|
||||
height: 100vh;
|
||||
box-sizing: border-box;
|
||||
padding: 16px;
|
||||
|
||||
// position: fixed;
|
||||
// left: 18vw;
|
||||
// top: 0;
|
||||
@ -131,6 +153,7 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
.selectBox {
|
||||
color: #fff;
|
||||
}
|
||||
@ -139,6 +162,7 @@
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
right: 0;
|
||||
|
||||
.indentationIcon {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
@ -176,6 +200,7 @@
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 20px;
|
||||
|
||||
.bigContent {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -184,7 +209,9 @@
|
||||
// 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;
|
||||
@ -197,6 +224,7 @@
|
||||
// left: 30vw;
|
||||
box-sizing: border-box;
|
||||
padding: 16px 16px 0;
|
||||
|
||||
.contentTitleBox {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
@ -204,6 +232,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.contentTitle {
|
||||
color: #fff;
|
||||
height: 30px;
|
||||
@ -223,6 +252,7 @@
|
||||
transform: translateY(30px);
|
||||
border-radius: 8px;
|
||||
z-index: 2;
|
||||
|
||||
.phoneModal {
|
||||
padding: 4px;
|
||||
font-size: 12px;
|
||||
@ -231,10 +261,12 @@
|
||||
|
||||
.rightBox {
|
||||
position: relative;
|
||||
|
||||
.optionIcon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.phoneRightOptionBox {
|
||||
width: 150px;
|
||||
height: 60px;
|
||||
@ -246,23 +278,28 @@
|
||||
background-color: #fff;
|
||||
border-radius: 8px;
|
||||
z-index: 2;
|
||||
|
||||
.OptionItem {
|
||||
width: 100%;
|
||||
height: 72px;
|
||||
margin-bottom: 18px;
|
||||
|
||||
.topItem {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 12px;
|
||||
|
||||
.titleBox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.itemTitle {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.noticeIcon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
@ -275,6 +312,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.boxContentBox {
|
||||
width: 100%;
|
||||
height: calc(100% - 40px);
|
||||
@ -284,16 +322,19 @@
|
||||
.contentItem {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
||||
.defaultItem {
|
||||
box-sizing: border-box;
|
||||
padding: 12px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.roleDefaultItem {
|
||||
max-width: 80%;
|
||||
color: #f8faff;
|
||||
background-color: #414158;
|
||||
border-radius: 14px;
|
||||
|
||||
.depthAnalysis {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
@ -302,6 +343,7 @@
|
||||
color: #409efe;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.descText {
|
||||
color: #a6a6a6;
|
||||
font-size: 12px;
|
||||
@ -310,9 +352,11 @@
|
||||
height: 200px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.descText::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.contentText {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
@ -322,6 +366,7 @@
|
||||
overflow-y: auto;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.contentText::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
@ -330,40 +375,50 @@
|
||||
|
||||
.assistantItem {
|
||||
max-width: 80%;
|
||||
|
||||
.descText {
|
||||
color: #a6a6a6;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.contentText {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
|
||||
div {
|
||||
line-height: 1.6;
|
||||
font-size: 16px;
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
p {
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
|
||||
code {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #fff;
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
@ -371,30 +426,39 @@
|
||||
|
||||
h2 {
|
||||
color: #fff;
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #fff;
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: #fff;
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
color: #fff;
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
h6 {
|
||||
color: #fff;
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
@ -402,6 +466,7 @@
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
@ -409,10 +474,12 @@
|
||||
|
||||
ul {
|
||||
padding-left: 20px;
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
box-sizing: border-box;
|
||||
padding: 0 5px;
|
||||
@ -439,10 +506,12 @@
|
||||
li {
|
||||
margin-bottom: 5px;
|
||||
box-sizing: border-box;
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
thead {
|
||||
tr {
|
||||
@ -456,6 +525,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.userItem {
|
||||
color: #f8faff;
|
||||
// background-color: #414158;
|
||||
@ -465,9 +535,11 @@
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
|
||||
.reloadBox {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.userText {
|
||||
background-color: #414158;
|
||||
max-width: 100%;
|
||||
@ -478,9 +550,11 @@
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.userItem:hover {
|
||||
.reloadBox {
|
||||
display: block;
|
||||
|
||||
.img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
@ -501,13 +575,16 @@
|
||||
line-height: 20px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.loadingBox {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-size: 20px;
|
||||
|
||||
.el-loading-mask {
|
||||
background: transparent !important;
|
||||
|
||||
.el-loading-spinner {
|
||||
.circular {
|
||||
font-size: 20px !important;
|
||||
@ -525,6 +602,7 @@
|
||||
height: 200px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
.contentImg {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
@ -537,22 +615,26 @@
|
||||
align-items: center;
|
||||
// justify-content: center;
|
||||
justify-content: flex-end;
|
||||
|
||||
.deleteBox {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.deleteIcon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.deleteText {
|
||||
font-size: 14px;
|
||||
// color: #fff;
|
||||
color: #a6a6a6;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.deleteText:hover {
|
||||
color: #358ffa;
|
||||
}
|
||||
@ -561,6 +643,7 @@
|
||||
|
||||
|
||||
}
|
||||
|
||||
.boxContentBox::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
@ -590,6 +673,7 @@
|
||||
margin-right: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.selectBox {
|
||||
color: #fff;
|
||||
}
|
||||
@ -604,6 +688,7 @@
|
||||
border-width: 0;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
|
||||
.el-textarea__inner {
|
||||
// border-radius: 32px;
|
||||
padding: 1px 16px;
|
||||
@ -611,6 +696,7 @@
|
||||
color: #fff;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.el-textarea__inner::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
@ -624,9 +710,11 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.leftBox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.handleV3 {
|
||||
font-size: 14px;
|
||||
color: #F8FAFF;
|
||||
@ -636,13 +724,16 @@
|
||||
cursor: pointer;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.handleV3Select {
|
||||
color: #559de9;
|
||||
border: 1px solid #559de9;
|
||||
background-color: #48518e;
|
||||
}
|
||||
|
||||
.changeBigBox {
|
||||
position: relative;
|
||||
|
||||
.phoneChangeBox {
|
||||
font-size: 14px;
|
||||
color: #F8FAFF;
|
||||
@ -651,6 +742,7 @@
|
||||
border: 1px solid #F8FAFF;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.phoneModalSelectBox {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
@ -663,6 +755,7 @@
|
||||
transform: translateY(-120px);
|
||||
border-radius: 8px;
|
||||
z-index: 2;
|
||||
|
||||
.phoneModal {
|
||||
padding: 4px;
|
||||
font-size: 12px;
|
||||
@ -671,8 +764,10 @@
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.sendBox {
|
||||
cursor: pointer;
|
||||
|
||||
.iconImg {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
@ -697,11 +792,13 @@
|
||||
justify-content: center;
|
||||
margin-left: 12px;
|
||||
cursor: pointer;
|
||||
|
||||
.stopIcon {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.stopText {
|
||||
color: #fff;
|
||||
}
|
||||
@ -719,9 +816,11 @@
|
||||
background: #292a2d;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.leftFilterBox {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.modalSelectBox {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -16,6 +16,7 @@ import {
|
||||
handleSynchroPROMPT,
|
||||
} from "./service";
|
||||
import moment from "moment";
|
||||
import pageBg from '../../assets/pageBg.png'
|
||||
|
||||
|
||||
|
||||
@ -151,6 +152,9 @@ onMounted(async () => {
|
||||
isPhone.value = true;
|
||||
// 只显示一个对话框
|
||||
modalTypeSelect.value = [4];
|
||||
}
|
||||
console.log('modalTypeDataListmodalTypeDataList', modalTypeDataList);
|
||||
|
||||
if (modalTypeDataList && modalTypeDataList.length > 0) {
|
||||
modalTypeDataList.forEach((item: any) => {
|
||||
if (modalTypeSelect.value.indexOf(item.value) !== -1) {
|
||||
@ -159,7 +163,6 @@ onMounted(async () => {
|
||||
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