DZ/faw-report-library-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改流程样式

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/components/OrgTable.vue
+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>
src/components/ProcessChooseTree.vue
+13 -16
View File
@@ -9,12 +9,15 @@
:close-on-click-modal="false"
class="org-table"
@close="handleClose">
<div class="search-area">
<div class="search-area search-new">
<el-form
:model="searchForm"
inline
class="label-input-form"
@keyup.enter.native="handleSearch">
<el-row :gutter="24">
<el-col :xl="8" :lg="8">
<el-form-item label="角色名" class="search-item">
<el-select v-model="searchForm.roleName" class="icon-auth" placeholder="请选择角色名">
<el-option label="全部" value=""></el-option>
@@ -23,25 +26,31 @@
</template>
</el-select>
</el-form-item>
</el-col>
<el-col :xl="8" :lg="8">
<el-form-item label="用户名" class="search-item">
<el-input :placeholder="'请输入用户名'" class="search-item" v-model="searchForm.account"/>
</el-form-item>
</el-col>
<el-col :xl="8" :lg="8">
<el-form-item class="search-item btn-box">
<el-button
:loading="loading.searching"
type="primary"
class="common-button-primary"
size="small" icon="el-icon-search"
size="small"
@click="handleSearch">查询
<!-- <img src="@/assets/images/btn/search.png" alt="">-->
</el-button>
<el-button
class="common-button-default"
size="small" icon="el-icon-refresh-left"
size="small"
@click="handleReset">重置
<!-- <img src="@/assets/images/btn/reset.png" alt="">-->
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
@@ -703,19 +712,7 @@ export default {
::v-deep .el-dialog__body {
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;
}