<template>
  <div class="app-container">
    <!-- 筛选条件 -->
    <div class="screen-container">
      <el-form ref="screenForm" :model="screenForm" label-width="90px" size="mini" label-position="left">
        <el-row :gutter="20">
          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="产品大类" prop="type">
              <el-select v-model="screenForm.type" placeholder="请选择产品大类" clearable>
                <el-option
                  v-for="item in typeList"
                  :key="item.dictCode"
                  :label="item.dictValue"
                  :value="item.dictCode"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="产品名称" prop="goodsName">
              <el-input v-model="screenForm.goodsName" placeholder="请输入产品名称"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="产品编码" prop="goodsNum">
              <el-input v-model="screenForm.goodsNum" placeholder="请输入产品编码"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="规格型号" prop="model">
              <el-input v-model="screenForm.model" placeholder="请输入规格型号"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="经销商编号" prop="jxsNum">
              <el-input v-model="screenForm.jxsNum" placeholder="请输入经销商编号"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="经销商名称" prop="jxsName">
              <el-input v-model="screenForm.jxsName" placeholder="请输入经销商名称"></el-input>
            </el-form-item>
          </el-col>

          <!-- <el-col :xs="24" :sm="24" :lg="12" class="tr">
            <el-form-item label="">
              <el-button @click="resetScreenForm">清空</el-button>
              <el-button type="primary" @click="submitScreenForm">搜索</el-button>
            </el-form-item>
          </el-col> -->
        </el-row>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      screenForm: {
        // 筛选表单数据
        type: '',
        goodsName: '',
        goodsNum: '',
        model: '',
        jxsName: '',
        jxsNum: ''
      }
    }
  }
}
</script>
