vue2-client 1.8.48 → 1.8.49

package/src/pages/DynamicStatistics/index.vue

@@ -1,201 +1,203 @@
-<template>
-  <div class="dynamic-statistics">
-    <div class="data-nav-card-back">
-      <div class="data-nav-card">
-        <a-row type="flex" align="middle" class="search-title-card">
-          <img class="search-title-logo" src="@vue2-client/assets/img/logo.png"/>
-          <span class="search-title-text">数据检索平台</span>
-        </a-row>
-        <div class="search-card">
-          <div class="blue-overlay"></div>
-          <div class="search-card-main">
-            <!-- 搜索栏组件 -->
-            <search-bar ref="searchBar" @search="handleSearch" @saveToFavorites="handleSaveToFavorites" @openFavorites="handleOpenFavorite"></search-bar>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="data-main-card">
-      <!-- 数据展示Tabs -->
-      <data-tabs
-        ref="tabs"
-        @tab-change="handleTabChange"
-        @remove-cache="remove"
-      ></data-tabs>
-    </div>
-  </div>
-</template>
-
-<script>
-import SearchBar from './SearchBar.vue'
-import DataTabs from './DataTabs.vue'
-import { indexedDB } from '@vue2-client/utils/indexedDB'
-import { post } from '@vue2-client/services/api'
-import { formatDate } from '@vue2-client/utils/util'
-
-export default {
-  name: 'DynamicStatistics',
-  components: {
-    SearchBar,
-    DataTabs
-  },
-  data () {
-    return {
-      cacheSearchArray: {},
-      panes: []
-    }
-  },
-  methods: {
-    // 处理搜索逻辑，这里简化为直接赋值，实际应调用API
-    handleSearch (value, callback) {
-      if (!value) {
-        this.$message.warn('请先输入查询的数据')
-        return
-      }
-      const uuid = this.uuid()
-      post('/ai/question/', {
-        messages: [{
-          content: value,
-          role: 'user'
-        }]
-      }).then(res => {
-        if (Array.isArray(res)) {
-          this.addTab(uuid, value, res, false)
-        } else {
-          this.$message.warning(res)
-        }
-      }).finally(() => {
-        callback()
-      })
-    },
-    addTab (uuid, question, searchResults, isFavorite) {
-      this.cacheSearchArray[uuid] = {
-        uuid: uuid,
-        question: question,
-        data: searchResults,
-        isFavorite: isFavorite
-      }
-      this.$refs.tabs.add(this.cacheSearchArray[uuid])
-      this.$refs.searchBar.setObj(this.cacheSearchArray[uuid])
-    },
-    // 处理保存到收藏夹的逻辑
-    handleSaveToFavorites (uuid) {
-      if (!uuid) {
-        this.$message.warn('请先输入查询的数据')
-        return
-      }
-      const key = 'question-' + uuid
-      if (!this.cacheSearchArray[uuid]) {
-        indexedDB.get(key, (item) => {
-          this.cacheSearchArray[uuid] = item
-          this.setFavorite(key, uuid)
-          delete this.cacheSearchArray[uuid]
-        })
-      } else {
-        this.setFavorite(key, uuid)
-      }
-    },
-    setFavorite (key, uuid) {
-      const isFavorite = this.cacheSearchArray[uuid].isFavorite
-      this.cacheSearchArray[uuid].isFavorite = !isFavorite
-      if (isFavorite) {
-        indexedDB.delete(key)
-        this.$message.success('取消收藏成功')
-      } else {
-        indexedDB.add(key, Object.assign({
-          date: formatDate('now')
-        }, this.cacheSearchArray[uuid]))
-        this.$message.success('收藏成功')
-      }
-      this.$refs.searchBar.setFavorite(uuid, !isFavorite)
-    },
-    // 处理Tab变更，可以在这里进行额外的逻辑处理
-    handleTabChange (uuid) {
-      if (uuid) {
-        this.$refs.searchBar.setObj(this.cacheSearchArray[uuid])
-      } else {
-        this.cacheSearchArray = []
-        this.$refs.searchBar.init()
-      }
-    },
-    // 处理从收藏夹打开收藏项
-    handleOpenFavorite (uuid) {
-      if (this.cacheSearchArray[uuid]) {
-        this.$message.success('已切换至搜索结果页')
-        this.$refs.tabs.set(uuid)
-        return
-      }
-      // 这里应根据data从indexedDB中查询数据并展示
-      const key = 'question-' + uuid
-      indexedDB.get(key, (item) => {
-        this.addTab(uuid, item.question, item.data, item.isFavorite)
-      })
-    },
-    uuid () {
-      const tempUrl = URL.createObjectURL(new Blob())
-      const uuid = tempUrl.toString() // blob:https://xxx.com/b250d159-e1b6-4a87-9002-885d90033be3
-      URL.revokeObjectURL(tempUrl)
-      return uuid.substr(uuid.lastIndexOf('/') + 1)
-    },
-    remove (uuid) {
-      delete this.cacheSearchArray[uuid]
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.dynamic-statistics {
-  position: relative;
-  overflow: auto;
-  height: 100vh;
-  background-color: #f5f7fb;
-  min-width: 1400px;
-  margin: 0 auto;
-  .data-nav-card-back {
-    width: 100%;
-    height: 265px;
-  }
-  .data-nav-card {
-    z-index: 999;
-    position: fixed;
-    width: 100%;
-    top: 0;
-    background: #fff;
-    .search-title-card {
-      height: 65px;
-      width: 75%;
-      margin: 0 auto;
-      .search-title-logo {
-        width: 60px;
-        margin-right: 8px;
-      }
-      .search-title-text {
-        font-size: 20px;
-        font-weight: bold;
-      }
-    }
-    .search-card {
-      width: 100%;
-      height: 200px;
-      background-image: url('/public/img/dynamicStatistics/dynamicStatisticsBack.jpg');
-      background-size: cover;
-      position: relative;
-    }
-  }
-  .data-main-card {
-    width: 75%;
-    padding: 20px;
-    margin: 0 auto;
-    background-color: #f5f7fb;
-  }
-  .blue-overlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(#4F93FE, 0.8) // 这里设置蓝色蒙版的颜色和透明度
-  }
-}
-</style>
+<template>
+  <div class="dynamic-statistics">
+    <div class="data-nav-card-back">
+      <div class="data-nav-card">
+        <a-row type="flex" align="middle" class="search-title-card">
+          <img class="search-title-logo" src="@vue2-client/assets/img/logo.png"/>
+          <span class="search-title-text">数据检索平台</span>
+        </a-row>
+        <div class="search-card">
+          <div class="blue-overlay"></div>
+          <div class="search-card-main">
+            <!-- 搜索栏组件 -->
+            <search-bar ref="searchBar" @search="handleSearch"></search-bar>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="data-main-card">
+      <a-row style="height:100%">
+        <a-col :span="6" style="height:100%">
+          <question-history-and-favorites
+            ref="qhaf"
+            @handleOpenFavorite="handleOpenFavorite"
+            :currentuuid="currentuuid"
+            @handleSearch="handleSearch">
+          </question-history-and-favorites>
+        </a-col>
+        <a-col :span="18" style="height:100%">
+          <a-spin :spinning="loading" tip="正在努力加载...">
+            <!-- 数据展示Tabs -->
+            <data-tabs
+              ref="tabs"
+              @tab-change="handleTabChange"
+              @remove-cache="remove"
+            ></data-tabs>
+          </a-spin>
+        </a-col>
+      </a-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import SearchBar from './SearchBar.vue'
+import DataTabs from './DataTabs.vue'
+// import { post } from '@vue2-client/services/api'
+import { formatDate } from '@vue2-client/utils/util'
+import QuestionHistoryAndFavorites from './QuestionHistoryAndFavorites.vue'
+import { post } from '@/services/api'
+
+export default {
+  name: 'DynamicStatistics',
+  components: {
+    SearchBar,
+    DataTabs,
+    QuestionHistoryAndFavorites
+  },
+  data () {
+    return {
+      cacheSearchArray: {},
+      loading: false,
+      // 当前选中的uuid
+      currentuuid: ''
+    }
+  },
+  methods: {
+    // 处理搜索逻辑，这里简化为直接赋值，实际应调用API
+   async handleSearch (value, callback, uuid) {
+     this.loading = true
+      if (!value) {
+        this.$message.warn('请先输入查询的数据')
+        callback()
+        return
+      }
+      if (!uuid) {
+        uuid = this.uuid()
+      }
+
+      this.$refs.qhaf.add({
+        uuid: uuid,
+        question: value,
+        isFavorite: false,
+        date: formatDate('now')
+      })
+      post('/ai/question/', {
+        messages: [{
+          content: value,
+          role: 'user'
+        }]
+      }).then(res => {
+        this.loading = false
+        if (Array.isArray(res)) {
+          this.addTab(uuid, value, res, false)
+        } else {
+          this.$message.warning(res)
+        }
+      }).finally(() => {
+        callback()
+      })
+    },
+    addTab (uuid, question, searchResults, isFavorite) {
+      this.cacheSearchArray[uuid] = {
+        uuid: uuid,
+        question: question,
+        data: searchResults,
+        isFavorite: isFavorite,
+        date: formatDate('now')
+      }
+      this.currentuuid = uuid
+      this.$refs.tabs.show(this.cacheSearchArray[uuid])
+      this.$refs.qhaf.add(this.cacheSearchArray[uuid])
+      this.$refs.searchBar.setObj(this.cacheSearchArray[uuid])
+    },
+    // 处理Tab变更，可以在这里进行额外的逻辑处理
+    handleTabChange (uuid) {
+      if (uuid) {
+        this.$refs.searchBar.setObj(this.cacheSearchArray[uuid])
+      } else {
+        this.cacheSearchArray = []
+        this.$refs.searchBar.init()
+      }
+    },
+    // 处理从对话历史/收藏夹打开收藏项
+    handleOpenFavorite (item) {
+      this.addTab(item.uuid, item.question, item.data, item.isFavorite)
+    },
+    uuid () {
+      const tempUrl = URL.createObjectURL(new Blob())
+      const uuid = tempUrl.toString() // blob:https://xxx.com/b250d159-e1b6-4a87-9002-885d90033be3
+      URL.revokeObjectURL(tempUrl)
+      return uuid.substr(uuid.lastIndexOf('/') + 1)
+    },
+    remove (uuid) {
+      delete this.cacheSearchArray[uuid]
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.dynamic-statistics {
+  position: relative;
+  overflow: auto;
+  height: 100vh;
+  background-color: #f5f7fb;
+  margin: 0 auto;
+
+  .data-nav-card-back {
+    width: 100%;
+    height: 20%;
+  }
+
+  .data-nav-card {
+    z-index: 999;
+    position: fixed;
+    width: 100%;
+    height: 150px;
+    top: 0;
+    background: #fff;
+
+    .search-title-card {
+      height: 65px;
+      width: 75%;
+      margin: 0 auto;
+
+      .search-title-logo {
+        width: 60px;
+        margin-right: 8px;
+      }
+
+      .search-title-text {
+        font-size: 20px;
+        font-weight: bold;
+      }
+    }
+
+    .search-card {
+      width: 100%;
+      //height: 200px;
+      background-image: url('/public/img/dynamicStatistics/dynamicStatisticsBack.jpg');
+      background-size: cover;
+      position: relative;
+    }
+  }
+
+  .data-main-card {
+    //width: 75%;
+    height: 79%;
+    padding: 20px;
+    margin: 0 auto;
+    background-color: #f5f7fb;
+  }
+
+  .blue-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(#4F93FE, 0.8) // 这里设置蓝色蒙版的颜色和透明度
+  }
+}
+</style>