产品报表 前端增加庄口的筛选+获取庄口数据的接口联调

haoxuan

2024-04-28 bb944df3b736b983c6a26be8bcc50dac079b9c7e

 src/views/reportManage/productionReport/index.vue

@@ -8,9 +8,9 @@
        @searchClick="onFilterSearch"
      >
        <template slot="leftButton">
          <el-select
          <!-- <el-select
            v-model="marketId"
            placeholder="请选择"
            placeholder="请选择庄口"
            class="select-width margin_right_10px"
            multiple
            collapse-tags
@@ -22,7 +22,21 @@
              :value="item.ID"
            >
            </el-option>
          </el-select>
          </el-select> -->
          <el-cascader
            v-model="marketId"
            placeholder="请选择"
            class="select-width margin_right_10px"
            :options="marketList"
            :show-all-levels="false"
            collapse-tags
            :props="{
              multiple:true,
              value:'ID',
              label:'name'
            }"
          >
          </el-cascader>
          <el-button size="small" type="primary" @click="exportBtnClick"
            >导出</el-button
          >
@@ -108,7 +122,21 @@
        dictType: 0,
      }).then((res) => {
        if (res.code == 200) {
          this.marketList = res.data || [];
          if(res.data&&res.data.length>0){
            this.marketList = [
              {
                ID:0,
                name:'全部',
                children:res.data||[]
              }
            ]
            this.marketId=[];
            for(let i in res.data){
              this.marketId.push([0,res.data[i].ID])
            }
           
          }
          
        }
      });
    },