<template>
  <div>
    <el-card class="el-card">
<!--      <el-form :model="orderQuery" size="mini" label-width="100px" v-show="showSearch">-->
<!--        <el-row>-->
<!--          <el-col :span="6">-->
<!--            <el-form-item class="query-form-item" label="追溯码:">-->
<!--              <el-input v-model="orderQuery.unionCode" placeholder="请扫描或输入追溯码"-->
<!--                        style="width: 500px"-->
<!--                        clearable="true"></el-input>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--        </el-row>-->
<!--      </el-form>-->
<!--      <div class="top-right-btn">-->
<!--        <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="search">查询</el-button>-->
<!--          &lt;!&ndash;<el-button type="primary" icon="el-icon-check" @click="confirmSelect">确定</el-button>&ndash;&gt;-->
<!--        </el-button-group>-->
<!--      </div>-->
      <el-table
        :data="dataList"
        style="width: 100%"
        highlight-current-row="false"
        v-loading="loading"
        border
        @current-change="handleChange"
        ref="multipleTable"
      >
        <el-table-column label="序号" type="index"></el-table-column>
        <el-table-column
          label="监管码"
          prop="code"
          width="240"
          show-overflow-tooltip
        ></el-table-column>
        <el-table-column
          label="监管码级别"
          prop="codeLevel"
          width="100"
          show-overflow-tooltip
        ></el-table-column>
<!--        <el-table-column-->
<!--          label="最小包装数量"-->
<!--          prop="pkgAmount"-->
<!--          width="100"-->
<!--          show-overflow-tooltip-->
<!--        ></el-table-column>-->
<!--        <el-table-column-->
<!--          width="100"-->
<!--          label="最小制剂数量"-->
<!--          prop="prepnAmount"-->
<!--          show-overflow-tooltip-->
<!--        ></el-table-column>-->
        <el-table-column
          label="制剂规格"
          prop="prepnSpec"
          show-overflow-tooltip
        ></el-table-column>

      </el-table>

    </el-card>




  </div>
</template>

<script>
export default {
  props: {
    dataList: {
      type: Array,
      required: true,
    }
  },
  data() {
    return {
      orderQuery:{
        page: 1,
        limit: 10,
      },
      pageTotal:10,
      showSearch: true
    }
  },
  methods:{
    hideSearch() {
      this.showSearch = !this.showSearch;
    },
  }
}
</script>

<style scoped>

</style>
