gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-01-31 22:18:07 +08:00
Code

feat: 应用商店 - 应用升级列表，优化选择版本样式

Browse Source
This commit is contained in:
zhengkunwang223 2023-02-20 17:56:01 +08:00 committed by zhengkunwang223
parent 1da25c1f60
commit 77fc6bc888
1 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/views/app-store/installed/update/index.vue
View File

@ -3,11 +3,10 @@
<template #header> <template #header>
<Header :header="$t('app.update')" :resource="resourceName" :back="handleClose"></Header> <Header :header="$t('app.update')" :resource="resourceName" :back="handleClose"></Header>
</template> </template>
<el-row> <el-row>
<el-col :span="22" :offset="1"> <el-col :span="22" :offset="1">
<div v-loading="loading"> <el-form ref="updateRef" :rules="rules" label-position="top" :model="operateReq" v-loading="loading">
<p>{{ $t('app.versioneSelect') }}</p> <el-form-item :label="$t('app.versioneSelect')" prop="detailId">
<el-select v-model="operateReq.detailId"> <el-select v-model="operateReq.detailId">
<el-option <el-option
v-for="(version, index) in versions" v-for="(version, index) in versions"
@ -16,10 +15,10 @@
:label="version.version" :label="version.version"
></el-option> ></el-option>
</el-select> </el-select>
</div> </el-form-item>
</el-form>
</el-col> </el-col>
</el-row> </el-row>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
<el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button> <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
@ -34,11 +33,13 @@
import { App } from '@/api/interface/app'; import { App } from '@/api/interface/app';
import { GetAppUpdateVersions, InstalledOp } from '@/api/modules/app'; import { GetAppUpdateVersions, InstalledOp } from '@/api/modules/app';
import i18n from '@/lang'; import i18n from '@/lang';
import { ElMessageBox } from 'element-plus'; import { ElMessageBox, FormInstance } from 'element-plus';
import { reactive, ref } from 'vue'; import { reactive, ref } from 'vue';
import Header from '@/components/drawer-header/index.vue'; import Header from '@/components/drawer-header/index.vue';
import { MsgSuccess } from '@/utils/message'; import { MsgSuccess } from '@/utils/message';
import { Rules } from '@/global/form-rules';
const updateRef = ref<FormInstance>();
let open = ref(false); let open = ref(false);
let loading = ref(false); let loading = ref(false);
let versions = ref<App.VersionDetail[]>(); let versions = ref<App.VersionDetail[]>();
@ -48,6 +49,9 @@ let operateReq = reactive({
installId: 0, installId: 0,
}); });
const resourceName = ref(''); const resourceName = ref('');
let rules = ref<any>({
detailId: [Rules.requiredSelect],
});
const em = defineEmits(['close']); const em = defineEmits(['close']);
const handleClose = () => { const handleClose = () => {