From 58a5855774af8f66bdea6324d0b9a153065e5348 Mon Sep 17 00:00:00 2001 From: du <13220750630.163.com> Date: 星期一, 23 六月 2025 10:57:10 +0800 Subject: [PATCH] 页面调整 --- ruoyi-ui/apps/web-antd/src/views/assessment/serviceRating/index.vue | 90 +++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 86 insertions(+), 4 deletions(-) diff --git a/ruoyi-ui/apps/web-antd/src/views/assessment/serviceRating/index.vue b/ruoyi-ui/apps/web-antd/src/views/assessment/serviceRating/index.vue index 76dfc47..c6d7a38 100644 --- a/ruoyi-ui/apps/web-antd/src/views/assessment/serviceRating/index.vue +++ b/ruoyi-ui/apps/web-antd/src/views/assessment/serviceRating/index.vue @@ -1,10 +1,92 @@ <template> -<div>宸ヤ綔鑰冩牳鎸囨爣</div> + <Page :auto-content-height="true"> + <BasicTable table-title="宸ヤ綔鑰冩牳鎸囨爣鍒楄〃"> + <template #toolbar-tools> + <Space> + <a-button + v-access:code="['system:role:export']" + @click="handleDownloadExcel" + style="margin-right: 10px" + > + {{ $t('pages.common.export') }} + </a-button> + <a-button + type="primary" + v-access:code="['system:role:add']" + @click="handleAdd" + > + {{ $t('pages.common.add') }} + </a-button> + </Space> + </template> + </BasicTable> + </Page> </template> -<script> -export default { - name: "index" +<script setup lang="ts"> +import type { VxeGridProps } from "#/adapter/vxe-table"; +import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table'; +import type { VbenFormProps } from '@vben/common-ui'; +import type { roleList} from "#/api/system/role"; +import { columns, querySchema } from './data'; +import { Page, useVbenDrawer, useVbenModal } from '@vben/common-ui'; +const formOptions: VbenFormProps = { + commonConfig: { + labelWidth: 80, + componentProps: { + allowClear: true, + }, + }, + schema: querySchema(), + wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4', + // 鏃ユ湡閫夋嫨鏍煎紡鍖� + fieldMappingTime: [ + [ + 'createTime', + ['params[beginTime]', 'params[endTime]'], + ['YYYY-MM-DD 00:00:00', 'YYYY-MM-DD 23:59:59'], + ], + ], +}; +const gridOptions: VxeGridProps = { + checkboxConfig: { + // 楂樹寒 + highlight: true, + // 缈婚〉鏃朵繚鐣欓�変腑鐘舵�� + reserve: true, + // 鐐瑰嚮琛岄�変腑 + // trigger: 'row', + checkMethod: ({ row }) => row.roleId !== 1, + }, + columns, + height: 'auto', + keepSource: true, + pagerConfig: {}, + proxyConfig: { + ajax: { + query: async ({ page }, formValues = {}) => { + return await roleList({ + pageNum: page.currentPage, + pageSize: page.pageSize, + ...formValues, + }); + }, + }, + }, + rowConfig: { + keyField: 'roleId', + }, + id: 'system-role-index', +}; +const [BasicTable,tableApi] = useVbenVxeGrid({ + formOptions, + gridOptions, +}); +const handleAdd = () => { + console.log('鏂板') +} +const handleDownloadExcel = () => { + console.log('瀵煎嚭') } </script> -- Gitblit v1.9.3