feat: 添加echartsResize hooks,添加ztzf组件样式

罗广辉

2025-04-13 898c836c57c22b9439321e96650f8a35b1cea917

 src/views/TaskManage/TaskIntermediateContent/TaskIntermediateContent.vue

@@ -29,7 +29,7 @@
      </el-table-column>
    </el-table>
    <div class="pagination">
      <el-pagination class="btn-prev"
      <el-pagination class="ztzf-pagination"
        v-model:current-page="jobListParams.current"
        v-model:page-size="jobListParams.size"
        :page-sizes="[10, 20, 30, 50]"
@@ -72,7 +72,7 @@
const getStatusText = (status) => {
  const statusMap = {
    1: '待执行',
    2: '执行中',  
    2: '执行中',
    3: '已完成',
    4: '已取消',
    5: '执行失败'
@@ -141,7 +141,7 @@
  margin: 16px 38px 16px 38px;
  background: linear-gradient( 27deg, #1F3E7A 0%, rgba(31,62,122,0.35) 79%, rgba(31,62,122,0) 100%);
  padding: 14px 18px;
  

  :deep(.el-table) {
    margin-top: 12px;
    background-color: transparent;
@@ -174,27 +174,6 @@
    // padding: 20px 0;
    display: flex;
    justify-content: center;
    
    :deep(.el-pagination) {
      --el-pagination-bg-color: transparent;
      --el-pagination-text-color: #8EB8EA;
      --el-pagination-button-color: #8EB8EA;
      --el-pagination-hover-color: #409eff;
      .btn-prev {
        background: transparent;
      }
      .el-pager li.is-active {
        background: #021022;
        color: #8EB8EA;
        border: 1px solid #1479EF;
        padding: 0 6px;
      }
      
      .el-pagination__jump {
        background: transparent;
        color: #8EB8EA;
      }
    }
  }
}
</style>
</style>