From e5454b769d44a34af423bf87ac8a740bf8c20341 Mon Sep 17 00:00:00 2001
From: Crunchy <3114200645@qq.com>
Date: 星期二, 29 四月 2025 13:25:29 +0800
Subject: [PATCH] Merge branch 'dev' into dev_tides
---
src/views/system/dict/index.vue | 287 ++++++++++++++++++++++++++++++++++++---------------------
1 files changed, 180 insertions(+), 107 deletions(-)
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index 75a0081..f337f95 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -1,33 +1,58 @@
<template>
<div class="app-container">
- <div class="search_form">
- <div>
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
- <el-form-item label="鍒嗙被" prop="category">
- <el-input
- v-model="queryParams.category"
- placeholder="璇疯緭鍏ュ垎绫�"
- clearable
- style="width: 240px"
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="鏍囬" prop="label">
- <el-input
- v-model="queryParams.label"
- placeholder="璇疯緭鍏ユ爣棰�"
- clearable
- style="width: 240px"
- @keyup.enter.native="handleQuery"
- />
- </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>
- </div>
- <div style="margin-top: 3px">
+ <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
+ style="width: 240px"
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="瀛楀吀绫诲瀷" prop="dictType">
+ <el-input
+ v-model="queryParams.dictType"
+ placeholder="璇疯緭鍏ュ瓧鍏哥被鍨�"
+ clearable
+ style="width: 240px"
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鐘舵��" prop="status">
+ <el-select
+ v-model="queryParams.status"
+ placeholder="瀛楀吀鐘舵��"
+ clearable
+ style="width: 240px"
+ >
+ <el-option
+ 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"
+ 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" size="mini" @click="handleQuery">鏌ヨ</el-button>
+ <el-button size="mini" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+
+ <el-row :gutter="10" class="mb8">
+ <el-col :span="1.5">
<el-button
type="primary"
plain
@@ -36,21 +61,75 @@
@click="handleAdd"
v-hasPermi="['system:dict:add']"
>鏂板</el-button>
- </div>
- </div>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="success"
+ plain
+ icon="el-icon-edit"
+ size="mini"
+ :disabled="single"
+ @click="handleUpdate"
+ v-hasPermi="['system:dict:edit']"
+ >淇敼</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="danger"
+ plain
+ icon="el-icon-delete"
+ size="mini"
+ :disabled="multiple"
+ @click="handleDelete"
+ v-hasPermi="['system:dict:remove']"
+ >鍒犻櫎</el-button>
+ </el-col>
+<!-- <el-col :span="1.5">-->
+<!-- <el-button-->
+<!-- type="warning"-->
+<!-- plain-->
+<!-- icon="el-icon-download"-->
+<!-- size="mini"-->
+<!-- @click="handleExport"-->
+<!-- v-hasPermi="['system:dict:export']"-->
+<!-- >瀵煎嚭</el-button>-->
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="danger"
+ plain
+ icon="el-icon-refresh"
+ size="mini"
+ @click="handleRefreshCache"
+ v-hasPermi="['system:dict:remove']"
+ >鍒锋柊缂撳瓨</el-button>
+ </el-col>
+ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+ </el-row>
- <el-table v-loading="loading" :data="typeList">
- <el-table-column label="搴忓彿" align="center" prop="dictId" width="60px"/>
- <el-table-column label="鍒嗙被" align="center" prop="category" />
- <el-table-column label="鏍囬" align="center" prop="label" > </el-table-column>
- <el-table-column label="鍙傛暟" align="center" prop="value"></el-table-column>
- <el-table-column label="浼樺厛绾�" align="center" prop="orderNum" />
- <el-table-column label="绫诲瀷" align="center" prop="type"></el-table-column>
- <el-table-column label="鍒涘缓鐢ㄦ埛" align="center" prop="createUserName" show-overflow-tooltip></el-table-column>
- <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" show-overflow-tooltip></el-table-column>
- <el-table-column label="鏇存柊鐢ㄦ埛" align="center" prop="updateUserName"></el-table-column>
- <el-table-column label="鏇存柊鏃堕棿" align="center" prop="updateTime" show-overflow-tooltip></el-table-column>
- <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width" width="100px">
+ <el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="55" align="center" />
+ <el-table-column label="瀛楀吀缂栧彿" align="center" prop="dictId" />
+ <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="'/system/dict-data/index/' + scope.row.dictId" class="link-type">
+ <span>{{ scope.row.dictType }}</span>
+ </router-link>
+ </template>
+ </el-table-column>
+ <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">
+ <span>{{ parseTime(scope.row.createTime) }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
@@ -69,51 +148,47 @@
</template>
</el-table-column>
</el-table>
+
<pagination
v-show="total>0"
:total="total"
- :page.sync="page.current"
- :limit.sync="page.size"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 娣诲姞鎴栦慨鏀瑰弬鏁伴厤缃璇濇 -->
<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-item label="鍒嗙被" prop="category">
- <el-input v-model="form.category" placeholder="璇疯緭鍏ュ瓧鍏稿悕绉�" />
+ <el-form-item label="瀛楀吀鍚嶇О" prop="dictName">
+ <el-input v-model="form.dictName" placeholder="璇疯緭鍏ュ瓧鍏稿悕绉�" />
</el-form-item>
- <el-form-item label="鏍囬" prop="label">
- <el-input v-model="form.label" placeholder="璇疯緭鍏ュ瓧鍏哥被鍨�" />
+ <el-form-item label="瀛楀吀绫诲瀷" prop="dictType">
+ <el-input v-model="form.dictType" placeholder="璇疯緭鍏ュ瓧鍏哥被鍨�" />
</el-form-item>
- <el-form-item label="鍙傛暟" prop="value">
- <el-input v-model="form.value" placeholder="璇疯緭鍏ュ瓧鍏哥被鍨�" />
+ <el-form-item label="鐘舵��" prop="status">
+ <el-radio-group v-model="form.status">
+ <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="orderNum">
- <el-input v-model="form.orderNum" placeholder="璇疯緭鍏ュ唴瀹�"></el-input>
- </el-form-item>
- <el-form-item label="绫诲瀷" prop="type">
- <el-select clearable v-model="form.type" placeholder="璇烽�夋嫨绫诲瀷" style="width:100%">
- <el-option v-for="item in enumByCategoryOptions" :key="item.value" :value="item.value" :label="item.label"></el-option>
- </el-select>
+ <el-form-item label="澶囨敞" prop="remark">
+ <el-input v-model="form.remark" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
<el-button @click="cancel">鍙� 娑�</el-button>
+ <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
-import {
- listType,
- getType,
- delType,
- addType,
- updateType,
-} from "@/api/system/dict/type";
+import { listType, getType, delType, addType, updateType, refreshCache } from "@/api/system/dict/type";
export default {
name: "Dict",
@@ -138,40 +213,27 @@
title: "",
// 鏄惁鏄剧ず寮瑰嚭灞�
open: false,
+ // 鏃ユ湡鑼冨洿
+ dateRange: [],
// 鏌ヨ鍙傛暟
queryParams: {
- category: undefined,
- label: undefined,
- orderBy: {
- field: 'category,order_num,id',
- order: 'asc'
- }
- },
- page: {
- current: 1,
- size: 20,
+ pageNum: 1,
+ pageSize: 10,
+ dictName: undefined,
+ dictType: undefined,
+ status: undefined
},
// 琛ㄥ崟鍙傛暟
form: {},
// 琛ㄥ崟鏍￠獙
rules: {
- category: [
- { required: true, message: "璇峰～鍐欏垎绫�", trigger: "blur" }
+ dictName: [
+ { required: true, message: "瀛楀吀鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }
],
- label: [
- { required: true, message: "璇峰～鍐欐爣棰�", trigger: "blur" }
- ],
- value: [
- { required: true, message: "璇峰～鍐欏弬鏁�", trigger: "blur" }
+ dictType: [
+ { required: true, message: "瀛楀吀绫诲瀷涓嶈兘涓虹┖", trigger: "blur" }
]
- },
- enumByCategoryOptions: [
- {value:'', label:'榛樿'},
- {value:'success', label:'鎴愬姛'},
- {value:'info', label:'淇℃伅'},
- {value:'warning', label:'璀﹀憡'},
- {value:'danger', label:'閿欒'},
- ]
+ }
};
},
created() {
@@ -181,14 +243,12 @@
/** 鏌ヨ瀛楀吀绫诲瀷鍒楄〃 */
getList() {
this.loading = true;
- listType(this.pages, this.queryParams).then(response => {
+ listType(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
this.typeList = response.rows;
this.total = response.total;
this.loading = false;
}
- ).catch(error => {
- this.loading = false;
- })
+ );
},
// 鍙栨秷鎸夐挳
cancel() {
@@ -199,21 +259,21 @@
reset() {
this.form = {
dictId: undefined,
- category: undefined,
- label: undefined,
- value: undefined,
- orderNum: undefined,
- type: undefined,
+ dictName: undefined,
+ dictType: undefined,
+ status: "0",
+ remark: undefined
};
this.resetForm("form");
},
/** 鎼滅储鎸夐挳鎿嶄綔 */
handleQuery() {
- this.page.current = 1;
+ this.queryParams.pageNum = 1;
this.getList();
},
/** 閲嶇疆鎸夐挳鎿嶄綔 */
resetQuery() {
+ this.dateRange = [];
this.resetForm("queryForm");
this.handleQuery();
},
@@ -222,6 +282,12 @@
this.reset();
this.open = true;
this.title = "娣诲姞瀛楀吀绫诲瀷";
+ },
+ // 澶氶�夋閫変腑鏁版嵁
+ handleSelectionChange(selection) {
+ this.ids = selection.map(item => item.dictId)
+ this.single = selection.length!=1
+ this.multiple = !selection.length
},
/** 淇敼鎸夐挳鎿嶄綔 */
handleUpdate(row) {
@@ -257,18 +323,25 @@
handleDelete(row) {
const dictIds = row.dictId || this.ids;
this.$modal.confirm('鏄惁纭鍒犻櫎瀛楀吀缂栧彿涓�"' + dictIds + '"鐨勬暟鎹」锛�').then(function() {
- return delType({id: dictIds});
+ return delType(dictIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
}).catch(() => {});
},
+ /** 瀵煎嚭鎸夐挳鎿嶄綔 */
+ handleExport() {
+ this.download('system/dict/type/export', {
+ ...this.queryParams
+ }, `type_${new Date().getTime()}.xlsx`)
+ },
+ /** 鍒锋柊缂撳瓨鎸夐挳鎿嶄綔 */
+ handleRefreshCache() {
+ refreshCache().then(() => {
+ this.$modal.msgSuccess("鍒锋柊鎴愬姛");
+ this.$store.dispatch('dict/cleanDict');
+ });
+ }
}
};
</script>
-<style scoped lang="scss">
-.search_form {
- display: flex;
- justify-content: space-between;
-}
-</style>
--
Gitblit v1.9.3