RuoYi
2022-11-21 0effee74b176638329d6d378de44293219fd8de2
src/views/system/dict/data.vue
@@ -1,8 +1,8 @@
<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"
@@ -16,12 +16,12 @@
               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"
@@ -31,8 +31,8 @@
            </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>
@@ -42,7 +42,6 @@
               type="primary"
               plain
               icon="Plus"
               size="mini"
               @click="handleAdd"
               v-hasPermi="['system:dict:add']"
            >新增</el-button>
@@ -52,7 +51,6 @@
               type="success"
               plain
               icon="Edit"
               size="mini"
               :disabled="single"
               @click="handleUpdate"
               v-hasPermi="['system:dict:edit']"
@@ -63,7 +61,6 @@
               type="danger"
               plain
               icon="Delete"
               size="mini"
               :disabled="multiple"
               @click="handleDelete"
               v-hasPermi="['system:dict:remove']"
@@ -74,7 +71,6 @@
               type="warning"
               plain
               icon="Download"
               size="mini"
               @click="handleExport"
               v-hasPermi="['system:dict:export']"
            >导出</el-button>
@@ -84,7 +80,6 @@
               type="warning"
               plain
               icon="Close"
               size="mini"
               @click="handleClose"
            >关闭</el-button>
         </el-col>
@@ -113,22 +108,10 @@
               <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>
@@ -164,7 +147,7 @@
                  <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>
@@ -193,7 +176,8 @@
</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();
@@ -250,8 +234,8 @@
/** 查询字典类型列表 */
function getTypeList() {
  listType().then(response => {
    typeOptions.value = response.rows;
  getDictOptionselect().then(response => {
    typeOptions.value = response.data;
  });
}
/** 查询字典数据列表 */
@@ -327,12 +311,14 @@
    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();
@@ -349,6 +335,7 @@
  }).then(() => {
    getList();
    proxy.$modal.msgSuccess("删除成功");
    useDictStore().removeDict(queryParams.value.dictType);
  }).catch(() => {});
}
/** 导出按钮操作 */