zant-admin 1.0.0

package/src/components/details/logErrorDetails.vue

@@ -0,0 +1,58 @@
+<template>
+  <a-modal
+    :open="open"
+    title="详情"
+    width="60%"
+    wrap-class-name="full-modal"
+    @cancel="onClose"
+  >
+    <a-descriptions title="" bordered :column="2">
+      <a-descriptions-item label="ID">
+        {{ info.id }}
+      </a-descriptions-item>
+      <a-descriptions-item label="方法">
+        {{ info.actionName }}
+      </a-descriptions-item>
+      <a-descriptions-item label="异常码">
+        {{ info.code }}
+      </a-descriptions-item>
+      <a-descriptions-item label="异常内容"
+        >{{ info.message }}
+      </a-descriptions-item>
+      <a-descriptions-item label="异常时间">
+        {{ info.createTime }}
+      </a-descriptions-item>
+      <a-descriptions-item label="备注">
+        {{ info.remark }}
+      </a-descriptions-item>
+    </a-descriptions>
+    <a-divider orientation="left" plain="true"></a-divider>
+    <a-descriptions title="" :column="1" bordered>
+      <a-descriptions-item label="异常完整内容">
+        {{ info.exception }}
+      </a-descriptions-item>
+    </a-descriptions>
+    <template #footer>
+      <a-button key="submit" type="primary" @click="onClose">关闭</a-button>
+    </template>
+  </a-modal>
+</template>
+<script setup>
+import { defineProps, defineEmits } from 'vue'
+
+const props = defineProps({
+  open: {
+    type: Boolean,
+    required: true,
+  },
+  info: {
+    type: Object,
+    required: true,
+  },
+})
+// 定义 emits，用于触发关闭事件
+const emit = defineEmits(['close'])
+const onClose = () => {
+  emit('close')
+}
+</script>

package/src/components/details/logOperationDetails.vue

@@ -0,0 +1,76 @@
+<template>
+  <a-modal
+    :open="open"
+    title="详情"
+    width="60%"
+    wrap-class-name="full-modal"
+    @cancel="onClose"
+  >
+    <a-descriptions title="" bordered :column="2">
+      <a-descriptions-item label="控制器名称">
+        {{ info.controllerName }}
+      </a-descriptions-item>
+      <a-descriptions-item label="请求Ip">
+        {{ info.operationIp }}
+      </a-descriptions-item>
+      <a-descriptions-item label="操作方法">
+        {{ info.operationMethod }}
+      </a-descriptions-item>
+      <a-descriptions-item label="请求端源"
+        >{{ info.requestFrom }}
+      </a-descriptions-item>
+      <a-descriptions-item label="请求地址">
+        {{ info.requestAddress }}
+      </a-descriptions-item>
+      <a-descriptions-item label="请求方式">
+        {{ info.requestMethod }}
+      </a-descriptions-item>
+      <a-descriptions-item label="执行耗时">
+        {{ info.elapsedMilliseconds }}
+      </a-descriptions-item>
+      <a-descriptions-item label="请求时间">
+        {{ info.createTime }}
+      </a-descriptions-item>
+      <a-descriptions-item label="操作人员">
+        {{ info.operationPersonnel }}
+      </a-descriptions-item>
+    </a-descriptions>
+    <a-divider orientation="left" plain="true"></a-divider>
+    <a-descriptions title="" :column="1" bordered>
+      <a-descriptions-item label="userAgent">
+        {{ info.userAgent }}
+      </a-descriptions-item>
+      <a-descriptions-item label="授权信息">
+        {{ info.asccessToken }}
+      </a-descriptions-item>
+      <a-descriptions-item label="请求参数">
+        {{ info.requestParameters }}
+      </a-descriptions-item>
+      <a-descriptions-item label="返回参数">
+        {{ info.returnParameters }}
+      </a-descriptions-item>
+    </a-descriptions>
+    <template #footer>
+      <a-button key="submit" type="primary" @click="onClose">关闭</a-button>
+    </template>
+  </a-modal>
+</template>
+<script setup>
+import { defineProps, defineEmits } from 'vue'
+
+const props = defineProps({
+  open: {
+    type: Boolean,
+    required: true,
+  },
+  info: {
+    type: Object,
+    required: true,
+  },
+})
+// 定义 emits，用于触发关闭事件
+const emit = defineEmits(['close'])
+const onClose = () => {
+  emit('close')
+}
+</script>

package/src/components/edit/QuartzEdit.vue

@@ -0,0 +1,221 @@
+<template>
+  <a-drawer
+    :title="editTitle"
+    :width="540"
+    :open="open"
+    :body-style="{ paddingBottom: '80px' }"
+    :footer-style="{ textAlign: 'right' }"
+    @close="onClose"
+    :destroyOnClose="true"
+  >
+    <a-form :model="formInfo" ref="formRef" layout="vertical" :rules="rules">
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item
+            label="任务名称"
+            name="name"
+            :rules="[{ required: true, message: '任务名称不能为空' }]"
+          >
+            <a-input v-model:value="formInfo.name" placeholder="请输入" />
+          </a-form-item>
+          <a-form-item
+            label="触发器名称"
+            name="triggerName"
+            :rules="[{ required: true, message: '触发器名称不能为空' }]"
+          >
+            <a-input
+              v-model:value="formInfo.triggerName"
+              placeholder="请输入"
+            />
+          </a-form-item>
+
+          <a-form-item label="任务类型" name="taskType">
+            <a-select v-model:value="formInfo.taskType" placeholder="请选择">
+              <a-select-option value="0">DLL</a-select-option>
+              <a-select-option value="1">API</a-select-option>
+            </a-select>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item
+            label="任务分组"
+            name="jobGroup"
+            :rules="[{ required: true, message: '任务分组不能为空' }]"
+          >
+            <a-input v-model:value="formInfo.jobGroup" placeholder="请输入" />
+          </a-form-item>
+          <a-form-item
+            label="运行时间表达式Cron"
+            name="cron"
+            :rules="[{ required: true, message: 'cron不能为空' }]"
+          >
+            <a-input v-model:value="formInfo.cron" placeholder="请输入" />
+          </a-form-item>
+          <a target="_blank" href="https://cron.ciding.cc/">在线表达式Cron</a>
+        </a-col>
+      </a-row>
+      <a-form-item
+        v-if="formInfo.taskType == 0"
+        label="程序集名称"
+        name="assemblyName"
+      >
+        <a-input
+          v-model:value="formInfo.assemblyName"
+          disabled="true"
+          placeholder="请输入"
+        />
+      </a-form-item>
+      <a-form-item
+        v-if="formInfo.taskType == 0"
+        label="任务类名"
+        name="className"
+      >
+        <a-select
+          v-model:value="formInfo.className"
+          placeholder="请选择"
+          :options="classNameList"
+        >
+        </a-select>
+      </a-form-item>
+      <a-form-item v-if="formInfo.taskType == 1" label="apiUrl" name="apiUrl">
+        <a-input v-model:value="formInfo.apiUrl" placeholder="请输入" />
+      </a-form-item>
+      <a-form-item
+        v-if="formInfo.taskType == 1"
+        label="APi访问类型"
+        name="apiRequestType"
+      >
+        <a-select v-model:value="formInfo.apiRequestType" placeholder="请选择">
+          <a-select-option value="POST">POST</a-select-option>
+          <a-select-option value="GET">GET</a-select-option>
+        </a-select>
+      </a-form-item>
+      <a-form-item label="参数" name="apiParameter">
+        <a-input v-model:value="formInfo.apiParameter" placeholder="请输入" />
+      </a-form-item>
+      <a-form-item label="是否开启日志" name="isLog">
+        <a-switch v-model:checked="formInfo.isLog" />
+      </a-form-item>
+      <a-form-item label="备注" name="remark">
+        <a-textarea v-model:value="formInfo.remark" />
+      </a-form-item>
+    </a-form>
+    <template #extra>
+      <a-space>
+        <a-button type="primary" @click="onSave" :loading="loading"
+          >保存</a-button
+        >
+        <a-button @click="resetForm">重置</a-button>
+      </a-space>
+    </template>
+  </a-drawer>
+</template>
+<script setup>
+import { defineProps, defineEmits, ref, reactive, onMounted } from 'vue'
+import { message } from 'ant-design-vue'
+import quartz from '@/api/methods/quartz'
+import useFormCRUD from '@/utils/useFormCRUD'
+const props = defineProps({
+  open: {
+    type: Boolean,
+    required: true,
+  },
+})
+// 表单字段的默认值
+const defaultformInfo = {
+  id: null,
+  name: '',
+  triggerName: '',
+  jobGroup: '',
+  cron: '',
+  taskType: '0',
+  assemblyName: '',
+  className: null,
+  apiUrl: '',
+  apiRequestType: 'POST',
+  apiParameter: '',
+  isLog: true,
+  remark: '',
+}
+
+// 响应式数据
+const formInfo = reactive({ ...defaultformInfo })
+const editTitle = ref('新增')
+const formRef = ref(null)
+const classNameList = ref([])
+
+// 定义 emits，用于触发关闭事件
+const emit = defineEmits(['close', 'updateData'])
+
+/**
+ * 重置表单到默认值
+ */
+const resetForm = () => {
+  Object.assign(formInfo, defaultformInfo)
+  formRef.value?.resetFields()
+}
+
+const { loading, save } = useFormCRUD(quartz)
+
+/**
+ * 初始化任务编辑表单
+ * @param {string} id - 任务ID，如果为空或默认UUID则表示新增任务
+ */
+const init = async id => {
+   const isEdit = !!id
+  editTitle.value = isEdit ? '修改' : '新增'
+
+  let assemblyData = null
+  try {
+    // 获取程序集信息
+    const res = await quartz.getAssembly()
+    assemblyData = res.data
+    classNameList.value = assemblyData.classJobs.map(x => ({
+      label: x,
+      value: x,
+    }))
+  } catch (error) {
+    message.error('获取程序集信息失败，请重试')
+  }
+
+  if (isEdit) {
+    try {
+      const res = await quartz.get({ id })
+      Object.assign(formInfo, res.data)
+    } catch (error) {
+      message.error('获取任务信息失败，请重试')
+    }
+  } else {
+    resetForm()
+    // 在新增模式下，设置程序集名称
+    if (assemblyData) {
+      formInfo.assemblyName = assemblyData.assemblyName
+    }
+  }
+}
+
+/**
+ * 保存任务信息
+ * 处理表单验证和任务新增/修改操作
+ */
+const onSave = async () => {
+  await save(formRef.value, formInfo, {
+    onSuccess: () => {
+      emit('updateData')
+      onClose()
+    },
+  })
+}
+
+/**
+ * 关闭抽屉组件
+ * 触发关闭事件并通知父组件
+ */
+const onClose = () => {
+  resetForm()
+  emit('close')
+}
+
+// 使用 defineExpose 暴露方法
+defineExpose({ init })
+</script>

package/src/components/edit/SysAccountEdit.vue

@@ -0,0 +1,178 @@
+<template>
+  <a-drawer
+    :title="editTitle"
+    :width="540"
+    :open="open"
+    :body-style="{ paddingBottom: '80px' }"
+    :footer-style="{ textAlign: 'right' }"
+    @close="onClose"
+    :destroyOnClose="true"
+  >
+    <a-form :model="formInfo" ref="formRef" layout="vertical">
+      <a-form-item
+        label="账号名称"
+        name="name"
+        :rules="[{ required: true, message: '账号名称不能为空' }]"
+      >
+        <a-input v-model:value="formInfo.name" placeholder="请输入" />
+      </a-form-item>
+      <a-form-item
+        label="手机号"
+        name="mobile"
+        :rules="[{ required: true, message: '手机号不能为空' }]"
+      >
+        <a-input-number v-model:value="formInfo.mobile" placeholder="请输入" style="width: 100%" />
+      </a-form-item>
+      <a-form-item
+        label="密码"
+        name="password"
+        v-if="formInfo.id == 0"
+        :rules="[{ required: true, message: '密码不能为空' }]"   >
+        <a-input-password
+          v-model:value="formInfo.password"
+          placeholder="请输入"
+        />
+      </a-form-item>
+      <a-form-item
+        label="角色"
+        name="roleId"
+        :rules="[{ required: true, message: '请选择角色' }]"
+      >
+        <a-select
+          v-model:value="formInfo.roleId"
+          placeholder="请选择"
+          :options="roleList"
+        >
+        </a-select>
+      </a-form-item>
+      <a-form-item label="邮件" name="email">
+        <a-input v-model:value="formInfo.email" placeholder="请输入" />
+      </a-form-item>
+
+      <a-form-item label="是否启用" name="isEnable">
+        <a-switch v-model:checked="formInfo.isEnable" />
+      </a-form-item>
+      <a-form-item label="备注" name="remark">
+        <a-textarea v-model:value="formInfo.remark" />
+      </a-form-item>
+    </a-form>
+
+    <template #extra>
+     <a-space>
+        <a-button type="primary" @click="onSave" :loading="loading">保存</a-button>
+        <a-button @click="resetForm">重置</a-button>
+      </a-space>
+    </template>
+  </a-drawer>
+</template>
+
+<script setup>
+import { defineProps, defineEmits, ref, reactive, onMounted } from 'vue'
+import { message } from 'ant-design-vue'
+import sysRole from '@/api/methods/sysRole'
+import sysAccount from '@/api/methods/sysAccount'
+import useFormCRUD from '@/utils/useFormCRUD'
+
+const props = defineProps({
+  open: {
+    type: Boolean,
+    required: true,
+  },
+})
+
+// 表单字段的默认值
+const defaultformInfo = {
+  id: null,
+  name: '',
+  mobile: '',
+  password: '',
+  email: '',
+  roleId: null,
+  isEnable: true,
+  remark: '',
+}
+
+// 响应式数据
+const formInfo = reactive({ ...defaultformInfo })
+const editTitle = ref('新增')
+const formRef = ref(null)
+const roleList = ref([])
+
+// 定义 emits，用于触发关闭事件
+const emit = defineEmits(['close', 'updateData'])
+
+/**
+ * 重置表单到默认值
+ */
+const resetForm = () => {
+  Object.assign(formInfo, defaultformInfo)
+  formRef.value?.resetFields()
+}
+
+const { loading, save } = useFormCRUD(sysAccount)
+
+/**
+ * 初始化账号编辑表单
+ * @param {number} id - 账号ID，如果为0或空则表示新增账号
+ */
+const init = async id => {
+  const isEdit = !!id
+  editTitle.value = isEdit ? '修改' : '新增'
+
+  if (isEdit) {
+    try {
+      const res = await sysAccount.get({ id })
+      Object.assign(formInfo, res.data)
+    } catch (error) {
+      message.error('获取信息失败，请重试')
+    }
+  } else {
+    resetForm()
+  }
+}
+
+/**
+ * 加载角色列表
+ */
+const loadRoleList = async () => {
+  try {
+      const res = await sysRole.getList()
+     roleList.value = res.data.map(x => ({
+      label: x.name,
+      value: x.id,
+    }))
+  } catch (error) {
+    message.error('加载角色列表失败，请重试')
+  }
+}
+
+/**
+ * 保存账号信息
+ * 处理表单验证账号新增/修改操作
+ */
+const onSave = async () => {
+   await save(formRef.value, formInfo, {
+    onSuccess: () => {
+      emit('updateData')
+      onClose()
+    }
+  })
+}
+
+/**
+ * 关闭抽屉组件
+ * 触发关闭事件并通知父组件
+ */
+const onClose = () => {
+  resetForm()
+  emit('close')
+}
+
+// 组件挂载时加载角色列表
+onMounted(() => {
+  loadRoleList()
+})
+
+// 使用 defineExpose 暴露方法
+defineExpose({ init })
+</script>

package/src/components/edit/SysDictEdit.vue

@@ -0,0 +1,114 @@
+<template>
+  <a-drawer
+    :title="editTitle"
+    :width="540"
+    :open="open"
+    :body-style="{ paddingBottom: '80px' }"
+    :footer-style="{ textAlign: 'right' }"
+    @close="onClose"
+    :destroyOnClose="true"
+  >
+    <a-form :model="formInfo" ref="formRef" layout="vertical">
+      <a-form-item
+        label="字典名称"
+        name="name"
+        :rules="[{ required: true, message: '字典名称不能为空' }]"
+      >
+        <a-input v-model:value="formInfo.name" placeholder="请输入" />
+      </a-form-item>
+      <a-form-item
+        label="字典类型"
+        name="type"
+        :rules="[{ required: true, message: '字典类型不能为空' }]"
+      >
+        <a-input v-model:value="formInfo.type" placeholder="请输入" />
+      </a-form-item>
+      <a-form-item label="是否启用" name="isEnable">
+        <a-switch v-model:checked="formInfo.isEnable" />
+      </a-form-item>
+      <a-form-item label="备注" name="remark">
+        <a-textarea v-model:value="formInfo.remark" />
+      </a-form-item>
+    </a-form>
+    <template #extra>
+      <a-space>
+        <a-button type="primary" @click="onSave" :loading="loading">保存</a-button>
+        <a-button @click="resetForm">重置</a-button>
+      </a-space>
+    </template>
+  </a-drawer>
+</template>
+<script setup>
+import { defineProps, defineEmits, ref, reactive } from 'vue'
+import { message } from 'ant-design-vue'
+import sysDict from '@/api/methods/sysDict'
+import useFormCRUD from '@/utils/useFormCRUD'
+const props = defineProps({
+  open: {
+    type: Boolean,
+    required: true,
+  },
+})
+const defaultformInfo = {
+  id: null,
+  name: '',
+  type: '',
+  isEnable: true,
+  remark: '',
+}
+// 使用 reactive 定义表单状态
+const formInfo = reactive({ ...defaultformInfo })
+const editTitle = ref('新增')
+const formRef = ref(null)
+// 定义 emits，用于触发关闭事件
+const emit = defineEmits(['close', 'updateData'])
+/**
+ * 重置表单到默认值
+ */
+const resetForm = () => {
+  Object.assign(formInfo, defaultformInfo)
+  formRef.value?.resetFields()
+}
+const { loading, save } = useFormCRUD(sysDict)
+/**
+ * 初始化角色编辑表单
+ * @param {number} id - 角色ID，如果为0或空则表示新增角色
+ */
+const init = async id => {
+  const isEdit = !!id
+  editTitle.value = isEdit ? '修改' : '新增'
+
+  if (isEdit) {
+    try {
+      const res = await sysDict.get({ id })
+      Object.assign(formInfo, res.data)
+    } catch (error) {
+      message.error('获取信息失败，请重试')
+    }
+  } else {
+    resetForm()
+  }
+}
+/**
+ * 保存
+ * 处理表单验证和角色新增/修改操作
+ */
+const onSave = async() => {
+   await save(formRef.value, formInfo, {
+    onSuccess: () => {
+      emit('updateData')
+      onClose()
+    }
+  })
+}
+/**
+ * 关闭抽屉组件
+ * 触发关闭事件并通知父组件
+ */
+const onClose = () => {
+  resetForm()
+  emit('close')
+}
+// 使用 defineExpose 暴露方法
+defineExpose({ init })
+</script>