优化字典数据使用store存取

RuoYi

2022-07-20 cafff38a6e86e7f6db12d3b4405b0c0d52082e52

 src/views/system/dict/data.vue

@@ -2,7 +2,7 @@
   <div class="app-container">

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

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

            <el-select v-model="queryParams.dictType" size="small">

            <el-select v-model="queryParams.dictType">

               <el-option

                  v-for="item in typeOptions"

                  :key="item.dictId"

@@ -16,12 +16,11 @@
               v-model="queryParams.dictLabel"

               placeholder="请输入字典标签"

               clearable

               size="small"

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

               <el-option

                  v-for="dict in sys_normal_disable"

                  :key="dict.value"

@@ -31,8 +30,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 +41,6 @@
               type="primary"

               plain

               icon="Plus"

               size="mini"

               @click="handleAdd"

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

            >新增</el-button>

@@ -52,7 +50,6 @@
               type="success"

               plain

               icon="Edit"

               size="mini"

               :disabled="single"

               @click="handleUpdate"

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

@@ -63,7 +60,6 @@
               type="danger"

               plain

               icon="Delete"

               size="mini"

               :disabled="multiple"

               @click="handleDelete"

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

@@ -74,7 +70,6 @@
               type="warning"

               plain

               icon="Download"

               size="mini"

               @click="handleExport"

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

            >导出</el-button>

@@ -84,7 +79,6 @@
               type="warning"

               plain

               icon="Close"

               size="mini"

               @click="handleClose"

            >关闭</el-button>

         </el-col>

@@ -116,14 +110,12 @@
         <el-table-column label="操作" align="center" width="150" 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)"

@@ -164,7 +156,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 +185,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 +243,8 @@


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

function getTypeList() {

  listType().then(response => {

    typeOptions.value = response.rows;

  getDictOptionselect().then(response => {

    typeOptions.value = response.data;

  });

}

/** 查询字典数据列表 */

@@ -327,12 +320,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 +344,7 @@
  }).then(() => {

    getList();

    proxy.$modal.msgSuccess("删除成功");

    useDictStore().removeDict(queryParams.value.dictType);

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

}

/** 导出按钮操作 */