longlong/xw_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化检索

Browse Source
This commit is contained in:
龙运模 2024-10-17 23:37:07 +08:00
parent deb3e33f09
commit 9d6a38252c
4 changed files with 45 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/style/search.scss Normal file
View File

@ -0,0 +1,25 @@
.searchInput{
border-radius: 8px;
.el-input-group__append, .el-input-group__prepend{
background: var(--el-color-white);
padding: 0;
border: none;
box-shadow: none;
border-top-right-radius: 8px;
border-top-right-radius: 8px;
}
.el-input__wrapper{
border: none;
box-shadow: none;
}
.searchBtn{
background: var(--el-color-primary);
color: var(--el-color-white);
width: 110px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
border: 0;
}
}

1
src/style/style.scss
View File

@ -7,3 +7,4 @@
@import 'user.scss'; @import 'user.scss';
@import 'docs.scss'; @import 'docs.scss';
@import "order.scss"; @import "order.scss";
@import "search.scss";

2
src/views/home/console/components/progress.vue
View File

@ -22,7 +22,7 @@ export default {
immediate:true, immediate:true,
handler(val){ handler(val){
let option = this.$TOOL.objCopy(this.option); let option = this.$TOOL.objCopy(this.option);
option.series[0].data[0].value = val.value==0?20:90; option.series[0].data[0].value = val.value;
option.series[0].data[0].name = val.title; option.series[0].data[0].name = val.title;
this.option = option; this.option = option;
} }

24
src/views/home/search/index.vue
View File

@ -4,15 +4,25 @@
<div class="searchHeaderBack"> <div class="searchHeaderBack">
<el-row style="width: 100%" :gutter="24" justify="center"> <el-row style="width: 100%" :gutter="24" justify="center">
<el-col :span="10" :lg="8" :sm="10"> <el-col :span="10" :lg="8" :sm="10">
<el-input type="text" size="large"> <el-input class="searchInput" type="text" size="large">
<template #prepend> <template #prepend>
<el-select style="width: 115px"> <el-dropdown>
<el-option label="维保工单" value="1" ></el-option> <span class="el-dropdown-link">
<el-option label="公司信息" value="2" ></el-option> 维保工单 <el-icon class="el-icon--right"><el-icon-arrow-down /></el-icon>
</el-select> </span>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item command="a">维保工单</el-dropdown-item>
<el-dropdown-item command="b">维修工单</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</template> </template>
<template #append> <template #append>
<el-button icon="el-icon-Search">搜索</el-button> <div class="searchBtn">
<span class="name">搜索</span>
<el-icon class="icon"><el-icon-Search/></el-icon>
</div>
</template> </template>
</el-input> </el-input>
</el-col> </el-col>
@ -57,5 +67,7 @@ export default {
background: rgba(231,243,255,0.4); background: rgba(231,243,255,0.4);
position: absolute;left: 0;top: 0;z-index: 10; position: absolute;left: 0;top: 0;z-index: 10;
display: flex;align-items: center;justify-content: center; display: flex;align-items: center;justify-content: center;
} }
</style> </style>