@{
|
ViewBag.Title = "Edit";
|
Layout = "~/Views/Shared/_LayoutVue.cshtml";
|
}
|
|
<div id="list" v-cloak>
|
<el-row>
|
<el-form label-width="90px" v-bind:model="formData" class="demo-ruleForm" v-bind:inline="true" ref="form" label-width="80px">
|
<el-form-item required label="接口编号：">
|
<el-input v-model="formData.CN_S_INTF_CODE" v-bind:disabled="mode" size="mini"></el-input>
|
</el-form-item>
|
<el-form-item required label="接口名称：">
|
<el-input v-model="formData.CN_S_INTF_NAME" size="mini"></el-input>
|
</el-form-item>
|
<el-form-item required label="接口类型：">
|
<hh-select-url v-model="formData.CN_S_TYPE"
|
v-bind:options="typeOptions"></hh-select-url>
|
</el-form-item>
|
<el-form-item required label="对接协议：">
|
<hh-select-url v-model="formData.CN_S_PROTOCOL"
|
v-bind:options="protocolOptions"></hh-select-url>
|
</el-form-item>
|
<el-form-item label="服务地址：">
|
<el-input v-model="formData.CN_S_URL" v-bind:disabled="false" size="mini"></el-input>
|
</el-form-item>
|
<el-form-item label="请求方式：">
|
<hh-select-url v-model="formData.CN_S_MODE"
|
v-bind:options="modeOptions"></hh-select-url>
|
</el-form-item>
|
<el-form-item label="数据库类型：">
|
<hh-select-url v-model="formData.CN_S_DB_TYPE"
|
v-bind:options="dbTypeOptions"></hh-select-url>
|
</el-form-item>
|
<el-form-item label="中间表：">
|
<el-input v-model="formData.CN_S_CENTER_TABLE" v-bind:disabled="false" size="mini"></el-input>
|
</el-form-item>
|
<el-form-item label="方法名：">
|
<el-input v-model="formData.CN_S_METHOD" v-bind:disabled="false" size="mini"></el-input>
|
</el-form-item>
|
</el-form>
|
</el-row>
|
<el-footer style="text-align:center;padding:20px 20px 20px">
|
<el-row>
|
<el-button v-on:click="close" size="mini">取消</el-button>
|
<el-button type="primary" v-on:click="save" size="mini">保存</el-button>
|
</el-row>
|
</el-footer>
|
</div>
|
@section scripts{
|
<script>
|
var outList = new Vue({
|
data: {
|
typeOptions: [
|
{
|
value: '请求',
|
label: '请求'
|
}, {
|
value: '响应',
|
label: '响应'
|
}],
|
protocolOptions: [
|
{
|
value: 'WebApi',
|
label: 'WebApi'
|
}, {
|
value: '中间表',
|
label: '中间表'
|
}, {
|
value: '方法',
|
label: '方法'
|
}],
|
modeOptions: [
|
{
|
value: 'Get',
|
label: 'Get'
|
}, {
|
value: 'POST',
|
label: 'POST'
|
}],
|
dbTypeOptions: [
|
{
|
value: 'MSSQL',
|
label: 'MSSQL'
|
}, {
|
value: 'MYSQL',
|
label: 'MYSQL'
|
}, {
|
value: 'ORACLE',
|
label: 'ORACLE'
|
}],
|
formData: {
|
CN_S_INTF_CODE: "@ViewData["IntfCode"]",
|
CN_S_INTF_NAME: "",
|
CN_S_TYPE: "",
|
CN_S_PROTOCOL: "",
|
CN_S_URL: "",
|
CN_S_MODE: "",
|
CN_S_DB_TYPE: "",
|
CN_S_CENTER_TABLE: "",
|
CN_S_METHOD: ""
|
},
|
mode:false
|
},
|
methods: {
|
save: function () {
|
$this = this;
|
if ($this.formData.CN_S_INTF_CODE == "") {
|
wms.error("请维护接口编码！");
|
return false;
|
}
|
if (! $this.mode) {
|
ajaxManage({
|
url: "@Url.Action("Add")",
|
data: $this.formData,
|
success: function (data) {
|
if (data.Success) {
|
wms.success("保存成功！");
|
wms.dialogFrame.cb();
|
}
|
else {
|
wms.error(data.Msg);
|
}
|
}
|
});
|
} else { ajaxManage({
|
url: "@Url.Action("Update")",
|
data: $this.formData,
|
success: function (data) {
|
if (data.Success) {
|
wms.success("保存成功！");
|
wms.dialogFrame.cb();
|
}
|
else {
|
wms.error(data.Msg);
|
}
|
}
|
});}
|
},
|
getEntity: function () {
|
$this = this;
|
ajaxManage({
|
url: "@Url.Action("GetModel")?intfCode=" + $this.formData.CN_S_INTF_CODE,
|
type: "GET",
|
success: function (data) {
|
if (data.Success)
|
$this.formData = data.Data;
|
else
|
wms.error(data.Msg);
|
}
|
});
|
},
|
close: function () {
|
wms.dialogFrame.show = false;
|
}
|
},
|
mounted: function () {
|
var $this = this;
|
if ($this.formData.CN_S_INTF_CODE != "")
|
{
|
$this.mode = true;
|
$this.getEntity();
|
} else {
|
$this.mode = false;
|
}
|
},
|
//watch: {
|
// deep: true,
|
// "formData.CN_S_INTF_CODE": function () {
|
// $this = this;
|
// $this.qtyDisabled = $this.trayCode.length > 0;
|
// }
|
//},
|
el: '#list'
|
});
|
</script>
|
}
|
