import-exception.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <el-dialog
  3. :visible.sync="visible"
  4. title="导入异常"
  5. width="60vw"
  6. append-to-body
  7. >
  8. <div class="main_container">
  9. <el-table
  10. :data="tableList"
  11. style="width: 100%"
  12. border
  13. >
  14. <el-table-column label="序号" type="index" align="center" width="70">
  15. </el-table-column>
  16. <el-table-column label="首行标识" align="center">
  17. <template slot-scope="scope">
  18. </template>
  19. </el-table-column>
  20. <el-table-column label="行数" align="center">
  21. </el-table-column>
  22. <el-table-column label="异常说明" align="center">
  23. </el-table-column>
  24. </el-table>
  25. </div>
  26. <div slot="footer" class="footer">
  27. <div>
  28. <el-button @click="cancel">确定</el-button>
  29. </div>
  30. </div>
  31. </el-dialog>
  32. </template>
  33. <script>
  34. export default {
  35. data() {
  36. return {
  37. visible: false,
  38. tableList:[]
  39. };
  40. },
  41. computed: {
  42. },
  43. created(){
  44. },
  45. methods: {
  46. open () {
  47. this.visible = true;
  48. },
  49. cancel () {
  50. this.visible = false;
  51. },
  52. }
  53. };
  54. </script>
  55. <style lang="scss" scoped>
  56. .basic-details-title{
  57. margin:10px 0
  58. }
  59. </style>