selfPayment.vue 1.8KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <template>
  2. <el-dialog
  3. title="自付比例"
  4. width="660px"
  5. :visible.sync="visible"
  6. :before-close="_close"
  7. >
  8. <el-table :data="tableData" border style="width: 100%" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)', color: '#606266'}">
  9. <el-table-column prop="name" label="医保类型" align="center"></el-table-column>
  10. <el-table-column label="自付比例(%)" align="center">
  11. <template slot-scope="scope">
  12. <el-input v-model="input" placeholder="请输入内容"></el-input>
  13. </template>
  14. </el-table-column>
  15. </el-table>
  16. <div slot="footer" class="dialog-footer">
  17. <el-button @click="hide">取 消</el-button>
  18. <el-button type="primary" :loading="submitLoading" @click="submitAction()">保 存</el-button>
  19. </div>
  20. </el-dialog>
  21. </template>
  22. <script>
  23. export default {
  24. data(){
  25. return{
  26. visible: false,
  27. tableData:[
  28. {
  29. name:'深圳医保1档',
  30. scale:0
  31. },
  32. {
  33. name:'深圳医保2档',
  34. scale:0
  35. },
  36. {
  37. name:'深圳医保3档',
  38. scale:0
  39. },
  40. {
  41. name:'外地医保',
  42. scale:0
  43. },
  44. {
  45. name:'自费',
  46. scale:0
  47. },
  48. ]
  49. }
  50. },
  51. methods:{
  52. _close: function(done) {
  53. done()
  54. },
  55. show() {
  56. this.visible = true
  57. },
  58. hide() {
  59. // this.clear()
  60. this.visible = false
  61. },
  62. }
  63. }
  64. </script>