|
@@ -6,17 +6,17 @@
|
|
|
<el-form :model="queryParams" class="form-box" ref="queryForm"
|
|
<el-form :model="queryParams" class="form-box" ref="queryForm"
|
|
|
:inline="true" style="width:100%;"
|
|
:inline="true" style="width:100%;"
|
|
|
>
|
|
>
|
|
|
- <el-form-item label="" prop="queryParamsData1">
|
|
|
|
|
|
|
+ <el-form-item label="" prop="trainingMode">
|
|
|
<div class="table-top-button-box">
|
|
<div class="table-top-button-box">
|
|
|
<div>
|
|
<div>
|
|
|
- <p :class="queryParams.queryParamsData1 === ''?'check-table-button':''" @click="tableTypeButton('')">全部</p>
|
|
|
|
|
- <p :class="queryParams.queryParamsData1 === 1?'check-table-button':''" @click="tableTypeButton(1)">线下培训</p>
|
|
|
|
|
- <p :class="queryParams.queryParamsData1 === 2?'check-table-button':''" @click="tableTypeButton(2)">线上培训</p>
|
|
|
|
|
|
|
+ <p :class="queryParams.trainingMode === ''?'check-table-button':''" @click="tableTypeButton('')">全部</p>
|
|
|
|
|
+ <p :class="queryParams.trainingMode === 1?'check-table-button':''" @click="tableTypeButton(1)">线下培训</p>
|
|
|
|
|
+ <p :class="queryParams.trainingMode === 2?'check-table-button':''" @click="tableTypeButton(2)">线上培训</p>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="" prop="queryParamsData2">
|
|
|
|
|
- <el-select v-model="queryParams.queryParamsData2" placeholder="状态" style="width: 160px">
|
|
|
|
|
|
|
+ <el-form-item label="" prop="status">
|
|
|
|
|
+ <el-select v-model="queryParams.status" placeholder="状态" style="width: 160px">
|
|
|
<el-option
|
|
<el-option
|
|
|
v-for="dict in optionListA"
|
|
v-for="dict in optionListA"
|
|
|
:key="dict.value"
|
|
:key="dict.value"
|
|
@@ -25,16 +25,16 @@
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="" prop="queryParamsData3">
|
|
|
|
|
|
|
+ <el-form-item label="" prop="searchValue">
|
|
|
<el-input
|
|
<el-input
|
|
|
maxLength="30"
|
|
maxLength="30"
|
|
|
- v-model="queryParams.queryParamsData3"
|
|
|
|
|
|
|
+ v-model="queryParams.searchValue"
|
|
|
placeholder="搜索培训名称、主讲人"
|
|
placeholder="搜索培训名称、主讲人"
|
|
|
style="width: 400px"
|
|
style="width: 400px"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="" prop="queryParamsData4">
|
|
|
|
|
- <el-select v-model="queryParams.queryParamsData4" placeholder="分类" style="width: 160px">
|
|
|
|
|
|
|
+ <el-form-item label="" prop="categoryId">
|
|
|
|
|
+ <el-select v-model="queryParams.categoryId" placeholder="分类" style="width: 160px">
|
|
|
<el-option
|
|
<el-option
|
|
|
v-for="dict in optionListB"
|
|
v-for="dict in optionListB"
|
|
|
:key="dict.id"
|
|
:key="dict.id"
|
|
@@ -121,10 +121,10 @@
|
|
|
queryParams: {
|
|
queryParams: {
|
|
|
page: 1,
|
|
page: 1,
|
|
|
pageSize: 8,
|
|
pageSize: 8,
|
|
|
- queryParamsData1: '',
|
|
|
|
|
- queryParamsData2: null,
|
|
|
|
|
- queryParamsData3: '',
|
|
|
|
|
- queryParamsData4: null,
|
|
|
|
|
|
|
+ trainingMode: '',
|
|
|
|
|
+ status: null,
|
|
|
|
|
+ searchValue: '',
|
|
|
|
|
+ categoryId: null,
|
|
|
},
|
|
},
|
|
|
//列表数据
|
|
//列表数据
|
|
|
dataList: [],
|
|
dataList: [],
|
|
@@ -146,8 +146,8 @@
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
tableTypeButton(val){
|
|
tableTypeButton(val){
|
|
|
- if(this.queryParams.queryParamsData1 !== val){
|
|
|
|
|
- this.$set(this.queryParams,'queryParamsData1',val);
|
|
|
|
|
|
|
+ if(this.queryParams.trainingMode !== val){
|
|
|
|
|
+ this.$set(this.queryParams,'trainingMode',val);
|
|
|
// this.handleQuery();
|
|
// this.handleQuery();
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
@@ -161,10 +161,10 @@
|
|
|
this.$set(this, 'queryParams', {
|
|
this.$set(this, 'queryParams', {
|
|
|
page: 1,
|
|
page: 1,
|
|
|
pageSize: 8,
|
|
pageSize: 8,
|
|
|
- queryParamsData1: '',
|
|
|
|
|
- queryParamsData2: null,
|
|
|
|
|
- queryParamsData3: '',
|
|
|
|
|
- queryParamsData4: null,
|
|
|
|
|
|
|
+ trainingMode: '',
|
|
|
|
|
+ status: null,
|
|
|
|
|
+ searchValue: '',
|
|
|
|
|
+ categoryId: null,
|
|
|
})
|
|
})
|
|
|
this.getList()
|
|
this.getList()
|
|
|
},
|
|
},
|