nezha-nezha-fronted/nezha-fronted/src/components/common/mixin/routerPathParams.js

import lodash from 'lodash'
export default {
  methods: {
  // 解析请求参数，初始化 searchLabel
    initQueryFromPath (searchKeys) {
      const q = this.$route.query
      lodash.forIn(searchKeys, (val, key) => {
        let qv = lodash.get(q, key)
        if (qv && val.type == 'number') {
          qv = lodash.toNumber(qv)
        }
        setTimeout(() => {
          this.setSearchInput(val, qv)
        }, 200)
        qv && this.$set(val.target, val.propertyName, qv)
      })
    },
    // 更新path，包含请求参数
    updatePath (param, path) {
      console.log(param)
      const params = lodash.cloneDeep(param)
      Object.keys(params).forEach(key => {
        if (!params[key]) {
          delete params[key]
        }
      })
      this.$router.replace({ path: path, query: params }).catch(err => {})
    },
    setSearchInput (val, qv) {
      let dataList = ''
      if (this.detailType !== 'view') {
        dataList = 'dataList'
      } else {
        dataList = 'detailList'
      }
      if (val.isSearchInput) {
        setTimeout(() => {
          const obj = lodash.cloneDeep(val.defaultJson)
          obj[val.jsonKey] = qv
          console.log(obj[val.jsonKey])
          this.$refs[dataList].$refs.searchInput.select_list.push(obj)
          this.$refs[dataList].$refs.searchInput.sreach_num++
          // this.$refs[dataList].$refs.searchInput.searchLabelList = this.$refs[dataList].$refs.searchInput.searchLabelList.filter(item => item.label !== 'projectIds')
        }, 500)
      }
    }
  }
}