fix:删除无用代码
This commit is contained in:
@@ -1,64 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="comp-content">
|
|
||||||
<el-drawer
|
|
||||||
v-model="visible"
|
|
||||||
:title="`${currentRow?.id ? '编辑' : '新增'}应用`"
|
|
||||||
:size="400"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
@close="closeFun"
|
|
||||||
>
|
|
||||||
<div class="content">
|
|
||||||
<TableForm ref="tableFormRef" :tableName="tableName" />
|
|
||||||
</div>
|
|
||||||
<template #footer>
|
|
||||||
<div>
|
|
||||||
<el-button @click="closeFun">关闭</el-button>
|
|
||||||
<el-button type="primary" @click="submitFun">确定</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-drawer>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref, watch, nextTick } from 'vue';
|
|
||||||
import TableForm from '@/components/common/table/tableForm.vue';
|
|
||||||
|
|
||||||
const props = defineProps(['currentAppInfo', 'tableName']);
|
|
||||||
const emit = defineEmits(['cancel', 'submit']);
|
|
||||||
const currentRow = ref<any>({});
|
|
||||||
const tableFormRef = ref();
|
|
||||||
const visible = ref(true);
|
|
||||||
|
|
||||||
const closeFun = () => {
|
|
||||||
emit('cancel');
|
|
||||||
};
|
|
||||||
|
|
||||||
const submitFun = async () => {
|
|
||||||
const valid = await tableFormRef.value.validateFun();
|
|
||||||
|
|
||||||
if (valid) {
|
|
||||||
const fromData = tableFormRef.value.getFormDataFun();
|
|
||||||
emit('submit', fromData);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
watch(
|
|
||||||
() => props.currentAppInfo,
|
|
||||||
(newVal) => {
|
|
||||||
if (newVal) {
|
|
||||||
currentRow.value = newVal;
|
|
||||||
nextTick(() => {
|
|
||||||
if (currentRow.value?.id) {
|
|
||||||
tableFormRef.value.setFormDataFun(currentRow.value);
|
|
||||||
} else {
|
|
||||||
tableFormRef.value.resetFun();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{ immediate: true }
|
|
||||||
);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="less" scoped></style>
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="name-style" :style="{ backgroundColor: getName().color, fontSize: `${size}px` }">
|
|
||||||
{{ getName().firstName }}
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
const props = defineProps(['appName', 'size']);
|
|
||||||
|
|
||||||
const getName = () => {
|
|
||||||
const name = props.appName || '';
|
|
||||||
const colorList = ['#447dfd', '#ee4c2b', '#00c4bb', '#009bdd', '#06c144', '#ff8b10'];
|
|
||||||
|
|
||||||
const firstName = name[0];
|
|
||||||
const color = colorList[name.length % 6];
|
|
||||||
|
|
||||||
return {
|
|
||||||
firstName,
|
|
||||||
color,
|
|
||||||
};
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.name-style {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
color: #fff;
|
|
||||||
background-color: cornflowerblue;
|
|
||||||
font-size: 40px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div></div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts"></script>
|
|
||||||
|
|
||||||
<style lang="less" scoped>
|
|
||||||
@import './index.less';
|
|
||||||
</style>
|
|
||||||
@@ -1,465 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="gl-page-content">
|
|
||||||
<div class="app-operate">
|
|
||||||
<el-button type="primary" @click="editAppInfoFun">新增应用</el-button>
|
|
||||||
<el-button type="primary" @click="startLocalAppFun">启动本地插件</el-button>
|
|
||||||
<el-button type="" @click="getAppDataFun">刷新</el-button>
|
|
||||||
</div>
|
|
||||||
<div class="app-content">
|
|
||||||
<div class="app-type-list" v-for="item in apptypeList" :key="item.type">
|
|
||||||
<div class="app-type-title">{{ item.label }}</div>
|
|
||||||
<div v-if="item.apps.length" class="app-type-content">
|
|
||||||
<div class="app-type-item" v-for="item_2 in item.apps" :key="item_2.id">
|
|
||||||
<div class="item-top">
|
|
||||||
<div class="item-top-left">
|
|
||||||
<img
|
|
||||||
v-if="item_2.appImage"
|
|
||||||
width="60"
|
|
||||||
:src="getImgPathFun(item_2.appImage)"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
<appNameBg v-else :app-name="item_2.appName"></appNameBg>
|
|
||||||
</div>
|
|
||||||
<div class="item-top-right">
|
|
||||||
<div class="app-name" :title="item_2.appName">
|
|
||||||
{{ item_2.appName }}
|
|
||||||
</div>
|
|
||||||
<div class="app-type">
|
|
||||||
<div class="type mr10">
|
|
||||||
<el-tag v-if="item_2.appType === '3'" type="primary">HPC</el-tag>
|
|
||||||
<el-tag v-if="item_2.appType === '2'" type="success">云应用</el-tag>
|
|
||||||
<el-tag v-if="item_2.appType === '1'" type="warning">本地应用</el-tag>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="status">
|
|
||||||
<div
|
|
||||||
:class="item_2.appStatus === '1' ? 'point success mr5' : 'point error mr5'"
|
|
||||||
></div>
|
|
||||||
<span>{{ item_2.appStatus === '1' ? '启用' : '禁用' }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item-center">
|
|
||||||
{{ item_2?.comment ? item_2.comment : '暂无应用相关描述' }}
|
|
||||||
</div>
|
|
||||||
<div class="item-bottom">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
@click="startAppFun(item_2)"
|
|
||||||
:disabled="item_2.appStatus != '1'"
|
|
||||||
>启动</el-button
|
|
||||||
>
|
|
||||||
<div>
|
|
||||||
<el-button type="primary" link @click="editAppInfoFun(item_2)">编辑</el-button>
|
|
||||||
<el-button type="danger" link @click="deleteAppInfoFun(item_2)">删除</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div v-else class="app-type-content">
|
|
||||||
<el-empty class="el-empty-style" description="暂无应用" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<addOrEditApp
|
|
||||||
v-if="detailVisible"
|
|
||||||
:table-name="'APP_CENTER'"
|
|
||||||
:current-app-info="currentAppInfo"
|
|
||||||
@cancel="closeAddOrEditAppFun"
|
|
||||||
@submit="updateAppFun"
|
|
||||||
></addOrEditApp>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import { onMounted, ref } from 'vue';
|
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus';
|
|
||||||
import addOrEditApp from './components/addOrEditApp.vue';
|
|
||||||
import appNameBg from '@/views/task/appCenter/components/appNameBg.vue';
|
|
||||||
import {
|
|
||||||
addApplicationApi,
|
|
||||||
addApplicationCallRecordApi,
|
|
||||||
deleteApplicationApi,
|
|
||||||
queryApplicationByTypeApi,
|
|
||||||
updateApplicationApi,
|
|
||||||
} from '@/api/system/application';
|
|
||||||
import { execApi, getdeviceuuidApi, startupPlugin } from '@/api/application/application';
|
|
||||||
|
|
||||||
const detailVisible = ref(false);
|
|
||||||
const env = import.meta.env;
|
|
||||||
|
|
||||||
const userId = '1980235559149838337';
|
|
||||||
|
|
||||||
const apptypeList = ref<any>([
|
|
||||||
{
|
|
||||||
label: '本地应用',
|
|
||||||
type: '1',
|
|
||||||
apps: [],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '云应用',
|
|
||||||
type: '2',
|
|
||||||
apps: [],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'HPC应用',
|
|
||||||
type: '3',
|
|
||||||
apps: [],
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
const getImgPathFun = (fileId: any) => {
|
|
||||||
const url = `${env.VITE_API_IMAGE_PREVIEW_URL}/data/previewImage?fileId=${fileId}`;
|
|
||||||
return url;
|
|
||||||
};
|
|
||||||
const currentAppInfo = ref<any>({});
|
|
||||||
// 打开编辑应用弹窗
|
|
||||||
const editAppInfoFun = (data?: any) => {
|
|
||||||
if (data) {
|
|
||||||
currentAppInfo.value = data;
|
|
||||||
} else {
|
|
||||||
currentAppInfo.value = {};
|
|
||||||
}
|
|
||||||
detailVisible.value = true;
|
|
||||||
};
|
|
||||||
|
|
||||||
const closeAddOrEditAppFun = () => {
|
|
||||||
currentAppInfo.value = {};
|
|
||||||
detailVisible.value = false;
|
|
||||||
};
|
|
||||||
|
|
||||||
const deleteAppInfoFun = (data: any) => {
|
|
||||||
ElMessageBox.confirm('确认要删除这个应用吗?', '警告', {
|
|
||||||
confirmButtonText: '确认',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
type: 'warning',
|
|
||||||
})
|
|
||||||
.then(async () => {
|
|
||||||
const res: any = await deleteApplicationApi({
|
|
||||||
appId: data.uuid,
|
|
||||||
});
|
|
||||||
|
|
||||||
if (res && res.code === 200) {
|
|
||||||
ElMessage.success('删除成功！');
|
|
||||||
await getAppDataFun();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
};
|
|
||||||
|
|
||||||
const updateAppFun = async (data: any) => {
|
|
||||||
if (data?.id) {
|
|
||||||
detailVisible.value = false;
|
|
||||||
|
|
||||||
const res: any = await updateApplicationApi({
|
|
||||||
appName: data.appName,
|
|
||||||
appType: Number(data.appType),
|
|
||||||
appPath: data.appPath,
|
|
||||||
appImage: data.appImage.toString(),
|
|
||||||
appStatus: Number(data.appStatus),
|
|
||||||
appVersion: data.appVersion,
|
|
||||||
appVendor: data.appVendor,
|
|
||||||
machineCode: data.machineCode,
|
|
||||||
comment: data.comment,
|
|
||||||
uuid: data.uuid,
|
|
||||||
});
|
|
||||||
|
|
||||||
if (res && res.code === 200) {
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
const param = {
|
|
||||||
appName: data.appName,
|
|
||||||
appType: Number(data.appType),
|
|
||||||
appStatus: Number(data.appStatus),
|
|
||||||
appPath: data.appPath || '',
|
|
||||||
appImage: data?.appImage ? data.appImage.toString() : '',
|
|
||||||
appVersion: data.appVersion || '',
|
|
||||||
appVendor: data.appVendor || '',
|
|
||||||
machineCode: localStorage.getItem('USER_UUID'),
|
|
||||||
comment: data.comment || '',
|
|
||||||
creator: userId,
|
|
||||||
};
|
|
||||||
|
|
||||||
const res: any = await addApplicationApi(param);
|
|
||||||
if (res && res.code === 200) {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
getAppDataFun();
|
|
||||||
detailVisible.value = false;
|
|
||||||
};
|
|
||||||
|
|
||||||
const getAppDataFun = async () => {
|
|
||||||
const uuid = localStorage.getItem('USER_UUID');
|
|
||||||
|
|
||||||
if (uuid) {
|
|
||||||
for (let i = 0; i < apptypeList.value.length; i++) {
|
|
||||||
apptypeList.value[i].apps = await getTypeAppData(apptypeList.value[i].type, uuid, userId);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
await getdeviceuuidFun();
|
|
||||||
}
|
|
||||||
|
|
||||||
// const res: any = await queryAllApplicationApi();
|
|
||||||
// if (res && res.code === 200) {
|
|
||||||
// tableData.value = res.data.map((item: any) => {
|
|
||||||
// return {
|
|
||||||
// ...item,
|
|
||||||
// appStatus: item.appStatus.toString(),
|
|
||||||
// appType: item.appType.toString(),
|
|
||||||
// };
|
|
||||||
// });
|
|
||||||
|
|
||||||
// for (let i = 0; i < apptypeList.value.length; i++) {
|
|
||||||
// apptypeList.value[i].apps = [];
|
|
||||||
// }
|
|
||||||
|
|
||||||
// for (let i = 0; i < apptypeList.value.length; i++) {
|
|
||||||
// for (let j = 0; j < tableData.value.length; j++) {
|
|
||||||
|
|
||||||
// if (tableData.value[j].appType === apptypeList.value[i].type) {
|
|
||||||
// apptypeList.value[i].apps.push(tableData.value[j]);
|
|
||||||
// }
|
|
||||||
|
|
||||||
// }
|
|
||||||
|
|
||||||
// }
|
|
||||||
|
|
||||||
// }
|
|
||||||
};
|
|
||||||
|
|
||||||
const getTypeAppData = async (type: any, machineCode: any, user: any) => {
|
|
||||||
const res: any = await queryApplicationByTypeApi({
|
|
||||||
appType: type,
|
|
||||||
machineCode,
|
|
||||||
user,
|
|
||||||
});
|
|
||||||
|
|
||||||
if (res && res.code === 200) {
|
|
||||||
const result: any = res.data.map((item: any) => {
|
|
||||||
return {
|
|
||||||
...item,
|
|
||||||
appStatus: item.appStatus.toString(),
|
|
||||||
appType: item.appType.toString(),
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
return result;
|
|
||||||
} else {
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const getdeviceuuidFun = async () => {
|
|
||||||
try {
|
|
||||||
const res: any = await getdeviceuuidApi();
|
|
||||||
if (res && res.code === 200) {
|
|
||||||
const uuid = res.data.returnCode
|
|
||||||
.replace('UUID', '')
|
|
||||||
.replace(/\ +/g, '')
|
|
||||||
.replace(/[\r\n]/g, '');
|
|
||||||
|
|
||||||
localStorage.setItem('USER_UUID', uuid);
|
|
||||||
}
|
|
||||||
} catch {
|
|
||||||
localStorage.removeItem('USER_UUID');
|
|
||||||
startupPlugin();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const startLocalAppFun = async () => {
|
|
||||||
await getdeviceuuidFun();
|
|
||||||
};
|
|
||||||
|
|
||||||
const startAppFun = async (data: any) => {
|
|
||||||
await getdeviceuuidFun();
|
|
||||||
|
|
||||||
const uuid = localStorage.getItem('USER_UUID');
|
|
||||||
if (uuid) {
|
|
||||||
const res: any = await execApi({
|
|
||||||
path: data.appPath,
|
|
||||||
param: '',
|
|
||||||
});
|
|
||||||
|
|
||||||
if (res && res.code === 200) {
|
|
||||||
const res2: any = await addApplicationCallRecordApi({
|
|
||||||
appName: data.appName,
|
|
||||||
appType: data.appType,
|
|
||||||
creator: data.creator,
|
|
||||||
});
|
|
||||||
if (res2 && res2.code === 200) {
|
|
||||||
}
|
|
||||||
ElMessage.success('应用正在启动中，请等待');
|
|
||||||
} else {
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
getAppDataFun();
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.gl-page-content {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
.app-operate {
|
|
||||||
width: 100%;
|
|
||||||
height: 40px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: flex-end;
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-content {
|
|
||||||
width: 100%;
|
|
||||||
height: calc(100% - 50px);
|
|
||||||
margin-top: 10px;
|
|
||||||
overflow: auto;
|
|
||||||
|
|
||||||
.app-type-list {
|
|
||||||
width: 100%;
|
|
||||||
min-height: 300px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
|
|
||||||
.app-type-title {
|
|
||||||
width: 100%;
|
|
||||||
height: 40px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding-left: 10px;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-type-content {
|
|
||||||
width: 100%;
|
|
||||||
padding-left: 20px;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
|
|
||||||
.el-empty-style {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-type-item {
|
|
||||||
width: calc(25% - 20px);
|
|
||||||
height: 200px;
|
|
||||||
background-color: #fafafa;
|
|
||||||
border-radius: 8px;
|
|
||||||
margin: 10px 10px 10px 10px;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
.item-top {
|
|
||||||
width: 100%;
|
|
||||||
height: 70px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.item-top-left {
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
margin-right: 10px;
|
|
||||||
margin-left: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
background-color: #fff;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-top-right {
|
|
||||||
width: calc(100% - 60px);
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
.app-name {
|
|
||||||
width: 100%;
|
|
||||||
height: 30px;
|
|
||||||
line-height: 40px;
|
|
||||||
font-size: 24px;
|
|
||||||
white-space: nowrap;
|
|
||||||
/* 防止文本换行 */
|
|
||||||
overflow: hidden;
|
|
||||||
/* 隐藏溢出的内容 */
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-type {
|
|
||||||
width: 100%;
|
|
||||||
height: 40px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.status {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 12px;
|
|
||||||
|
|
||||||
.point {
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.success {
|
|
||||||
background-color: #67c23a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.error {
|
|
||||||
background-color: #f56c6c;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-center {
|
|
||||||
width: 100%;
|
|
||||||
height: calc(100% - 110px);
|
|
||||||
padding: 10px;
|
|
||||||
font-size: 12x !important;
|
|
||||||
color: darkgray;
|
|
||||||
word-break: break-all;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
-webkit-line-clamp: 3;
|
|
||||||
line-clamp: 3;
|
|
||||||
/* 超出几行省略 */
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-bottom {
|
|
||||||
width: 100%;
|
|
||||||
height: 40px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 0 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-type-item:hover {
|
|
||||||
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-center {
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mr5 {
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mr10 {
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Reference in New Issue
Block a user