|
|
@ -12,22 +12,22 @@ |
|
|
|
<a-spin :spinning="confirmLoading"> |
|
|
|
<a-spin :spinning="confirmLoading"> |
|
|
|
<a-form-model ref="form" :model="model" :rules="validatorRules"> |
|
|
|
<a-form-model ref="form" :model="model" :rules="validatorRules"> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="name" label="服务器名称"> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="name" label="服务器名称"> |
|
|
|
<a-input placeholder="请输入服务器名称" v-model="model.name" :maxlength="50"/> |
|
|
|
<a-input placeholder="请输入服务器名称" v-model="model.name" :maxLength="50"/> |
|
|
|
</a-form-model-item> |
|
|
|
</a-form-model-item> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ip" label="IP或域名"> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ip" label="IP或域名"> |
|
|
|
<a-input placeholder="请输入IP或域名" v-model="model.ip" :maxlength="50"/> |
|
|
|
<a-input placeholder="请输入IP或域名" v-model="model.ip" :maxLength="50"/> |
|
|
|
</a-form-model-item> |
|
|
|
</a-form-model-item> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="port" label="SSH端口号"> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="port" label="SSH端口号"> |
|
|
|
<a-input-number v-model="model.port" :min="1" :max="65535" /> |
|
|
|
<a-input-number v-model="model.port" :min="1" :max="65535" /> |
|
|
|
</a-form-model-item> |
|
|
|
</a-form-model-item> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="user" label="用户名"> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="user" label="用户名"> |
|
|
|
<a-input placeholder="请输入用户名" v-model="model.user" :maxlength="50"/> |
|
|
|
<a-input placeholder="请输入用户名" v-model="model.user" :maxLength="50"/> |
|
|
|
</a-form-model-item> |
|
|
|
</a-form-model-item> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="password" label="密码"> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="password" label="密码"> |
|
|
|
<a-input type="password" placeholder="请输入密码" v-model="model.password" :maxlength="255"/> |
|
|
|
<a-input type="password" placeholder="请输入密码" v-model="model.password" :maxLength="255"/> |
|
|
|
</a-form-model-item> |
|
|
|
</a-form-model-item> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remark" label="备注"> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remark" label="备注"> |
|
|
|
<a-textarea placeholder="请输入备注" v-model="model.remark" :auto-size="{ minRows: 3, maxRows: 5 }" :maxlength="512" /> |
|
|
|
<a-textarea placeholder="请输入备注" v-model="model.remark" :auto-size="{ minRows: 3, maxRows: 5 }" :maxLength="512" /> |
|
|
|
</a-form-model-item> |
|
|
|
</a-form-model-item> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="status" label="状态"> |
|
|
|
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="status" label="状态"> |
|
|
|
<a-switch v-model="model.status" :unCheckedValue="0" :checkedValue="1" checked-children="启用" un-checked-children="禁用" /> |
|
|
|
<a-switch v-model="model.status" :unCheckedValue="0" :checkedValue="1" checked-children="启用" un-checked-children="禁用" /> |
|
|
@ -81,6 +81,11 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
edit(record) { |
|
|
|
edit(record) { |
|
|
|
this.model = Object.assign({}, record) |
|
|
|
this.model = Object.assign({}, record) |
|
|
|
|
|
|
|
if (this.model.status || this.model.status == 1) { |
|
|
|
|
|
|
|
this.model.status = true |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
this.model.status = false |
|
|
|
|
|
|
|
} |
|
|
|
this.visible = true |
|
|
|
this.visible = true |
|
|
|
}, |
|
|
|
}, |
|
|
|
close() { |
|
|
|
close() { |
|
|
@ -103,13 +108,14 @@ export default { |
|
|
|
httpurl += this.url.edit |
|
|
|
httpurl += this.url.edit |
|
|
|
method = 'put' |
|
|
|
method = 'put' |
|
|
|
} |
|
|
|
} |
|
|
|
if (this.model.status) { |
|
|
|
let params = Object.assign({}, this.model) |
|
|
|
this.model.status = 1 |
|
|
|
if (params.status) { |
|
|
|
|
|
|
|
params.status = 1 |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
this.model.status = 0 |
|
|
|
params.status = 0 |
|
|
|
} |
|
|
|
} |
|
|
|
let success = true; |
|
|
|
let success = true; |
|
|
|
httpAction(httpurl, this.model, method) |
|
|
|
httpAction(httpurl, params, method) |
|
|
|
.then(res => { |
|
|
|
.then(res => { |
|
|
|
if (res.success) { |
|
|
|
if (res.success) { |
|
|
|
that.$message.success(res.message) |
|
|
|
that.$message.success(res.message) |
|
|
|