|
@@ -0,0 +1,98 @@
|
|
|
|
+<template>
|
|
|
|
+ <div class="main animate__animated animate__backInRight" v-loading="loading">
|
|
|
|
+ <custom-search-bar :fields="fields.filter((f) => f.isSearch)" v-model="searchForm" @search="search" @reset="toReset"></custom-search-bar>
|
|
|
|
+ <custom-button-bar :fields="buttonFields" @add="toAdd"></custom-button-bar>
|
|
|
|
+ <custom-table :data="data" :fields="fields" @query="search" :total="total" :opera="opera" @edit="toEdit" @delete="toDelete" :select="true"> </custom-table>
|
|
|
|
+ <el-dialog v-model="dialog" title="数据维护信息" :destroy-on-close="false" @close="toClose" width="50%">
|
|
|
|
+ <custom-form v-model="form" :fields="fields" :rules="{}" @save="toSave"> </custom-form>
|
|
|
|
+ </el-dialog>
|
|
|
|
+ </div>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script setup>
|
|
|
|
+const $checkRes = inject('$checkRes')
|
|
|
|
+import { cloneDeep, get } from 'lodash-es'
|
|
|
|
+const { t } = useI18n()
|
|
|
|
+// 接口
|
|
|
|
+import { HistoryStore } from '@/store/api/core/history'
|
|
|
|
+const store = HistoryStore()
|
|
|
|
+const data = ref([])
|
|
|
|
+const searchForm = ref({})
|
|
|
|
+const fields = [
|
|
|
|
+ { label: '作业Id', model: 'work_id' },
|
|
|
|
+ { label: '作业名称', model: 'work_name', isSearch: true },
|
|
|
|
+ { label: '用户', model: 'user_name', isSearch: true },
|
|
|
|
+ { label: '组织', model: 'organization', isSearch: true },
|
|
|
|
+ { label: '状态', model: 'status' },
|
|
|
|
+ { label: '分区', model: 'partition' },
|
|
|
|
+ { label: 'CPU总核', model: 'cpu_total' },
|
|
|
|
+ { label: 'GPU卡数', model: 'cpu_num' },
|
|
|
|
+ { label: '节点数量', model: 'num' },
|
|
|
|
+ { label: '运行节点', model: 'node' },
|
|
|
|
+ { label: '运行时长', model: 'time' },
|
|
|
|
+ { label: '提交时间', model: 'submission_time', type: 'datetime' },
|
|
|
|
+ { label: '工作目录', model: 'work_menu' }
|
|
|
|
+]
|
|
|
|
+const opera = [
|
|
|
|
+ { label: t('common.update'), method: 'edit' },
|
|
|
|
+ { label: t('common.delete'), method: 'delete', confirm: true, type: 'danger' }
|
|
|
|
+]
|
|
|
|
+const buttonFields = [{ label: t('common.add'), method: 'add' }]
|
|
|
|
+let skip = 0
|
|
|
|
+let limit = inject('limit')
|
|
|
|
+const total = ref(20)
|
|
|
|
+// 加载中
|
|
|
|
+const loading = ref(false)
|
|
|
|
+const dialog = ref(false)
|
|
|
|
+const form = ref({})
|
|
|
|
+// 请求
|
|
|
|
+onMounted(async () => {
|
|
|
|
+ loading.value = true
|
|
|
|
+ await search({ skip, limit })
|
|
|
|
+ loading.value = false
|
|
|
|
+})
|
|
|
|
+const search = async (query = { skip: 0, limit }) => {
|
|
|
|
+ const info = { skip: query.skip, limit: query.limit, ...searchForm.value }
|
|
|
|
+ const res = await store.query(info)
|
|
|
|
+ if (res.errcode == '0') {
|
|
|
|
+ data.value = res.data.data
|
|
|
|
+ total.value = res.data.total
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+// 添加
|
|
|
|
+const toAdd = () => {
|
|
|
|
+ dialog.value = true
|
|
|
|
+}
|
|
|
|
+// 修改
|
|
|
|
+const toEdit = (data) => {
|
|
|
|
+ form.value = data
|
|
|
|
+ dialog.value = true
|
|
|
|
+}
|
|
|
|
+// 删除
|
|
|
|
+const toDelete = async (data) => {
|
|
|
|
+ const res = await store.del(data._id)
|
|
|
|
+ if ($checkRes(res, true)) {
|
|
|
|
+ search({ skip: 0, limit })
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+const toSave = async () => {
|
|
|
|
+ const data = cloneDeep(form.value)
|
|
|
|
+ let res
|
|
|
|
+ if (get(data, '_id')) res = await store.update(data)
|
|
|
|
+ else res = await store.create({ ...data })
|
|
|
|
+ if ($checkRes(res, true)) {
|
|
|
|
+ search({ skip: 0, limit })
|
|
|
|
+ toClose()
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+// 重置
|
|
|
|
+const toReset = async () => {
|
|
|
|
+ searchForm.value = {}
|
|
|
|
+ await search({ skip, limit })
|
|
|
|
+}
|
|
|
|
+const toClose = () => {
|
|
|
|
+ form.value = {}
|
|
|
|
+ dialog.value = false
|
|
|
|
+}
|
|
|
|
+</script>
|
|
|
|
+<style scoped lang="scss"></style>
|