odjbin/mosr-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
odjbin
2024-08-12 00:04:31 +08:00
parent 3e3d738362
commit 83af021d33
15 changed files with 434 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/views/system/config/index.vue
View File

@@ -1,36 +1,47 @@
<template>
<div>
<el-form :model="queryParams" inline class="query-form" ref="queryForm">
<el-form-item label="参数名称" prop="configName">
<el-input v-model="queryParams.configName" placeholder="请输参数名称"></el-input>
</el-form-item>
<el-form-item label="参数键名" prop="configKey">
<el-input v-model="queryParams.configKey" placeholder="请输参数键名"></el-input>
</el-form-item>
<el-form-item label="系统内置" prop="configType">
<el-select v-model="queryParams.configType" placeholder="请选择系统内置" clearable filterable>
<el-option
v-for="dict in cacheStore.getDict('yes_no')"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button color="#DED0B2" @click="getList" :icon="Search">搜索</el-button>
<el-button @click="handleReset" :icon="Refresh">重置</el-button>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" class="search-form select-form"
style="margin-top: 18px;margin-left: 16px">
<el-row>
<el-col :span="5">
<el-form-item label="参数名称" prop="configName">
<el-input v-model="queryParams.configName" placeholder="请输入参数名称" clearable @keyup.enter.native="getList"></el-input>
</el-form-item>
</el-col>
<el-col :span="5" :offset="1">
<el-form-item label="参数键名" prop="configKey">
<el-input v-model="queryParams.configKey" placeholder="请输入参数键名" clearable @keyup.enter.native="getList"></el-input>
</el-form-item>
</el-col>
<el-col :span="5" :offset="1">
<el-form-item label="系统内置" prop="configType">
<el-select v-model="queryParams.configType" placeholder="请选择系统内置" clearable filterable remote @change="getList">
<el-option
v-for="dict in cacheStore.getDict('yes_no')"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6" :offset="1">
<el-form-item>
<el-button color="#DED0B2" @click="getList" :icon="Search">搜索</el-button>
<el-button @click="handleReset" :icon="Refresh">重置</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="query-btn">
<el-button color="#DED0B2" v-perm="['admin:config:add']" @click="handleAdd" >新增</el-button>
<el-button color="#DED0B2" v-perm="['admin:config:add']" @click="handleAdd">新增</el-button>
<el-button type="danger" v-perm="['admin:config:del']" @click="handleMoreDelete(configIds,configNameList)"
:disabled="disabled">删除
</el-button>
<!-- <el-button type="warning" v-perm="['admin:config:export']" @click="handleExport" :icon="Download" plain>导出-->
<!-- </el-button>-->
<!-- <el-button type="warning" v-perm="['admin:config:export']" @click="handleExport" :icon="Download" plain>导出-->
<!-- </el-button>-->
</div>
<div class="table">
<div class="fv-table">
<el-table
:data="list"
row-key="configId"
@@ -41,7 +52,7 @@
v-tabh
>
<el-table-column type="selection" width="55"/>
<el-table-column label="序号" type="index" width="60"/>
<el-table-column label="序号" type="index" width="60" align="center"/>
<el-table-column prop="configName" label="参数名称" align="center"/>
<el-table-column prop="configKey" label="参数键名" align="center"/>
<el-table-column prop="configValue" label="参数键值" align="center"/>
@@ -51,7 +62,7 @@
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" align="center"/>
<el-table-column label="操作">
<el-table-column label="操作" align="center">
<template #default="scope">
<el-button type="primary" size="mini" v-perm="['admin:config:edit']"
@click="handleEdit(scope.row.configId)" link>编辑