导出excel加上日期

2025-03-06 14:38:52 +08:00
1 parent 8bdf76ae3a
commit 5dce0acf8c
@@ -8,22 +8,30 @@
 					</el-form-item>
 					<el-form-item>
 						<el-button icon="search" type="primary" @click="getDataList">
-							{{ $t('common.queryBtn') }}
+							{{ $t("common.queryBtn") }}
 						</el-button>
-						<el-button icon="Refresh" @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
+						<el-button icon="Refresh" @click="resetQuery">{{ $t("common.resetBtn") }}</el-button>
 					</el-form-item>
 				</el-form>
 			</el-row>
 			<el-row>
 				<div class="mb8" style="width: 100%">
 					<el-button icon="folder-add" type="primary" class="ml10" @click="roleDialogRef.openDialog()" v-auth="'sys_role_add'">
-						{{ $t('common.addBtn') }}
+						{{ $t("common.addBtn") }}
 					</el-button>
 					<el-button plain icon="upload-filled" type="primary" class="ml10" @click="excelUploadRef.show()" v-auth="'sys_user_add'">
-						{{ $t('common.importBtn') }}
+						{{ $t("common.importBtn") }}
 					</el-button>
-					<el-button plain :disabled="multiple" icon="Delete" type="primary" class="ml10" v-auth="'sys_user_del'" @click="handleDelete(selectObjs)">
-						{{ $t('common.delBtn') }}
+					<el-button
+						plain
+						:disabled="multiple"
+						icon="Delete"
+						type="primary"
+						class="ml10"
+						v-auth="'sys_user_del'"
+						@click="handleDelete(selectObjs)"
+					>
+						{{ $t("common.delBtn") }}
 					</el-button>
 					<right-toolbar
 						v-model:showSearch="showSearch"
@@ -39,8 +47,8 @@
 				:data="state.dataList"
 				v-loading="state.loading"
 				style="width: 100%"
-        row-key="roleId"
-        @selection-change="handleSelectionChange"
+				row-key="roleId"
+				@selection-change="handleSelectionChange"
 				border
 				:cell-style="tableStyle.cellStyle"
 				:header-cell-style="tableStyle.headerCellStyle"
@@ -59,11 +67,11 @@
 				<el-table-column :label="$t('common.action')" width="250">
 					<template #default="scope">
 						<el-button text type="primary" icon="edit-pen" v-auth="'sys_role_edit'" @click="roleDialogRef.openDialog(scope.row.roleId)">{{
-							$t('common.editBtn')
+							$t("common.editBtn")
 						}}</el-button>

 						<el-button text type="primary" icon="turn-off" v-auth="'sys_role_perm'" @click="permessionRef.openDialog(scope.row)">{{
-							$t('sysrole.permissionTip')
+							$t("sysrole.permissionTip")
 						}}</el-button>

 						<el-tooltip :content="$t('sysrole.deleteDisabledTip')" :disabled="scope.row.roleId !== '1'" placement="top">
@@ -75,7 +83,7 @@
 									:disabled="scope.row.roleId === '1'"
 									v-auth="'sys_role_del'"
 									@click="handleDelete([scope.row.roleId])"
-									>{{ $t('common.delBtn') }}
+									>{{ $t("common.delBtn") }}
 								</el-button>
 							</span>
 						</el-tooltip>
@@ -101,97 +109,97 @@
 </template>

 <script setup lang="ts" name="systemRole">
-import { BasicTableProps, useTable } from '/@/hooks/table';
-import { pageList, delObj } from '/@/api/admin/role';
-import { useMessage, useMessageBox } from '/@/hooks/message';
-import { useI18n } from 'vue-i18n';
+import { BasicTableProps, useTable } from "/@/hooks/table"
+import { pageList, delObj } from "/@/api/admin/role"
+import { useMessage, useMessageBox } from "/@/hooks/message"
+import { useI18n } from "vue-i18n"

 // 引入组件
-const RoleDialog = defineAsyncComponent(() => import('./form.vue'));
-const Permession = defineAsyncComponent(() => import('./permession.vue'));
-const { t } = useI18n();
+const RoleDialog = defineAsyncComponent(() => import("./form.vue"))
+const Permession = defineAsyncComponent(() => import("./permession.vue"))
+const { t } = useI18n()

 // 定义变量内容
-const roleDialogRef = ref();
-const permessionRef = ref();
-const excelUploadRef = ref();
-const queryRef = ref();
-const showSearch = ref(true);
+const roleDialogRef = ref()
+const permessionRef = ref()
+const excelUploadRef = ref()
+const queryRef = ref()
+const showSearch = ref(true)
 // 多选rows
-const selectObjs = ref([]) as any;
+const selectObjs = ref([]) as any
 // 是否可以多选
-const multiple = ref(true);
+const multiple = ref(true)

 const state: BasicTableProps = reactive<BasicTableProps>({
 	queryForm: {
-		roleName: '',
+		roleName: "",
 	},
 	pageList: pageList, // H
-	descs: ['create_time'],
-});
+	descs: ["create_time"],
+})

 const dictType = ref([
 	{
-		label: '全部',
-		value: '0',
+		label: "全部",
+		value: "0",
 	},
 	{
-		label: '自定义',
-		value: '1',
+		label: "自定义",
+		value: "1",
 	},
 	{
-		label: '本级及子级',
-		value: '2',
+		label: "本级及子级",
+		value: "2",
 	},
 	{
-		label: '本级',
-		value: '3',
+		label: "本级",
+		value: "3",
 	},
-  {
-    label: '本人',
-    value: '4',
-  },
-]);
+	{
+		label: "本人",
+		value: "4",
+	},
+])

 //  table hook
-const { getDataList, currentChangeHandle, sizeChangeHandle, downBlobFile, tableStyle } = useTable(state);
+const { getDataList, currentChangeHandle, sizeChangeHandle, downBlobFile, tableStyle } = useTable(state)

 // 清空搜索条件
 const resetQuery = () => {
-	queryRef.value.resetFields();
-	getDataList();
-};
+	queryRef.value.resetFields()
+	getDataList()
+}

 // 导出excel
 const exportExcel = () => {
-	downBlobFile('/admin/role/export',Object.assign(state.queryForm,{ids:selectObjs}), 'role.xlsx');
-};
+	downBlobFile("/admin/role/export", Object.assign(state.queryForm, { ids: selectObjs }), "角色管理.xlsx")
+}

 // 是否可以多选
 const handleSelectable = (row: any) => {
-	return row.roleId !== '1';
-};
+	return row.roleId !== "1"
+}

 // 多选事件
 const handleSelectionChange = (objs: { roleId: string }[]) => {
-	selectObjs.value = objs.map(({ roleId }) => roleId);
-	multiple.value = !objs.length;
-};
+	selectObjs.value = objs.map(({ roleId }) => roleId)
+	multiple.value = !objs.length
+}

 // 删除操作
 const handleDelete = async (ids: string[]) => {
 	try {
-		await useMessageBox().confirm(t('common.delConfirmText'));
+		await useMessageBox().confirm(t("common.delConfirmText"))
 	} catch {
-		return;
+		return
 	}

 	try {
-		await delObj(ids);
-		getDataList();
-		useMessage().success(t('common.delSuccessText'));
+		await delObj(ids)
+		getDataList()
+		useMessage().success(t("common.delSuccessText"))
 	} catch (err: any) {
-		useMessage().error(err.msg);
+		useMessage().error(err.msg)
 	}
-};
+}
 </script>