src/views/chart/options.ts

@@ -67,7 +67,7 @@ export const lineOptions = {
 
 export const pieOptions = {
     title: {
-        text: '系统开发语言',
+        text: 'Referer of a Website',
         subtext: 'Fake Data',
         left: 'center',
     },
@@ -84,11 +84,11 @@ export const pieOptions = {
             type: 'pie',
             radius: '50%',
             data: [
-                { value: 1048, name: 'golang' },
+                { value: 1048, name: 'Search Engine' },
-                { value: 735, name: 'Vue3' },
+                { value: 735, name: 'Direct' },
-                { value: 580, name: 'TypeScript' },
+                { value: 580, name: 'Email' },
-                { value: 484, name: 'CSS' },
+                { value: 484, name: 'Union Ads' },
-                { value: 300, name: 'Python' },
+                { value: 300, name: 'Video Ads' },
             ],
             emphasis: {
                 itemStyle: {

src/views/dashboard.vue

@@ -51,19 +51,19 @@
             <el-col :span="18">
                 <el-card shadow="hover">
                     <div class="card-header">
-                        <p class="card-header-title">会话动态</p>
+                        <p class="card-header-title">订单动态</p>
-                        <p class="card-header-desc">最近一周会话动态，系统的处理会话数及消息数</p>
+                        <p class="card-header-desc">最近一周订单状态，包括订单成交量和订单退货量</p>
                     </div>
-                    <v-chart class="chart" :option="dashOpt1_" />
+                    <v-chart class="chart" :option="dashOpt1" />
                 </el-card>
             </el-col>
             <el-col :span="6">
                 <el-card shadow="hover">
                     <div class="card-header">
-                        <p class="card-header-title">模型使用统计</p>
+                        <p class="card-header-title">品类分布</p>
-                        <p class="card-header-desc">模型使用统计情况</p>
+                        <p class="card-header-desc">最近一个月销售商品的品类情况</p>
                     </div>
-                    <v-chart class="chart" :option="dashOpt2_" />
+                    <v-chart class="chart" :option="dashOpt2" />
                 </el-card>
             </el-col>
         </el-row>
@@ -72,7 +72,7 @@
                 <el-card shadow="hover" :body-style="{ height: '400px' }">
                     <div class="card-header">
                         <p class="card-header-title">时间线</p>
-                        <p class="card-header-desc">系统功能开发过程</p>
+                        <p class="card-header-desc">最新的销售动态和活动信息</p>
                     </div>
                     <el-timeline>
                         <el-timeline-item v-for="(activity, index) in activities" :key="index" :color="activity.color">
@@ -88,18 +88,19 @@
                 </el-card>
             </el-col>
             <el-col :span="10">
-                <el-card :body-style="{ height: '400px' }" shadow="hover">
+                <el-card shadow="hover" :body-style="{ height: '400px' }">
-                    <template #header>
+                    <div class="card-header">
-                        <div class="content-title">饼状图</div>
+                        <p class="card-header-title">渠道统计</p>
-                    </template>
+                        <p class="card-header-desc">最近一个月的订单来源统计</p>
-                    <v-chart class="schart" :option="pieOptions" />
+                    </div>
-                 </el-card>
+                    <v-chart class="map-chart" :option="mapOptions" />
+                </el-card>
             </el-col>
             <el-col :span="7">
                 <el-card shadow="hover" :body-style="{ height: '400px' }">
                     <div class="card-header">
-                        <p class="card-header-title">模型使用排行榜</p>
+                        <p class="card-header-title">排行榜</p>
-                        <p class="card-header-desc">热门模型使用排行榜</p>
+                        <p class="card-header-desc">销售商品的热门榜单Top5</p>
                     </div>
                     <div>
                         <div class="rank-item" v-for="(rank, index) in ranks">
@@ -107,7 +108,7 @@
                             <div class="rank-item-content">
                                 <div class="rank-item-top">
                                     <div class="rank-item-title">{{ rank.title }}</div>
-                                    <div class="rank-item-desc">使用量：{{ rank.value }}</div>
+                                    <div class="rank-item-desc">销量：{{ rank.value }}</div>
                                 </div>
                                 <el-progress
                                     :show-text="false"
@@ -128,7 +129,6 @@
 <script setup lang="ts" name="dashboard">
 import { ref, reactive } from 'vue';
 import countup from '@/components/countup.vue';
-import { Function } from '@/types/function';
 import { use, registerMap } from 'echarts/core';
 import { BarChart, LineChart, PieChart, MapChart } from 'echarts/charts';
 import {
@@ -140,10 +140,9 @@ import {
 } from 'echarts/components';
 import { CanvasRenderer } from 'echarts/renderers';
 import VChart from 'vue-echarts';
-import { dashOpt1, dashOpt2, pieOptions } from './chart/options';
+import { dashOpt1, dashOpt2, mapOptions } from './chart/options';
 import chinaMap from '@/utils/china';
 import {GetDashBoardStatisticsService} from '@/api/tool';
-import {FindFunctionService} from "@/api/function";
 use([
     CanvasRenderer,
     BarChart,
@@ -156,8 +155,7 @@ use([
     VisualMapComponent,
     MapChart,
 ]);
-const dashOpt2_ = reactive(dashOpt2);
+registerMap('china', chinaMap);
-const dashOpt1_ = reactive(dashOpt1);
 
 //"dashboard_statistics_st": {
     // "session_num": 176,
@@ -174,22 +172,71 @@ interface DashBoardBaseInfo {
     today_message_count: number;
 }
 const baseInfo = ref({} as DashBoardBaseInfo);
+const activities = [
+    {
+        content: '收藏商品',
+        description: 'xxx收藏了你的商品，就是不买',
+        timestamp: '30分钟前',
+        color: '#00bcd4',
+    },
+    {
+        content: '用户评价',
+        description: 'xxx给了某某商品一个差评，吐血啊',
+        timestamp: '55分钟前',
+        color: '#1ABC9C',
+    },
+    {
+        content: '订单提交',
+        description: 'xxx提交了订单，快去收钱吧',
+        timestamp: '1小时前',
+        color: '#3f51b5',
+    },
+    {
+        content: '退款申请',
+        description: 'xxx申请了仅退款，又要亏钱了',
+        timestamp: '15小时前',
+        color: '#f44336',
+    },
+    {
+        content: '商品上架',
+        description: '运营专员瞒着你上架了一辆飞机',
+        timestamp: '1天前',
+        color: '#009688',
+    },
+];
 
-interface Activitie{
+const ranks = [
-    content: string;
+    {
-    description: string;
+        title: '手机',
-    timestamp: string;
+        value: 10000,
-    color: string;
+        percent: 80,
-}
+        color: '#f25e43',
-const activities = ref<Activitie[]>([]);
+    },
-
+    {
-interface Rank {
+        title: '电脑',
-    title: string;
+        value: 8000,
-    value: number;
+        percent: 70,
-    percent: number;
+        color: '#00bcd4',
-    color: string;
+    },
-}
+    {
-const ranks = ref<Rank[]>([]);
+        title: '相机',
+        value: 6000,
+        percent: 60,
+        color: '#64d572',
+    },
+    {
+        title: '衣服',
+        value: 5000,
+        percent: 55,
+        color: '#e9a745',
+    },
+    {
+        title: '书籍',
+        value: 4000,
+        percent: 50,
+        color: '#009688',
+    },
+];
 
 const getDashBoardStatistics = async () => {
     let req = {
@@ -199,45 +246,11 @@ const getDashBoardStatistics = async () => {
     if (result['code'] === 0) {
         console.log('dashboard:', result['data']);
         baseInfo.value = result['data']["dashboard_statistics_st"];
-        dashOpt2_.series[0].data = result['data']["dashboard_statistics_model_st"];
-        let max_model = Math.max(...result['data']["dashboard_statistics_model_st"].map((item: any) => item.value));
-        ranks.value = result['data']["dashboard_statistics_model_st"].map((item: any) => {
-            return {
-                title: item.name,
-                value: item.value,
-                percent: (item.value / max_model*2) * 100,
-                color: '#2d8cf0',
-            };
-        });
-        ranks.value.sort((a, b) => b.value - a.value);
-        console.log('ranks:', ranks.value);
         // 处理数据
-        //过去一周会话、消息数
+        // 例如：更新图表数据、统计信息等
-        let sessionData = result['data']["dashboard_statistics_week"]["session_count"];
-        let messageData = result['data']["dashboard_statistics_week"]["message_count"];
-        let sessionCounts = sessionData.map((item: any) => item.count);
-        let messageCounts = messageData.map((item: any) => item.count);
-        dashOpt1_.series[0].data = sessionCounts;
-        dashOpt1_.series[1].data = messageCounts;
     } else {
         console.error('获取统计数据失败:', result['msg']);
     }
-    let function_result = await FindFunctionService(req);
-    if (function_result['code'] === 0) {
-        let functions: Function[] = function_result['data'];
-        activities.value = functions.map((item: any) => {
-            return {
-                content: item.Name,
-                description: item.Function,
-                timestamp: item.CreatedAt,
-                color: '#2d8cf0',
-            };
-        });
-        activities.value.unshift({content: '基础管理功能',description: '系统基础管理功能开发',timestamp: "2024-03-23 12:21:42",color: '#2d8cf0'});
-        activities.value.push({content: '数据统计功能',description: '系统数据统计功能开发',timestamp: "2024-03-23 12:21:42",color: '#2d8cf0'});
-    } else {
-        console.error('获取统计数据失败:', function_result['msg']);
-    }
 };
 getDashBoardStatistics();
 </script>
@@ -375,9 +388,4 @@ getDashBoardStatistics();
     width: 100%;
     height: 350px;
 }
-.content-title {
-    font-weight: 400;
-    font-size: 22px;
-    color: #1f2f3d;
-}
 </style>

src/views/system/ai-ppt.vue

@@ -103,10 +103,9 @@
               <el-input
                 v-model="inputMessage"
                 type="textarea"
-                maxlength="5000"
                 style="border: 0"
                 :rows="5"
-                placeholder="输入ppt主题即要求...(如：制作一份关于人工智能的ppt),最多输入5000字"
+                placeholder="输入消息..."
                 @keyup.enter="sendMessage"
               />
               <!-- <el-text
@@ -133,7 +132,7 @@
                 :disabled="loading"
                 >生成ppt</el-button>
             </el-col>
-            <!-- <el-col :span="3" style="text-align: center">
+            <el-col :span="3" style="text-align: center">
               <el-select v-model="selectModel" placeholder="选择模型">
                 <el-option
                   v-for="item in ModelList"
@@ -142,7 +141,7 @@
                   :value="item.ID"
                 ></el-option>
               </el-select>
-            </el-col> -->
+            </el-col>
             <el-col :span="1" style="text-align: center">
               <el-button @click="handleSelectFileVisible"
                 ><el-icon><Files /></el-icon
@@ -150,10 +149,11 @@
             </el-col>
             <el-col :span="12" style="text-align: center">
               <el-tag
+                v-for="(file, index) in selectedFiles"
+                :key="index"
                 closable
-                @close="removeFile(0)"
+                @close="removeFile(index)"
-                v-if="selectedFile"
+                >{{ file.UserFileName }}</el-tag
-                >{{ selectedFile.UserFileName }}</el-tag
               >
             </el-col>
           </el-row>
@@ -161,47 +161,55 @@
       </div>
   
       <div>
-    <!-- 文件对话框 -->
+        <!-- 文件对话框 -->
-    <el-dialog
+        <el-dialog
-            v-model="selectFileVisible"
+          v-model="selectFileVisible"
-            title="从上传文件中选择"
+          title="从上传文件中选择"
-            width="50%"
+          width="50%"
         >
-            <el-input
+          <el-input
-                placeholder="搜索文件"
+            placeholder="搜索文件"
-                v-model="searchFileQuery"
+            v-model="searchFileQuery"
-                prefix-icon="el-icon-search"
+            prefix-icon="el-icon-search"
-            />
+          />
-            <el-button @click="uploadMessageFile">上传文件</el-button>
+          <el-button @click="uploadMessageFile">上传文件</el-button>
-            <!-- 文件列表 -->
+          <!-- 文件列表 -->
-            <div class="file-list">
+          <div class="file-list">
-                <el-radio-group v-model="selectedFile">
+            <el-checkbox-group v-model="selectedFiles">
-                    <el-radio
+              <el-checkbox
-                        v-for="(item, index) in filteredFiles"
+                v-for="(item, index) in filteredFiles"
-                        :key="index"
+                :key="index"
-                        :label="item"
+                :label="item"
-                    >
+              >
-                        <span class="file-icon">
+                <span class="file-icon">
-                            <!-- 根据文件类型展示不同图标 -->
+                  <!-- 根据文件类型展示不同图标 -->
-                            <i v-if="item.UploadType === 'image'" class="el-icon-picture"></i>
+                  <i
-                            <i v-else-if="item.UploadType === 'file'" class="el-icon-document"></i>
+                    v-if="item.UploadType === 'image'"
-                            <!-- 可继续补充其他文件类型图标 -->
+                    class="el-icon-picture"
-                        </span>
+                  ></i>
-                        {{ item.UserFileName }}
+                  <i
-                        <!-- <span class="file-time">{{ item.CreatedAt }}</span> -->
+                    v-else-if="item.UploadType === 'file'"
-                    </el-radio>
+                    class="el-icon-document"
-                </el-radio-group>
+                  ></i>
-            </div>
+                  <!-- 可继续补充其他文件类型图标 -->
-            <!-- 底部状态栏和按钮 -->
+                </span>
-            <div class="footer-bar">
+                {{ item.UserFileName }}
-                <span class="selected-count">已选 {{ selectedFile ? 1 : 0 }} 个文件</span>
+                <!-- <span class="file-time">{{ item.CreatedAt }}</span> -->
-                <el-button @click="selectFileVisible = false">取消</el-button>
+              </el-checkbox>
-                <el-button type="primary" @click="handleSelectFileConfirm">
+            </el-checkbox-group>
-                    确认添加({{ selectedFile ? 1 : 0 }})
+          </div>
-                </el-button>
+          <!-- 底部状态栏和按钮 -->
-            </div>
+          <div class="footer-bar">
+            <span class="selected-count"
+              >已选 {{ selectedFiles.length }} 个文件</span
+            >
+            <el-button @click="selectFileVisible = false">取消</el-button>
+            <el-button type="primary" @click="handleSelectFileConfirm"
+              >确认添加({{ selectedFiles.length }})</el-button
+            >
+          </div>
         </el-dialog>
-  </div>
+      </div>
       <!-- 上传文件对话框 -->
       <div>
         <el-dialog
@@ -300,7 +308,6 @@
   const selectFileVisible = ref(false); // 控制文件选择对话框的显示与隐藏
   const searchFileQuery = ref(""); // 用于搜索文件的查询条件
   const filteredFiles = ref<File[]>([]); // 用于存储过滤后的文件列表
-    const selectedFile = ref<File | null>(null); // 用于存储已选文件，改为单选
   const uploadFileVisible = ref(false); // 控制上传文件对话框的显示与隐藏
   const baseInfo = ref<BaseInfo>({
     user_id: 0,
@@ -329,12 +336,11 @@
     });
   };
   const removeFile = (index: number) => {
-    selectedFile .value = null; // 清空已选文件
+    selectedFiles.value.splice(index, 1);
   };
   
   const handleSelectFileVisible = async () => {
     await getFileListData(); // 获取文件列表
-    ElMessage.success("制作PPT当前只支持单文件！支持docx、doc、pdf、txt、md等格式的文件");
     console.log("selectedFiles:", selectedFiles.value);
     selectFileVisible.value = true; // 显示对话框
     console.log("handleSelectFileVisible:", selectFileVisible.value);
@@ -359,11 +365,10 @@
   };
   
   const handleSelectFileConfirm = () => {
-    if (selectedFile.value) {
+    // 处理选中的文件
-        // 处理选择文件的逻辑
+    console.log("选中的文件:", selectedFiles.value);
-        console.log("Selected file:", selectedFile.value);
+    // 在这里可以进行文件上传或其他操作
-        selectFileVisible.value = false;
+    selectFileVisible.value = false; // 关闭对话框
-    }
   };
   
   const doButtonD = () => {
@@ -435,29 +440,19 @@
       ElMessage.warning("当前会话已结束，创建ppt请新建会话");
       return;
     }
-    
+    loading.value = true;
 
     let req = {
         token: localStorage.getItem('token'),
         function: "spark-create-ppt",
         query: inputMessage.value,
+        fileUrl:  fileUrl + selectedFiles.value[0].file_store_name,
+        fileName: selectedFiles.value[0].UserFileName,
     }
-    if(selectedFile.value){
-      //查看文件类型是否为docx、doc、pdf、txt、md等格式的文件
-      let fileType = selectedFile.value.file_store_name.split('.').pop();
-      if (fileType !== "docx" && fileType !== "doc" && fileType !== "pdf" && fileType !== "txt" && fileType !== "md") {
-        ElMessage.warning("当前只支持docx、doc、pdf、txt、md等格式的文件");
-        return;
-      }
-
-        req["fileUrl"] = selectedFile.value.file_store_name;
-        req["fileName"] = selectedFile.value.UserFileName;
-    }
-    loading.value = true;
     let pMsgContent ="";
-    if (req["fileUrl"]) {
+    if (req.fileUrl) {
       //文件名和文件url
-      pMsgContent += `[${req["fileUrl"]}](${req["fileUrl"]})` + "\n";
+      pMsgContent += `[${req.fileName}](${req.fileUrl})` + "\n";
       pMsgContent = pMsgContent + req.query;
     } else {
       pMsgContent = req.query;

src/views/system/prompt-gen.vue

@@ -24,8 +24,8 @@
         <el-button type="primary" @click="generatePrompt">生成Prompt</el-button>
         <div class="prompt-template">
           <h3>Prompt 模板</h3>
-          <!-- <el-button type="success" size="small" @click="addTemplate">模板新增</el-button> -->
+          <el-button type="success" size="small" @click="addTemplate">模板新增</el-button>
-          <div v-for="(template, index) in templates" :key="index" class="template-item" @click="addTemplate(template)">
+          <div v-for="(template, index) in templates" :key="index" class="template-item">
             <div class="template-title">{{ template.title }}</div>
             <div class="template-desc">{{ template.desc }}</div>
           </div>
@@ -74,15 +74,6 @@
         </el-dropdown>
       </div>
     </div>
-
-    <!-- 历史会话 -->
-    <el-button  @click="showSession">历史提示词</el-button>
-    <el-dialog title="历史提示词" v-model="isShowSession">
-      <div v-for="(session, index) in sessionList" :key="index" class="template-item" @click="selectSession(session)">
-            <div class="template-title">{{ session.Name }}</div>
-            <!-- <div class="template-desc">{{ template.desc }}</div> -->
-          </div>
-    </el-dialog>
   </div>
 </template>
 
@@ -92,9 +83,6 @@ import { WSMessage} from "@/types/im";
 import { FindModelListByFunctionName } from "@/api/function";
 import { Model } from "@/types/model";
 import { ElMessage } from "element-plus";
-import { GetMessageService } from "@/api/im";
-import { FindSessionService } from "@/api/session";
-import { Session } from '@/types/session';
 // 任务输入和结果Prompt
 const taskInput = ref('');
 const resultPrompt = ref('');
@@ -123,8 +111,6 @@ const topP = ref(0.7);
 
 // 会话ID
 const sessionID = ref(0);
-const isShowSession = ref(false);
-const sessionList = ref<Session[]>([]);
 
 // Prompt模板
 const templates = ref([
@@ -147,10 +133,9 @@ const generatePrompt = () => {
 };
 
 // 新增模板方法
-const addTemplate = (template) => {
+const addTemplate = () => {
   // 这里添加新增模板的逻辑，例如弹出输入框让用户输入模板内容
-  console.log('添加模板功能待实现:', template);
+  console.log('添加模板功能待实现');
-  taskInput.value = template.desc;
 };
 
 // 选择模型方法
@@ -213,10 +198,8 @@ const sendMessage = () => {
 
 const GetModelListByFunctionName = async () => {
   let req = {
-    function: "gen-prompt",
+    function: "gen-ai-chat",
     token: localStorage.getItem("token"),
-    temperature: temperature.value,
-    top_p: topP.value,
   };
   try{
     let result = await FindModelListByFunctionName(req);
@@ -263,39 +246,6 @@ const GetModelListByFunctionName = async () => {
 
 GetModelListByFunctionName();
 
-const showSession = async () => {
-  //获取历史会话
-  let req = {
-    token: localStorage.getItem("token"),
-    type: "UserID",
-    session_type: 2, //提示词会话
-  };
-  let result = await FindSessionService(req);
-  if (result["code"] === 0) {
-    sessionList.value = result["data"];
-    console.log("session_list:", sessionList.value);
-  } else {
-    ElMessage.error(result["msg"]);
-  }
-  isShowSession.value = true;
-};
-
-const selectSession = async (session: Session) => {
-  let req = {
-      token: localStorage.getItem("token"),
-      session_id: session.ID,
-    };
-    let result = await GetMessageService(req);
-    if (result["code"] === 0) {
-      taskInput.value = result["data"][0].Msg;
-      resultPrompt.value = result["data"][1].Msg;
-      console.log("session_list:", result["data"]);
-    } else {
-      ElMessage.error(result["msg"]);
-    }
-
-};
-
 
 onUnmounted(() => {
   if (socket.value) {