Skip to content

M
mini-wms
Commit adfc5bf0 by ningjihai
Options

参数设置UI

parent 7a58ad8b
正在显示 包含 112 行增加 和 107 行删除
ruoyi-admin-vue/src/views/system/config/index.vue
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="参数名称" prop="configName">
<el-input
v-model="queryParams.configName"
placeholder="请输入参数名称"
clearable
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="参数键名" prop="configKey">
<el-input
v-model="queryParams.configKey"
placeholder="请输入参数键名"
clearable
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="系统内置" prop="configType">
<el-select v-model="queryParams.configType" placeholder="系统内置" clearable>
<el-option
v-for="dict in dict.type.sys_yes_no"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker
v-model="dateRange"
style="width: 240px"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8"> <PageTitle>
<el-col :span="1.5"> <template #buttons>
<el-button <el-button
type="primary" type="primary"
plain plain
icon="el-icon-plus" icon="el-icon-plus"
size="mini" size="medium"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['system:config:add']" v-hasPermi="['system:config:add']"
>新增</el-button> >新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button <el-button
type="success" type="success"
plain plain
icon="el-icon-edit" icon="el-icon-edit"
size="mini" size="medium"
:disabled="single" :disabled="single"
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['system:config:edit']" v-hasPermi="['system:config:edit']"
>修改</el-button> >修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button <el-button
type="danger" type="danger"
plain plain
icon="el-icon-delete" icon="el-icon-delete"
size="mini" size="medium"
:disabled="multiple" :disabled="multiple"
@click="handleDelete" @click="handleDelete"
v-hasPermi="['system:config:remove']" v-hasPermi="['system:config:remove']"
>删除</el-button> >删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button <el-button
type="warning" type="warning"
plain plain
icon="el-icon-download" icon="el-icon-download"
size="mini" size="medium"
@click="handleExport" @click="handleExport"
v-hasPermi="['system:config:export']" v-hasPermi="['system:config:export']"
>导出</el-button> >导出</el-button>
</el-col>
<el-col :span="1.5">
<el-button <el-button
type="danger" type="danger"
plain plain
icon="el-icon-refresh" icon="el-icon-refresh"
size="mini" size="medium"
@click="handleRefreshCache" @click="handleRefreshCache"
v-hasPermi="['system:config:remove']" v-hasPermi="['system:config:remove']"
>刷新缓存</el-button> >刷新缓存</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </template>
</el-row> </PageTitle>
<el-table v-loading="loading" :data="configList" @selection-change="handleSelectionChange"> <div class="page-container">
<el-table-column type="selection" width="55" align="center" /> <page-wrapper-search
<el-table-column label="参数主键" align="center" prop="configId" /> :model="queryParams"
<el-table-column label="参数名称" align="center" prop="configName" :show-overflow-tooltip="true" /> ref="queryForm"
<el-table-column label="参数键名" align="center" prop="configKey" :show-overflow-tooltip="true" /> size="small"
<el-table-column label="参数键值" align="center" prop="configValue" :show-overflow-tooltip="true" /> @search="handleQuery"
<el-table-column label="系统内置" align="center" prop="configType"> @reset="resetQuery"
<template slot-scope="scope"> >
<dict-tag :options="dict.type.sys_yes_no" :value="scope.row.configType"/> <el-form-item label="参数名称" prop="configName">
</template> <el-input
</el-table-column> v-model="queryParams.configName"
<el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" /> placeholder="请输入参数名称"
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> clearable
<template slot-scope="scope"> style="width: 240px"
<span>{{ parseTime(scope.row.createTime) }}</span> @keyup.enter.native="handleQuery"
</template> />
</el-table-column> </el-form-item>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-form-item label="参数键名" prop="configKey">
<template slot-scope="scope"> <el-input
<el-button v-model="queryParams.configKey"
size="mini" placeholder="请输入参数键名"
type="text" clearable
icon="el-icon-edit" style="width: 240px"
@click="handleUpdate(scope.row)" @keyup.enter.native="handleQuery"
v-hasPermi="['system:config:edit']" />
>修改</el-button> </el-form-item>
<el-button <el-form-item label="系统内置" prop="configType">
size="mini" <el-select v-model="queryParams.configType" placeholder="系统内置" clearable>
type="text" <el-option
icon="el-icon-delete" v-for="dict in dict.type.sys_yes_no"
@click="handleDelete(scope.row)" :key="dict.value"
v-hasPermi="['system:config:remove']" :label="dict.label"
>删除</el-button> :value="dict.value"
</template> />
</el-table-column> </el-select>
</el-table> </el-form-item>
<el-form-item label="创建时间">
<el-date-picker
v-model="dateRange"
style="width: 240px"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
</page-wrapper-search>
<pagination <div class="table-container">
v-show="total>0" <el-table v-loading="loading" :data="configList" height="100%" @selection-change="handleSelectionChange">
:total="total" <el-table-column type="selection" width="55" align="center" fixed/>
:page.sync="queryParams.pageNum" <el-table-column label="参数主键" align="center" prop="configId" />
:limit.sync="queryParams.pageSize" <el-table-column label="参数名称" align="center" prop="configName" :show-overflow-tooltip="true" />
@pagination="getList" <el-table-column label="参数键名" align="center" prop="configKey" :show-overflow-tooltip="true" />
/> <el-table-column label="参数键值" align="center" prop="configValue" :show-overflow-tooltip="true" />
<el-table-column label="系统内置" align="center" prop="configType">
<template slot-scope="scope">
<dict-tag :options="dict.type.sys_yes_no" :value="scope.row.configType"/>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:config:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:config:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
<!-- 添加或修改参数配置对话框 --> <!-- 添加或修改参数配置对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
...@@ -271,7 +274,9 @@ export default { ...@@ -271,7 +274,9 @@ export default {
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.dateRange = [] this.dateRange = []
this.resetForm("queryForm") this.queryParams.configName = undefined
this.queryParams.configKey = undefined
this.queryParams.configType = undefined
this.handleQuery() this.handleQuery()
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论