From 898c836c57c22b9439321e96650f8a35b1cea917 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Sun, 13 Apr 2025 08:07:06 +0800
Subject: [PATCH] feat: 添加echartsResize hooks,添加ztzf组件样式
---
src/views/TaskManage/SearchBox.vue | 64 +++----------------------------
1 files changed, 7 insertions(+), 57 deletions(-)
diff --git a/src/views/TaskManage/SearchBox.vue b/src/views/TaskManage/SearchBox.vue
index bd27512..26fba96 100644
--- a/src/views/TaskManage/SearchBox.vue
+++ b/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>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3