diff --git a/src/assets/pageBg.png b/src/assets/pageBg.png new file mode 100644 index 0000000..b661373 Binary files /dev/null and b/src/assets/pageBg.png differ diff --git a/src/components/deepseek/index.less b/src/components/deepseek/index.less index 6d45154..de906ba 100644 --- a/src/components/deepseek/index.less +++ b/src/components/deepseek/index.less @@ -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; } } diff --git a/src/components/deepseek/index.vue b/src/components/deepseek/index.vue index 7045795..a769f9d 100644 --- a/src/components/deepseek/index.vue +++ b/src/components/deepseek/index.vue @@ -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) => {