From 05cdb617ef5ab2d5c4cebd681522b6acec57a8f8 Mon Sep 17 00:00:00 2001 From: zhangjun1 Date: Mon, 29 Jun 2020 17:13:30 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=80=E9=94=AE=E9=83=A8=E7=BD=B2=E4=BF=A1?= =?UTF-8?q?=E6=81=AF=E5=A1=AB=E5=86=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/workbench/yygl/deployment.vue | 270 ++++++++++++++++++++++-- 1 file changed, 247 insertions(+), 23 deletions(-) diff --git a/src/pages/workbench/yygl/deployment.vue b/src/pages/workbench/yygl/deployment.vue index 37a905b..3a1c1ee 100644 --- a/src/pages/workbench/yygl/deployment.vue +++ b/src/pages/workbench/yygl/deployment.vue @@ -23,24 +23,28 @@ ref="step1_form" class="step_form" label-position="top" - :model="image_info" + :model="baseInfoForm" :rules="image_rules" > - - + + + + + - +
- + 下一步
@@ -51,14 +55,78 @@ :active-icon="require('@/assets/imgs/progress_ic_yingyongpz.png')" > -
+ + + + + + +
{{vision}}
+ + + + + + + + + + + + + + + + + +
+ + +
{{save}}
+ + +
高级配置
+
上一步 - + 下一步
+

高级配置：

+ +
+ + 取消 + + + 保存 + +
{ + if (!value) { + return callback(new Error('不能为空')); + } + setTimeout(() => { + if (new RegExp("^[1-9][0-9]*$").test(value)) { + callback(); + } else { + callback(new Error('请输入正整数')) + } + }); + }; +var checkName = (rule, value, callback)=>{ + if (new RegExp("^[a-z]([0-9]||[a-z]||-)*$").test(value)) { + callback(); + } else { + callback(new Error('小写字母开头,可以由小写字母、数字、- 组成')) + } +} export default { components: { appBuildSteps, appBuildStep, apassDialog, + "v-apaas-code": codes, }, data: () => ({ step: 0, + senior_flag:false, + begin_code:'', dialogInfo: { title: "", msg: "", submit: null, }, - image_info: { - image_name: "", - tag: "", - file: "", + baseInfoForm: { + namespace: "", + name: "", }, + app_set:{ + title:'', + vision:'', + memory:'', + memory_type:1, + cpu:'', + watch:0, + save_memory:'', + code:'' + }, + area_options:[ + { + name:'12312', + value:1 + } + ], + vision_arr:['1.0.1','10.1.2','2.2.3'], + save_arr:['2GI','4GI','8GI','16GI','32GI','64GI','128GI','256GI','512GI'], + memory_arr:[ + { + value:1, + label:'MI', + }, + { + value:2, + label:'GI', + }, + ], image_rules: { - image_name: [ - { required: true, message: "请输入镜像名称", trigger: "blur" }, + namespace: [ + { required: true, message: "请选择工作区域", trigger: "change" }, + ], + name: [ + { required: true, message: "请输入应用部署名称", trigger: "blur" }, + { validator: checkName, trigger: 'blur' } + ], + }, + app_set_rules: { + title: [ + { required: true, message: "请输入标题", trigger: "blur" }, + ], + memory: [ + { required: true, message: "请输入内存", trigger: "blur" }, + { validator: checkNumber, trigger: 'blur' } + ], + cpu: [ + { required: true, message: "请输入cpu", trigger: "blur" }, + { validator: checkNumber, trigger: 'blur' } ], - tag: [{ required: true, message: "请输入版本号", trigger: "blur" }], - file: [{ required: true, message: "请选择镜像文件", trigger: "change" }], + vision: [{ required: true, message: "请选择版本号", trigger: "change" }], + save_memory: [{ required: true, message: "请选择存储容量", trigger: "change" }], }, }), methods: { + get_step_info(){ + this.$http + .get(`/apaas/hubApi/market/step/${this.$route.params.app_id}`) + .then((response) => { + console.log(JSON.parse(response.data.data)); + }) + }, + deal_code(n){ + if(n){ + this.begin_code = this.app_set.code + }else{ + this.app_set.code = this.begin_code + } + this.senior_flag = false + }, + sub_yy_form(formName){ + this.$refs[formName].validate((valid) => { + if (valid) { + this.nextStep() + } else { + console.log('error submit!!'); + return false; + } + }); + }, + openstart(){ + if(this.app_set.watch){ + this.app_set.watch = 0 + }else{ + this.app_set.watch = 1 + } + }, preStep() { this.step--; }, @@ -125,13 +291,20 @@ export default { this.step++; }, }, - mounted() { - + created() { + this.get_step_info() }, };