zant-admin 1.0.0

package/src/views/operations/quartz.vue

@@ -0,0 +1,181 @@
+<template>
+  <form-table
+    :formState="formState"
+    :columns="columns"
+    modulePath="quartz"
+   :permissionModulePath="permissionModulePath"
+    @edit="edit"
+    ftableDeleteAction="deleteTask"
+    ref="childRef"
+  >
+    <template #custom-status="{ record }">
+      <span class="" v-if="record.status == 0">暂停</span>
+      <span class="text-color-primary" v-if="record.status == 1">开启</span>
+      <span class="text-color-success" v-if="record.status == 2">运行中</span>
+    </template>
+    <template #custom-taskType="{ record }">
+      <span class="" v-if="record.taskType == 0">DLL</span>
+      <span class="" v-if="record.taskType == 1">API</span>
+    </template>
+    <template #custom-operation="{ record }">
+      <a-divider type="vertical" />
+      <a-dropdown class="" >
+        <a @click.prevent > 更多 <DownOutlined /></a>
+        <template #overlay>
+
+          <a-menu @click="e => moreClick(e, record.id)" >
+            <span  v-permission="permissionModulePath+':resumeTask'">
+                   <a-menu-item key="1">
+               <a @click="empower(record)" >恢复任务</a>
+             </a-menu-item>
+            </span>
+            <span  v-permission="permissionModulePath+':pauseTask'">
+                  <a-menu-item key="2">
+                  <a @click="empower(record)" >暂停任务</a>
+                </a-menu-item>
+            </span>
+                 <span  v-permission="permissionModulePath+':executeTask'">
+                  <a-menu-item key="3">
+                  <a @click="empower(record)" >立即执行</a>
+                </a-menu-item>
+            </span>
+                 <span  v-permission="permissionModulePath+':viewLog'">
+                  <a-menu-item key="4">
+                  <a @click="empower(record)" >执行记录</a>
+                </a-menu-item>
+            </span>
+          </a-menu>
+        </template>
+      </a-dropdown>
+    </template>
+  </form-table>
+  <!-- 新增修改 -->
+  <QuartzEdit
+    :open="editopen"
+    @close="editopen = false"
+    @updateData="refreshData"
+    ref="editRef"
+  >
+  </QuartzEdit>
+
+  <a-modal
+    v-model:open="quartzLogopen"
+    width="60%"
+    wrap-class-name="full-modal"
+    title="执行记录"
+    :footer="null"
+    :destroyOnClose="true"
+  >
+     <logQuartz :recordwhere="recordwhere"> </logQuartz>
+  </a-modal>
+</template>
+<script setup>
+import { ref } from 'vue'
+import FormTable from '@/components/FormTable.vue'
+import QuartzEdit from '@/components/edit/QuartzEdit.vue'
+import logQuartz from '@/views/operations/log/logQuartz.vue'
+import quartz from '@/api/methods/quartz'
+import {  message } from 'ant-design-vue'
+// 权限模块路径
+const permissionModulePath = ref('operations:quartz')
+
+const formState = ref({
+  name: { label: '任务', value: '', type: 'text' },
+})
+const columns = ref([
+  {
+    title: '序号',
+    key: 'num',
+    width: 80,
+  },
+  {
+    title: '任务',
+    dataIndex: 'name',
+    key: 'name',
+  },
+  {
+    title: '分组',
+    dataIndex: 'jobGroup',
+    key: 'jobGroup',
+  },
+  {
+    title: 'Cron',
+    dataIndex: 'cron',
+    key: 'cron',
+  },
+  {
+    title: '任务类型',
+    dataIndex: 'taskType',
+    key: 'taskType',
+  },
+  {
+    title: '运行状态',
+    dataIndex: 'status',
+    key: 'status',
+  },
+  {
+    title: '最后一次运行时间',
+    dataIndex: 'lastRunTime',
+    key: 'lastRunTime',
+  },
+  {
+    title: '任务描述',
+    key: 'remark',
+    dataIndex: 'remark',
+  },
+  {
+    title: '操作',
+    key: 'operation',
+    fixed: 'right',
+    width: 200,
+  },
+])
+const quartzLogopen = ref(false)
+const recordwhere = ref({})
+// 表格更多点击事件
+const moreClick = (e, id) => {
+  switch (e.key) {
+    case '1':
+      quartz.resumeTask({ id }).then(() => {
+        message.success('成功', 1, () => {
+          childRef.value.tableLoad()
+        })
+      })
+      break
+    case '2':
+      quartz.pauseTask({ id }).then(() => {
+        message.success('成功', 1, () => {
+          childRef.value.tableLoad()
+        })
+      })
+      break
+    case '3':
+      quartz.triggerTask({ id }).then(() => {
+        message.success('成功', 1, () => {
+          childRef.value.tableLoad()
+        })
+      })
+      break
+    case '4':
+      recordwhere.value = { quartzTaskId: id }
+      quartzLogopen.value = true
+      break
+    default:
+      break
+  }
+}
+//编辑
+const editopen = ref(false)
+const editRef = ref(null)
+const edit = record => {
+  editRef.value.init(record.id)
+  editopen.value = true
+}
+const childRef = ref(null)
+const refreshData = () => {
+  childRef.value.tableLoad()
+}
+
+</script>
+
+<style></style>

package/src/views/operations/serviceMonitoring.vue

@@ -0,0 +1,134 @@
+<template>
+  <a-row :gutter="16">
+    <a-col :span="12">
+      <a-card :bordered="false" :loading="loading">
+        <template #title
+          ><DesktopOutlined :style="{ color: '#1677ff' }" /> CPU</template
+        >
+        <div class="flex-row text-font-bold">
+          <div class="flex-item">属性</div>
+          <div class="flex-item">值</div>
+        </div>
+        <hr />
+        <div class="flex-row">
+          <div class="flex-item">核心数</div>
+          <div class="flex-item">{{ data.processorCount }}</div>
+        </div>
+        <hr />
+        <div class="flex-row">
+          <div class="flex-item">用户使用率</div>
+          <div class="flex-item">{{ data.processorCount }}</div>
+        </div>
+        <hr />
+        <div class="flex-row">
+          <div class="flex-item">系统使用率</div>
+          <div class="flex-item">{{ data.cpuLoad }}</div>
+        </div>
+        <hr />
+        <div class="flex-row">
+          <div class="flex-item">当前空闲率</div>
+          <div class="flex-item">{{ data.cpuSurplusLoad }}</div>
+        </div>
+      </a-card>
+    </a-col>
+    <a-col :span="12">
+      <a-card :bordered="false" :loading="loading">
+        <template #title
+          ><DatabaseOutlined :style="{ color: '#1677ff' }" /> 内存</template
+        >
+        <div class="flex-row text-font-bold">
+          <div class="flex-item">属性</div>
+          <div class="flex-item">值</div>
+        </div>
+        <hr />
+        <div class="flex-row">
+          <div class="flex-item">总内存</div>
+          <div class="flex-item">{{ data.physicalMemory }}</div>
+        </div>
+        <hr />
+        <div class="flex-row">
+          <div class="flex-item">已用内存</div>
+          <div class="flex-item">{{ data.memoryUsed }}</div>
+        </div>
+        <hr />
+        <div class="flex-row">
+          <div class="flex-item">剩余内存</div>
+          <div class="flex-item">{{ data.memoryAvailable }}</div>
+        </div>
+        <hr />
+        <div class="flex-row">
+          <div class="flex-item">使用率</div>
+          <div class="flex-item">{{ data.memoryUsage }}</div>
+        </div>
+      </a-card>
+    </a-col>
+  </a-row>
+  <a-card :bordered="false" class="margin-top-10" :loading="loading">
+    <template #title
+      ><DesktopOutlined :style="{ color: '#1677ff' }" /> 服务器信息</template
+    >
+    <div class="flex-row text-font-bold">
+      <div class="flex-item">服务器名称</div>
+      <div class="flex-item">服务器 IP</div>
+      <div class="flex-item">操作系统</div>
+      <div class="flex-item">系统架构</div>
+    </div>
+    <hr />
+    <div class="flex-row">
+      <div class="flex-item">{{ data.hostName }}</div>
+      <div class="flex-item">{{ data.stringIP }}</div>
+      <div class="flex-item">{{ data.osDescription }}</div>
+      <div class="flex-item">{{ data.osArchitecture }}</div>
+    </div>
+  </a-card>
+  <a-card :bordered="false" class="margin-top-10" :loading="loading">
+    <template #title
+      ><DesktopOutlined :style="{ color: '#1677ff' }" /> 磁盘状态</template
+    >
+    <div class="flex-row text-font-bold">
+      <div class="flex-item">盘符</div>
+      <div class="flex-item">总大小</div>
+      <div class="flex-item">已用大小</div>
+      <div class="flex-item">可用大小</div>
+      <div class="flex-item">已用百分比</div>
+    </div>
+    <hr />
+    <template v-for="(item, index) in data.disks" v-bind:key="index">
+      <div class="flex-row">
+        <div class="flex-item">{{ item.driveletter }}</div>
+        <div class="flex-item">{{ item.totalsize }}</div>
+        <div class="flex-item">{{ item.usedSize }}</div>
+        <div class="flex-item">{{ item.availableSize }}</div>
+        <div class="flex-item">{{ item.percentSize }}</div>
+      </div>
+      <hr />
+    </template>
+  </a-card>
+</template>
+<script setup>
+import system from '@/api/methods/system'
+import { ref } from 'vue'
+const loading = ref(true)
+const data = ref({})
+const init = () => {
+  system.getSystemDescription().then(res => {
+    data.value = res.data
+
+    loading.value = !loading.value
+  })
+}
+init()
+</script>
+<style scoped>
+hr {
+  height: 0;
+  line-height: 0;
+  margin: 10px 0;
+  padding: 0;
+  border: none;
+  border-bottom: 1px solid #eee;
+  clear: both;
+  overflow: hidden;
+  background: 0 0;
+}
+</style>

package/src/views/system/sysAccount.vue

@@ -0,0 +1,123 @@
+<template>
+  <form-table
+    :formState="formState"
+    :columns="columns"
+    modulePath="sysAccount"
+   :permissionModulePath="permissionModulePath"
+    @edit="edit"
+    ref="childRef"
+  >
+    <!-- 可以通过插槽自定义单元格 -->
+    <template #custom-isEnable="{ record }">
+      <a-switch
+        v-model:checked="record.isEnable"
+        checked-children="是"
+        un-checked-children="否"
+        @change="handleSwitchChange(record)"
+      />
+    </template>
+  </form-table>
+  <!-- 新增修改 -->
+  <SysAccountEdit
+    :open="editopen"
+    @close="editopen = false"
+    @updateData="refreshData"
+    ref="editRef"
+  >
+  </SysAccountEdit>
+</template>
+<script setup>
+import { ref, onMounted } from 'vue'
+import FormTable from '@/components/FormTable.vue'
+import SysAccountEdit from '@/components/edit/SysAccountEdit.vue'
+import sysAccount from '@/api/methods/sysAccount'
+import sysRole from '@/api/methods/sysRole'
+// 权限模块路径
+const permissionModulePath = ref('system:sysAccount')
+const formState = ref({
+  name: { label: '账号名称', value: '',defaultvalue:'', type: 'text' },
+  mobile: { label: '手机号', value: '',defaultvalue:'', type: 'text' },
+  roleId: {
+    label: '角色',
+    value: null,
+    defaultvalue:null,
+    type: 'select',
+    data: [],
+  },
+  createTime: { label: '日期范围', value: null, defaultvalue:null, type: 'time' },
+})
+
+const fetchRoleData = async () => {
+  sysRole.getList().then(res => {
+    formState.value.roleId.data = res.data.map(role => ({
+      label: role.name,
+      value: role.id,
+    }))
+  })
+}
+// 使用 onMounted 在组件加载时调用 fetchRoleData
+onMounted(() => {
+  fetchRoleData()
+})
+const columns = ref([
+  {
+    title: '账号名称',
+    dataIndex: 'name',
+     resizable: true,
+  },
+  {
+    title: '手机号',
+    dataIndex: 'mobile',
+     resizable: true,
+  },
+  {
+    title: '角色',
+    dataIndex: 'roleName',
+     resizable: true,
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+     resizable: true,
+  },
+  {
+    title: '是否启用',
+    key: 'isEnable',
+     resizable: true,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+     resizable: true,
+  },
+  {
+    title: '操作',
+    key: 'operation',
+    fixed: 'right',
+    width: 200,
+  },
+])
+
+const childRef = ref(null)
+//编辑
+const editopen = ref(false)
+const editRef = ref(null)
+const edit = record => {
+  editRef.value.init(record.id)
+  editopen.value = true
+}
+const refreshData = () => {
+  childRef.value.tableLoad()
+}
+//修改是否启用
+const handleSwitchChange = record => {
+  var data = {
+    id: record.id,
+    isEnabled: record.isEnable,
+  }
+  sysAccount.updateIsEnabled(data).then(() => {
+    childRef.value.tableLoad()
+  })
+}
+</script>
+<style></style>

package/src/views/system/sysDict.vue

@@ -0,0 +1,156 @@
+<template>
+  <form-table
+    :formState="formState"
+    :columns="columns"
+     modulePath="sysDict"
+    :permissionModulePath="permissionModulePath"
+     @edit="edit"
+    ref="childRef"
+  >
+    <template #table-toolbar="{ record }">
+      <a-button @click="refreshCache" size="middle"
+        ><RedoOutlined />刷新缓存</a-button
+      >
+    </template>
+    <!-- 可以通过插槽自定义单元格 -->
+    <template #custom-isEnable="{ record }">
+      <a-switch
+        v-model:checked="record.isEnable"
+        checked-children="是"
+        un-checked-children="否"
+        @change="handleSwitchChange(record)"
+      />
+    </template>
+      <template #custom-operation="{ record }">
+      <a-divider type="vertical" />
+      <a @click="configuration(record)"  v-permission="permissionModulePath+':configuration'">配置字典项</a>
+    </template>
+  </form-table>
+  <!-- 编辑 -->
+  <SysDictEdit
+    :open="editopen"
+    @close="editopen = false"
+    @updateData="refreshData"
+    ref="editRef"
+  >
+  </SysDictEdit>
+
+  <!-- 配置字典项 -->
+
+  <a-modal
+    v-model:open="configurationopen"
+    :title="configurationtitle"
+    width="70%"
+    wrap-class-name="full-modal"
+    :destroyOnClose="true"
+  >
+    <SysDictItem :recordwhere="recordwhere" ref="childPageRef">
+    </SysDictItem>
+  </a-modal>
+</template>
+<script setup>
+import { ref, nextTick } from 'vue'
+import FormTable from '@/components/FormTable.vue'
+import SysDictEdit from '@/components/edit/SysDictEdit.vue'
+import SysDictItem from '@/views/system/sysDictItem.vue'
+import sysDict from '@/api/methods/sysDict'
+import { message } from 'ant-design-vue'
+import { dictStore } from '@/stores/dict'
+// 权限模块路径
+const permissionModulePath = ref('system:sysDict')
+const formState = ref({
+  name: { label: '字典名称', value: '', type: 'text' },
+  type: { label: '字典类型', value: '', type: 'text' },
+  Enable: {
+    label: '是否启用',
+    value: null,
+    type: 'select',
+    data: [
+      { label: '是', value: true },
+      { label: '否', value: false },
+    ],
+  },
+})
+const columns = ref([
+  {
+    title: '序号',
+    key: 'num',
+    width: 80,
+  },
+  {
+    title: '字典名称',
+    dataIndex: 'name',
+  },
+  {
+    title: '字典类型',
+    dataIndex: 'type',
+  },
+  {
+    title: '是否启用',
+    key: 'isEnable',
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+  },
+
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 200,
+  },
+  {
+    title: '操作',
+    key: 'operation',
+    fixed: 'right',
+    width: 200,
+  },
+])
+const childRef = ref(null)
+//编辑
+const editopen = ref(false)
+const editRef = ref(null)
+//新增
+const edit = record => {
+  editRef.value.init(record.id)
+  editopen.value = true
+}
+const refreshData = () => {
+  childRef.value.tableLoad()
+}
+
+//修改是否启用
+const handleSwitchChange = record => {
+  var data = {
+    id: record.id,
+    isEnabled: record.isEnable,
+  }
+  sysDict.updateIsEnabled(data).then(() => {
+    childRef.value.tableLoad()
+  })
+}
+//刷新缓存
+const refreshCache = () => {
+  const dict = dictStore()
+  dict.$reset()
+  dict.initDictList()
+  message.success('刷新缓存成功', 1)
+}
+//---------------------------配置字典项----------------------------------
+const configurationopen = ref(false)
+const configurationtitle = ref('配置字典项')
+const recordwhere = ref({})
+const childPageRef = ref(null)
+const configuration = record => {
+  configurationtitle.value = '配置字典项-' + record.name
+  recordwhere.value = { dictId: record.id }
+  configurationopen.value = true
+  nextTick(() => {
+    if (childPageRef.value) {
+      childPageRef.value.refreshData() // 调用子组件暴露的方法
+    }
+  })
+}
+</script>
+
+<style></style>

package/src/views/system/sysDictItem.vue

@@ -0,0 +1,118 @@
+<template>
+  <form-table
+    :columns="columns"
+    modulePath="sysDictItem"
+    :where="recordwhere"
+    :permissionModulePath="permissionModulePath"
+    @edit="edit"
+    ref="childRef"
+  >
+    <template #custom-isEnable="{ record }">
+      <a-switch
+        v-model:checked="record.isEnable"
+        checked-children="是"
+        un-checked-children="否"
+        @change="sysDictItemhandleSwitchChange(record)"
+      />
+    </template>
+    <template #custom-label="{ record }">
+      <span :class="record.colorClass">{{ record.label }}</span>
+    </template>
+  </form-table>
+  <!-- 编辑 -->
+  <SysDictItemEdit
+    :open="editopen"
+    @close="editopen = false"
+    @updateData="refreshData"
+    :recordwhere="recordwhere"
+    ref="editRef"
+  >
+  </SysDictItemEdit>
+</template>
+<script setup>
+import { ref, defineProps, reactive } from 'vue'
+import FormTable from '@/components/FormTable.vue'
+import SysDictItemEdit from '@/components/edit/SysDictItemEdit.vue'
+import sysDictItem from '@/api/methods/sysDictItem'
+// 权限模块路径
+const permissionModulePath = ref('system:sysDictItem')
+const props = defineProps({
+  recordwhere: {
+    type: Object,
+    default: {},
+  },
+})
+const columns = ref([
+  {
+    title: '序号',
+    key: 'num',
+    width: 80,
+  },
+  {
+    title: '字典标签',
+    key: 'label',
+  },
+  {
+    title: '字典值',
+    dataIndex: 'value',
+    width: 80,
+  },
+  {
+    title: '排序',
+    dataIndex: 'sort',
+    width: 80,
+  },
+  {
+    title: '颜色样式',
+    dataIndex: 'colorClass',
+  },
+  {
+    title: '状态',
+    key: 'isEnable',
+    width: 80,
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+  },
+
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+  },
+  {
+    title: '操作',
+    key: 'operation',
+    fixed: 'right',
+    width: 100,
+  },
+])
+const childRef = ref(null)
+
+//修改是否启用
+const sysDictItemhandleSwitchChange = record => {
+  var data = {
+    id: record.id,
+    isEnabled: record.isEnable,
+  }
+  sysDictItem.updateIsEnabled(data).then(() => {
+    refreshData()
+  })
+}
+//
+
+//编辑
+const editopen = ref(false)
+const editRef = ref(null)
+const edit = record => {
+  editRef.value.init(record.id)
+  editopen.value = true
+}
+
+const refreshData = () => {
+  childRef.value.tableLoad()
+}
+defineExpose({
+  refreshData,
+})
+</script>