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

罗广辉

2025-04-13 898c836c57c22b9439321e96650f8a35b1cea917

 src/views/TaskManage/SearchBox.vue

@@ -3,15 +3,15 @@
    <el-form :model="searchForm" inline>
      <div class="search-first">
        <el-form-item>
          <el-input v-model="searchForm.key_word" placeholder="请输入任务/机巢名称" clearable />
          <el-input class="ztzf-input" v-model="searchForm.key_word" placeholder="请输入任务/机巢名称" clearable />
        </el-form-item>
        <el-form-item label="行政区划:">
          <el-select v-model="searchForm.area_code" @change="deptChange" placeholder="请选择部门" clearable>
          <el-select class="ztzf-select" v-model="searchForm.area_code" @change="deptChange" placeholder="请选择部门" clearable>
            <el-option v-for="item in deptTreeData" :key="item.area_code" :label="item.area_name" :value="item.area_code" />
          </el-select>
        </el-form-item>
        <el-form-item label="所属机巢:">
          <el-select v-model="searchForm.device_sn" placeholder="请选择机巢" clearable>
          <el-select class="ztzf-select" v-model="searchForm.device_sn" placeholder="请选择机巢" clearable>
            <el-option v-for="item in machineData" :key="item.device_sn" :label="item.nickname" :value="item.device_sn" />
          </el-select>
        </el-form-item>
@@ -22,12 +22,12 @@
          <TaskAlgorithmBusiness :setWidth="200" :showAlgorithm="true" @algorithmChange="algorithmChange"/>
        </el-form-item>
        <el-form-item label="所属部门:" v-if="isExpand">
          <el-select v-model="searchForm.create_dept" placeholder="请选择部门" clearable>
          <el-select class="ztzf-select" v-model="searchForm.create_dept" placeholder="请选择部门" clearable>
            <el-option v-for="item in deptData" :key="item.id" :label="item.deptName" :value="item.id" />
          </el-select>
        </el-form-item>
        <el-form-item label="任务状态:" v-if="isExpand">
          <el-select v-model="searchForm.status" placeholder="请选择状态" clearable>
          <el-select class="ztzf-select" v-model="searchForm.status" placeholder="请选择状态" clearable>
            <el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value" />
          </el-select>
        </el-form-item>
@@ -181,18 +181,6 @@
    }
  }
  :deep(.el-form) {
    :deep(.el-input__wrapper),
    :deep(.el-select),
    :deep(.el-select__wrapper) {
      
      background-color: #021740;
      box-shadow: 0 0 0 1px #026AD6;
      
      &.is-focus {
        box-shadow: 0 0 0 1px #026AD6;
      }
    }
    
    :deep(.el-input__wrapper.is-disabled) {
      background-color: #021740;
      box-shadow: 0 0 0 1px #026AD6;
@@ -201,51 +189,13 @@
      margin-bottom: 0;
      margin-right: 20px;
      width: 260px;
      

      .el-form-item__label {
        color: #fff;
        line-height: 32px;
      }
      
      .el-input,
      .el-select,
      .el-date-editor {
        width: 100%;
        height: 32px;
        --el-input-bg-color: transparent;
        --el-input-border-color: #178BFF;
        --el-input-text-color: #296ACA;
        --el-input-placeholder-color: rgba(255, 255, 255, 0.5);

        .el-input__wrapper {
          height: 32px;
        }

        .el-input__inner {
          height: 32px;
          line-height: 32px;
        }
      }
    }
  }
  :deep() {
    .el-select__wrapper {
      background: transparent;
      box-shadow: none;
      box-shadow: 0 0 0 1px #026AD6;
      height: 32px;
      padding-left: 20px;
    }
  }
  :deep(.el-pagination) {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(31, 62, 122, 0.95);
    padding: 15px 20px;
    border-radius: 4px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
  }
}
</style>
</style>