lambo-design-bi 0.0.149 → 0.0.151

package/bi/widget/container/card/card-widget.vue

@@ -39,7 +39,7 @@ export default {
     getWidgetName
   },
   created() {
-
+    console.log("ContainerCard params:", this.params)
   },
   mounted() {
 

package/bi/widget/container/card/comps/indicator-card/src/styles/css/card.less

@@ -85,13 +85,7 @@
     background: var(--component-background, @_component-background);
     border-radius: 0 0 var(--border-radius-base, @_border-radius-base) var(--border-radius-base, @_border-radius-base);
     padding: 8px 8px;
-
-    display: flex;          // 启用flex布局
-    flex-wrap: wrap;        // 允许换行
-    justify-content: flex-start; // 元素间距均匀分布
-    align-items: flex-start; // 顶部对齐
-    gap: 8px;
-
+    
     &.no-border-top {
       border-top: 0;
       border-radius: var(--border-radius-base, @_border-radius-base);

package/bi/widget/page/child-page-tm.vue

@@ -6,9 +6,8 @@
       <Button @click="goBack" type="primary" class="btn-margin" ghost>返回</Button>
     </template>
 
-    <LamboIndicatorCardBiSearch v-if="childPageWidget && childPageWidget.search && childPageWidget.search.widgets.length > 0" :has-extend="false" :has-title="false">
-      <BiSearchForm v-if="childPageWidget && childPageWidget.search" :widget="childPageWidget.search"
-        @on-search="doSearch">
+    <LamboIndicatorCardBiSearch v-if="shouldShowLamboIndicator" :has-extend="false" :has-title="false">
+      <BiSearchForm :widget="childPageWidget.search" @on-search="doSearch">
       </BiSearchForm>
     </LamboIndicatorCardBiSearch>
 
@@ -28,9 +27,8 @@ import BiSearchForm from '../search/search-form.vue'
 import LamboIndicatorCardBiSearch from '../container/card/comps/indicator-card/src/indicator-card-bi-search.vue'
 import { getPageConfig } from '../api/config'
 import { deepCopy } from "@lambo-design/shared/utils/assist"
-import { SEARCH_DICT, DATE_RANGE_PFIX } from '../../../util/constants'
-import moment from "moment/moment"
 import { getWidgetName } from '../util/widget-map'
+import { setRouteCfg2Search, getInitSearchRes, getSearchFormRes } from './util/common'
 
 export default {
   name: 'BiChildPageTm',
@@ -63,10 +61,14 @@ export default {
           if (res.data.data) {
             let pageWidgetTree = deepCopy(res.data.data)
             this.pageTitle = pageWidgetTree.options.title || ''
+
             console.log("获取页面配置 1:", pageWidgetTree)
-            this.setRouteConfig2Search(pageWidgetTree)
+            let routeConfig = this.$route.query || {}
+            setRouteCfg2Search(routeConfig, pageWidgetTree)
             console.log("获取页面配置 2:", pageWidgetTree)
+
             this.childPageWidget = deepCopy(pageWidgetTree)
+            this.initSearch()
           } else {
             console.error("获取页面配置[" + this.pageId + "]失败：配置数据为空")
             return
@@ -82,113 +84,29 @@ export default {
       // name从路由里面取
       // this.$router.push({  name: 'xxx' })
     },
-    doSearch(params) {
-      console.log("child-page-tm doSearch 1 params:", params)
-      console.log("child-page-tm doSearch this.childPageWidget:", this.childPageWidget)
-      let emptySearchArr = []
-      // 增加前端校验是否必传
-      let searchConfig = this.childPageWidget.search
-      if (searchConfig && Object.prototype.hasOwnProperty.call(searchConfig, "widgets") && searchConfig.widgets) {
-        for (let i = 0; i < searchConfig.widgets.length; i++) {
-          let oneSearch = searchConfig.widgets[i]
-          console.log("child-page-tm doSearch oneSearch:", oneSearch)
-          if (oneSearch && oneSearch.options.isRequired === '1' && oneSearch.options.qKey) {
-            // 时间范围选择框
-            if (oneSearch.options.searchType && oneSearch.options.searchType === SEARCH_DICT.MUlTI_DATE.id) {
-              if (!params[oneSearch.options.qKey + DATE_RANGE_PFIX.START] || !params[oneSearch.options.qKey + DATE_RANGE_PFIX.END]) {
-                emptySearchArr.push(oneSearch.name)
-              }
-            } else {
-              if (!params[oneSearch.options.qKey]) {
-                emptySearchArr.push(oneSearch.name)
-              }
-            }
-          }
-        }
-      }
+    initSearch() {
+      let resObj = getInitSearchRes(this.childPageWidget)
+      let emptySearchArr = resObj['emptySearchArr']
+      let initParams = resObj['initParams']
       if (emptySearchArr.length > 0) {
         console.log("必选查询条件为空：", emptySearchArr)
         this.$Message.warning({ content: "必选查询条件" + emptySearchArr.join() + "为空，请选择", duration: 1.8 })
         return
       }
-      this.params = deepCopy(params)
-      console.log("child-page-tm doSearch 2 this.params:", this.params)
+      this.params = deepCopy(initParams)
+      console.log("child-page-tm initSearch this.params:", this.params)
     },
-    setRouteConfig2Search(widgetData) {
-      let routeConfig = this.$route.query || {}
-      console.log("child-page-tm setRouteConfig2Search -- routeConfig:", routeConfig)
-      console.log("child-page-tm setRouteConfig2Search -- widgetData:", widgetData)
-      if (routeConfig && widgetData && widgetData.search && widgetData.search.widgets) {
-        widgetData.search.widgets.map(item => {
-          if (item.options && Object.prototype.hasOwnProperty.call(item.options, "qKey") && item.options['qKey']) {
-            let searchType = item.options['searchType']
-            let qKey = item.options['qKey']
-            if (searchType === SEARCH_DICT.INPUT.id) {
-              item.options['val'] = routeConfig[qKey]
-            } else if (searchType === SEARCH_DICT.SINGLE_SELECT.id) {
-              let val = routeConfig[qKey]
-              let valName = ''
-              let selDataList = item.options['dataList']
-              if (val && selDataList) {
-                for (let i = 0; i < selDataList.length; i++) {
-                  let selDataItem = selDataList[i]
-                  if (selDataItem && Object.prototype.hasOwnProperty.call(selDataItem, "K") && Object.prototype.hasOwnProperty.call(selDataItem, "V")) {
-                    if (selDataItem['K'] && selDataItem['K'] === val) {
-                      valName = selDataItem['V']
-                      break;
-                    }
-                  }
-                }
-                if (valName) {
-                  item.options['val'] = val
-                  item.options['valName'] = valName
-                }
-              }
-            } else if (searchType === SEARCH_DICT.MUlTI_SELECT.id) {
-              let val = routeConfig[qKey]
-              let valNameArr = []
-              let selDataList = item.options['dataList']
-              if (val && selDataList) {
-                let valArr = val.split(',')
-                for (let i = 0; i < selDataList.length; i++) {
-                  let selDataItem = selDataList[i]
-                  if (selDataItem && Object.prototype.hasOwnProperty.call(selDataItem, "K") && Object.prototype.hasOwnProperty.call(selDataItem, "V")) {
-                    if (selDataItem['K'] && valArr.includes(selDataItem['K'])) {
-                      valNameArr.push(selDataItem['V'])
-                    }
-                  }
-                }
-                if (valNameArr && valNameArr.length > 0) {
-                  item.options['val'] = valArr
-                  item.options['valName'] = valNameArr.join()
-                }
-              }
-            } else if (searchType === SEARCH_DICT.SINGLE_DATE.id) {
-              let val = routeConfig[qKey]
-              if (val && val.indexOf('-') > 0) {
-                val = moment(val).format("YYYYMMDD")
-              }
-              item.options['val'] = val
-            } else if (searchType === SEARCH_DICT.MUlTI_DATE.id) {
-              console.log("detail -- getPageConfig -- routeConfig:", routeConfig)
-              let startDate = routeConfig[qKey + '_start']
-              console.log("detail -- getPageConfig -- startDate:", startDate)
-              if (startDate.indexOf('-') > 0) {
-                startDate = moment(startDate).format("YYYYMMDD") || ''
-              }
-
-              let endDate = routeConfig[qKey + '_end']
-              console.log("detail -- getPageConfig -- endDate:", endDate)
-              if (endDate.indexOf('-')) {
-                endDate = moment(endDate).format("YYYYMMDD") || ''
-              }
-              if (startDate && endDate) {
-                item.options['val'] = [startDate, endDate]
-              }
-            }
-          }
-        })
+    doSearch(formParams) {
+      console.log("child-page-tm doSearch 1 formParams:", formParams)
+      console.log("child-page-tm doSearch this.childPageWidget:", this.childPageWidget)
+      let emptySearchArr = getSearchFormRes(formParams, this.childPageWidget)
+      if (emptySearchArr && emptySearchArr.length > 0) {
+        console.log("必选查询条件为空：", emptySearchArr)
+        this.$Message.warning({ content: "必选查询条件" + emptySearchArr.join() + "为空，请选择", duration: 1.8 })
+        return
       }
+      this.params = deepCopy(formParams)
+      console.log("child-page-tm doSearch 2 this.params:", this.params)
     }
   },
   created() {
@@ -202,10 +120,24 @@ export default {
     '$route'(to, from) {
       // 只有 query 或 params 变化时执行逻辑（避免 path 相同但参数变化时无响应）
       if (to.path === from.path && (to.query !== from.query || to.params !== from.params)) {
-        console.log("------------'$route'(to, from)---------------------------")
+        console.log("------------'$route'(to, from)------------")
         this.getConfig()
       }
     }
+  },
+  computed: {
+    shouldShowLamboIndicator() {
+      if (!this.childPageWidget ||
+        !this.childPageWidget.search ||
+        !this.childPageWidget.search.widgets) {
+        return false
+      }
+      // 过滤出searchType不等于'A0'的widgets
+      const filteredWidgets = this.childPageWidget.search.widgets.filter(item =>
+        item && item.options && item.options.searchType !== 'A0'
+      )
+      return filteredWidgets.length > 0
+    }
   }
 }
 </script>

package/bi/widget/page/index-page-tm.vue

@@ -3,8 +3,8 @@
   <LamboPageContainer :has-footer="false" :has-header="pageTitle ? true : false">
     <template #page-title>{{ pageTitle }}</template>
 
-    <LamboIndicatorCardBiSearch v-if="pageWidget && pageWidget.search && pageWidget.search.widgets.length > 0" :has-extend="false" :has-title="false">
-      <BiSearchForm v-if="pageWidget && pageWidget.search" :widget="pageWidget.search" @on-search="doSearch">
+    <LamboIndicatorCardBiSearch v-if="shouldShowLamboIndicator" :has-extend="false" :has-title="false">
+      <BiSearchForm :widget="pageWidget.search" @on-search="doSearch">
       </BiSearchForm>
     </LamboIndicatorCardBiSearch>
 
@@ -24,8 +24,8 @@ import BiSearchForm from '../search/search-form.vue'
 import LamboIndicatorCardBiSearch from '../container/card/comps/indicator-card/src/indicator-card-bi-search.vue'
 import { getPageConfig } from '../api/config'
 import { deepCopy } from "@lambo-design/shared/utils/assist"
-import { SEARCH_DICT, DATE_RANGE_PFIX } from '../../../util/constants'
 import { getWidgetName } from '../util/widget-map'
+import { setRouteCfg2Search, getInitSearchRes, getSearchFormRes } from './util/common'
 
 export default {
   name: 'BiIndexPageTm',
@@ -55,11 +55,20 @@ export default {
         if (res.data.code !== 1) {
           console.error("获取页面配置[" + this.pageId + "]失败：" + res.data.message)
         } else {
-          let pageWidgetTree = res.data.data
-          if (pageWidgetTree) {
+          if (res.data.data) {
+            let pageWidgetTree = deepCopy(res.data.data)
+            this.pageTitle = pageWidgetTree.options.title || ''
+
+            let routeConfig = this.$route.query || {}
+            // 首页一般路由都会有参数，但是大多数情况不需要配置输入参数
+            if (Object.prototype.hasOwnProperty.call(routeConfig, "paramsPass") && routeConfig['paramsPass']) {
+              console.log("获取页面配置 1:", pageWidgetTree)
+              setRouteCfg2Search(routeConfig, pageWidgetTree)
+              console.log("获取页面配置 2:", pageWidgetTree)
+            }
+
             this.pageWidget = deepCopy(pageWidgetTree)
-            this.pageTitle = this.pageWidget.options.title || ''
-            console.log("获取页面配置成功:", this.pageWidget)
+            this.initSearch()
           } else {
             console.error("获取页面配置[" + this.pageId + "]失败：配置数据为空")
             return
@@ -69,44 +78,50 @@ export default {
         console.error("获取页面配置[" + this.pageId + "]异常：", err)
       })
     },
-    doSearch(params) {
-      console.log("index-page-tm doSearch 1 params:", params)
-      console.log("index-page-tm doSearch this.pageWidget:", this.pageWidget)
-      let emptySearchArr = []
-      // 增加前端校验是否必传
-      let searchConfig = this.pageWidget.search
-      if (searchConfig && Object.prototype.hasOwnProperty.call(searchConfig, "widgets") && searchConfig.widgets) {
-        for (let i = 0; i < searchConfig.widgets.length; i++) {
-          let oneSearch = searchConfig.widgets[i]
-          console.log("index-page-tm doSearch oneSearch:", oneSearch)
-          if (oneSearch && oneSearch.options.isRequired === '1' && oneSearch.options.qKey) {
-            // 时间范围选择框
-            if (oneSearch.options.searchType && oneSearch.options.searchType === SEARCH_DICT.MUlTI_DATE.id) {
-              if (!params[oneSearch.options.qKey + DATE_RANGE_PFIX.START] || !params[oneSearch.options.qKey + DATE_RANGE_PFIX.END]) {
-                emptySearchArr.push(oneSearch.name)
-              }
-            } else {
-              if (!params[oneSearch.options.qKey]) {
-                emptySearchArr.push(oneSearch.name)
-              }
-            }
-          }
-        }
-      }
+    initSearch() {
+      let resObj = getInitSearchRes(this.childPageWidget)
+      let emptySearchArr = resObj['emptySearchArr']
+      let initParams = resObj['initParams']
       if (emptySearchArr.length > 0) {
         console.log("必选查询条件为空：", emptySearchArr)
         this.$Message.warning({ content: "必选查询条件" + emptySearchArr.join() + "为空，请选择", duration: 1.8 })
         return
       }
-      this.params = deepCopy(params)
-      console.log("index-page-tm doSearch 2 this.params:", this.params)
+      this.params = deepCopy(initParams)
+      console.log("index-page-tm initSearch this.params:", this.params)
     },
+    doSearch(formParams) {
+      console.log("index-page-tm doSearch 1 formParams:", formParams)
+      console.log("index-page-tm doSearch this.pageWidget:", this.pageWidget)
+      let emptySearchArr = getSearchFormRes(formParams, this.pageWidget)
+      if (emptySearchArr && emptySearchArr.length > 0) {
+        console.log("必选查询条件为空：", emptySearchArr)
+        this.$Message.warning({ content: "必选查询条件" + emptySearchArr.join() + "为空，请选择", duration: 1.8 })
+        return
+      }
+      this.params = deepCopy(formParams)
+      console.log("index-page-tm doSearch 2 this.params:", this.params)
+    }
   },
   created() {
     this.getConfig()
   },
   mounted() {
 
+  },
+  computed: {
+    shouldShowLamboIndicator() {
+      if (!this.pageWidget ||
+        !this.pageWidget.search ||
+        !this.pageWidget.search.widgets) {
+        return false
+      }
+      // 过滤出searchType不等于'A0'的widgets
+      const filteredWidgets = this.pageWidget.search.widgets.filter(item =>
+        item && item.options && item.options.searchType !== 'A0'
+      )
+      return filteredWidgets.length > 0
+    }
   }
 }
 </script>

package/bi/widget/page/util/common.js

@@ -0,0 +1,157 @@
+import { SEARCH_DICT, DATE_RANGE_PFIX, DEFAULT_DATE_FORMAT } from '../../../../util/constants'
+import moment from "moment/moment"
+
+/**
+ * 将路由携带的参数，赋值给查询条件列表
+ * 
+ * @param {*} widgetData 
+ */
+export function setRouteCfg2Search(routeConfig, widgetData) {
+  console.log("setRouteConfig2Search -- routeConfig:", routeConfig)
+  console.log("setRouteConfig2Search -- widgetData:", widgetData)
+  if (routeConfig && widgetData && widgetData.search && widgetData.search.widgets) {
+    widgetData.search.widgets.map(item => {
+      if (item.options && item.options['qKey'] && Object.prototype.hasOwnProperty.call(routeConfig, item.options['qKey'])) {
+        let qKey = item.options['qKey']
+        let searchType = item.options['searchType']
+        if (searchType === SEARCH_DICT.INPUT.id || searchType === SEARCH_DICT.NOT_SHOW_INPUT.id) {
+          item.options['val'] = routeConfig[qKey]
+        } else if (searchType === SEARCH_DICT.SINGLE_SELECT.id) {
+          let val = routeConfig[qKey]
+          let valName = ''
+          let selDataList = item.options['dataList']
+          if (val && selDataList) {
+            for (let i = 0; i < selDataList.length; i++) {
+              let selDataItem = selDataList[i]
+              if (selDataItem && Object.prototype.hasOwnProperty.call(selDataItem, "K") && Object.prototype.hasOwnProperty.call(selDataItem, "V")) {
+                if (selDataItem['K'] && selDataItem['K'] === val) {
+                  valName = selDataItem['V']
+                  break;
+                }
+              }
+            }
+            if (valName) {
+              item.options['val'] = val
+              item.options['valName'] = valName
+            }
+          }
+        } else if (searchType === SEARCH_DICT.MUlTI_SELECT.id) {
+          let val = routeConfig[qKey]
+          let valNameArr = []
+          let selDataList = item.options['dataList']
+          if (val && selDataList) {
+            let valArr = val.split(',')
+            for (let i = 0; i < selDataList.length; i++) {
+              let selDataItem = selDataList[i]
+              if (selDataItem && Object.prototype.hasOwnProperty.call(selDataItem, "K") && Object.prototype.hasOwnProperty.call(selDataItem, "V")) {
+                if (selDataItem['K'] && valArr.includes(selDataItem['K'])) {
+                  valNameArr.push(selDataItem['V'])
+                }
+              }
+            }
+            if (valNameArr && valNameArr.length > 0) {
+              item.options['val'] = valArr
+              item.options['valName'] = valNameArr.join()
+            }
+          }
+        } else if (searchType === SEARCH_DICT.SINGLE_DATE.id) {
+          let val = routeConfig[qKey]
+          if (val && val.indexOf('-') > 0) {
+            val = moment(val).format("YYYYMMDD")
+          }
+          item.options['val'] = val
+        } else if (searchType === SEARCH_DICT.MUlTI_DATE.id) {
+          let startDate = routeConfig[qKey + '_start']
+          if (startDate.indexOf('-') > 0) {
+            startDate = moment(startDate).format("YYYYMMDD") || ''
+          }
+          let endDate = routeConfig[qKey + '_end']
+          if (endDate.indexOf('-')) {
+            endDate = moment(endDate).format("YYYYMMDD") || ''
+          }
+          if (startDate && endDate) {
+            item.options['val'] = [startDate, endDate]
+          }
+        }
+      }
+    })
+  }
+}
+
+/**
+ * 初始化的查询条件，提取后端查询参数值合集、校验必传参数
+ * 
+ * @param {*} pageWidget 
+ * @returns 
+ */
+export function getInitSearchRes(pageWidget) {
+  let emptySearchArr = []
+  let initParams = {}
+  // 页面没设置查询条件的先不管
+  if (pageWidget && pageWidget.search) {
+    let searchList = pageWidget.search.widgets
+    searchList.map(item => {
+      if (item.options && Object.prototype.hasOwnProperty.call(item.options, "qKey")) {
+        let qKey = item.options.qKey
+        if (Object.prototype.hasOwnProperty.call(item.options, "val") && item.options.val) {
+          let val = item.options.val
+          if (Array.isArray(val)) {
+            if (item.options.searchType === SEARCH_DICT.MUlTI_DATE.id) {
+              if (val && Array.isArray(val) && val.length === 2 && val[0] && val[1]) {
+                initParams[qKey + DATE_RANGE_PFIX.START] = moment(val[0]).format(DEFAULT_DATE_FORMAT)
+                initParams[qKey + DATE_RANGE_PFIX.END] = moment(val[1]).format(DEFAULT_DATE_FORMAT)
+              }
+            } else {
+              initParams[qKey] = val.join()
+            }
+          } else {
+            if (item.options.searchType === SEARCH_DICT.SINGLE_DATE.id) {
+              initParams[qKey] = moment(val).format(DEFAULT_DATE_FORMAT)
+            } else {
+              initParams[qKey] = val
+            }
+          }
+        } else {
+          // 必填查询条件
+          if (item.options.isRequired === '1') {
+            emptySearchArr.push(item.name)
+          }
+        }
+      }
+    })
+  }
+  return { emptySearchArr: emptySearchArr, initParams: initParams }
+}
+
+/**
+ * 校验SearchForm中获取查询条件的值合集，是否必传但为空值的
+ * 
+ * @param {*} formParams 
+ * @param {*} pageWidget 
+ * @returns 
+ */
+export function getSearchFormRes(formParams, pageWidget) {
+  let emptySearchArr = []
+  // 增加前端校验是否必传
+  let searchConfig = pageWidget.search
+  if (searchConfig && Object.prototype.hasOwnProperty.call(searchConfig, "widgets") && searchConfig.widgets) {
+    for (let i = 0; i < searchConfig.widgets.length; i++) {
+      let oneSearch = searchConfig.widgets[i]
+      console.log("child-page-tm doSearch oneSearch:", oneSearch)
+      if (oneSearch && oneSearch.options.isRequired === '1' && oneSearch.options.qKey) {
+        // 时间范围选择框
+        if (oneSearch.options.searchType && oneSearch.options.searchType === SEARCH_DICT.MUlTI_DATE.id) {
+          if (!formParams[oneSearch.options.qKey + DATE_RANGE_PFIX.START] || !formParams[oneSearch.options.qKey + DATE_RANGE_PFIX.END]) {
+            emptySearchArr.push(oneSearch.name)
+          }
+        } else {
+          if (!formParams[oneSearch.options.qKey]) {
+            emptySearchArr.push(oneSearch.name)
+          }
+        }
+      }
+    }
+  }
+  return emptySearchArr
+
+}

package/bi/widget/search/search-form.vue

@@ -1,12 +1,11 @@
 <template>
   <div v-if="widget.widgets && widget.widgets.length > 0">
-    <LamboQueryFilter :default-rows="3" :label-width="145" :span="8" :hideResetButton="true" @do-search="doSearch"
-      @on-reset="onReset">
-      <template>
-        <FormItem v-for="(item, index) in widget.widgets" :key="index" :label="item.name">
+    <LamboQueryFilter :default-rows="3" :label-width="145" :span="8" :hideResetButton="true" @do-search="doSearch" @on-reset="onReset">
+      <div v-for="(item, index) in widget.widgets" :key="index">
+        <FormItem v-if="item.options.searchType !== 'A0'" :label="item.name">
           <BiSearchItem :widget="item"></BiSearchItem>
         </FormItem>
-      </template>
+      </div>
     </LamboQueryFilter>
   </div>
 </template>
@@ -52,15 +51,17 @@ export default {
                   params[qKey] = val.join()
                 }
               } else {
-                if (item.options.searchType === '50') {
+                if (item.options.searchType === SEARCH_DICT.SINGLE_DATE.id) {
                   params[qKey] = moment(val).format(DEFAULT_DATE_FORMAT)
                 } else {
                   params[qKey] = val
                 }
               }
-            } else {
-              params[qKey] = null
             }
+            // TODO：这里传null还是不传后面看下
+            // else {
+            //   params[qKey] = null
+            // }
           }
         })
       }

package/bi/widget/search/search-item.vue

@@ -1,27 +1,27 @@
 <!-- eslint-disable -->
 <template>
   <div>
-    <div v-if="widget.options.searchType === '00'"> <!-- 输入框 -->
+    <div v-if="widget.options.searchType === searchDict.INPUT.id"> <!-- 输入框 -->
       <Input v-model="widget.options.val" class="query" placeholder="请输入" :clearable="true" />
     </div>
-    <div v-else-if="widget.options.searchType === '01'"> <!-- 模糊输入框 -->
+    <div v-else-if="widget.options.searchType === searchDict.FUZZY_INPUT.id"> <!-- 模糊输入框 -->
       <Input v-model="widget.options.val" class="query" placeholder="请输入" :clearable="true" />
     </div>
-    <div v-else-if="widget.options.searchType === 'A0'" class="not-show"> <!-- 隐形查询条件 -->
+    <div v-else-if="widget.options.searchType === searchDict.NOT_SHOW_INPUT.id" class="not-show"> <!-- 隐形查询条件 -->
       <Input v-model="widget.options.val" class="query" />
     </div>
-    <div v-else-if="widget.options.searchType === '10'"> <!-- 单选下拉框 -->
+    <div v-else-if="widget.options.searchType === searchDict.SINGLE_SELECT.id"> <!-- 单选下拉框 -->
       <Select v-model="widget.options.val" class="query" filterable :clearable="true" placeholder="请选择">
         <Option v-for="(item, index) in widget.options.dataList" :key="index" :value="item.K"> {{ item.V }}</Option>
       </Select>
     </div>
-    <div v-else-if="widget.options.searchType === '20'"> <!-- 多选下拉框 -->
+    <div v-else-if="widget.options.searchType === searchDict.MUlTI_SELECT.id"> <!-- 多选下拉框 -->
       <Select v-model="widget.options.val" class="query" filterable :clearable="true" placeholder="请选择" multiple
         :max-tag-count="1">
         <Option v-for="(item, index) in widget.options.dataList" :key="index" :value="item.K"> {{ item.V }}</Option>
       </Select>
     </div>
-    <div v-else-if="widget.options.searchType === '30'"> <!-- 单选帮助框 -->
+    <div v-else-if="widget.options.searchType === searchDict.SINGLE_HELP.id"> <!-- 单选帮助框 -->
       <Input class="display-none" v-model="helpVal" />
       <Input class="query" v-model="helpValName" icon="ios-list-box-outline" readonly @on-click="showHelpBox"
         placeholder="请选择" />
@@ -30,7 +30,7 @@
         :row-key="helpRowIdKey" :row-name="helpRowNameKey" :selected-key="helpSelectKey" :multi-select="false"
         :help-box-search-params="helpSearchParams" @on-ok="onHelpOk" @onClear="onHelpClear"></HelpBox>
     </div>
-    <div v-else-if="widget.options.searchType === '40'"> <!-- 多选帮助框 -->
+    <div v-else-if="widget.options.searchType === searchDict.MUlTI_HELP.id"> <!-- 多选帮助框 -->
       <Input class="display-none" v-model="helpVal" />
       <Input class="query" v-model="helpValName" icon="ios-list-box-outline" readonly @on-click="showHelpBox"
         placeholder="请选择" />
@@ -39,11 +39,11 @@
         :row-key="helpRowIdKey" :row-name="helpRowNameKey" :selected-key="helpSelectKey" :multi-select="true"
         :help-box-search-params="helpSearchParams" @on-ok="onHelpOk" @onClear="onHelpClear"></HelpBox>
     </div>
-    <div v-else-if="widget.options.searchType === '50'"> <!-- 单日期选择框 -->
+    <div v-else-if="widget.options.searchType === searchDict.SINGLE_DATE.id"> <!-- 单日期选择框 -->
       <DatePicker v-model="widget.options.val" format="yyyy-MM-dd" placeholder="请选择" placement="bottom-end"
         class="query"></DatePicker>
     </div>
-    <div v-else-if="widget.options.searchType === '51'"> <!-- 日期范围选择框 -->
+    <div v-else-if="widget.options.searchType === searchDict.MUlTI_DATE.id"> <!-- 日期范围选择框 -->
       <DatePicker v-model="widget.options.val" format="yyyy-MM-dd" placeholder="请选择" placement="bottom-end"
         class="query" type="daterange"></DatePicker>
     </div>
@@ -53,6 +53,7 @@
 /* eslint-disable */
 import HelpBox from "../../../pub/helpbox/index.vue"
 import biConfig from "../config/config"
+import { SEARCH_DICT } from '../../../util/constants'
 
 export default {
   name: 'BiSearchItem',
@@ -99,7 +100,8 @@ export default {
       helpApiId: '',
       helpVal: null,
       helpValName: null,
-      helpSearchParams: null
+      helpSearchParams: null,
+      searchDict: SEARCH_DICT
     }
   },
   methods: {

package/bi/widget/table/detail-table.vue

@@ -45,11 +45,12 @@ export default {
     }
   },
   created() {
+    console.log("detail-table created params:", this.params)
     this.initConfig()
-    this.doSearch()
   },
   mounted() {
-
+    // 组件渲染之前已经拿到该拿到的数据了
+    this.doSearch()
   },
   watch: {
     params: {
@@ -58,7 +59,7 @@ export default {
         this.doSearch()
       },
       deep: true
-    },
+    }
   }
 }
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lambo-design-bi",
-  "version": "0.0.149",
+  "version": "0.0.151",
   "description": "",
   "main": "index.js",
   "author": "finch",

package/util/constants.js

@@ -3,6 +3,10 @@ export const SEARCH_DICT = Object.freeze({
     id: "00",
     name: "输入框"
   },
+  FUZZY_INPUT: {
+    id: "01",
+    name: "模糊输入框"
+  },
   SINGLE_SELECT: {
     id: "10",
     name: "单选下拉框"
@@ -27,6 +31,10 @@ export const SEARCH_DICT = Object.freeze({
     id: "51",
     name: "日期范围帮助框"
   },
+  NOT_SHOW_INPUT: {
+    id: "A0",
+    name: "隐形输入框"
+  },
 })
 
 export const DATE_RANGE_PFIX = Object.freeze({