<template>
    <div class="page_configure">
        <div style="width:50%;padding-right:10px;">
            <!--<div class="cell clearfix" style='margin-bottom:10px;'>-->
                <!--<el-input style="width: 180px;margin-right:10px;" @keyup.enter.native='searchAction' v-model.trim="search_input" class="filter-item"/>-->
                <!--<el-button style="margin-right:10px;" class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>-->
            <!--</div>-->
            <!--<el-table :data="drugList" border style="width: 100%" :row-style="{ color: '#303133' }" -->
             <!--:header-cell-style="{backgroundColor: 'rgb(245, 247, 250)', color: '#606266'}" -->
              <!--highlight-current-row-->
             <!--@current-change="handleRowChange">-->
                <!--<el-table-column prop="name" label="名称" align="center">-->
                    <!--<template slot-scope="scope">-->
                        <!--{{scope.row.name}}-->
                    <!--</template>-->
                <!--</el-table-column>-->
                <!--<el-table-column prop="field_name" label="字段名" align="center">-->
                   <!--<template slot-scope="scope">-->
                      <!--{{scope.row.field_name}}-->
                   <!--</template>-->
                <!--</el-table-column>-->
            <!--</el-table>-->
          <keep-alive>
            <div>
              <drug-table></drug-table>
            </div>
          </keep-alive>

        </div>
        <div style="width:50%;padding-left:10px;">
          <drug-table-son></drug-table-son>

          <!--<el-button style="margin-bottom:10px;float:right;" class="filter-item" type="primary" @click="toAdd">新增</el-button>-->
            <!--<el-table :data="tableData" border style="width: 100%" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)', color: '#606266'}">-->
                <!--<el-table-column prop="date" label="名称" align="center"></el-table-column>-->
                <!--<el-table-column prop="date" label="字段名" align="center"></el-table-column>-->
            <!--</el-table>-->
            <add-configure ref="addConfigure"></add-configure>
        </div>
    </div>
</template>





<script>
import addConfigure from './addConfigure'
import DrugTable from './drugTable'
import DrugTableSon from './drugTableSon'
export default {
    components:{
      DrugTableSon,
      DrugTable,
        addConfigure
    },
    data(){
        return{
            tableData: [],
            drugList:[],
            search_input:"",
            currentId:0
        }
    },
    methods:{
      toAdd(){
        this.$refs.addConfigure.show(this.currentId);
      },
      search(){

      },
      handleRowChange(currentRow, oldCurrentRow){
         console.log("currentrow",currentRow.id)
         this.currentId = currentRow.id;
      },
    },
    created(){
    }
}
</script>


<style lang="scss" scoped>
.page_configure{
    display: flex;
}
</style>
