主体库样式修改

This commit is contained in:
cwchen 2025-10-21 15:33:39 +08:00
parent 4ac271da32
commit 65c8e59812
2 changed files with 38 additions and 44 deletions

View File

@ -123,43 +123,37 @@ export default {
} }
.search-btn { .search-btn {
background: #409EFF; width: 98px;
border-color: #409EFF; height: 36px;
background: #1F72EA;
box-shadow: 0px 4px 8px 0px rgba(51, 135, 255, 0.5);
border-radius: 4px;
border: none;
color: #fff; color: #fff;
font-weight: 600;
padding: 12px 24px;
border-radius: 6px;
box-shadow: 0px 4px 12px 0px rgba(64, 158, 255, 0.4);
letter-spacing: 0.5px;
font-size: 14px; font-size: 14px;
transition: all 0.3s ease; transition: all 0.3s ease;
&:hover { &:hover {
background: #66b1ff; background: #4A8BFF;
border-color: #66b1ff; box-shadow: 0px 6px 12px 0px rgba(51, 135, 255, 0.6);
box-shadow: 0px 6px 16px 0px rgba(64, 158, 255, 0.5);
transform: translateY(-1px);
} }
} }
.reset-btn { .reset-btn {
background: #fff; width: 98px;
border: 1px solid #dcdfe6; height: 36px;
color: #606266; background: #FFFFFF;
font-weight: 600; box-shadow: 0px 4px 8px 0px rgba(76, 76, 76, 0.2);
padding: 12px 24px; border-radius: 4px;
border-radius: 6px; border: none;
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1); color: #666;
letter-spacing: 0.5px;
font-size: 14px; font-size: 14px;
transition: all 0.3s ease; transition: all 0.3s ease;
&:hover { &:hover {
background: #f5f7fa; background: #f5f5f5;
border-color: #c0c4cc;
color: #409EFF; color: #409EFF;
box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 6px 12px 0px rgba(76, 76, 76, 0.3);
transform: translateY(-1px);
} }
} }
</style> </style>

View File

@ -8,15 +8,15 @@
<h2 class="page-title">投标人主体库</h2> <h2 class="page-title">投标人主体库</h2>
</div> </div>
<div class="search-right"> <div class="search-right">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> <el-form :model="queryParams" ref="queryForm" :inline="true">
<el-form-item prop="enterpriseName"> <el-form-item prop="enterpriseName">
<el-input v-model="queryParams.enterpriseName" placeholder="请输入企业名称进行查询" clearable maxlength="32" <el-input v-model="queryParams.enterpriseName" placeholder="请输入企业名称进行查询" clearable maxlength="32"
class="search-input" @keyup.enter.native="handleQuery"> class="search-input" @keyup.enter.native="handleQuery">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" size="small" @click="handleQuery" class="search-btn">查询</el-button> <el-button type="primary" @click="handleQuery" class="search-btn">查询</el-button>
<el-button size="small" @click="resetQuery" class="reset-btn">重置</el-button> <el-button @click="resetQuery" class="reset-btn">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -336,35 +336,35 @@ export default {
} }
.search-btn { .search-btn {
background: #409EFF; width: 98px;
border-color: #409EFF; height: 36px;
color: #fff; background: #1F72EA;
font-weight: 500;
padding: 8px 16px;
border-radius: 4px;
box-shadow: 0px 4px 8px 0px rgba(51, 135, 255, 0.5); box-shadow: 0px 4px 8px 0px rgba(51, 135, 255, 0.5);
letter-spacing: 1px; border-radius: 4px;
border: none;
color: #fff;
font-size: 14px;
transition: all 0.3s ease;
&:hover { &:hover {
background: #66b1ff; background: #4A8BFF;
border-color: #66b1ff;
box-shadow: 0px 6px 12px 0px rgba(51, 135, 255, 0.6); box-shadow: 0px 6px 12px 0px rgba(51, 135, 255, 0.6);
} }
} }
.reset-btn { .reset-btn {
background: #fff; width: 98px;
border-color: #dcdfe6; height: 36px;
color: #606266; background: #FFFFFF;
font-weight: 500;
padding: 8px 16px;
border-radius: 4px 4px 4px 4px;
box-shadow: 0px 4px 8px 0px rgba(76, 76, 76, 0.2); box-shadow: 0px 4px 8px 0px rgba(76, 76, 76, 0.2);
letter-spacing: 1px; border-radius: 4px;
border: none;
color: #666;
font-size: 14px;
transition: all 0.3s ease;
&:hover { &:hover {
background: #f5f7fa; background: #f5f5f5;
border-color: #c0c4cc;
color: #409EFF; color: #409EFF;
box-shadow: 0px 6px 12px 0px rgba(76, 76, 76, 0.3); box-shadow: 0px 6px 12px 0px rgba(76, 76, 76, 0.3);
} }