yg-yygl 0.0.1

package/dist/views/sys/menu/menu-form.vue.d.ts

@@ -0,0 +1,17 @@
+import type { Menu } from '../../../api/menu/types';
+type Props = {
+    editData?: Menu | null;
+    menuStyle?: number;
+    parentData?: Menu | null;
+};
+declare const _default: import("vue").DefineComponent<Props, {
+    handleSubmit: () => Promise<boolean>;
+    validate: () => boolean;
+    resetForm: () => void;
+    initFormData: (data?: any) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    editData: Menu | null;
+    menuStyle: number;
+    parentData: Menu | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/sys/menu/menu-label-manage.d.vue.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    menuStyle?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/sys/menu/menu-label-manage.vue

@@ -0,0 +1,400 @@
+<script setup lang="ts">
+import type { SearchItemConfig } from '@udp/component-ui';
+
+import type {
+  MenuLabelCreateRequest,
+  MenuLabelResponse,
+} from '../../../api/menu/types';
+
+import { computed, h, onMounted, ref } from 'vue';
+
+import { Dialog, Search, Table, useTable } from '@udp/component-ui';
+
+import { Plus } from '@element-plus/icons-vue';
+import { ElMessage, ElMessageBox, ElTag } from 'element-plus';
+
+import {
+  batchDeleteMenuLabel,
+  createMenuLabel,
+  deleteMenuLabel,
+  getMenuLabelPage,
+  updateMenuLabel,
+} from '../../../api/menu';
+
+const props = defineProps<{
+  menuStyle?: number; // 菜单样式：0-Web菜单，1-App菜单
+}>();
+
+// 查询参数
+const searchParams = ref({
+  labelName: '',
+});
+const searchItems: SearchItemConfig[] = [
+  {
+    prop: 'labelName',
+    label: '标签名称',
+    type: 'input',
+    placeholder: '请输入标签名称',
+  },
+];
+
+// 弹窗状态
+const dialogVisible = ref(false);
+const submitting = ref(false);
+const editingLabel = ref<MenuLabelResponse | null>(null);
+
+// 表单数据
+const formData = ref<MenuLabelCreateRequest>({
+  labelName: '',
+  labelDescription: '',
+});
+
+// 是否为编辑模式
+const isEdit = computed(() => editingLabel.value !== null);
+
+// 表单引用
+const formRef = ref();
+
+// 表单验证规则
+const formRules = {
+  labelName: [
+    { required: true, message: '请输入标签名称', trigger: 'blur' },
+    {
+      min: 1,
+      max: 20,
+      message: '标签名称长度在 1 到 20 个字符',
+      trigger: 'blur',
+    },
+  ],
+  labelDescription: [
+    {
+      max: 200,
+      message: '标签描述长度不能超过 200 个字符',
+      trigger: 'blur',
+    },
+  ],
+};
+
+// 列表配置
+const columns = [
+  {
+    prop: 'labelName',
+    label: '标签名称',
+    width: 120,
+    render: ({ row }: { row: MenuLabelResponse }) =>
+      h(
+        ElTag,
+        {
+          // 由于MenuLabelResponse类型中不存在color属性,暂时移除color配置
+          effect: 'light',
+        },
+        () => row.labelName,
+      ),
+  },
+  {
+    prop: 'labelDescription',
+    label: '标签描述',
+    minWidth: 150,
+    render: ({ row }: { row: MenuLabelResponse }) =>
+      row.labelDescription || '暂无描述',
+  },
+  {
+    prop: 'createTime',
+    label: '创建时间',
+    width: 180,
+    render: ({ row }: { row: MenuLabelResponse }) => {
+      if (!row.createTime) return '-';
+      return new Date(row.createTime)
+        .toLocaleDateString('zh-CN', {
+          year: 'numeric',
+          month: '2-digit',
+          day: '2-digit',
+        })
+        .replaceAll('/', '-');
+    },
+  },
+  { prop: 'createName', label: '创建人', width: 120 },
+];
+
+// 配置 API
+const api = {
+  list: (params: any) => {
+    const { current, size, model } = params;
+    return getMenuLabelPage({
+      current,
+      size,
+      model: {
+        ...model,
+        labelStyle: props.menuStyle || 0,
+      },
+    });
+  },
+  delete: (id: string) => deleteMenuLabel(id),
+  batchDelete: (ids: string[]) => batchDeleteMenuLabel(ids),
+};
+
+// 使用 Hook
+const {
+  loading,
+  data,
+  pagination,
+  refresh: tableRefresh,
+  handleSizeChange,
+  handleCurrentPageChange,
+  handleSelectionChange,
+} = useTable({
+  api,
+});
+
+// 搜索处理
+const search = () => {
+  tableRefresh();
+};
+
+// 重置搜索
+const reset = () => {
+  searchParams.value = {
+    labelName: '',
+  };
+  tableRefresh();
+};
+
+// 刷新数据
+const refresh = () => {
+  tableRefresh();
+};
+
+// 新增标签
+const handleAdd = () => {
+  editingLabel.value = null;
+  formData.value = {
+    labelName: '',
+    labelDescription: '',
+  };
+  dialogVisible.value = true;
+};
+
+// 编辑标签
+const handleEdit = (row: MenuLabelResponse) => {
+  editingLabel.value = row;
+  formData.value = {
+    labelName: row.labelName,
+    labelDescription: row.labelDescription || '',
+  };
+  dialogVisible.value = true;
+};
+
+// 删除标签
+const handleDelete = async (row: MenuLabelResponse) => {
+  try {
+    await ElMessageBox.confirm(
+      '确定要删除这条数据吗？',
+      '提示',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    );
+
+    await deleteMenuLabel(row.id);
+    ElMessage.success('删除成功');
+    refresh();
+  } catch (error) {
+    if (error !== 'cancel') {
+      console.error('删除标签失败:', error);
+      ElMessage.error('删除失败');
+    }
+  }
+};
+
+// 批量删除
+const batchDelete = async (rows: MenuLabelResponse[]) => {
+  try {
+    await ElMessageBox.confirm(
+      `确定要删除选中的 ${rows.length} 个标签吗？删除后将解除与所有菜单的关联关系！`,
+      '批量删除确认',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      },
+    );
+
+    // 调用批量删除API
+    await batchDeleteMenuLabel(rows.map((row) => row.id));
+
+    ElMessage.success('批量删除成功');
+    refresh();
+  } catch (error) {
+    if (error !== 'cancel') {
+      console.error('批量删除失败:', error);
+      ElMessage.error('批量删除失败');
+    }
+  }
+};
+
+// 提交成功处理
+const handleSubmitSuccess = async () => {
+  if (!formRef.value) return;
+
+  try {
+    await formRef.value.validate();
+    submitting.value = true;
+
+    // 调用新增或编辑API
+    if (isEdit.value) {
+      await updateMenuLabel({
+        id: editingLabel.value!.id,
+        ...formData.value,
+        labelStyle: props.menuStyle || 0,
+      });
+      ElMessage.success('编辑成功');
+    } else {
+      await createMenuLabel({
+        ...formData.value,
+        labelStyle: props.menuStyle || 0,
+      });
+      ElMessage.success('新增成功');
+    }
+
+    dialogVisible.value = false;
+    refresh();
+  } catch (error) {
+    throw error; // 阻止弹窗关闭
+  } finally {
+    submitting.value = false;
+  }
+};
+
+// 弹窗关闭处理
+const handleDialogClosed = () => {
+  if (formRef.value) {
+    formRef.value.resetFields();
+  }
+  editingLabel.value = null;
+};
+
+// 初始化
+onMounted(() => {
+  // Table组件会自动加载数据
+});
+</script>
+
+<template>
+  <div class="menu-label-manage">
+    <Search
+      v-model="searchParams"
+      :items="searchItems"
+      button-align="left"
+      :is-single-filter="true"
+      :show-reset="false"
+      @search="search"
+      @reset="reset"
+    />
+
+    <Table
+      :data="data"
+      :columns="columns"
+      :loading="loading"
+      :pagination="pagination"
+      show-pagination
+      show-action
+      :show-layout="false"
+      layout-type="table"
+      action-width="160px"
+      @refresh="refresh"
+      @size-change="handleSizeChange"
+      @current-page-change="handleCurrentPageChange"
+      :on-edit="(row: any) => handleEdit(row as MenuLabelResponse)"
+      :on-delete="(row: any) => handleDelete(row as MenuLabelResponse)"
+    >
+      <template #top-actions>
+        <el-button type="primary" :icon="Plus" @click="handleAdd">
+          新增标签
+        </el-button>
+      </template>
+      <template #action="{ row }">
+        <el-button type="primary" link @click="handleEdit(row)">编辑</el-button>
+        <el-button type="danger" link @click="handleDelete(row)">
+          删除
+        </el-button>
+      </template>
+    </Table>
+
+    <Dialog
+      v-model="dialogVisible"
+      :title="isEdit ? '编辑标签' : '新增标签'"
+      width="500px"
+      @closed="handleDialogClosed"
+      @confirm="handleSubmitSuccess"
+    >
+      <el-form
+        ref="formRef"
+        :model="formData"
+        :rules="formRules"
+        label-width="80px"
+      >
+        <el-form-item label="标签名称" prop="labelName">
+          <el-input
+            v-model="formData.labelName"
+            placeholder="请输入标签名称"
+            maxlength="20"
+            show-word-limit
+          />
+        </el-form-item>
+        <el-form-item label="标签描述" prop="labelDescription">
+          <el-input
+            v-model="formData.labelDescription"
+            type="textarea"
+            :rows="3"
+            placeholder="请输入标签描述"
+            maxlength="200"
+            show-word-limit
+          />
+        </el-form-item>
+      </el-form>
+    </Dialog>
+  </div>
+</template>
+
+<style scoped>
+.menu-label-manage {
+  padding: 20px;
+}
+
+.search-area {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.search-left {
+  display: flex;
+  align-items: center;
+}
+
+.search-right {
+  display: flex;
+  align-items: center;
+}
+
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
+.mb-4 {
+  margin-bottom: 1rem;
+}
+
+.pagination-area {
+  display: flex;
+  justify-content: center;
+  margin-top: 20px;
+}
+
+.color-picker-wrapper {
+  display: flex;
+  align-items: center;
+}
+</style>

package/dist/views/sys/menu/menu-label-manage.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    menuStyle?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/sys/msg/components/msg-detail.d.vue.ts

@@ -0,0 +1,7 @@
+interface Props {
+    msgData?: any;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    msgData: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;