vue2-client 1.18.3 → 1.18.5

package/src/pages/DynamicStatistics/DataTabs.vue

@@ -1,83 +1,83 @@
-<template>
-  <a-row class="data-content">
-    <a-row>
-      <DynamicTable v-if="pane.key" :title="pane.title" :table-data="pane.content"></DynamicTable>
-    </a-row>
-    <a-row>
-      <ChartSelector :rawData="pane.content" v-if="pane?.content?.length"/>
-    </a-row>
-    <EvaluationArea :uuid="pane.key" v-if="pane.key && pane.content" @submitEvaluationLib="submitEvaluationLib"/>
-  </a-row>
-</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 { post } from '@vue2-client/services/api'
-
-export default {
-  components: {
-    DynamicTable,
-    Ellipsis,
-    ChartSelector,
-    EvaluationArea
-  },
-  data () {
-    return {
-      dataTypeActiveKey: '0',
-      pane: {}
-    }
-  },
-  mounted () {
-    this.pane = {}
-  },
-  methods: {
-    submitEvaluationLib (value, uuid) {
-     this.$emit('submitEvaluationLib', value, uuid)
-    },
-    async show (obj, reSearch) {
-      const { uuid, question } = obj
-      let data = obj.data
-      console.log('show', obj)
-      if (reSearch && data) {
-        try {
-          // 如果是重新搜索，清空原有数据 然后
-         const tem = await post('/api/oa/querySQL', {
-            sql: obj.sql
-         })
-          if (tem.length) {
-            data = tem
-          }
-        } catch (e) {
-          console.error(e)
-        }
-      }
-      this.pane = { title: question, content: data, key: uuid }
-    },
-  }
-}
-</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;
-}
-</style>
+<template>
+  <a-row class="data-content">
+    <a-row>
+      <DynamicTable v-if="pane.key" :title="pane.title" :table-data="pane.content"></DynamicTable>
+    </a-row>
+    <a-row>
+      <ChartSelector :rawData="pane.content" v-if="pane?.content?.length"/>
+    </a-row>
+    <EvaluationArea :uuid="pane.key" v-if="pane.key && pane.content" @submitEvaluationLib="submitEvaluationLib"/>
+  </a-row>
+</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 { post } from '@vue2-client/services/api'
+
+export default {
+  components: {
+    DynamicTable,
+    Ellipsis,
+    ChartSelector,
+    EvaluationArea
+  },
+  data () {
+    return {
+      dataTypeActiveKey: '0',
+      pane: {}
+    }
+  },
+  mounted () {
+    this.pane = {}
+  },
+  methods: {
+    submitEvaluationLib (value, uuid) {
+     this.$emit('submitEvaluationLib', value, uuid)
+    },
+    async show (obj, reSearch) {
+      const { uuid, question } = obj
+      let data = obj.data
+      console.log('show', obj)
+      if (reSearch && data) {
+        try {
+          // 如果是重新搜索，清空原有数据 然后
+         const tem = await post('/api/oa/querySQL', {
+            sql: obj.sql
+         })
+          if (tem.length) {
+            data = tem
+          }
+        } catch (e) {
+          console.error(e)
+        }
+      }
+      this.pane = { title: question, content: data, key: uuid }
+    },
+  }
+}
+</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;
+}
+</style>

package/src/pages/DynamicStatistics/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/DynamicStatistics/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>

package/src/pages/DynamicStatistics/FavoriteList.vue

@@ -1,50 +1,50 @@
-<template>
-  <div>
-    <a-list v-show="!loading" size="small" :data-source="data">
-      <a-list-item slot="renderItem" slot-scope="item">
-        <div>
-          <p><a @click="$emit('openFavorites', item.uuid)">{{ item.question }} </a></p>
-          <p>{{ item.date }}</p>
-        </div>
-        <a class="delete_item">
-          <a-icon type="close" @click="$emit('saveToFavorites', item.uuid)"/>
-        </a>
-      </a-list-item>
-    </a-list>
-  </div>
-</template>
-
-<script>
-import { indexedDB } from '@vue2-client/utils/indexedDB'
-
-export default {
-  name: 'FavoriteList',
-  data () {
-    return {
-      data: [],
-      loading: false
-    }
-  },
-  mounted () {
-    this.loadData()
-  },
-  methods: {
-    loadData () {
-      indexedDB.getAll((data) => {
-        const realData = data.filter(item => item.data && item.data.uuid)
-          .map(item => item.data)
-        this.data = realData
-      })
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-.delete_item {
-  margin-left: 8px;
-  color: #333;
-}
-p {
-  margin: 0
-}
-</style>
+<template>
+  <div>
+    <a-list v-show="!loading" size="small" :data-source="data">
+      <a-list-item slot="renderItem" slot-scope="item">
+        <div>
+          <p><a @click="$emit('openFavorites', item.uuid)">{{ item.question }} </a></p>
+          <p>{{ item.date }}</p>
+        </div>
+        <a class="delete_item">
+          <a-icon type="close" @click="$emit('saveToFavorites', item.uuid)"/>
+        </a>
+      </a-list-item>
+    </a-list>
+  </div>
+</template>
+
+<script>
+import { indexedDB } from '@vue2-client/utils/indexedDB'
+
+export default {
+  name: 'FavoriteList',
+  data () {
+    return {
+      data: [],
+      loading: false
+    }
+  },
+  mounted () {
+    this.loadData()
+  },
+  methods: {
+    loadData () {
+      indexedDB.getAll((data) => {
+        const realData = data.filter(item => item.data && item.data.uuid)
+          .map(item => item.data)
+        this.data = realData
+      })
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+.delete_item {
+  margin-left: 8px;
+  color: #333;
+}
+p {
+  margin: 0
+}
+</style>