| | |
| | | <template>
|
| | | <div class="app-container">
|
| | | <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
| | | <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
|
| | | <el-form-item label="字典名称" prop="dictType">
|
| | | <el-select v-model="queryParams.dictType" size="small">
|
| | | <el-select v-model="queryParams.dictType" style="width: 200px">
|
| | | <el-option
|
| | | v-for="item in typeOptions"
|
| | | :key="item.dictId"
|
| | |
| | | v-model="queryParams.dictLabel"
|
| | | placeholder="请输入字典标签"
|
| | | clearable
|
| | | size="small"
|
| | | style="width: 200px"
|
| | | @keyup.enter="handleQuery"
|
| | | />
|
| | | </el-form-item>
|
| | | <el-form-item label="状态" prop="status">
|
| | | <el-select v-model="queryParams.status" placeholder="数据状态" clearable size="small">
|
| | | <el-select v-model="queryParams.status" placeholder="数据状态" clearable style="width: 200px">
|
| | | <el-option
|
| | | v-for="dict in sys_normal_disable"
|
| | | :key="dict.value"
|
| | |
| | | </el-select>
|
| | | </el-form-item>
|
| | | <el-form-item>
|
| | | <el-button type="primary" icon="Search" size="mini" @click="handleQuery">搜索</el-button>
|
| | | <el-button icon="Refresh" size="mini" @click="resetQuery">重置</el-button>
|
| | | <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
| | | <el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
| | | </el-form-item>
|
| | | </el-form>
|
| | |
|
| | |
| | | type="primary"
|
| | | plain
|
| | | icon="Plus"
|
| | | size="mini"
|
| | | @click="handleAdd"
|
| | | v-hasPermi="['system:dict:add']"
|
| | | >新增</el-button>
|
| | |
| | | type="success"
|
| | | plain
|
| | | icon="Edit"
|
| | | size="mini"
|
| | | :disabled="single"
|
| | | @click="handleUpdate"
|
| | | v-hasPermi="['system:dict:edit']"
|
| | |
| | | type="danger"
|
| | | plain
|
| | | icon="Delete"
|
| | | size="mini"
|
| | | :disabled="multiple"
|
| | | @click="handleDelete"
|
| | | v-hasPermi="['system:dict:remove']"
|
| | |
| | | type="warning"
|
| | | plain
|
| | | icon="Download"
|
| | | size="mini"
|
| | | @click="handleExport"
|
| | | v-hasPermi="['system:dict:export']"
|
| | | >导出</el-button>
|
| | |
| | | type="warning"
|
| | | plain
|
| | | icon="Close"
|
| | | size="mini"
|
| | | @click="handleClose"
|
| | | >关闭</el-button>
|
| | | </el-col>
|
| | |
| | | <span>{{ parseTime(scope.row.createTime) }}</span>
|
| | | </template>
|
| | | </el-table-column>
|
| | | <el-table-column label="操作" align="center" width="150" class-name="small-padding fixed-width">
|
| | | <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
|
| | | <template #default="scope">
|
| | | <el-button
|
| | | size="mini"
|
| | | type="text"
|
| | | icon="Edit"
|
| | | @click="handleUpdate(scope.row)"
|
| | | v-hasPermi="['system:dict:edit']"
|
| | | >修改</el-button>
|
| | | <el-button
|
| | | size="mini"
|
| | | type="text"
|
| | | icon="Delete"
|
| | | @click="handleDelete(scope.row)"
|
| | | v-hasPermi="['system:dict:remove']"
|
| | | >删除</el-button>
|
| | | <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:dict:edit']">修改</el-button>
|
| | | <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:dict:remove']">删除</el-button>
|
| | | </template>
|
| | | </el-table-column>
|
| | | </el-table>
|
| | |
| | | <el-option
|
| | | v-for="item in listClassOptions"
|
| | | :key="item.value"
|
| | | :label="item.label"
|
| | | :label="item.label + '(' + item.value + ')'"
|
| | | :value="item.value"
|
| | | ></el-option>
|
| | | </el-select>
|
| | |
| | | </template>
|
| | |
|
| | | <script setup name="Data">
|
| | | import { listType, getType } from "@/api/system/dict/type";
|
| | | import useDictStore from '@/store/modules/dict'
|
| | | import { optionselect as getDictOptionselect, getType } from "@/api/system/dict/type";
|
| | | import { listData, getData, delData, addData, updateData } from "@/api/system/dict/data";
|
| | |
|
| | | const { proxy } = getCurrentInstance();
|
| | |
| | |
|
| | | /** 查询字典类型列表 */
|
| | | function getTypeList() {
|
| | | listType().then(response => {
|
| | | typeOptions.value = response.rows;
|
| | | getDictOptionselect().then(response => {
|
| | | typeOptions.value = response.data;
|
| | | });
|
| | | }
|
| | | /** 查询字典数据列表 */
|
| | |
| | | if (valid) {
|
| | | if (form.value.dictCode != undefined) {
|
| | | updateData(form.value).then(response => {
|
| | | useDictStore().removeDict(queryParams.value.dictType);
|
| | | proxy.$modal.msgSuccess("修改成功");
|
| | | open.value = false;
|
| | | getList();
|
| | | });
|
| | | } else {
|
| | | addData(form.value).then(response => {
|
| | | useDictStore().removeDict(queryParams.value.dictType);
|
| | | proxy.$modal.msgSuccess("新增成功");
|
| | | open.value = false;
|
| | | getList();
|
| | |
| | | }).then(() => {
|
| | | getList();
|
| | | proxy.$modal.msgSuccess("删除成功");
|
| | | useDictStore().removeDict(queryParams.value.dictType);
|
| | | }).catch(() => {});
|
| | | }
|
| | | /** 导出按钮操作 */
|