@tongfun/tf-widget 0.1.26 → 0.1.27

package/package/t-data-list/main.vue

@@ -26,7 +26,7 @@
         </div>
 
         <!-- 搜索输入框 -->
-        <TListSearch ref="tListSearchRef" class="common-table-buttons-search" @search="handleSuggestMultiCondition($event)" />
+        <TListSearch ref="tListSearchRef" class="common-table-buttons-search" @search="handleSuggestMultiCondition($event,false)" />
       </div>
       <!--过滤方案-->
       <Tplan ref="TplanRef" :fields-option="tableLayout" @change="handlePlanConditionChange" />

package/package/t-input/children/basic.vue

@@ -48,7 +48,7 @@
       </div>
       <template v-slot:title>
         <div class="common-title">
-          <TListSearch class="common-table-buttons-search" @search="handleSuggestMultiCondition($event,true)" />
+          <TListSearch class="common-table-buttons-search" @search="handleSuggestMultiCondition($event,false)" />
         </div>
       </template>
       <span slot="footer" class="dialog-footer basic-selector-footer">
@@ -136,6 +136,7 @@ export default {
         await this.getTableLayout()
       }
       loading.close()
+      this.searchSuggestCondition = []
       this.getTableData()
       this.dialogVisible = true
     },
@@ -176,15 +177,20 @@ export default {
         this.$emit('delete')
       }
     },
-    // 获取搜索建议
-    // 此时的搜索建议也需要对限定范围条件进行拼接
+    /**
+     * 基础资料空间搜索建议
+     * 在没有打开基础资料弹窗之前，根据用户的输入提供选项
+     * @param queryString
+     * @param callback
+     * @returns {Promise<void>}
+     */
     async getAdvice (queryString, callback) {
-      this.tableLayout.length === 0 && (await this.getTableLayout())
+      !this.tableLayout.length && (await this.getTableLayout())
       let record = []
-      if (!/^\s*$/g.test(queryString)) {
-        this.handleSuggestMultiCondition(queryString, false)
-        record = await this.getTableData(true, false)
-      }
+      this.handleSuggestMultiCondition(queryString, true)
+      record = /^\s*$/g.test(queryString)
+        ? []
+        : await this.getTableData(true, false)
       callback(record)
     },
     // 搜索建议的显示格式

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tongfun/tf-widget",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "tf-widget",
   "main": "lib/tf-widget.umd.js",
   "private": false,
@@ -12,7 +12,7 @@
     "lint": "vue-cli-service lint",
     "lib": "vue-cli-service build --target lib --name tf-widget --dest lib src/index.js",
     "postinstall": "node -e \"try{require('./postinstall')}catch(e){}\"",
-    "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch package -C -e js,vue,less --debug -x \"npm run lib && yalc push\" "
+    "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch package  -e js,vue,less --debug -x \"npm run lib && yalc push\" "
   },
   "dependencies": {
     "axios": "^0.21.1",

package/src/mixins/t-data-query-mixin.js

@@ -225,22 +225,25 @@ export default {
     },
     /**
      * 处理条件变更和重新获取数据的逻辑
-     * @param {boolean} queryString 用户输入的内容
-     * @param {boolean} isList 分为两个场景,1:列表和弹窗中输入框  2:弹窗未打开之前的如输入框中搜索建议
+     * 基础资料搜索建议和列表页面右上角的搜索输入框的条件处理
+     * @param {string} queryString 用户输入的内容
+     * @param {boolean} inputMode 输入框模式：true，否则是列表模式,输入框模式不进行数据查询
      */
-    // 基础资料搜索建议和列表页面右上角的搜索输入框的条件处理
-    handleSuggestMultiCondition (queryString, isList = true) {
+    handleSuggestMultiCondition (queryString, inputMode = true) {
       const conditionMultiList = []
       for (const item of this.suggestFieldList) {
         conditionMultiList.push(this.createMultiCondition(item, queryString, false, false))
       }
       this.searchSuggestCondition = conditionMultiList
       // todo: 列表和弹窗 还有一个子分类,弹窗不进行合计调用
-      !isList
-        ? this.getTableData(true, false)
-        : this.queryType === 'LIST'
-          ? this.getTableData(false, true)
-          : this.getTableData(false, false)
+      if (inputMode) {
+        return
+      }
+      // 处于列表中，还是处于基础资料的弹窗中，不同的地方在于，列表会进行合计，弹窗则会仅仅筛选已经审核的数据
+      // 以上逻辑在后端，前端仅仅需要传querytype的参数
+      this.queryType === 'LIST'
+        ? this.getTableData(false, true)
+        : this.getTableData(false, false)
     },
     /**
      * 创建一个高级过滤条件