ylj/deepseek
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
ylj20011123 2025-11-21 09:37:53 +08:00
parent e9cd0fdb23
commit 29b67990d6
3 changed files with 301 additions and 197 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/pageBg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 224 KiB

103
src/components/deepseek/index.less
View File

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

17
src/components/deepseek/index.vue
View File

@ -16,6 +16,7 @@ import {
handleSynchroPROMPT, handleSynchroPROMPT,
} from "./service"; } from "./service";
import moment from "moment"; import moment from "moment";
import pageBg from '../../assets/pageBg.png'
@ -151,6 +152,9 @@ onMounted(async () => {
isPhone.value = true; isPhone.value = true;
// 只显示一个对话框 // 只显示一个对话框
modalTypeSelect.value = [4]; modalTypeSelect.value = [4];
}
console.log('modalTypeDataListmodalTypeDataList', modalTypeDataList);
if (modalTypeDataList && modalTypeDataList.length > 0) { if (modalTypeDataList && modalTypeDataList.length > 0) {
modalTypeDataList.forEach((item: any) => { modalTypeDataList.forEach((item: any) => {
if (modalTypeSelect.value.indexOf(item.value) !== -1) { if (modalTypeSelect.value.indexOf(item.value) !== -1) {
@ -159,7 +163,6 @@ onMounted(async () => {
item.isShow = false; item.isShow = false;
} }
}); });
}
} else { } else {
const urlParams = new URLSearchParams(window.location.search); const urlParams = new URLSearchParams(window.location.search);
param1 = urlParams.get('comeForm') || ""; param1 = urlParams.get('comeForm') || "";
@ -216,9 +219,9 @@ onMounted(async () => {
} }
// 如果是云南大屏 就先清除路由解析中的文字 // 如果是云南大屏 就先清除路由解析中的文字
if (param1 === 'YNMap') { // if (param1 === 'YNMap') {
routerRole.value.content = "" // routerRole.value.content = ""
} // }
console.log("YSRole", YSRole); console.log("YSRole", YSRole);
console.log("routerRole", routerRole); console.log("routerRole", routerRole);
@ -557,9 +560,10 @@ const handleSendRequest = async (bigObj?: any) => {
await handleAskDirectlyDeepseek(); await handleAskDirectlyDeepseek();
return; 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("OverviewOfServiceAreaBusinessAI") || "",
"特情事件": sessionStorage.getItem("TradingAlertAI") || "", "特情事件": sessionStorage.getItem("TradingAlertAI") || "",
"实时营收": sessionStorage.getItem("CoreBusinessDataAI") || "", "实时营收": sessionStorage.getItem("CoreBusinessDataAI") || "",
"月度实时数据": sessionStorage.getItem("CoreBusinessDataMonthAI") || "",
"断面流量": sessionStorage.getItem("TrendOfTrafficFlowYesAI") || "", "断面流量": sessionStorage.getItem("TrendOfTrafficFlowYesAI") || "",
"入区车流": sessionStorage.getItem("VehiclesEnteringAI") || "", "入区车流": sessionStorage.getItem("VehiclesEnteringAI") || "",
"对客营收": sessionStorage.getItem("VehiclesEnteringAI2") || "", "对客营收": sessionStorage.getItem("VehiclesEnteringAI2") || "",
@ -2766,7 +2771,7 @@ const handleChangeProcess = (e: any) => {
</script> </script>
<template> <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="meng" v-if="showPhoneChange || showPhoneOption" @click="handleClosePhoneMeng"></div>
<div class="leftFilterBox" v-if="hideLeft" :style="{ width: pageType === 1 ? '350px' : '' }"> <div class="leftFilterBox" v-if="hideLeft" :style="{ width: pageType === 1 ? '350px' : '' }">