智慧粮库
blame | history | patch | commit | commitdiff | ignore whitespace
RuoYi
2026-04-02 19cb8327f006f12403ea8591a22debd0ea26d43f 
 ruoyi-ui/src/views/system/dict/index.vue


@@ -1,12 +1,11 @@


<template>



  <div class="app-container">



    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">



    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">



      <el-form-item label="字典名称" prop="dictName">



        <el-input



          v-model="queryParams.dictName"



          placeholder="请输入字典名称"



          clearable



          size="small"



          style="width: 240px"



          @keyup.enter.native="handleQuery"



        />



@@ -16,7 +15,6 @@


          v-model="queryParams.dictType"



          placeholder="请输入字典类型"



          clearable



          size="small"



          style="width: 240px"



          @keyup.enter.native="handleQuery"



        />



@@ -26,21 +24,19 @@


          v-model="queryParams.status"



          placeholder="字典状态"



          clearable



          size="small"



          style="width: 240px"



        >



          <el-option



            v-for="dict in statusOptions"



            :key="dict.dictValue"



            :label="dict.dictLabel"



            :value="dict.dictValue"



            v-for="dict in dict.type.sys_normal_disable"



            :key="dict.value"



            :label="dict.label"



            :value="dict.value"



          />



        </el-select>



      </el-form-item>



      <el-form-item label="创建时间">



        <el-date-picker



          v-model="dateRange"



          size="small"



          style="width: 240px"



          value-format="yyyy-MM-dd"



          type="daterange"



@@ -50,7 +46,7 @@


        ></el-date-picker>



      </el-form-item>



      <el-form-item>



        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>



        <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>



@@ -59,6 +55,7 @@


      <el-col :span="1.5">



        <el-button



          type="primary"



          plain



          icon="el-icon-plus"



          size="mini"



          @click="handleAdd"



@@ -68,6 +65,7 @@


      <el-col :span="1.5">



        <el-button



          type="success"



          plain



          icon="el-icon-edit"



          size="mini"



          :disabled="single"



@@ -78,6 +76,7 @@


      <el-col :span="1.5">



        <el-button



          type="danger"



          plain



          icon="el-icon-delete"



          size="mini"



          :disabled="multiple"



@@ -88,6 +87,7 @@


      <el-col :span="1.5">



        <el-button



          type="warning"



          plain



          icon="el-icon-download"



          size="mini"



          @click="handleExport"



@@ -97,20 +97,14 @@


      <el-col :span="1.5">



        <el-button



          type="danger"



          plain



          icon="el-icon-refresh"



          size="mini"



          @click="handleClearCache"



          @click="handleRefreshCache"



          v-hasPermi="['system:dict:remove']"



        >清理缓存</el-button>



        >刷新缓存</el-button>



      </el-col>



      <div class="top-right-btn">



        <el-tooltip class="item" effect="dark" content="刷新" placement="top">



          <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />



        </el-tooltip>



        <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">



          <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />



        </el-tooltip>



      </div>



      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>



    </el-row>







    <el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange">



@@ -119,12 +113,14 @@


      <el-table-column label="字典名称" align="center" prop="dictName" :show-overflow-tooltip="true" />



      <el-table-column label="字典类型" align="center" :show-overflow-tooltip="true">



        <template slot-scope="scope">



          <router-link :to="'/dict/type/data/' + scope.row.dictId" class="link-type">



            <span>{{ scope.row.dictType }}</span>



          </router-link>



          <a class="link-type" style="cursor:pointer" @click="handleViewData(scope.row)">{{ scope.row.dictType }}</a>



        </template>



      </el-table-column>



      <el-table-column label="状态" align="center" prop="status" :formatter="statusFormat" />



      <el-table-column label="状态" align="center" prop="status">



        <template slot-scope="scope">



          <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>



        </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">



@@ -140,6 +136,13 @@


            @click="handleUpdate(scope.row)"



            v-hasPermi="['system:dict:edit']"



          >修改</el-button>



          <el-button



            size="mini"



            type="text"



            icon="el-icon-s-operation"



            @click="handleDataList(scope.row)"



            v-hasPermi="['system:dict:edit']"



          >列表</el-button>



          <el-button



            size="mini"



            type="text"



@@ -161,20 +164,26 @@






    <!-- 添加或修改参数配置对话框 -->



    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>



      <el-form ref="form" :model="form" :rules="rules" label-width="80px">



      <el-form ref="form" :model="form" :rules="rules" label-width="100px">



        <el-form-item label="字典名称" prop="dictName">



          <el-input v-model="form.dictName" placeholder="请输入字典名称" />



        </el-form-item>



        <el-form-item label="字典类型" prop="dictType">



          <el-input v-model="form.dictType" placeholder="请输入字典类型" />



        <el-form-item prop="dictType">



          <el-input v-model="form.dictType" placeholder="请输入字典类型" maxlength="100" />



          <span slot="label">



            <el-tooltip content="数据存储中的Key值，如：sys_user_sex" placement="top">



              <i class="el-icon-question"></i>



            </el-tooltip>



            字典类型



          </span>



        </el-form-item>



        <el-form-item label="状态" prop="status">



          <el-radio-group v-model="form.status">



            <el-radio



              v-for="dict in statusOptions"



              :key="dict.dictValue"



              :label="dict.dictValue"



            >{{dict.dictLabel}}</el-radio>



              v-for="dict in dict.type.sys_normal_disable"



              :key="dict.value"



              :label="dict.value"



            >{{dict.label}}</el-radio>



          </el-radio-group>



        </el-form-item>



        <el-form-item label="备注" prop="remark">



@@ -186,14 +195,19 @@


        <el-button @click="cancel">取 消</el-button>



      </div>



    </el-dialog>







    <dict-data-drawer :visible.sync="drawerVisible" :row="drawerRow" />



  </div>



</template>







<script>



import { listType, getType, delType, addType, updateType, clearCache } from "@/api/system/dict/type";



import DictDataDrawer from './detail'



import { listType, getType, delType, addType, updateType, refreshCache } from "@/api/system/dict/type"







export default {



  name: "Dict",



  components: { DictDataDrawer },



  dicts: ['sys_normal_disable'],



  data() {



    return {



      // 遮罩层



@@ -214,8 +228,10 @@


      title: "",



      // 是否显示弹出层



      open: false,



      // 状态数据字典



      statusOptions: [],



      // 字典数据抽屉状态



      drawerVisible: false,



      // 字典数据信息



      drawerRow: {},



      // 日期范围



      dateRange: [],



      // 查询参数



@@ -237,33 +253,26 @@


          { required: true, message: "字典类型不能为空", trigger: "blur" }



        ]



      }



    };



    }



  },



  created() {



    this.getList();



    this.getDicts("sys_normal_disable").then(response => {



      this.statusOptions = response.data;



    });



    this.getList()



  },



  methods: {



    /** 查询字典类型列表 */



    getList() {



      this.loading = true;



      this.loading = true



      listType(this.addDateRange(this.queryParams, this.dateRange)).then(response => {



          this.typeList = response.rows;



          this.total = response.total;



          this.loading = false;



          this.typeList = response.rows



          this.total = response.total



          this.loading = false



        }



      );



    },



    // 字典状态字典翻译



    statusFormat(row, column) {



      return this.selectDictLabel(this.statusOptions, row.status);



      )



    },



    // 取消按钮



    cancel() {



      this.open = false;



      this.reset();



      this.open = false



      this.reset()



    },



    // 表单重置



    reset() {



@@ -273,79 +282,80 @@


        dictType: undefined,



        status: "0",



        remark: undefined



      };



      this.resetForm("form");



      }



      this.resetForm("form")



    },



    /** 搜索按钮操作 */



    handleQuery() {



      this.queryParams.pageNum = 1;



      this.getList();



      this.queryParams.pageNum = 1



      this.getList()



    },



    /** 重置按钮操作 */



    resetQuery() {



      this.dateRange = [];



      this.resetForm("queryForm");



      this.handleQuery();



      this.dateRange = []



      this.resetForm("queryForm")



      this.handleQuery()



    },



    /** 新增按钮操作 */



    handleAdd() {



      this.reset();



      this.open = true;



      this.title = "添加字典类型";



      this.reset()



      this.open = true



      this.title = "添加字典类型"



    },



    // 多选框选中数据



    handleSelectionChange(selection) {



      this.ids = selection.map(item => item.dictId)



      this.single = selection.length!=1



      this.single = selection.length != 1



      this.multiple = !selection.length



    },



    /** 字典数据抽屉显示信息 */



    handleViewData(row) {



      this.drawerRow = row



      this.drawerVisible = true



    },



    /** 字典数据列表页面 */



    handleDataList(row) {



      this.$tab.openPage("字典数据", '/system/dict-data/index/' + row.dictId)



    },



    /** 修改按钮操作 */



    handleUpdate(row) {



      this.reset();



      this.reset()



      const dictId = row.dictId || this.ids



      getType(dictId).then(response => {



        this.form = response.data;



        this.open = true;



        this.title = "修改字典类型";



      });



        this.form = response.data



        this.open = true



        this.title = "修改字典类型"



      })



    },



    /** 提交按钮 */



    submitForm: function() {



    submitForm() {



      this.$refs["form"].validate(valid => {



        if (valid) {



          if (this.form.dictId != undefined) {



            updateType(this.form).then(response => {



              if (response.code === 200) {



                this.msgSuccess("修改成功");



                this.open = false;



                this.getList();



              }



            });



            updateType(this.form).then(() => {



              this.$modal.msgSuccess("修改成功")



              this.open = false



              this.getList()



            })



          } else {



            addType(this.form).then(response => {



              if (response.code === 200) {



                this.msgSuccess("新增成功");



                this.open = false;



                this.getList();



              }



            });



            addType(this.form).then(() => {



              this.$modal.msgSuccess("新增成功")



              this.open = false



              this.getList()



            })



          }



        }



      });



      })



    },



    /** 删除按钮操作 */



    handleDelete(row) {



      const dictIds = row.dictId || this.ids;



      this.$confirm('是否确认删除字典编号为"' + dictIds + '"的数据项?', "警告", {



          confirmButtonText: "确定",



          cancelButtonText: "取消",



          type: "warning"



        }).then(function() {



          return delType(dictIds);



        }).then(() => {



          this.getList();



          this.msgSuccess("删除成功");



        }).catch(function() {});



      const dictIds = row.dictId || this.ids



      this.$modal.confirm('是否确认删除字典编号为"' + dictIds + '"的数据项？').then(function() {



        return delType(dictIds)



      }).then(() => {



        this.getList()



        this.$modal.msgSuccess("删除成功")



      }).catch(() => {})



    },



    /** 导出按钮操作 */



    handleExport() {



@@ -353,16 +363,13 @@


        ...this.queryParams



      }, `type_${new Date().getTime()}.xlsx`)



    },



    /** 清理缓存按钮操作 */



    handleClearCache() {



      clearCache().then(response => {



        if (response.code === 200) {



          this.msgSuccess("清理成功");



        } else {



          this.msgError(response.msg);



        }



      });



    /** 刷新缓存按钮操作 */



    handleRefreshCache() {



      refreshCache().then(() => {



        this.$modal.msgSuccess("刷新成功")



        this.$store.dispatch('dict/cleanDict')



      })



    }



  }



};



}



</script>