feat: 后台管理页面查询条件统一改为独立卡片+按钮触发模式
业务组管理、用户管理、配置管理、应用管理页面的查询条件拆分为独立卡片, 新增查询/重置按钮,移除下拉选中即时触发查询的交互; 应用管理新增应用名称、应用编码模糊查询和业务组精确查询条件。
This commit is contained in:
@@ -1,18 +1,29 @@
|
||||
<template>
|
||||
<el-card>
|
||||
<div slot="header" style="display: flex; justify-content: space-between; align-items: center">
|
||||
<span>配置列表</span>
|
||||
<div>
|
||||
<el-select v-model="query.env" placeholder="环境" clearable style="width: 160px; margin-right: 10px" @change="loadData">
|
||||
<el-option v-for="p in profiles" :key="p.value" :label="p.label" :value="p.value"></el-option>
|
||||
</el-select>
|
||||
<el-select v-model="query.appId" placeholder="应用" clearable filterable style="width: 200px; margin-right: 10px" @change="loadData">
|
||||
<el-option v-for="app in apps" :key="app.value" :label="app.label" :value="app.value"></el-option>
|
||||
</el-select>
|
||||
<div>
|
||||
<el-card style="margin-bottom: 16px">
|
||||
<el-form :inline="true" @submit.native.prevent="handleSearch">
|
||||
<el-form-item label="环境">
|
||||
<el-select v-model="query.env" placeholder="请选择" clearable style="width: 160px">
|
||||
<el-option v-for="p in profiles" :key="p.value" :label="p.label" :value="p.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="应用">
|
||||
<el-select v-model="query.appId" placeholder="请选择" clearable filterable style="width: 200px">
|
||||
<el-option v-for="app in apps" :key="app.value" :label="app.label" :value="app.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handleSearch">查询</el-button>
|
||||
<el-button @click="handleReset">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card>
|
||||
<div slot="header" style="display: flex; justify-content: flex-end">
|
||||
<el-button type="primary" @click="$router.push('/config/add')">新建配置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table :data="list" v-loading="loading" border stripe>
|
||||
<el-table :data="list" v-loading="loading" border stripe>
|
||||
<el-table-column prop="id" label="ID" width="60"></el-table-column>
|
||||
<el-table-column prop="name" label="配置名"></el-table-column>
|
||||
<el-table-column prop="env" label="环境" width="80"></el-table-column>
|
||||
@@ -118,6 +129,7 @@
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -241,6 +253,14 @@ export default {
|
||||
this.loadApps()
|
||||
},
|
||||
methods: {
|
||||
handleSearch() {
|
||||
this.query.pageNo = 1
|
||||
this.loadData()
|
||||
},
|
||||
handleReset() {
|
||||
this.query = { pageNo: 1, pageSize: 20, env: '', appId: null }
|
||||
this.loadData()
|
||||
},
|
||||
async loadData() {
|
||||
this.loading = true
|
||||
try {
|
||||
|
||||
Reference in New Issue
Block a user