FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

车型页面高级搜索样式更改

Browse Source
This commit is contained in:
Jaunty
2021-07-09 15:23:31 +08:00
parent c8d3b349c9
commit ac9b608d16
1 changed files with 94 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/regulatoryRepository/localProductsOrProjectLibrary/index.vue
+94 -132
View File
@@ -66,133 +66,9 @@
v-btn-permission="'e5ca15122f554414e6365eb09efac5c4'"
@click="selectMoreBtn"
><i class="iconfont">&#xe7a5;</i>高级查询</el-button>
<div>
<el-dialog title="高级搜索" :visible.sync="isAdvancedSearch" width="480px" style="margin-top: -50px">
<el-form ref="form" :model="localProTableSearch" @keyup.enter.native="getLocalProductTableBtn" label-width="100px">
<el-form-item label="产品平台" class="search-item">
<el-input
v-model="localProTableSearch.projectPlatfor"
placeholder="根据产品平台查找"
:maxlength="100"
clearable
></el-input>
</el-form-item>
<el-form-item label="项目群" class="serch-item">
<el-input
v-model="localProTableSearch.projectGroup"
placeholder="根据项目群查找"
:maxlength="100"
clearable
></el-input>
</el-form-item>
<el-form-item label="产品线" class="search-item">
<el-input
v-model="localProTableSearch.productLine"
placeholder="根据产品线查找"
:maxlength="100"
clearable
></el-input>
</el-form-item>
<el-form-item label="项目编号" class="search-item">
<el-input
v-model="localProTableSearch.projectNumber"
placeholder="根据项目编号查找"
:maxlength="100"
clearable
></el-input>
</el-form-item>
<el-form-item label="项目名称" class="search-item">
<el-input
v-model="projectLibrarySearch.projectName"
placeholder="根据项目名称查找"
:maxlength="100"
clearable
></el-input>
</el-form-item>
<el-form-item label="项目分类" class="search-item">
<el-select
v-model="projectLibrarySearch.projectClassification"
placeholder="请选择项目类别"
>
<el-option
v-for="opt in productTypeOptions"
:value="opt.label"
:key="opt.value"
:label="opt.label"
>{{ opt.label}}</el-option>
</el-select>
</el-form-item>
<el-form-item label="项目状态" class="search-item search-item-last">
<el-select v-model="projectLibrarySearch.projectStatus" placeholder="请选择项目状态" clearable>
<el-option
v-for="opr in xmztOptions"
:key="opr.value"
:value="opr.label"
:label="opr.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="项目开始日期">
<el-col :span="11">
<el-date-picker type="date" placeholder="选择日期" v-model="localProTableSearch.projectStartDate" style="width: 100%;"></el-date-picker>
</el-col>
<el-col class="line" :span="2">-</el-col>
</el-form-item>
<el-form-item label="项目完成日期">
<el-col :span="11">
<el-date-picker type="date" placeholder="选择日期" v-model="localProTableSearch.projectEndDate" style="width: 100%;"></el-date-picker>
</el-col>
<el-col class="line" :span="2">-</el-col>
</el-form-item>
<el-form-item label="当前节点" class="search-item">
<el-input
v-model="localProTableSearch.currentNode"
placeholder="根据当前节点查找"
:maxlength="100"
clearable
></el-input>
</el-form-item>
<el-form-item label="项目级别" class="search-item">
<el-input
v-model="localProTableSearch.projectLevel"
placeholder="根据项目级别查找"
:maxlength="100"
clearable
></el-input>
</el-form-item>
<el-form-item label="项目经理" class="search-item">
<el-input
v-model="localProTableSearch.projectManager"
placeholder="根据项目经理查找"
:maxlength="100"
clearable
></el-input>
</el-form-item>
<el-row>
<el-col style="margin-left: 10px">
<el-form-item>
<el-button
type="primary"
class="common-button-primary"
size="small"
v-btn-permission="'d1b1bffb39a67dea0d452a8ba4e3ae35'"
@click="getLocalProductTableBtn">查询</el-button>
<el-button
class="common-button-default"
size="small"
v-btn-permission="'10e3fdd2d816d64022f2928cd65b9bb1'"
@click="clearAllSearch">清空</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-dialog>
</div>
</el-form-item>
</el-form>
</div>
<div class="right">
</div>
</div>
<div class="container">
@@ -328,6 +204,76 @@
@pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination>
<loading :loading="loading">数据获取中</loading>
<!-- 高级搜索-->
<table-tools-bar v-model="isAdvancedSearch" @search="getLocalProductTableBtn"
@reset="clearAllSearch" >
<div slot="content">
<el-form :model="localProTableSearch" :inline="true" class="label-input-form table-lattice" style="display: flex;flex-wrap: wrap">
<!-- 产品平台-->
<el-form-item label="产品平台" class="serch-form-item">
<el-input v-model="localProTableSearch.projectPlatfor" placeholder="根据产品平台" clearable :maxlength="100"
@keyup.enter.native="getLocalProductTableBtn"></el-input>
</el-form-item>
<!-- 项目编号-->
<el-form-item label="项目编号" class="serch-form-item">
<el-input v-model="localProTableSearch.projectNumber" placeholder="根据项目编号" clearable :maxlength="500"
@keyup.enter.native="getLocalProductTableBtn"></el-input>
</el-form-item>
<!-- 项目名称-->
<el-form-item label="项目名称" class="serch-form-item">
<el-input v-model="projectLibrarySearch.projectName" placeholder="根据项目名称" clearable :maxlength="500"
@keyup.enter.native="getLocalProductTableBtn"></el-input>
</el-form-item>
<!-- 项目分类-->
<el-form-item label="项目分类" class="serch-form-item">
<el-select v-model="projectLibrarySearch.projectClassification" placeholder="根据项目分类" clearable
@keyup.enter.native="getLocalProductTableBtn">
<el-option v-for="opt in productTypeOptions" :value="opt.value === undefined ? '' :opt.label" :key="opt.label" :label="opt.label">{{ opt.label}}</el-option>
</el-select>
</el-form-item>
<!-- 项目状态-->
<el-form-item label="项目状态" class="serch-form-item">
<el-select v-model="projectLibrarySearch.projectStatus" placeholder="根据项目状态" clearable
@keyup.enter.native="getLocalProductTableBtn">
<el-option v-for="opt in xmztOptions" :value="opt.value === undefined ? '' :opt.label" :key="opt.label" :label="opt.label">{{ opt.label}}</el-option>
</el-select>
</el-form-item>
<!-- 项目群-->
<el-form-item label="项目群" class="serch-form-item">
<el-input v-model="localProTableSearch.projectGroup" placeholder="根据项目群" clearable :maxlength="500"
@keyup.enter.native="getLocalProductTableBtn"></el-input>
</el-form-item>
<!-- 产品线-->
<el-form-item label="产品线" class="serch-form-item">
<el-input v-model="localProTableSearch.productLine" placeholder="根据产品线" clearable :maxlength="500"
@keyup.enter.native="getLocalProductTableBtn"></el-input>
</el-form-item>
<!-- 项目开始时间-->
<el-form-item label="项目开始时间" class="serch-form-item">
<el-date-picker type="date" placeholder="选择日期" v-model="localProTableSearch.projectStartDate" style="width: 100%;"></el-date-picker>
</el-form-item>
<!-- 项目完成时间-->
<el-form-item label="项目完成时间" class="serch-form-item">
<el-date-picker type="date" placeholder="选择日期" v-model="localProTableSearch.projectEndDate" style="width: 100%;"></el-date-picker>
</el-form-item>
<!-- 当前节点-->
<el-form-item label="当前节点" class="serch-form-item">
<el-input v-model="localProTableSearch.currentNode" placeholder="根据当前节点" clearable :maxlength="500"
@keyup.enter.native="getLocalProductTableBtn"></el-input>
</el-form-item>
<!-- 项目级别-->
<el-form-item label="项目级别" class="serch-form-item">
<el-input v-model="localProTableSearch.projectLevel" placeholder="根据项目级别" clearable :maxlength="500"
@keyup.enter.native="getLocalProductTableBtn"></el-input>
</el-form-item>
<!-- 项目经理-->
<el-form-item label="项目经理" class="serch-form-item">
<el-input v-model="localProTableSearch.projectManager" placeholder="根据项目经理" clearable :maxlength="500"
@keyup.enter.native="getLocalProductTableBtn"></el-input>
</el-form-item>
</el-form>
</div>
</table-tools-bar>
</div>
</div>
@@ -384,8 +330,11 @@ export default {
},
//查询3类
projectLibrarySearchDefault: {
// 项目名称
projectName: '',
// 项目分类
projectClassification: '',
// 项目状态
projectStatus: '',
},
// 查询条件
@@ -405,10 +354,6 @@ export default {
productLine:'',
// 项目名称
projectName: '',
// 项目分类
projectClassification: '',
// 项目状态
projectStatus: '',
// 项目群
projectGroup: '',
// 项目开始日期
@@ -439,10 +384,6 @@ export default {
productLine:'',
// 项目名称
projectName: '',
// 项目分类
projectClassification: '',
// 项目状态
projectStatus: '',
// 项目群
projectGroup: '',
// 项目开始日期
@@ -1591,6 +1532,8 @@ export default {
</script>
<style lang="less" scoped>
@import '~@/assets/styles/mixins';
@import '~@/assets/styles/style';
.local-products-or-project-library {
//position: relative;
height: 100%;
@@ -1620,4 +1563,23 @@ export default {
::v-deep .el-drawer{
outline: none!important;
}
.label-input-form {
&.table-lattice{
/deep/.el-form-item__label {
width:100px;
height:30px;
border: 1px solid #DCDFE6;
border-right: none;
line-height:30px;
text-align: center;
margin-top: 6px;
background: #F9F9F9;
}
/deep/.el-input__inner {
height: 30px;
line-height: 30px;
border-radius: 0 !important;
}
}
}
</style>