fix : 修复列表页面搜索框排版

This commit is contained in:
2024-08-12 00:04:31 +08:00
parent 3e3d738362
commit 83af021d33
15 changed files with 434 additions and 175 deletions

View File

@@ -1,39 +1,45 @@
<template>
<div>
<el-form :model="queryParams" inline class="query-form" ref="queryForm" @submit.prevent="getList">
<el-form-item label="部署名称" prop="deploymentName">
<el-input v-model="queryParams.deploymentName" placeholder="请输入部署名称" clearable></el-input>
</el-form-item>
<!-- <el-form-item label="状态" prop="enable">-->
<!-- <el-select v-model="queryParams.enable" placeholder="请选择状态" clearable filterable>-->
<!-- <el-option-->
<!-- v-for="dict in cacheStore.getDict('regular_enable')"-->
<!-- :key="dict.value"-->
<!-- :label="dict.label"-->
<!-- :value="dict.value"-->
<!-- />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item>
<el-button color="#DED0B2" @click="getList" :icon="Refresh">搜索</el-button>
<el-button color="#DED0B2" @click="handleAdd" :icon="Plus">新增</el-button>
<el-button @click="handleReset" :icon="Refresh" >重置</el-button>
<!-- <el-button type="primary" @click="handleExport" :icon="Download" plain>导出-->
<!-- </el-button>-->
</el-form-item>
<el-form :model="queryParams" ref="queryForm" class="search-form select-form" @submit.prevent="getList"
style="margin-top: 18px;margin-left: 16px">
<el-row>
<el-col :span="5">
<el-form-item label="部署名称" prop="deploymentName">
<el-input v-model="queryParams.deploymentName" placeholder="请输入部署名称" clearable></el-input>
</el-form-item>
</el-col>
<!-- <el-form-item label="状态" prop="enable">-->
<!-- <el-select v-model="queryParams.enable" placeholder="请选择状态" clearable filterable>-->
<!-- <el-option-->
<!-- v-for="dict in cacheStore.getDict('regular_enable')"-->
<!-- :key="dict.value"-->
<!-- :label="dict.label"-->
<!-- :value="dict.value"-->
<!-- />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-col :span="6" :offset="1">
<el-form-item>
<el-button color="#DED0B2" @click="getList" :icon="Refresh">搜索</el-button>
<el-button color="#DED0B2" @click="handleAdd" :icon="Plus">新增</el-button>
<el-button @click="handleReset" :icon="Refresh">重置</el-button>
<!-- <el-button type="primary" @click="handleExport" :icon="Download" plain>导出-->
<!-- </el-button>-->
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="table">
<div class="fv-table">
<el-table
:data="list"
row-key="id"
:lazy="true"
stripe
ref="singleTable"
v-loading="loading"
@select="handleSelect"
v-tabh
>
<el-table-column type="selection" width="30"/>
<!-- <el-table-column type="selection" width="30"/>-->
<el-table-column label="序号" type="index" width="60" align="center"/>
<el-table-column prop="deploymentName" label="部署名称" align="center"/>
<el-table-column prop="version" label="版本" align="center">
@@ -142,7 +148,7 @@ const selectDefinition = ref(null)
const historyVersionList = ref([])
const singleTable = ref()
const isVisited = ref(false)
onActivated(()=>{
onActivated(() => {
getList()
})
//重置搜索