<template>
  <div>
    <el-form :model="filterQuery" v-show="showSearch"  label-width="auto">
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item label="药品编码:" class="query-form-item">
            <el-input v-model="filterQuery.nameCode"
                      placeholder="请输入药品编码"
                      clearable
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="药品通用名:" class="query-form-item">
            <el-input
              clearable
              v-model="filterQuery.cpmctymc"
              placeholder="请输入药品通用名"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="医保编码:" class="query-form-item">
            <el-input
              clearable
              v-model="filterQuery.ybbm"
              placeholder="请输入医保编码"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="批准文号:" class="query-form-item">
            <el-input
              clearable
              v-model="filterQuery.zczbhhzbapzbh"
              placeholder="请输入批准文号"
            ></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="生产企业:" class="query-form-item">
            <el-input
              clearable
              v-model="filterQuery.manufactory"
              placeholder="请输入生产企业"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="药品描述:" class="query-form-item">
            <el-input
              clearable
              v-model="filterQuery.cpms"
              placeholder="请输入药品描述"
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-divider/>
    </el-form>
    <div style="text-align: right;">
      <el-button-group>
        <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
        <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
        <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
        <el-button type="primary" icon="el-icon-plus" @click="chooseDrug">选入药品</el-button>
      </el-button-group>
    </div>


    <el-table v-loading="loading" :data="list" style="width: 100%;margin-top: 20px" :row-style="{height: '32px' }"
    >
      <el-table-column type="selection" width="55"></el-table-column>
      <el-table-column type="index" label="序号"></el-table-column>
      <el-table-column label="药品编码" prop="nameCode" width="90"></el-table-column>
      <el-table-column label="药品通用名称" prop="cpmctymc" width="100"></el-table-column>
      <el-table-column label="包装规格" prop="packagingSpec" width="90"></el-table-column>
      <el-table-column label="包装单位" prop="prepnUnit" width="90"></el-table-column>
      <el-table-column label="制剂规格" prop="prepnSpec" width="90"></el-table-column>
      <el-table-column label="制剂单位" prop="prepnUnit" width="90"></el-table-column>
      <el-table-column label="批准文号" prop="approvalNum" width="90"></el-table-column>
      <el-table-column label="生产企业" prop="manufacturerName" width="90"></el-table-column>
      <el-table-column label="药品类型" prop="manufactory" width="90"></el-table-column>
      <el-table-column label="包装比例" prop="packRatio" width="100"></el-table-column>
      <el-table-column label="包装级别" prop="packLevel" width="120"></el-table-column>
    </el-table>
    <!--<pagination-->
    <!--  v-show="total>0"-->
    <!--  :total="total"-->
    <!--  :page.sync="filterQuery.page"-->
    <!--  :limit.sync="filterQuery.limit"-->
    <!--  @pagination="getList"-->
    <!--&gt;</pagination>-->
  </div>
</template>

<script>


export default {

  data() {
    return {
      showSearch: true,
      filterQuery: {},
      list: [
        {
          nameCode: '152321456',
        }
      ],
      total: 0,
    }
  },
  methods:{
    hideSearch() {
      this.showSearch = !this.showSearch;
    },
  }

}
</script>

<style scoped>

</style>
