From 745815f637e5385b2cbc23a6ae02401bb8b6c675 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期六, 08 三月 2025 14:22:36 +0800
Subject: [PATCH] 详情页面优化
---
src/views/tigerprojects/bas/MaterialInfo/index.vue | 133 +++++++++++++++++++++++++++++++++----------
1 files changed, 101 insertions(+), 32 deletions(-)
diff --git a/src/views/tigerprojects/bas/MaterialInfo/index.vue b/src/views/tigerprojects/bas/MaterialInfo/index.vue
index 81c6018..aa7b5a0 100644
--- a/src/views/tigerprojects/bas/MaterialInfo/index.vue
+++ b/src/views/tigerprojects/bas/MaterialInfo/index.vue
@@ -3,32 +3,19 @@
<BasicTable @register="registerTable">
<template #toolbar>
<!-- <a-button type="primary" @click="handleRenew"> 鎵归噺鏇存柊 </a-button> -->
- <a-button type="primary" @click="handleCreate" v-if="HasRole"> 鏂板鐗╂枡 </a-button>
+ <a-button
+ type="primary"
+ @click="handleCreate(item['DO_METHOD'])"
+ :preIcon="item['ICON_URL']"
+ v-for="item in buttons.filter((m) => m['BUTTON_TYPE'] == 0)"
+ :key="item"
+ >
+ {{ item['FUNC_NAME'] }}
+ </a-button>
</template>
<template #action="{ record }">
<!-- b87079a98deb456a9cfa506bfd1a7bc6 -->
- <TableAction
- :actions="[
- {
- icon: 'clarity:note-edit-line',
- onClick: handleEdit.bind(null, record),
- },
- {
- icon: 'ant-design:delete-outlined',
- color: 'error',
- popConfirm: {
- title: '鏄惁纭鍒犻櫎?',
- placement: 'left',
- confirm: handleDelete.bind(null, record),
- },
- },
- // {
- // icon: 'binding|svg',
- // tooltip: '缁戝畾宸ヨ壓',
- // onClick: handleBinding.bind(null, record),
- // },
- ]"
- />
+ <TableAction :actions="GenerateActionButton(record)" />
</template>
</BasicTable>
<MaterialDrawer @register="registerDrawer" @success="handleSuccess" />
@@ -36,7 +23,7 @@
</div>
</template>
<script lang="ts" setup>
- import { BasicTable, useTable, TableAction } from '/@/components/Table';
+ import { BasicTable, useTable, TableAction, PopConfirm, ActionItem } from '/@/components/Table';
import { useDrawer } from '/@/components/Drawer';
import MaterialDrawer from './MaterialDrawer.vue';
import MaterialModal from './MaterialModal.vue';
@@ -47,19 +34,27 @@
import { useGo } from '/@/hooks/web/usePage';
import { useRouter } from 'vue-router';
import { onMounted, ref } from 'vue';
- import { getMenuButtons } from '/@/api/sys/menu';
-import { useUserStore } from '/@/store/modules/user';
+ import { getRoleButtons } from '/@/api/sys/menu';
+ import { isNullOrEmpty } from '/@/utils/is';
+ import { useUserStore } from '/@/store/modules/user';
const go = useGo();
const { currentRoute } = useRouter();
const [registerDrawer, { openDrawer }] = useDrawer();
const [registerModal, { openModal: openMaterialModal }] = useModal();
const buttons = ref([]);
- const HasRole = ref(false);
const [registerTable, { reload }] = useTable({
title: '鐗╂枡鍒楄〃',
api: getListByPage,
- searchInfo: { TABLE_NAME: 'BAS_ITEM' },
+ searchInfo: {
+ TABLE_NAME: 'BAS_ITEM',
+ option: {
+ //鏍规嵁鎹偣鏌ヨ锛屽繀闇�甯﹁繖涓弬鏁�
+ UserId: useUserStore().getUserInfo.userId,
+ ByOrg: true,
+ CurOrg: useUserStore().getUserInfo.orgCode,
+ },
+ },
columns,
formConfig: {
labelWidth: 120,
@@ -76,7 +71,51 @@
slots: { customRender: 'action' },
},
});
- function handleCreate() {
+
+ /**
+ * @description: 鑾峰彇鏉冮檺鎸夐挳鍒楄〃
+ * @param {*} params
+ * @return {*}
+ */
+ function GenerateActionButton(record: Recordable) {
+ let actionItem = [] as ActionItem[];
+ buttons.value.map((x) => {
+ if (x['BUTTON_TYPE'] == 1) {
+ let url = '';
+ let color = undefined as 'success' | 'error' | 'warning' | undefined;
+ let _click = null as any;
+ let _popConfirm = undefined as PopConfirm | undefined;
+ if (x['DO_METHOD'] == 'Edit') {
+ url = 'clarity:note-edit-line';
+ _click = handleEdit.bind(null, record);
+ } else {
+ _click = x['ICON_URL'];
+ if (x['DO_METHOD'] == 'Delete') {
+ url = 'ant-design:delete-outlined';
+ color = 'error';
+ _popConfirm = {
+ title: '鏄惁纭鍒犻櫎?',
+ placement: 'left',
+ confirm: handleDelete.bind(null, record),
+ };
+ }
+ }
+ if (x['DO_METHOD'] == 'goRule') {
+ _click = goRule.bind(null, record);
+ }
+ actionItem.push({
+ icon: isNullOrEmpty(x['ICON_URL']) ? url : x['ICON_URL'],
+ onClick: _click,
+ color: color,
+ popConfirm: _popConfirm,
+ name: '',
+ });
+ }
+ });
+ return actionItem;
+ }
+
+ function handleCreate(fnName: string) {
openDrawer(true, {
isUpdate: false,
});
@@ -108,9 +147,39 @@
});
}
+ function goRule(record: Recordable) {
+ const id = {
+ CODE: record['ITEM_CODE'],
+ ID: record['ID'],
+ Name: 'BAS_ITEM_CUST',
+ SessionName: 'BAS_ITEM_CUST_update',
+ Title: `缂栬緫鐗╂枡鏉＄爜瑙勫垯锛�${record['ITEM_CODE']}`,
+ IsExist: 'RULE_CODE',
+ IsID: false,
+ crudColSlots: {
+ BAS_ITEM_CUST: ['BAS_CUSTOMER1add', 'BAS_CODE_RULE1add'],
+ } /* 澧炲垹鏀硅〃鍗曞瓧娈电殑鎻掓Ы鍒楄〃锛屼竴鑸敤浜庡脊鍑洪�夋嫨妗嗘寜閽� */,
+ colSlotsInHigh: ['BAS_CODE_RULE1add'],
+ drawers: [
+ {
+ name: 'BAS_ITEM_CUST',
+ dataType: 'BAS_ITEM_CUST', //濡傛灉杩欓噷缁欎簡鍊硷紝鍒欎細鏇挎崲name鐨勫疄浣撳悕鍘绘煡涔夋暟鎹簱
+ code: 'ITEM_CODE',
+ type: 'one',
+ keyName: 'BAS_ITEM_CUST',
+ order: '',
+ },
+ ], //drawers鏄彸杈瑰脊鍑哄鏀逛晶妗嗙殑鍚嶅瓧鍒楄〃
+ };
+ // 灏嗗璞¤浆鎹负JSON瀛楃涓插苟淇濆瓨鍒皊essionStorage
+ sessionStorage.removeItem(`${id.SessionName}_params`);
+ sessionStorage.setItem(`${id.SessionName}_params`, encodeURI(JSON.stringify(id)));
+ go(
+ `/BAS_ITEM_CUST/High/${encodeURI(JSON.stringify({ sName: id.SessionName, Name: id.Name }))}`,
+ );
+ }
+
onMounted(async () => {
- buttons.value = (await getMenuButtons(currentRoute.value.meta.menuCode as string)).Data.Items;
- const roles = useUserStore().getUserInfo.roles;
- const btnsByrole = buttons.value.filter((btn) => roles.some((item) => item.MENU_CODE === btn['FUNC_CODE']));
+ buttons.value = await getRoleButtons(currentRoute.value.meta.menuCode as string);
});
</script>
--
Gitblit v1.9.3