diff --git a/src/pages/workbench/yygl/app_detail.vue b/src/pages/workbench/yygl/app_detail.vue index 957d1d94bce414287aa626a566506e09ada19bcf..4e7a0e38da8b3a137720dc690f14255bd770cdae 100644 --- a/src/pages/workbench/yygl/app_detail.vue +++ b/src/pages/workbench/yygl/app_detail.vue @@ -28,14 +28,32 @@

镜像列表:

- + > --> +
+ +

加载中...

+

+ 没有更多了 +

+

新增镜像

@@ -71,7 +89,7 @@
保存 - 取消 + 取消
@@ -132,6 +150,7 @@ import uploadFile from '@/components/upload_file' import serviceTabComments from '@/components/service-tabs/service-tab-comments' import { getRole } from "@/utils/common"; import { mapGetters,mapState } from 'vuex' +import apassTable from "@/components/apass-table"; export default { components: { infoList, @@ -140,11 +159,14 @@ export default { dialogAction, uploadFile, serviceTabComments, + apassTable }, data() { return { now_user: 0, //0:普通用户,1:组织管理员,2:超级管理员 buy_style: 0, + image_loading: false, + image_noMore: false, preview:'preview', subfield:false, image_arr:[], @@ -229,32 +251,7 @@ export default { url:'', }, now_service: 0, - header_arr: [ - { - prop: "name", - label: "镜像名称", - minWidth: "33.33%", - align: "center", - }, - { - prop: "tag", - label: "版本号", - minWidth: "33.33%", - align: "center", - }, - { - label: "操作", - type: "Button", - align: "center", - minWidth: "33.33%", - btnList: [ - { - type: "actiondelete", - label: "删除", - }, - ], - }, - ], + header_arr: [], list_arr: '', appcode: "", @@ -284,7 +281,35 @@ export default { this.get_options() this.get_file_name() }, - mounted() {}, + mounted() { + this.header_arr = [ + { + prop: "name", + label: "镜像名称", + minWidth: "33.33%", + align: "center", + }, + { + prop: "tag", + label: "版本号", + minWidth: "33.33%", + align: "center", + }, + { + label: "操作", + type: "buttons", + align: "center", + minWidth: "33.33%", + actionList: [ + { + label: "删除", + class: "warn", + callback: this.actiondelete, + }, + ], + }, + ] + }, methods: { getCurrentUser() { this.$api.user.getNowUser().then(({ data }) => { @@ -336,6 +361,9 @@ export default { console.log(this.anotherData); setTimeout(()=>{ this.$refs['upload'].submit() + this.$message.success('开始上传') + this.$refs['form'].resetFields(); + this.addImageFlag = false }) } else { console.log('error submit!!'); @@ -343,6 +371,10 @@ export default { } }); }, + close_up_image(){ + this.$refs['form'].resetFields(); + this.addImageFlag = false + }, save_zip(){ this.anotherData1 = { app_id:this.$route.params.id @@ -369,10 +401,12 @@ export default { if(5*this.now_page{ if(response.data.success==1){ @@ -380,6 +414,8 @@ export default { this.asynLoad=true this.image_arr.push(...response.data.data) this.total = response.data.total + this.image_loading = false; + this.image_noMore = false; } }) }, @@ -397,6 +433,8 @@ export default { .then((response)=>{ if(response.data.success==1){ this.$message.success('删除成功') + this.now_page = 1 + this.image_arr = [] this.get_image_list() }else{ this.$message.error('删除失败') @@ -414,7 +452,7 @@ export default { btnCancelText: "", position: "", } - this.tipsOptions.message="是否删除该数据" + this.tipsOptions.message="是否删除该镜像?" this.tipsOptions.confirmSubmit = () => { console.log("deleteItem - "); this.delete_data(n.name) @@ -662,5 +700,8 @@ export default { line-height: 22px; margin-bottom: 20px; } - +.image_list_container { + height: 284px; + overflow-y: auto; +}