<!-- 搜索表单 -->
<template>
  <div class="itemSearch">
    <el-form
      label-width="80px"
      label-position="left"
      class="ele-form-search"
      @keyup.enter.native="search"
      @submit.native.prevent
    >
      <el-row :gutter="15">
        <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
          <el-form-item label="仓库:" prop="warehouseId">
            <template>
              <el-select
                clearable
                style="width: 100%"
                v-model="params.warehouseId"
                placeholder="请选择"
              >
                <el-option
                  v-for="item in warehouseList"
                  :label="item.name"
                  :value="item.id"
                  :key="item.id"
                >
                </el-option>
              </el-select>
            </template>
          </el-form-item>
        </el-col>
        <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
          <el-form-item label="列表维度:" prop="dimension">
            <template>
              <el-select
                style="width: 100%"
                clearable
                @change="$emit('handledime', $event)"
                v-model="dimension"
                placeholder="请选择">
                <el-option label="包装维度" value="3"></el-option>
                <el-option label="物料维度" value="4"></el-option>
              </el-select>
            </template>
          </el-form-item>
        </el-col>
        <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
          <el-form-item label="物品编码:" prop="code">
            <el-input
              clearable
              placeholder="请输入"
              v-model.trim="params.code"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
          <el-form-item label="物品名称:" prop="assetName">
            <el-input
              clearable
              v-model="params.assetName"
              placeholder="请输入"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
          <el-form-item label="客户代号:" prop="clientCode">
            <el-input
              clearable
              v-model="params.clientCode"
              placeholder="请输入"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
          <el-form-item label="规格:" prop="specification">
            <el-input
              clearable
              v-model="params.specification"
              placeholder="请输入"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col
          v-if="dimension == 3 || dimension == 4"
          v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }"
        >
          <el-form-item label="发货条码:" prop="barcodes">
            <el-input
              clearable
              v-model="params.barcodes"
              placeholder="请输入"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
          <div class="ele-form-actions">
            <el-button
              type="primary"
              icon="el-icon-search"
              class="ele-btn-icon"
              @click="search"
              size="small"
            >
              查询
            </el-button>
            <el-button
              @click="reset"
              icon="el-icon-refresh-left"
              size="small"
              type="primary"
            >重置
            </el-button
            >
          </div>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>
<script>

import {getWarehouseList} from "@/api/bpm/components/wms";

export default {
  props: {
    curRow: {
      type: Object,
      default: () => {
        return {}
      }
    },
  },
  data() {
    // 默认表单数据
    const defaultParams = {
      informationName: '',
      warehouseId: '',
      manualBatchNo: '',
      assetName: '',
      code: '',
      batchNo: '',
      modelType: '',
      clientCode: '',
      specification: '',
      barcodes: ''
    };
    return {
      // 表单数据
      params: {...defaultParams},
      warehouseList: [],
      dimension: '4'
    };
  },
  computed: {
    // 是否开启响应式布局
    styleResponsive() {
      return this.$store.state.theme.styleResponsive;
    }
  },
  created() {
    this.getArguInfo();
  },
  mounted() {
    setTimeout(() => {
      this.setSearchParams();
    }, 400)

  },
  methods: {
    setSearchParams() {
      console.log(this.curRow);
      this.params.assetName = this.curRow.productName
      this.params.code = this.curRow.productCode
      this.params.modelType = this.curRow.modelType
      this.params.clientCode = this.curRow.customerMark
      this.params.specification = this.curRow.specification
      this.search()
    },
    //搜索数据源
    async getArguInfo() {
      const {data} = await getWarehouseList();
      this.warehouseList = data;
    },
    /* 搜索 */
    search() {
      this.$emit('search', {
        ...this.params
      });
    },
    /*  重置 */
    reset() {
      this.params = {...this.defaultParams};
      this.search();
    }
  }
};
</script>
<style lang="scss" scoped>
::v-deep .el-row {
  display: flex;
  flex-wrap: wrap;
}
</style>
