@utogether/udp-core 1.0.3 → 1.0.4-beta.2

package/src/views/system/menu/AuthorityPanel.vue

@@ -1,140 +1,142 @@
-<!--
- * @Author: wei.li
- * @Date: 2022-08-05 10:05:27
- * @LastEditors: wei.li
- * @LastEditTime: 2022-08-16 18:05:43
- * @Description: 菜单权限列表
--->
-<template>
-  <div class="u-dict-config_wrapper">
-    <el-drawer
-      :model-value="show"
-      :before-close="handleClose"
-      title="权限明细"
-      direction="rtl"
-      destroy-on-close
-      size="66%"
-    >
-      <ut-grid
-        ref="SuGridRef"
-        :columns="columns"
-        url="/uums/menu"
-        :default-params="{ parentId: record.id }"
-        :default-value="{ parentId: record.id, menuType: 1 }"
-      />
-    </el-drawer>
-  </div>
-</template>
-
-<script setup lang="tsx">
-import { ref, watch } from 'vue';
-import { useRender } from '@utogether/utils';
-
-interface IProps {
-  record: IRecord;
-  show: boolean;
-}
-
-const props = withDefaults(defineProps<IProps>(), {
-  record: (): IRecord => {
-    return {};
-  },
-  show: false
-});
-
-watch(
-  () => props.show,
-  () => {
-    prefixCode.value = props.show && getPrefixCode();
-  }
-);
-
-const prefixCode = ref('');
-
-const renderHook = useRender();
-
-// 列字段
-const columns = [
-  { type: 'checkbox', width: 50, align: 'center' },
-  {
-    field: 'menuName',
-    title: 'message.permissionName',
-    required: true,
-    editRender: renderHook.renderInput()
-  },
-  {
-    field: 'permissionCode',
-    required: true,
-    minWidth: 200,
-    editRender: renderHook.renderInput(),
-    slots: {
-      edit: ({ row }) => {
-        const slots = {
-          prefix: () => <span>{prefixCode.value}.</span>
-        };
-        row.dispalyCode = row.permissionCode?.replace(`${prefixCode.value}.`, '');
-        return [
-          <vxe-input
-            v-model={row.dispalyCode}
-            v-slots={slots}
-            className="ut-slot-input"
-            onInput={() => onInput(row)}
-          />
-        ];
-      }
-    }
-  },
-  {
-    field: 'enabled',
-    title: 'message.enabled',
-    width: 90,
-    editRender: renderHook.renderDict({ code: 'SU.ENABLE', defaultValue: '1' }),
-    formatter: ['formatDict', 'SU.ENABLE']
-  }
-];
-
-const getPrefixCode = () => {
-  const { record } = props;
-  const { id, parentId, hasChildren } = record;
-  if (!id && !parentId) return 'su';
-  if (hasChildren) {
-    record.dispalyCode = '';
-    return record.permissionCode;
-  }
-  return record.permissionCode;
-};
-
-const onInput = record => {
-  record.permissionCode = `${prefixCode.value}.${record.dispalyCode}`;
-};
-
-const emit = defineEmits<{ (e: 'close'): void }>();
-// 抽屉关闭
-function handleClose() {
-  emit('close');
-}
-</script>
-
-<style lang="scss">
-.u-dict-config_wrapper {
-  .el-drawer__header {
-    margin-bottom: 0;
-  }
-
-  .ut-slot-input {
-    .vxe-input--inner {
-      width: auto;
-      max-width: 66%;
-      padding-left: 0.5em;
-    }
-
-    .vxe-input--prefix {
-      display: contents;
-    }
-  }
-
-  .ut-disable-text {
-    background-color: #fefefe;
-  }
-}
-</style>
+<!--
+ * @Author: wei.li
+ * @Date: 2022-08-05 10:05:27
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-12-20 08:03:07
+ * @Description: 菜单权限列表
+-->
+<template>
+  <div class="u-dict-config_wrapper">
+    <el-drawer
+      :model-value="show"
+      :before-close="handleClose"
+      title="权限明细"
+      direction="rtl"
+      destroy-on-close
+      size="66%"
+    >
+      <ut-grid
+        ref="SuGridRef"
+        :columns="columns"
+        url="/uums/menu"
+        :default-params="{ parentId: record.id }"
+        :default-value="{ parentId: record.id, menuType: 1 }"
+        :pager-config="{ layouts: [] }"
+      />
+    </el-drawer>
+  </div>
+</template>
+
+<script setup lang="tsx">
+import { ref, watch } from 'vue';
+import { useRender } from '@utogether/utils';
+
+interface IProps {
+  record: IRecord;
+  show: boolean;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  record: (): IRecord => {
+    return {};
+  },
+  show: false
+});
+
+watch(
+  () => props.show,
+  () => {
+    prefixCode.value = props.show && getPrefixCode();
+  }
+);
+
+const prefixCode = ref('');
+
+const renderHook = useRender();
+
+// 列字段
+const columns = [
+  { type: 'checkbox', width: 50, align: 'center' },
+  {
+    field: 'menuName',
+    title: 'message.permissionName',
+    required: true,
+    editRender: renderHook.renderInput()
+  },
+  {
+    field: 'permissionCode',
+    required: true,
+    minWidth: 180,
+    editRender: renderHook.renderInput(),
+    slots: {
+      edit: ({ row }) => {
+        const slots = {
+          prefix: () => <span>{prefixCode.value}.</span>
+        };
+        row.dispalyCode = row.permissionCode?.replace(`${prefixCode.value}.`, '');
+        return [
+          <vxe-input v-model={row.dispalyCode} v-slots={slots} className="ut-slot-input" onInput={() => onInput(row)} />
+        ];
+      }
+    }
+  },
+  {
+    field: 'remark',
+    title: 'message.udp.description',
+    required: true,
+    editRender: renderHook.renderInput()
+  },
+  {
+    field: 'enabled',
+    title: 'message.enabled',
+    width: 90,
+    editRender: renderHook.renderDict({ code: 'SU.ENABLE', defaultValue: '1' }),
+    formatter: ['formatDict', 'SU.ENABLE']
+  }
+];
+
+const getPrefixCode = () => {
+  const { record } = props;
+  const { id, parentId, hasChildren } = record;
+  if (!id && !parentId) return 'su';
+  if (hasChildren) {
+    record.dispalyCode = '';
+    return record.permissionCode;
+  }
+  return record.permissionCode;
+};
+
+const onInput = record => {
+  record.permissionCode = `${prefixCode.value}.${record.dispalyCode}`;
+};
+
+const emit = defineEmits<{ (e: 'close'): void }>();
+// 抽屉关闭
+function handleClose() {
+  emit('close');
+}
+</script>
+
+<style lang="scss">
+.u-dict-config_wrapper {
+  .el-drawer__header {
+    margin-bottom: 0;
+  }
+
+  .ut-slot-input {
+    .vxe-input--inner {
+      width: auto;
+      max-width: 66%;
+      padding-left: 0.5em;
+    }
+
+    .vxe-input--prefix {
+      display: contents;
+    }
+  }
+
+  .ut-disable-text {
+    background-color: #fefefe;
+  }
+}
+</style>

package/src/views/system/menu/SystemMenu.vue

@@ -163,8 +163,17 @@ async function handleUpdate({ row }) {
 const handleDel = async () => {
   const type = await VxeUI.modal.confirm(t('message.delRecord'));
   const records = xgrid.value.getInstance().getCheckboxRecords();
+  console.log(records);
   if (type === 'confirm') {
-    const [err] = await to(serviceApi.delete(url, records));
+    const [err, res] = await to(serviceApi.delete(url, records));
+    console.log(res);
+    if (err) return;
+    const parent = xgrid.value.getInstance().getTreeParentRow(records[0]);
+    if (parent) {
+      xgrid.value.getInstance().reloadTreeExpand(parent);
+    } else {
+      xgrid.value.refreshData();
+    }
   }
 };