elizebeth/src/xt_pages/data/components/drugs.vue

<template>
    <div class="page_drugs">
        <div style="display:flex;justify-content: space-between;width:100%;margin-bottom:20px;">
            <div class="cell clearfix" style="margin-bottom:0;">
                <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="searchAction">搜索</el-button>
                <label class="title"><span class="name">是否启用</span> : </label>
                <el-select v-model="value" style="width:140px;margin-right:10px;" placeholder="请选择">
                    <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                    </el-option>
                </el-select>
                <label class="title"><span class="name">是否收费</span> : </label>
                <el-select v-model="value" style="width:140px;margin-right:10px;" placeholder="请选择">
                    <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                    </el-option>
                </el-select>
                <span style="color: #909399;font-size:14px;">是否注射类别 : &nbsp;</span>
                <el-select v-model="value" style="width:140px;margin-right:10px;" placeholder="请选择">
                    <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                    </el-option>
                </el-select>
            </div>
            <el-button type="primary" @click="openForm(0)">新增</el-button>
        </div>
        <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="药品编码" width="80" align="center"></el-table-column>
            <el-table-column prop="date" label="药品名称" align="center"></el-table-column>
            <el-table-column prop="date" label="生产厂商" align="center"></el-table-column>
            <el-table-column prop="date" label="规格" width="140" align="center"></el-table-column>
            <el-table-column label="单位" width="60" align="center"></el-table-column>
            <el-table-column label="单价" width="60" align="center"></el-table-column>
            <el-table-column label="状态" width="60" align="center"></el-table-column>
            <el-table-column prop="date" label="操作" width="400" align="center">
                <template slot-scope="scope">
                    <el-button @click="openForm(scope.row)" type="primary" size="small">编辑</el-button>
                    <el-button type="primary" size="small" @click="clickSelfPayment">自付比例</el-button>
                    <el-button type="primary" size="small" @click="clickMainTain">单位维护</el-button>
                    <el-button type="danger" size="small">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
        <self-payment ref='selfPayment'></self-payment>
        <add-drugs ref='addDrugs'></add-drugs>
        <!-- <maintain ref='maintain'></maintain> -->
    </div>
</template>

<script>
import selfPayment from './selfPayment'
import maintain from './maintain'
import addDrugs from './addDrugs'
export default {
    components:{
        selfPayment,
        maintain,
        addDrugs
    },
    data(){
        return{
            search_input:'',
            options: [{
            value: '1',
            label: '是'
            }, {
            value: '2',
            label: '否'
            },],
            value: '',
            tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
            }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
            }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
            }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
            }]
            
        }
    },
    methods:{
        searchAction(){},
        clickSelfPayment(){
            this.$refs.selfPayment.show();
        },
        clickMainTain(){
            // this.$refs.maintain.show();
        },
        openForm(id){
            this.$refs.addDrugs.show(id);
        }
    }
}
</script>