Vue_New/src/xt_pages/data/components/selfPayment.vue

<template>
    <el-dialog
    title="自付比例"
    width="660px"
    :visible.sync="visible"
    :before-close="_close"
  >
    <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="name" label="医保类型" align="center"></el-table-column>
        <el-table-column label="自付比例(%)" align="center">
            <template slot-scope="scope">
                <el-input v-model="input" placeholder="请输入内容"></el-input>
            </template>
        </el-table-column>
    </el-table>
    
    <div slot="footer" class="dialog-footer">
      <el-button @click="hide">取 消</el-button>
      <el-button type="primary" :loading="submitLoading" @click="submitAction()">保 存</el-button>
    </div>
  </el-dialog>
</template>


<script>
export default {
    data(){
        return{
            visible: false,
            tableData:[
                {
                    name:'深圳医保1档',
                    scale:0
                },
                {
                    name:'深圳医保2档',
                    scale:0
                },
                {
                    name:'深圳医保3档',
                    scale:0
                },
                {
                    name:'外地医保',
                    scale:0
                },
                {
                    name:'自费',
                    scale:0
                },
            ]
        }
    },
    methods:{
        _close: function(done) {
            done()
        },
        show() {
            this.visible = true
        },
        hide() {
            // this.clear()
            this.visible = false
        },
    }
}
</script>