优化更新

src/api/system.js

@@ -1,231 +1,231 @@
-import request from "@/utils/request";
+import request from '@/utils/request'
 
 export default {
 	version: {
 		url: `system/index/version`,
-		name: "获取最新版本号",
+		name: '获取最新版本号',
 		get: async function () {
-			return await request.get(this.url);
+			return await request.get(this.url)
 		},
 	},
 	clearcache: {
 		url: `system/index/clearcache`,
-		name: "清除缓存",
+		name: '清除缓存',
 		post: async function () {
-			return await request.post(this.url);
+			return await request.post(this.url)
 		},
 	},
 	info: {
 		url: `system/index/info`,
-		name: "系统信息",
+		name: '系统信息',
 		get: function (data) {
-			return request.get(this.url, data);
+			return request.get(this.url, data)
 		},
 	},
 	setting: {
 		list: {
 			url: `system/setting/index`,
-			name: "获取配置信息",
+			name: '获取配置信息',
 			get: function (params) {
-				return request.get(this.url, params);
+				return request.get(this.url, params)
 			},
 		},
 		fields: {
 			url: `system/setting/fields`,
-			name: "获取配置字段",
+			name: '获取配置字段',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 		add: {
 			url: `system/setting/add`,
-			name: "保存配置信息",
+			name: '保存配置信息',
 			post: function (data) {
-				return request.post(this.url, data);
+				return request.post(this.url, data)
 			},
 		},
 		edit: {
 			url: `system/setting/edit`,
-			name: "编辑配置信息",
+			name: '编辑配置信息',
 			post: function (data) {
-				return request.put(this.url, data);
+				return request.put(this.url, data)
 			},
 		},
 		save: {
 			url: `system/setting/save`,
-			name: "保存配置信息",
+			name: '保存配置信息',
 			post: function (data) {
-				return request.put(this.url, data);
+				return request.put(this.url, data)
 			},
 		},
 	},
 	dictionary: {
 		category: {
 			url: `system/dict/category`,
-			name: "获取字典树",
+			name: '获取字典树',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 		editcate: {
 			url: `system/dict/editcate`,
-			name: "编辑字典树",
+			name: '编辑字典树',
 			post: async function (data = {}) {
-				return await request.put(this.url, data);
+				return await request.put(this.url, data)
 			},
 		},
 		addcate: {
 			url: `system/dict/addcate`,
-			name: "添加字典树",
+			name: '添加字典树',
 			post: async function (data = {}) {
-				return await request.post(this.url, data);
+				return await request.post(this.url, data)
 			},
 		},
 		delCate: {
 			url: `system/dict/deletecate`,
-			name: "删除字典树",
+			name: '删除字典树',
 			post: async function (data = {}) {
-				return await request.delete(this.url, data);
+				return await request.delete(this.url, data)
 			},
 		},
 		list: {
 			url: `system/dict/lists`,
-			name: "字典明细",
+			name: '字典明细',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 		get: {
 			url: `system/dict/detail`,
-			name: "获取字典数据",
+			name: '获取字典数据',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 		edit: {
 			url: `system/dict/edit`,
-			name: "编辑字典明细",
+			name: '编辑字典明细',
 			post: async function (data = {}) {
-				return await request.put(this.url, data);
+				return await request.put(this.url, data)
 			},
 		},
 		add: {
 			url: `system/dict/add`,
-			name: "添加字典明细",
+			name: '添加字典明细',
 			post: async function (data = {}) {
-				return await request.post(this.url, data);
+				return await request.post(this.url, data)
 			},
 		},
 		delete: {
 			url: `system/dict/delete`,
-			name: "删除字典明细",
+			name: '删除字典明细',
 			post: async function (data = {}) {
-				return await request.delete(this.url, data);
+				return await request.delete(this.url, data)
 			},
 		},
 		detail: {
 			url: `system/dict/detail`,
-			name: "字典明细",
+			name: '字典明细',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 		alldic: {
 			url: `system/dict/all`,
-			name: "全部字典",
+			name: '全部字典',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 	},
 	area: {
 		list: {
 			url: `system/area/index`,
-			name: "地区列表",
+			name: '地区列表',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, { params })
 			},
 		},
 		add: {
 			url: `system/area/add`,
-			name: "地区添加",
+			name: '地区添加',
 			post: async function (params) {
-				return await request.post(this.url, params);
+				return await request.post(this.url, params)
 			},
 		},
 		edit: {
 			url: `system/area/edit`,
-			name: "地区编辑",
+			name: '地区编辑',
 			post: async function (params) {
-				return await request.put(this.url, params);
+				return await request.put(this.url, params)
 			},
 		},
 	},
 	app: {
 		list: {
 			url: `system/app/list`,
-			name: "应用列表",
+			name: '应用列表',
 			get: async function () {
-				return await request.get(this.url);
+				return await request.get(this.url)
 			},
 		},
 	},
 	client: {
 		list: {
 			url: `system/client/index`,
-			name: "客户端列表",
+			name: '客户端列表',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 		add: {
 			url: `system/client/add`,
-			name: "客户端添加",
+			name: '客户端添加',
 			post: async function (params) {
-				return await request.post(this.url, params);
+				return await request.post(this.url, params)
 			},
 		},
 		edit: {
 			url: `system/client/edit`,
-			name: "客户端编辑",
+			name: '客户端编辑',
 			post: async function (params) {
-				return await request.put(this.url, params);
+				return await request.put(this.url, params)
 			},
 		},
 		delete: {
 			url: `system/client/delete`,
-			name: "客户端删除",
+			name: '客户端删除',
 			post: async function (params) {
-				return await request.delete(this.url, params);
+				return await request.delete(this.url, params)
 			},
 		},
 		menu: {
 			list: {
 				url: `system/menu/index`,
-				name: "客户端菜单列表",
+				name: '客户端菜单列表',
 				get: async function (params) {
-					return await request.get(this.url, params);
+					return await request.get(this.url, params)
 				},
 			},
 			add: {
 				url: `system/menu/add`,
-				name: "客户端菜单添加",
+				name: '客户端菜单添加',
 				post: async function (params) {
-					return await request.post(this.url, params);
+					return await request.post(this.url, params)
 				},
 			},
 			edit: {
 				url: `system/menu/edit`,
-				name: "客户端菜单编辑",
+				name: '客户端菜单编辑',
 				post: async function (params) {
-					return await request.put(this.url, params);
+					return await request.put(this.url, params)
 				},
 			},
 			delete: {
 				url: `system/menu/delete`,
-				name: "客户端菜单删除",
+				name: '客户端菜单删除',
 				post: async function (params) {
-					return await request.delete(this.url, params);
+					return await request.delete(this.url, params)
 				},
 			},
 		},
@@ -233,109 +233,109 @@ export default {
 	log: {
 		list: {
 			url: `system/log/index`,
-			name: "日志列表",
+			name: '日志列表',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 		my: {
 			url: `system/log/my`,
-			name: "我的日志",
+			name: '我的日志',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 		delete: {
 			url: `system/log/delete`,
-			name: "日志删除",
+			name: '日志删除',
 			post: async function (params) {
-				return await request.delete(this.url, params);
+				return await request.delete(this.url, params)
 			},
 		},
 	},
 	tasks: {
 		list: {
 			url: `system/tasks/index`,
-			name: "任务列表",
+			name: '任务列表',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 		delete: {
 			url: `system/tasks/delete`,
-			name: "任务删除",
+			name: '任务删除',
 			post: async function (params) {
-				return await request.delete(this.url, params);
+				return await request.delete(this.url, params)
 			},
 		},
 	},
 	crontab: {
 		list: {
 			url: `system/crontab/index`,
-			name: "定时任务列表",
+			name: '定时任务列表',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 		add: {
 			url: `system/crontab/add`,
-			name: "定时任务添加",
+			name: '定时任务添加',
 			post: async function (params) {
-				return await request.post(this.url, params);
+				return await request.post(this.url, params)
 			},
 		},
 		edit: {
 			url: `system/crontab/edit`,
-			name: "定时任务编辑",
+			name: '定时任务编辑',
 			post: async function (params) {
-				return await request.put(this.url, params);
+				return await request.put(this.url, params)
 			},
 		},
 		delete: {
 			url: `system/crontab/delete`,
-			name: "定时任务删除",
+			name: '定时任务删除',
 			post: async function (params) {
-				return await request.delete(this.url, params);
+				return await request.delete(this.url, params)
 			},
 		},
 		log: {
 			url: `system/crontab/log`,
-			name: "定时任务日志",
+			name: '定时任务日志',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 		reload: {
 			url: `system/crontab/reload`,
-			name: "定时任务重载",
+			name: '定时任务重载',
 			post: async function (params) {
-				return await request.put(this.url, params);
+				return await request.put(this.url, params)
 			},
 		},
 	},
 	modules: {
 		list: {
 			url: `system/modules/index`,
-			name: "模块列表",
+			name: '模块列表',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 		update: {
 			url: `system/modules/update`,
-			name: "更新模块",
+			name: '更新模块',
 			post: async function (params) {
-				return await request.post(this.url, params);
+				return await request.post(this.url, params)
 			},
 		},
 	},
 	sms: {
 		count: {
 			url: `system/sms/count`,
-			name: "短信发送统计",
+			name: '短信发送统计',
 			get: async function (params) {
-				return await request.get(this.url, params);
+				return await request.get(this.url, params)
 			},
 		},
 	},
-};
+}

src/pages/system/area/index.vue

@@ -1,11 +1,10 @@
 <template>
 	<div class="system-area">
 		<sc-table ref="tableRef" :columns="columns" :data-source="dataSource" :loading="loading"
-			:pagination="pagination" @refresh="loadData" @change="handleTableChange"
+			:pagination="pagination" @refresh="loadData" @change="handleTableChange" :row-selection="rowSelection"
-			@selection-change="handleSelectionChange" :show-action-column="true"
+			:show-action="true" :actions="actions" :show-index="true" :show-striped="true">
-			:rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: handleSelectionChange }">
 			<!-- 工具栏左侧 -->
-			<template #toolbar-left>
+			<template #toolLeft>
 				<a-button type="primary" @click="handleAdd">
 					<template #icon>
 						<PlusOutlined />
@@ -31,16 +30,6 @@
 			<template #level="{ text }">
 				<a-tag color="blue">{{ getLevelText(text) }}</a-tag>
 			</template>
-
-			<!-- 操作列 -->
-			<template #action="{ record }">
-				<a-button size="small" type="link" @click="handleEdit(record)">
-					{{ $t('common.edit') }}
-				</a-button>
-				<a-button size="small" type="link" danger @click="handleDelete(record)">
-					{{ $t('common.delete') }}
-				</a-button>
-			</template>
 		</sc-table>
 
 		<!-- 添加/编辑弹窗 -->
@@ -50,9 +39,9 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, computed } from 'vue'
 import { message, Modal } from 'ant-design-vue'
-import { EnvironmentOutlined, PlusOutlined, DeleteOutlined } from '@ant-design/icons-vue'
+import { PlusOutlined, DeleteOutlined } from '@ant-design/icons-vue'
 import { useI18n } from 'vue-i18n'
 import systemApi from '@/api/system'
 import ScTable from '@/components/scTable/index.vue'
@@ -71,15 +60,7 @@ const dataSource = ref([])
 const loading = ref(false)
 
 // 分页
-const pagination = reactive({
+const pagination = reactive(false)
-	current: 1,
-	pageSize: 10,
-	total: 0,
-	showSizeChanger: true,
-	showQuickJumper: true,
-	showTotal: (total) => `共 ${total} 条`,
-	pageSizeOptions: ['10', '20', '50', '100'],
-})
 
 // 选中的行
 const selectedRowKeys = ref([])
@@ -89,8 +70,25 @@ const modalVisible = ref(false)
 const isEdit = ref(false)
 const currentData = ref({})
 
-// 行操作配置
+// 行选择配置
-const rowActions = ref([])
+const rowSelection = computed(() => ({
+	selectedRowKeys: selectedRowKeys.value,
+	onChange: (selectedKeys) => {
+		selectedRowKeys.value = selectedKeys
+	},
+}))
+
+// 操作列配置
+const actions = computed(() => [
+	{
+		label: t('common.edit'),
+		onClick: handleEdit,
+	},
+	{
+		label: t('common.delete'),
+		onClick: handleDelete,
+	},
+])
 
 // 添加
 const handleAdd = () => {
@@ -112,14 +110,6 @@ const getLevelText = (level) => {
 
 // 列配置
 const columns = ref([
-	{
-		title: 'ID',
-		dataIndex: 'id',
-		key: 'id',
-		width: 80,
-		fixed: 'left',
-		sorter: true,
-	},
 	{
 		title: t('common.areaName'),
 		dataIndex: 'title',
@@ -165,11 +155,10 @@ const loadData = async () => {
 	try {
 		loading.value = true
 		const params = {
-			page: pagination.current,
+			is_tree: 1,
-			pageSize: pagination.pageSize,
 		}
 		const res = await systemApi.area.list.get(params)
-		if (res.code === 200 || res.code === 1) {
+		if (res.code === 1) {
 			dataSource.value = res.data.list || res.data || []
 			pagination.total = res.data.total || 0
 		}
@@ -182,17 +171,12 @@ const loadData = async () => {
 }
 
 // 表格变化处理
-const handleTableChange = (params) => {
+const handleTableChange = ({ pagination: newPagination }) => {
-	if (params.current) pagination.current = params.current
+	if (newPagination.current) pagination.current = newPagination.current
-	if (params.pageSize) pagination.pageSize = params.pageSize
+	if (newPagination.pageSize) pagination.pageSize = newPagination.pageSize
 	loadData()
 }
 
-// 行选择变化处理
-const handleSelectionChange = (selectedKeys) => {
-	selectedRowKeys.value = selectedKeys
-}
-
 // 编辑
 const handleEdit = (record) => {
 	isEdit.value = true
@@ -225,21 +209,6 @@ const handleDelete = (record) => {
 	})
 }
 
-// 初始化行操作配置（必须在 handleEdit 和 handleDelete 定义之后）
-rowActions.value = [
-	{
-		key: 'edit',
-		label: t('common.edit'),
-		handler: handleEdit,
-	},
-	{
-		key: 'delete',
-		label: t('common.delete'),
-		danger: true,
-		handler: handleDelete,
-	},
-]
-
 // 批量删除
 const handleBatchDelete = () => {
 	if (selectedRowKeys.value.length === 0) {