vue2-client 1.12.3 → 1.12.4

package/src/pages/NewDynamicStatistics/DataTabs.vue

@@ -1,122 +1,122 @@
-<template>
-  <a-collapse :active-key="activeKey">
-    <a-collapse-panel
-      :key="value"
-      v-for="(item, value) in questionList">
-      <!-- 使用具名插槽#header来自定义头部内容 -->
-      <template #header>
-        <!-- 这里可以根据需要设计你的标题结构 -->
-        <div class="custom-header">
-          {{ item.question }}
-          <!-- 假设你想在标题后显示一个状态图标，可以根据item.sql的存在与否来决定 -->
-          <a-icon v-if="!item.sql" type="close-circle" style="color: red; margin-left: 5px;" />
-        </div>
-      </template>
-      <a-row v-if="item.sql && item.data">
-        <DynamicTable :title="item.question" :table-data="item.data" />
-        <ChartSelector :rawData="item.data"/>
-      </a-row>
-      <a-row v-else>
-        <a-result
-          status="error"
-          title="请求失败"
-          sub-title="这通常是因为网络波动或程序故障导致的"
-        >
-
-          <div class="desc">
-            <p style="font-size: 16px;">
-              <strong>我如何解决这个问题:</strong>
-            </p>
-            <p>
-              <a-icon :style="{ color: 'red' }" type="close-circle" /> 尝试重新发起请求
-            </p>
-            <p>
-              <a-icon :style="{ color: 'red' }" type="close-circle" /> 调整提问方式
-            </p>
-          </div>
-        </a-result>
-      </a-row>
-      <a-icon slot="extra" type="delete" @click.stop="handleClick(item)" />
-    </a-collapse-panel>
-  </a-collapse>
-</template>
-
-<script>
-import ChartSelector from './ChartSelector.vue'
-import EvaluationArea from './EvaluationArea.vue'
-import Ellipsis from '@vue2-client/components/Ellipsis/Ellipsis.vue'
-import DynamicTable from './DynamicTable.vue'
-import { indexedDB } from '@vue2-client/utils/indexedDB'
-
-export default {
-  components: {
-    DynamicTable,
-    Ellipsis,
-    ChartSelector,
-    EvaluationArea
-  },
-  data () {
-    return {
-      dataTypeActiveKey: '0',
-      pane: {},
-      questionList: [],
-      currentKey: '',
-      activeKey: 0
-    }
-  },
-  mounted () {
-    this.pane = {}
-  },
-  methods: {
-    async show (obj) {
-      this.questionList = obj.questionList
-      this.currentKey = obj.key
-    },
-    handleClick (item) {
-      indexedDB.get(this.currentKey, (data) => {
-        let index = 0
-        // 使用while循环以避免在遍历过程中修改数组长度导致的问题
-        while (index < data.questionList.length) {
-          if (data.questionList[index].uuid === item.uuid) {
-            // 找到匹配的uuid，使用splice方法移除该元素
-            data.questionList.splice(index, 1)
-            break
-          } else {
-            // 如果uuid不匹配，则索引加1继续检查下一个元素
-            index++
-          }
-        }
-        //  回更indexedDB库中的数据
-        indexedDB.update(this.currentKey, data)
-        //  刷新数据
-        this.$emit('afterDelDialogOfOne', data)
-        this.questionList = data.questionList
-      })
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-.tab-title {
-  font-size: 20px;
-  font-weight: bold;
-  color: #333;
-}
-
-.chart-card {
-  margin-top: 20px;
-}
-
-.data-content {
-  min-height: 100%;
-  background-color: #fff;
-  padding: 20px;
-  border-radius: 8px;
-}
-:deep(.ant-tabs-bar) {
-  margin-bottom: 0px;
-}
-:deep(.ant-collapse-extra) {
-  margin-top: -20px
-}
-</style>
+<template>
+  <a-collapse :active-key="activeKey">
+    <a-collapse-panel
+      :key="value"
+      v-for="(item, value) in questionList">
+      <!-- 使用具名插槽#header来自定义头部内容 -->
+      <template #header>
+        <!-- 这里可以根据需要设计你的标题结构 -->
+        <div class="custom-header">
+          {{ item.question }}
+          <!-- 假设你想在标题后显示一个状态图标，可以根据item.sql的存在与否来决定 -->
+          <a-icon v-if="!item.sql" type="close-circle" style="color: red; margin-left: 5px;" />
+        </div>
+      </template>
+      <a-row v-if="item.sql && item.data">
+        <DynamicTable :title="item.question" :table-data="item.data" />
+        <ChartSelector :rawData="item.data"/>
+      </a-row>
+      <a-row v-else>
+        <a-result
+          status="error"
+          title="请求失败"
+          sub-title="这通常是因为网络波动或程序故障导致的"
+        >
+
+          <div class="desc">
+            <p style="font-size: 16px;">
+              <strong>我如何解决这个问题:</strong>
+            </p>
+            <p>
+              <a-icon :style="{ color: 'red' }" type="close-circle" /> 尝试重新发起请求
+            </p>
+            <p>
+              <a-icon :style="{ color: 'red' }" type="close-circle" /> 调整提问方式
+            </p>
+          </div>
+        </a-result>
+      </a-row>
+      <a-icon slot="extra" type="delete" @click.stop="handleClick(item)" />
+    </a-collapse-panel>
+  </a-collapse>
+</template>
+
+<script>
+import ChartSelector from './ChartSelector.vue'
+import EvaluationArea from './EvaluationArea.vue'
+import Ellipsis from '@vue2-client/components/Ellipsis/Ellipsis.vue'
+import DynamicTable from './DynamicTable.vue'
+import { indexedDB } from '@vue2-client/utils/indexedDB'
+
+export default {
+  components: {
+    DynamicTable,
+    Ellipsis,
+    ChartSelector,
+    EvaluationArea
+  },
+  data () {
+    return {
+      dataTypeActiveKey: '0',
+      pane: {},
+      questionList: [],
+      currentKey: '',
+      activeKey: 0
+    }
+  },
+  mounted () {
+    this.pane = {}
+  },
+  methods: {
+    async show (obj) {
+      this.questionList = obj.questionList
+      this.currentKey = obj.key
+    },
+    handleClick (item) {
+      indexedDB.get(this.currentKey, (data) => {
+        let index = 0
+        // 使用while循环以避免在遍历过程中修改数组长度导致的问题
+        while (index < data.questionList.length) {
+          if (data.questionList[index].uuid === item.uuid) {
+            // 找到匹配的uuid，使用splice方法移除该元素
+            data.questionList.splice(index, 1)
+            break
+          } else {
+            // 如果uuid不匹配，则索引加1继续检查下一个元素
+            index++
+          }
+        }
+        //  回更indexedDB库中的数据
+        indexedDB.update(this.currentKey, data)
+        //  刷新数据
+        this.$emit('afterDelDialogOfOne', data)
+        this.questionList = data.questionList
+      })
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+.tab-title {
+  font-size: 20px;
+  font-weight: bold;
+  color: #333;
+}
+
+.chart-card {
+  margin-top: 20px;
+}
+
+.data-content {
+  min-height: 100%;
+  background-color: #fff;
+  padding: 20px;
+  border-radius: 8px;
+}
+:deep(.ant-tabs-bar) {
+  margin-bottom: 0px;
+}
+:deep(.ant-collapse-extra) {
+  margin-top: -20px
+}
+</style>

package/src/pages/NewDynamicStatistics/DynamicTable.vue

@@ -1,128 +1,128 @@
-<template>
-  <div class="table-main">
-    <template v-if="title">
-      <a-table
-        v-if="tableData"
-        :scroll="{ x: scrollXWidth, y: scrollYHeight }"
-        size="middle"
-        :columns="tableColumns"
-        :dataSource="tableData"
-        :rowKey="record => record.id">
-        <template slot="footer">
-          <a-space>
-            <span>
-              <strong>{{ `总行数 : ${tableData.length}` }}</strong>
-            </span>
-            <span v-for="column in tableColumns" :key="column.key">
-              <strong v-if="column.sum !== undefined">{{ `${column.key} : ${column.sum}` }}</strong>
-            </span>
-          </a-space>
-        </template>
-      </a-table>
-      <a-result
-        v-else
-        status="error"
-        title="请求失败"
-        sub-title="这通常是因为网络波动或程序故障导致的"
-      >
-
-        <div class="desc">
-          <p style="font-size: 16px;">
-            <strong>我如何解决这个问题:</strong>
-          </p>
-          <p>
-            <a-icon :style="{ color: 'red' }" type="close-circle" /> 尝试重新发起请求
-          </p>
-          <p>
-            <a-icon :style="{ color: 'red' }" type="close-circle" /> 调整提问方式
-          </p>
-        </div>
-      </a-result>
-    </template>
-  </div></template>
-
-<script>
-
-export default {
-  name: 'DynamicTable',
-  data () {
-    return {
-      tableColumns: [],
-      // x滚动条宽度
-      scrollXWidth: 1600,
-      scrollYHeight: 400
-    }
-  },
-  mounted () {
-    this.initData()
-  },
-  props: {
-    title: {
-      type: String,
-      default: undefined
-    },
-    tableData: {
-      type: Array,
-      default: () => null
-    }
-  },
-  watch: {
-    tableData: {
-      deep: true,
-      handler (newVal) {
-        this.initData()
-      }
-    }
-  },
-  methods: {
-    async initData () {
-      try {
-        if (!this.tableData) {
-          return
-        }
-        // 从数据第一项推断列信息
-        if (this.tableData.length === 0) {
-          this.tableColumns = []
-          return
-        }
-        const sample = this.tableData[0]
-        this.tableColumns = Object.keys(sample).map(key => {
-          // 检查是否所有的值都是数字
-          const allNumbers = this.tableData.every(item => typeof item[key] === 'number')
-          let sum = 0
-          if (allNumbers) {
-            // 计算总和
-            sum = this.tableData.reduce((total, item) => total + item[key], 0)
-          }
-          return {
-            title: key, // 使用键名作为列标题
-            dataIndex: key, // 数据索引与键名相同
-            key: key,
-            ellipsis: true,
-            sum: allNumbers ? sum : undefined, // 如果所有的值都是数字，添加总和
-          }
-        })
-        let totalWidth = 0
-        // 设置表格宽度
-        for (let i = 0; i < this.tableColumns.length; i++) {
-          totalWidth = totalWidth + 180
-        }
-        // 设置表格高度为固定值
-        this.scrollYHeight = 'calc(100vh - 35rem)'
-        // 横向滚动长度大于所有宽度，才能实现固定表头
-        this.scrollXWidth = totalWidth
-      } catch (error) {
-        console.error('Fetching data failed:', error)
-      }
-    },
-  }
-}
-</script>
-<style lang="less" scoped>
-.table-main {
-  margin-top: 8px;
-  :deep(.ant-table) {
-    background-color: #fff;
-  }
-}
-</style>
+<template>
+  <div class="table-main">
+    <template v-if="title">
+      <a-table
+        v-if="tableData"
+        :scroll="{ x: scrollXWidth, y: scrollYHeight }"
+        size="middle"
+        :columns="tableColumns"
+        :dataSource="tableData"
+        :rowKey="record => record.id">
+        <template slot="footer">
+          <a-space>
+            <span>
+              <strong>{{ `总行数 : ${tableData.length}` }}</strong>
+            </span>
+            <span v-for="column in tableColumns" :key="column.key">
+              <strong v-if="column.sum !== undefined">{{ `${column.key} : ${column.sum}` }}</strong>
+            </span>
+          </a-space>
+        </template>
+      </a-table>
+      <a-result
+        v-else
+        status="error"
+        title="请求失败"
+        sub-title="这通常是因为网络波动或程序故障导致的"
+      >
+
+        <div class="desc">
+          <p style="font-size: 16px;">
+            <strong>我如何解决这个问题:</strong>
+          </p>
+          <p>
+            <a-icon :style="{ color: 'red' }" type="close-circle" /> 尝试重新发起请求
+          </p>
+          <p>
+            <a-icon :style="{ color: 'red' }" type="close-circle" /> 调整提问方式
+          </p>
+        </div>
+      </a-result>
+    </template>
+  </div></template>
+
+<script>
+
+export default {
+  name: 'DynamicTable',
+  data () {
+    return {
+      tableColumns: [],
+      // x滚动条宽度
+      scrollXWidth: 1600,
+      scrollYHeight: 400
+    }
+  },
+  mounted () {
+    this.initData()
+  },
+  props: {
+    title: {
+      type: String,
+      default: undefined
+    },
+    tableData: {
+      type: Array,
+      default: () => null
+    }
+  },
+  watch: {
+    tableData: {
+      deep: true,
+      handler (newVal) {
+        this.initData()
+      }
+    }
+  },
+  methods: {
+    async initData () {
+      try {
+        if (!this.tableData) {
+          return
+        }
+        // 从数据第一项推断列信息
+        if (this.tableData.length === 0) {
+          this.tableColumns = []
+          return
+        }
+        const sample = this.tableData[0]
+        this.tableColumns = Object.keys(sample).map(key => {
+          // 检查是否所有的值都是数字
+          const allNumbers = this.tableData.every(item => typeof item[key] === 'number')
+          let sum = 0
+          if (allNumbers) {
+            // 计算总和
+            sum = this.tableData.reduce((total, item) => total + item[key], 0)
+          }
+          return {
+            title: key, // 使用键名作为列标题
+            dataIndex: key, // 数据索引与键名相同
+            key: key,
+            ellipsis: true,
+            sum: allNumbers ? sum : undefined, // 如果所有的值都是数字，添加总和
+          }
+        })
+        let totalWidth = 0
+        // 设置表格宽度
+        for (let i = 0; i < this.tableColumns.length; i++) {
+          totalWidth = totalWidth + 180
+        }
+        // 设置表格高度为固定值
+        this.scrollYHeight = 'calc(100vh - 35rem)'
+        // 横向滚动长度大于所有宽度，才能实现固定表头
+        this.scrollXWidth = totalWidth
+      } catch (error) {
+        console.error('Fetching data failed:', error)
+      }
+    },
+  }
+}
+</script>
+<style lang="less" scoped>
+.table-main {
+  margin-top: 8px;
+  :deep(.ant-table) {
+    background-color: #fff;
+  }
+}
+</style>

package/src/pages/NewDynamicStatistics/EvaluationArea.vue

@@ -1,69 +1,69 @@
-<template>
-  <div class="evaluation-card">
-    <div v-if="!action">
-      <p>您对这次搜索结果满意吗？</p>
-      <a-button-group>
-        <a-space>
-          <a-button type="primary" icon="like" @click="submitEvaluation(0)">满意</a-button>
-          <a-button type="danger" icon="dislike" @click="submitEvaluation(1)">不满意</a-button>
-          <a-button type="default" icon="frown" @click="submitEvaluation(3)">问题不明确</a-button>
-        </a-space>
-      </a-button-group>
-    </div>
-  </div>
-</template>
-
-<script>
-import { post } from '@vue2-client/services/api'
-import { indexedDB } from '@vue2-client/utils/indexedDB'
-
-export default {
-  data () {
-    return {
-      action: false
-    }
-  },
-  props: {
-    uuid: {
-      type: String,
-      required: true
-    }
-  },
-  methods: {
-    submitEvaluation (result) {
-      const key = 'question-' + this.uuid
-      let flag = true
-      indexedDB.get(key, (item) => {
-        flag = false
-        // 收藏状态不存储到库里
-        delete item.isFavorite
-        const content = Object.assign(item, {
-          evaluation: result
-        })
-        // 保存到数据库中
-        post('/api/af-system/logic/openapi/updateCommonData', {
-          type: 'ai-question',
-          content: this.uuid,
-          newContent: content
-        }).then(res => {
-          this.action = true
-          this.$message.success('评论成功')
-          indexedDB.delete(key)
-          indexedDB.add(key, content)
-        })
-      })
-      // 如果 indexedDB 没有获取到说明是对话库的数据
-      if (flag) {
-        this.$emit('submitEvaluationLib', result, this.uuid)
-      }
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-.evaluation-card {
-  width: 50%;
-  text-align: center;
-  margin: 20px auto 0 auto;
-}
-</style>
+<template>
+  <div class="evaluation-card">
+    <div v-if="!action">
+      <p>您对这次搜索结果满意吗？</p>
+      <a-button-group>
+        <a-space>
+          <a-button type="primary" icon="like" @click="submitEvaluation(0)">满意</a-button>
+          <a-button type="danger" icon="dislike" @click="submitEvaluation(1)">不满意</a-button>
+          <a-button type="default" icon="frown" @click="submitEvaluation(3)">问题不明确</a-button>
+        </a-space>
+      </a-button-group>
+    </div>
+  </div>
+</template>
+
+<script>
+import { post } from '@vue2-client/services/api'
+import { indexedDB } from '@vue2-client/utils/indexedDB'
+
+export default {
+  data () {
+    return {
+      action: false
+    }
+  },
+  props: {
+    uuid: {
+      type: String,
+      required: true
+    }
+  },
+  methods: {
+    submitEvaluation (result) {
+      const key = 'question-' + this.uuid
+      let flag = true
+      indexedDB.get(key, (item) => {
+        flag = false
+        // 收藏状态不存储到库里
+        delete item.isFavorite
+        const content = Object.assign(item, {
+          evaluation: result
+        })
+        // 保存到数据库中
+        post('/api/af-system/logic/openapi/updateCommonData', {
+          type: 'ai-question',
+          content: this.uuid,
+          newContent: content
+        }).then(res => {
+          this.action = true
+          this.$message.success('评论成功')
+          indexedDB.delete(key)
+          indexedDB.add(key, content)
+        })
+      })
+      // 如果 indexedDB 没有获取到说明是对话库的数据
+      if (flag) {
+        this.$emit('submitEvaluationLib', result, this.uuid)
+      }
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+.evaluation-card {
+  width: 50%;
+  text-align: center;
+  margin: 20px auto 0 auto;
+}
+</style>