zant-admin 1.0.4 → 2.0.1

package/src/views/operations/quartz.vue

@@ -1,179 +1,179 @@
-<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>
+<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

@@ -1,134 +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>
+<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>