Skip to content

S
setup-project-manager-ui
Commit 720ce621 authored by 王晓旭's avatar 王晓旭
Browse files
Options

增加基础配置，要求填入ip的表单

parent fa332ed6
Hide whitespace changes
Inline Side-by-side
Showing with 101 additions and 3 deletions
admin/src/views/Step.vue
View file @ 720ce621
......@@ -89,6 +89,48 @@
</div>
<!-- 第四步 -->
<div v-show="active == 3">
<div class="label">ip配置</div>
<div class="line"></div>
<el-form :model="ippzForm" :rules="ippzRules" ref="ippzForm" label-width="80px">
<el-form-item prop="clientToServerIp">
<div class="elinput">
<el-input placeholder="请输入设备通讯ip,不能输入端口号" v-model="ippzForm.clientToServerIp">
<template slot="prepend">
<div style="width:80px;text-align: center;">设备通讯ip</div>
</template>
</el-input>
</div>
</el-form-item>
<el-form-item prop="domain">
<div class="elinput">
<el-input placeholder="请输入域名" v-model="ippzForm.domain">
<template slot="prepend">
<div style="width:80px;text-align: center;">
域名
</div>
</template>
</el-input>
</div>
</el-form-item>
<el-form-item prop="innerServerIp">
<div class="elinput">
<el-input placeholder="请输入内网ip,不能输入端口号" v-model="ippzForm.innerServerIp">
<template slot="prepend">
<div style="width:80px;text-align: center;">
内网ip
</div>
</template>
</el-input>
</div>
</el-form-item>
<div style="margin: 40px 0;"></div>
<div class="line"></div>
<el-button type="primary" @click="active = 2">上一步</el-button>
<el-button type="primary" @click="submitJCForm('ippzForm')" :loading="loading">下一步</el-button>
</el-form>
</div>
<!-- 第五步 -->
<div v-show="active == 4">
<div class="label">完成</div>
<div class="line"></div>
<div class="wancheng">
......@@ -120,6 +162,33 @@ export default {
mixins: [tree],
data() {
return {
// 表单
ippzForm: {
clientToServerIp:"",//设备通讯ip
domain:"", //域名
innerServerIp:""//内网ip
},
// 表单验证
ippzRules: {
clientToServerIp: [
{ required: true, message: '请输入设备通讯ip', trigger: 'blur' },
{
pattern:/^((2[0-4]\d.)|(25[0-5].)|(1\d{2}.)|(\d{1,2}.))((2[0-5]{2}.)|(1\d{2}.)|(\d{1,2}.){2})((1\d{2})|(2[0-5]{2})|(\d{1,2}))/, //正则校验不用字符串
message: "请填写正确的设备通讯ip", trigger: "blur"
}
],
domain: [
{ required: true, message: '请输入域名', trigger: 'blur' }
],
innerServerIp: [
{ required: true, message: '请输入内网ip', trigger: 'blur' },
{
pattern:/^((2[0-4]\d.)|(25[0-5].)|(1\d{2}.)|(\d{1,2}.))((2[0-5]{2}.)|(1\d{2}.)|(\d{1,2}.){2})((1\d{2})|(2[0-5]{2})|(\d{1,2}))/, //正则校验不用字符串
message: "请填写正确的内网ip", trigger: "blur"
}
]
},
// 用户导入参数
upload: {
// 请求头
......@@ -143,11 +212,11 @@ export default {
"1、项目文件包导入",
"2、创建站点",
"3、部署",
"4、完成"
"4、基础配置",
"5、完成"
],
loading: false,
fileList: [],
// timer: "",
config: {
columns: [
{
......@@ -180,6 +249,7 @@ export default {
}
},
methods: {
// 上传资源包
objInstall() {
//检测是否初始安装
this.$get("/setup/project/check")
......@@ -212,8 +282,31 @@ export default {
this.$message.error(error.message);
});
},
// 以下第三部分
// 以下第四部分
submitJCForm(formName){
let that = this
this.$refs[formName].validate((vaild)=>{
if (vaild) {
that.$post("/setup/project/serverIp/update", {
...that.ippzForm
}).then((res) => {
if (res.code == 1) {
// 跳转到下一页
that.active = 4
}else{
that.$message.warning(res.msg);
}
}).catch((err)=>{
that.$message.warning("请输入正确的表单内容！");
})
} else {
that.$message.warning("请输入正确的表单内容！");
return false;
}
})
},
// 以下第三部分
// 默认拉取数据
async getData() {
this.tableData.loading = true;
......@@ -235,6 +328,7 @@ export default {
}, 300);
});
},
// 刷新状态
syncProjectStatus() {
this.$post("/setup/project/projectStatusUpdate", { })
.then((res) => {
......@@ -243,6 +337,7 @@ export default {
}
})
},
// 格式转换
formatterStatus(row, column, val) {
const content = formatter(this.tableData, column, val);
if (content) {
......@@ -288,6 +383,7 @@ export default {
handleSelectionChange(val) {
this.selection = val.map((i) => i.id);
},
// 表格勾选部署
handleSelectableMethod(row, index) {
if(row.projectStatus==1){
return true;
......@@ -302,6 +398,7 @@ export default {
return false;
}
},
// 点击部署
batchDistribute(){
let setlist = this.tableData.data.filter((item)=>{
return item.projectStatus != 1
......@@ -436,6 +533,7 @@ export default {
margin-left:0 !important;
}
// 第四部分
// 第五部分
.wancheng {
margin-bottom: 350px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment