列表搜索项支持级联

石广澎

2023-11-21 99e37eb1e5ba8636b6a5994861dec31278d312c2

 admin-web/src/components/mySearch/mySearch.vue

@@ -2,7 +2,7 @@
  <div class="table-page-search-wrapper" style="padding: 0 10px 10px 10px">
    <el-form :model="form" inline ref="formData" size="small">
      <el-form-item :label="item.label" :prop="item.dataIndex" v-for="(item, i) in myItems1" :key="i">
        <search-item :item="item" @change="formChange($event, i)" :value="item.value" />
        <search-item :ref="item.dataIndex" :item="item" @change="formChange($event, i)" :value="item.value" />
      </el-form-item>
      <el-form-item>
        <div class="table-page-search-submitButtons">
@@ -82,6 +82,27 @@
      });
    },
    formChange(e, i) {
      const item = this.items[i]
      if(item.cascader&&item.cascader.length>0){
        item.cascader.map(obj=>{
          const st = this.$refs[obj.key]
          if(st&&st[0]){

            if(!e){
              st[0].clearData()
              let cur = this.items.find(t=>t.dataIndex==obj.key)
              cur.value = ''
              this.form[cur.dataIndex] = '';
              // this.$set
            }else{
              st[0].initData({
                [obj.queryKey]: e
              })
            }

          }
        })
      }
      this.form[this.items[i].dataIndex] = e;
      this.items[i].value = e;
      this.$forceUpdate();