level3-above-plans-table.vue 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <template>
  2. <el-table :data="tableData" border v-loading="loading" style="width: 100%">
  3. <el-table-column prop="date" label="序号" width="80" align="center">
  4. <template slot-scope="scope">{{ scope.$index + 1 }}</template>
  5. </el-table-column>
  6. <el-table-column prop="name" label="工作内容" align="center">
  7. </el-table-column>
  8. <el-table-column prop="name" label="风险等级" align="center">
  9. </el-table-column>
  10. <el-table-column prop="name" label="作业时间" align="center">
  11. </el-table-column>
  12. <el-table-column prop="name" label="施工单位" align="center">
  13. </el-table-column>
  14. <el-table-column prop="name" label="运维单位" align="center">
  15. </el-table-column>
  16. <el-table-column prop="name" label="专业部门" align="center">
  17. </el-table-column>
  18. <el-table-column prop="name" label="到岗到位安排" align="center">
  19. </el-table-column>
  20. </el-table>
  21. </template>
  22. <script>
  23. export default {
  24. data() {
  25. return {
  26. loading: true,
  27. tableData: [
  28. {
  29. date: "2016-05-02",
  30. name: "王小虎",
  31. address: "上海市普陀区金沙江路 1518 弄",
  32. },
  33. {
  34. date: "2016-05-04",
  35. name: "王小虎",
  36. address: "上海市普陀区金沙江路 1517 弄",
  37. },
  38. {
  39. date: "2016-05-01",
  40. name: "王小虎",
  41. address: "上海市普陀区金沙江路 1519 弄",
  42. },
  43. {
  44. date: "2016-05-03",
  45. name: "王小虎",
  46. address: "上海市普陀区金沙江路 1516 弄",
  47. },
  48. ],
  49. };
  50. },
  51. methods: {
  52. getList(dateRange) {
  53. this.loading = true;
  54. setTimeout(() => {
  55. this.loading = false;
  56. }, 2000);
  57. },
  58. },
  59. };
  60. </script>
  61. <style></style>