修改流程样式

This commit is contained in:
zhoulingpo
2023-04-19 14:38:33 +08:00
parent 09260eb716
commit e4d9a33eb4
8 changed files with 214 additions and 163 deletions
+16 -66
View File
@@ -15,20 +15,10 @@
:model="searchForm"
inline
class="label-input-form"
label-width="100px"
@keyup.enter.native="handleSearch">
<el-row :gutter="24">
<el-col :xl="6" :lg="8">
<el-form-item label="用户名" class="search-item">
<!-- <el-input-->
<!-- v-model="searchForm.uname"-->
<!-- placeholder="根据姓名查询"-->
<!-- clearable></el-input>-->
<el-input :placeholder="'请输入用户名'" class="search-item" v-model="searchForm.account"/>
</el-form-item>
</el-col>
<el-col :xl="6" :lg="8">
<el-col :xl="8" :lg="8">
<el-form-item label="角色名" class="search-item">
<!-- <el-input :placeholder="'根据角色名查询'" class="search-item" v-model="searchForm.roleName"/>-->
<el-select v-model="searchForm.roleName" class="icon-auth" placeholder="请选择角色名">
@@ -39,18 +29,25 @@
</el-select>
</el-form-item>
</el-col>
<el-col :xl="6" :lg="24">
<el-form-item class="search-item btn-box">
<el-col :xl="8" :lg="8">
<el-form-item label="用户名" class="search-item">
<!-- <el-input-->
<!-- v-model="searchForm.uname"-->
<!-- placeholder="根据姓名查询"-->
<!-- clearable></el-input>-->
<el-input :placeholder="'请输入用户名'" v-model="searchForm.account"/>
</el-form-item>
</el-col>
<el-col :xl="8" :lg="24">
<el-form-item class="tag-btns">
<!-- :loading="loading.searching"-->
<el-button
:disabled="loading.searching"
type="primary"
class="common-button-primary img-button"
size="small"
@click="handleSearch">查询
</el-button>
<el-button
class="common-button-default img-button"
size="small"
@click="handleReset">重置
</el-button>
@@ -75,7 +72,7 @@
:cell-class-name="cellClassName"
@select="selectionRow"
@select-all="selectionRowAll">
<el-table-column v-if="maxSelected && maxSelected == 1" label="" width="55" align="center">
<el-table-column v-if="maxSelected && maxSelected == 1" label="" width="35" align="center">
<template slot-scope="scope">
<el-radio class="tableRadio" v-model="tableChecked" @change="radioChange(scope.row)"
:label="scope.row.USID">{{ null }}
@@ -849,27 +846,6 @@ export default {
padding: 15px 20px 20px 20px;
}
.search-area {
padding: 0;
::v-deep .el-form-item__label {
line-height: 35px;
}
::v-deep .el-form-item__content {
line-height: 35px;
.el-input__inner {
height: 35px;
line-height: 35px;
}
}
}
.pagination {
position: static;
}
.checked-user-list {
display: flex;
flex-flow: row wrap;
@@ -912,36 +888,8 @@ export default {
}
}
}
.search-new {
//width: 100%;
background: #FFF;
padding: 10px 10px 0;
.el-button + .el-button {
margin-left: 10px;
}
.el-form--inline .el-form-item {
display: flex;
margin-right: 0;
input.el-input__inner {
width: 100%;
}
.el-form-item__content {
//width: 100%;
flex: 1;
.el-select,
.el-range-editor {
width: 100% !important;
}
}
}
}
.dialog-footer{
margin-top: 10px;
::v-deep .el-button {
width: 80px;
height: 36px;
@@ -950,4 +898,6 @@ export default {
}
}
</style>