vue2-client 1.8.79 → 1.8.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.8.79",
+  "version": "1.8.81",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/pages/DynamicStatistics/ChartSelector.vue

@@ -42,7 +42,6 @@ export default {
       pieChart: null,
       columnChart: null,
       lineChart: null,
-      intervalId: null,
       componentKey: 0,
       commonOptions: {
         tooltip: {
@@ -63,14 +62,6 @@ export default {
   },
   mounted () {
     this.initData()
-    // 定时刷新图表
-    this.intervalId = setInterval(() => {
-      this.renderLineChart()
-    }, 3000)
-  },
-  beforeDestroy () {
-    // 组件销毁时清除定时器
-    clearInterval(this.intervalId)
   },
   props: {
     rawData: {
@@ -97,19 +88,33 @@ export default {
     },
     initializeOptions () {
       if (this.rawData.length > 0) {
-        const firstRow = this.rawData[0]
-        this.groupOptions = Object.keys(firstRow).filter(key => typeof firstRow[key] === 'string' ||
+        const row = this.rawData[0]
+        this.groupOptions = Object.keys(row).filter(key => typeof row[key] === 'string' ||
           this.isYearArray(this.rawData, key))
-        this.valueOptions = Object.keys(firstRow).filter(key => typeof firstRow[key] === 'number' &&
-        !this.isYearArray(this.rawData, key))
+        this.valueOptions = Object.keys(row).filter(key => {
+          return !isNaN(parseFloat(row[key])) && isFinite(row[key]) && !this.isYear(row[key])
+        })
+        console.warn(this.valueOptions)
       }
     },
     isYearArray (arr, key) {
-      return arr.every(item => this.isYear(item[key]))
+      if (arr.some(item => this.isYear(item[key]))) {
+        this.updateNonYearItems(arr, key)
+        return true
+      }
+      return false
+    },
+    // 修改数组中不满足条件的元素的特定键值为1970
+    updateNonYearItems (arr, key) {
+      arr.forEach(item => {
+        if (!this.isYear(item[key])) {
+          item[key] = 1970
+        }
+      })
     },
     // 判断数值或者字符串是不是年份
     isYear (value) {
-      return /^20\d{2}$/.test(value)
+      return /^(19|20)\d{2}$/.test(value)
     },
     updateCharts () {
       this.renderPieChart()

package/src/pages/DynamicStatistics/DynamicTable.vue

@@ -28,7 +28,7 @@ export default {
   props: {
     tableData: {
       type: Array,
-      required: true
+      default: () => ([])
     }
   },
   watch: {
@@ -43,6 +43,9 @@ export default {
     async initData () {
       try {
         // 从数据第一项推断列信息
+        if (this.tableData.length === 0) {
+          return
+        }
         const sample = this.tableData[0]
         this.tableColumns = Object.keys(sample).map(key => ({
           title: key, // 使用键名作为列标题

package/src/pages/DynamicStatistics/QuestionHistoryAndFavorites.vue

@@ -1,6 +1,6 @@
 <template>
   <a-card class="question-history" id="question-history" size="small" :bordered="false" :bodyStyle="{ height:'100%', overflowY: 'auto'}">
-    <a-tabs v-model="activeKey" :tabBarStyle="{ textAlign: 'center',height:'100%',postion:'' }" tabPosition="top">
+    <a-tabs v-model="activeKey" :tabBarStyle="{ textAlign: 'center',height:'100%' }" tabPosition="top">
       <a-tab-pane key="1" tab="对话历史">
         <a-list item-layout="horizontal" :data-source="questions">
           <a-list-item
@@ -95,6 +95,8 @@ export default {
               this.favorites.push(datum.data)
             }
           }
+          this.questions.sort((a, b) => new Date(b.date) - new Date(a.date))
+          this.favorites.sort((a, b) => new Date(b.date) - new Date(a.date))
         }
       )
     },

package/src/pages/DynamicStatistics/SearchBar.vue

@@ -1,13 +1,21 @@
 <template>
   <div class="search-bar">
+    <a-select default-value="all" class="select" @change="handleChange">
+      <a-select-option v-for="d in selectOption" :key="d.value">
+        {{ d.text }}
+      </a-select-option>
+    </a-select>
     <a-auto-complete
       v-model="searchInput"
       class="search-input"
+      ref="autoComplete"
       placeholder="请输入查询的内容"
       option-label-prop="title"
+      :open="true"
       @select="onSearch"
-      @search="handleSearch"
+      @search="fetchFunction"
     >
+      <a-spin v-if="searching" slot="notFoundContent" size="small" />
       <template slot="dataSource">
         <a-select-option v-for="item in dataSourceResults" :key="item.category" :title="item.category">
           <span>{{ item.category.substr(0,item.category.indexOf(searchInput)) }}</span>
@@ -33,19 +41,30 @@
 <script>
 import FavoriteList from './FavoriteList.vue'
 import { post } from '@vue2-client/services/api'
+import { debounce } from 'ant-design-vue/lib/vc-table/src/utils'
 
 export default {
   name: 'SearchBar',
   components: { FavoriteList },
   data () {
+    // 检索去抖
+    this.fetchFunction = debounce(this.fetchFunction, 300)
     return {
+      // 最后检索版本
+      lastFetchId: 0,
+      searching: false,
       searchInput: '', // 绑定搜索输入框的数据,
       favoriteState: false, // 是否收藏
       obj: undefined,
       favoriteListVisible: false,
       loading: false,
-      dataSource: [],
       dataSourceResults: [],
+      selectOption: [
+        { value: 'all', text: '全部' },
+        { value: '合同', text: '合同类' },
+        { value: '项目', text: '项目类' },
+        { value: '人员', text: '人员类' },
+      ]
     }
   },
   computed: {
@@ -54,13 +73,39 @@ export default {
     this.init()
   },
   methods: {
-    handleSearch (value) {
-      if (value) {
-        this.dataSourceResults = this.dataSource.filter(
-          item => item.category.indexOf(value) !== -1
-        )
+    handleChange (value) {
+      if (value === 'all') {
+        this.searchInput = ''
       } else {
-        this.dataSourceResults = []
+        this.searchInput = value
+      }
+      this.dataSourceResults = []
+      this.fetchFunction(this.searchInput)
+      this.$refs.autoComplete.focus()
+    },
+    fetchFunction (value) {
+      this.dataSourceResults = []
+      if (value) {
+        this.searching = true
+        this.lastFetchId += 1
+        const fetchId = this.lastFetchId
+        post('/api/af-system/logic/openapi/getCommonData', {
+          type: 'ai-question',
+          content: value
+        }).then(res => {
+          if (fetchId !== this.lastFetchId) {
+            return
+          }
+          if (res != null && Array.isArray(res)) {
+            // 提取 json 中的 question， 并去重
+            this.dataSourceResults = res.map(item => JSON.parse(item.f_json).question)
+              .filter((item, index, arr) => arr.indexOf(item) === index)
+              .map(item => ({ category: item }))
+            console.warn(this.dataSourceResults)
+          }
+        }).finally(() => {
+          this.searching = false
+        })
       }
     },
     // 处理搜索操作
@@ -82,15 +127,6 @@ export default {
       }
     },
     init () {
-      post('/api/af-system/logic/openapi/getCommonData', {
-        type: 'ai-evaluation',
-        content: '11'
-      }).then(res => {
-        // 提取 json 中的 question， 并去重
-        this.dataSource = res.map(item => JSON.parse(item.f_json).question)
-          .filter((item, index, arr) => arr.indexOf(item) === index)
-          .map(item => ({ category: item }))
-      })
       this.searchInput = ''
       this.obj = undefined
       this.favoriteState = false
@@ -143,6 +179,18 @@ export default {
     padding: 4px 80px 4px 40px;
     font-size: 16px;
   }
+  .select {
+    width: 100px;
+    height: 48px;
+    padding-right: 6px;
+    font-size: 16px;
+    text-align: center;
+    :deep(.ant-select-selection-selected-value) {
+      width: 100px;
+      height: 48px;
+      line-height: 48px;
+    }
+  }
 }
 
 </style>

package/src/pages/DynamicStatistics/index.vue

@@ -121,6 +121,15 @@ export default {
         //     age: Math.floor(Math.random() * 100) + 1
         //   }
         // ]
+        // 保存到数据库中
+        post('/api/af-system/logic/openapi/addCommonData', {
+          type: 'ai-question',
+          content: {
+            uuid: uuid,
+            question: value,
+            date: formatDate('now')
+          }
+        })
         if (Array.isArray(res)) {
           this.addTab(uuid, value, res, false)
         } else {