Newer
Older
KaiFengPC / src / views / sponeScreen / evaluationKH / ganZhiRenKeDu.vue
@zhangdeliang zhangdeliang on 12 Oct 2 KB update
  1. <template>
  2. <div class="jiZhiJianShe">
  3. <div class="partTitleHM" style="width: 99.8%">感知认可度考核评估(截至2024)</div>
  4. <div class="ListBoxBody">
  5. <div class="content">
  6. <div class="table_content">
  7. <el-table ref="table" :data="tableData" height="170">
  8. <el-table-column label="机制建设考核" prop="partitionName" show-overflow-tooltip />
  9. <el-table-column label="目标要求" prop="reformProjectName" show-overflow-tooltip />
  10. <el-table-column label="现状情况" prop="reformAchievement" show-overflow-tooltip />
  11. </el-table>
  12. </div>
  13. </div>
  14. </div>
  15. </div>
  16. </template>
  17.  
  18. <script setup>
  19. const { proxy } = getCurrentInstance();
  20. const tableData = ref([
  21. { partitionName: '海绵文化宣传培训', reformProjectName: '培训4次,宣传6次', reformAchievement: '培训7次,宣传9次' },
  22. { partitionName: '群众满意度', reformProjectName: '96%', reformAchievement: '96.9%' },
  23. ]);
  24.  
  25. onMounted(() => {});
  26.  
  27. onBeforeUnmount(() => {});
  28. </script>
  29.  
  30. <style lang="scss" scoped>
  31. .jiZhiJianShe {
  32. width: 49%;
  33. margin-left: 10px;
  34.  
  35. .ListBoxBody {
  36. background: rgba(8, 75, 125, 1);
  37. padding: 10px;
  38. margin-top: -3px;
  39. .content {
  40. width: 100%;
  41. height: 100%;
  42.  
  43. .img_box {
  44. width: 100%;
  45. height: 100%;
  46. }
  47.  
  48. .tabs {
  49. height: 36px;
  50. color: #fff;
  51. margin-bottom: 10px;
  52. }
  53.  
  54. .table_content {
  55. height: 98%;
  56. }
  57.  
  58. .monitor {
  59. width: 20px;
  60. height: 20px;
  61.  
  62. img {
  63. width: 100%;
  64. height: 100%;
  65. }
  66. }
  67. }
  68. }
  69. }
  70.  
  71. #tables {
  72. width: 100%;
  73. ::v-deep .el-table__header-wrapper .el-table__header thead {
  74. background: transparent !important;
  75. border-bottom: 1px solid #579ff6 !important;
  76. }
  77. ::v-deep .el-table__header-wrapper .el-table__header thead tr .el-table__cell {
  78. background: transparent !important;
  79. border-bottom: 2px solid #2eafbf !important;
  80. }
  81. }
  82.  
  83. ::v-deep .table_content .el-table__body-wrapper {
  84. padding-top: 5px;
  85. }
  86. </style>