From 6ec0702c4e942b727388fe5182a0d9ee0afbda8c Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期一, 26 二月 2024 11:54:52 +0800
Subject: [PATCH] 接口基本信息添加下；下拉框
---
Source/UBCS-WEB/src/views/docking/infoForm.vue | 166 ++++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 126 insertions(+), 40 deletions(-)
diff --git a/Source/UBCS-WEB/src/views/docking/infoForm.vue b/Source/UBCS-WEB/src/views/docking/infoForm.vue
index fd9e3c5..ca48f5f 100644
--- a/Source/UBCS-WEB/src/views/docking/infoForm.vue
+++ b/Source/UBCS-WEB/src/views/docking/infoForm.vue
@@ -5,12 +5,12 @@
<el-form ref="form" :model="formData" show-message="true" inline size="medium" label-suffix=":"
class="dockingForm" :rules="rules" status-icon="true">
<el-form-item label="鎺ュ彛绫诲瀷" prop="dataFlowType">
- <el-select v-model="formData.dataFlowType" placeholder="璇烽�夋嫨" @change="dataFlowTypeChange">
+ <el-select v-model="formData.dataFlowType" placeholder="璇烽�夋嫨" @change="dataFlowTypeChange" :disabled="formData.type == 'edit'">
<el-option v-for="item in dataFlowTypeList" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
- <el-form-item :label="formData.dataFlowType=='push'?'鎺ㄩ�佺被鍨�':'鎺ュ彈绫诲瀷'" prop="pushType">
+ <el-form-item :label="formData.dataFlowType=='push'?'鎺ㄩ�佺被鍨�':'鎺ユ敹绫诲瀷'" prop="pushType">
<el-select v-model="formData.pushType" placeholder="璇烽�夋嫨" @change="pushTypeChange">
<el-option v-for="item in pushTypeList" :key="item.value" :label="item.label" :value="item.value">
</el-option>
@@ -22,15 +22,16 @@
</el-option>
</el-select>
</el-form-item>
- <el-form-item label="杩斿洖鍊肩被鍨�" prop="returnType">
- <el-select v-model="formData.returnType" placeholder="璇烽�夋嫨">
- <el-option v-for="item in returnTypeList" :key="item.value" :label="item.label" :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
+ <el-form-item label="杩斿洖鍊肩被鍨�" prop="returnType">
+ <el-select v-model="formData.returnType" placeholder="璇烽�夋嫨">
+ <el-option v-for="item in returnTypeList" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
<div v-if="formData.dataFlowType=='push'">
<el-form-item label="鍒嗙被閫夋嫨" prop="classifyName">
<vciWebRefer
+ key="classifyName" data-key="classifyName"
:referConfig="{
title: '鍒嗙被閫夋嫨',
showField: 'classifyName',
@@ -48,6 +49,7 @@
</el-form-item>
<el-form-item label="闆嗘垚绯荤粺" prop="targetSystemName">
<vciWebRefer
+ key="targetSystemName" data-key="targetSystemName"
:referConfig="{
title: '闆嗘垚绯荤粺',
showField: 'targetSystemName',
@@ -65,17 +67,36 @@
</el-form-item>
</div>
<div v-else>
- <el-form-item label="鍒嗙被閫夋嫨" prop="classifyName" style="display: none">
+<!-- <el-form-item label="鍒嗙被閫夋嫨" prop="classifyName" style="display: none">-->
+<!-- </el-form-item>-->
+ <el-form-item label="鍒嗙被閫夋嫨" prop="classifyName" v-if="formData.pushType !='5' && formData.pushType !='6'">
+ <vciWebRefer
+ key="classifyName" data-key="classifyName"
+ :referConfig="{
+ title: '鍒嗙被閫夋嫨',
+ showField: 'classifyName',
+ field: 'classifyOid',
+ fieldMap:{'classifyId':'id'},
+ placeholder: '璇烽�夋嫨鍒嗙被閫夋嫨',
+ options: {isMuti: false, type: 'tree', url: 'api/ubcs-code/codeClassify/treeCodeClassify'},
+ }"
+ :value="formData.classifyOid"
+ :text="formData.classifyName"
+ :disabled="false"
+ :display="true"
+ @setReferValue="setReferValue"
+ ></vciWebRefer>
</el-form-item>
<el-form-item label="闆嗘垚绯荤粺" prop="sourceSystemName">
<vciWebRefer
+ key="sourceSystemName" data-key="sourceSystemName"
:referConfig="{
title: '闆嗘垚绯荤粺',
showField: 'sourceSystemName',
field: 'sourceSystemOid',
fieldMap:{'sourceSystemId':'id'},
placeholder: '璇烽�夋嫨',
- options: {isMuti: false, type: 'default', url: 'api/ubcs-code/dockingManagement/gridDockingSystem'},
+ options: {isMuti: false, type: 'default', url: referUrl},
}"
:value="formData.sourceSystemOid"
:text="formData.sourceSystemName"
@@ -84,27 +105,20 @@
@setReferValue="setReferValue"
></vciWebRefer>
</el-form-item>
- </div>
-
-
<el-form-item label="鎺ュ彛鏂瑰紡" prop="interfaceType">
<el-select v-model="formData.interfaceType" clearable placeholder="璇烽�夋嫨">
<el-option v-for="item in interfaceTypeList" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
- <el-form-item v-if="formData.pushType=='1'" label="鏄惁鎺ㄩ�侀泦鍥㈢爜" prop="isGroupCodeFlag">
- <el-switch v-model="formData.isGroupCodeFlag" ></el-switch>
- </el-form-item>
- <el-form-item v-if="formData.pushType=='3'" label="鏄惁鐢宠闆嗗洟鐮�" prop="isGroupCodeFlag">
- <el-switch v-model="formData.isGroupCodeFlag" ></el-switch>
- </el-form-item>
- <el-form-item v-if="formData.pushType=='4'" label="鏄惁缁存姢闆嗗洟鐮�" prop="isGroupCodeFlag">
- <el-switch v-model="formData.isGroupCodeFlag" ></el-switch>
- </el-form-item>
- <el-form-item v-if="formData.pushType=='7'" label="鏄惁鏌ヨ闆嗗洟鐮�" prop="isGroupCodeFlag">
- <el-switch v-model="formData.isGroupCodeFlag" ></el-switch>
- </el-form-item>
+ <el-form-item label="鍐呭绫诲瀷" prop="contentType">
+ <el-select v-model="formData.contentType" placeholder="璇烽�夋嫨">
+ <el-option v-for="item in contentTypeList" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+
<el-form-item label="绯荤粺鎻忚堪" style="width: 850px;" prop="description">
<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 5}" v-model="formData.description" style="width: 740px;"></el-input>
</el-form-item>
@@ -126,14 +140,26 @@
<el-form-item v-if="formData.interfaceType=='webService'" label="soapAction" prop="soapAction">
<el-input v-model="formData.soapAction" ></el-input>
</el-form-item>
- <el-form-item v-if="formData.interfaceType=='webService'" label="鍙傛暟鍚嶇О" prop="targName">
- <el-input v-model="formData.targName" ></el-input>
+ <el-form-item v-if="formData.interfaceType=='webService'" label="鍙傛暟鍚嶇О" prop="targetName">
+ <el-input v-model="formData.targetName" ></el-input>
</el-form-item>
<el-form-item v-if="formData.interfaceType=='webService'" label="cxfaxis" prop="cxfaxis">
<el-input v-model="formData.cxfaxis" ></el-input>
</el-form-item>
<el-form-item v-if="formData.interfaceType=='classPath'" label="绫昏矾寰�" prop="classPath">
<el-input v-model="formData.classPath" ></el-input>
+ </el-form-item>
+ <el-form-item v-if="formData.pushType=='1'" label="鏄惁鎺ㄩ�侀泦鍥㈢爜" prop="isGroupCodeFlag">
+ <el-switch v-model="formData.isGroupCodeFlag" ></el-switch>
+ </el-form-item>
+ <el-form-item v-if="formData.pushType=='3'" label="鏄惁鐢宠闆嗗洟鐮�" prop="isGroupCodeFlag">
+ <el-switch v-model="formData.isGroupCodeFlag" ></el-switch>
+ </el-form-item>
+ <el-form-item v-if="formData.pushType=='4'" label="鏄惁缁存姢闆嗗洟鐮�" prop="isGroupCodeFlag">
+ <el-switch v-model="formData.isGroupCodeFlag" ></el-switch>
+ </el-form-item>
+ <el-form-item v-if="formData.pushType=='7'" label="鏄惁鏌ヨ闆嗗洟鐮�" prop="isGroupCodeFlag">
+ <el-switch v-model="formData.isGroupCodeFlag" ></el-switch>
</el-form-item>
<el-tabs v-model="activeName" @tab-click="tabClick">
<el-tab-pane label="鍙傛暟瀵硅薄" name="paramTab">
@@ -188,7 +214,6 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitAttribute">纭畾</el-button>
- <el-button @click="cancelSubmit">鍙栨秷</el-button>
</div>
</el-dialog>
@@ -215,6 +240,7 @@
components: { vciWebRefer },
data() {
return {
+ referUrl:'/api/ubcs-code/dockingManagement/gridDockingSystem',
showSubmitDialog: false,
//鎺ュ彛绫诲瀷涓嬫媺
interfaceTypeList: [{
@@ -236,10 +262,18 @@
}, {
label: 'Json', value: 'json'
}],
+ //鍐呭绫诲瀷
+ contentTypeList: [{
+ label:'application/json',value:'application/json'
+ },{
+ label:'application/x-www-form-urlencoded',value:'application/x-www-form-urlencoded'
+ },{
+ label:'multipart/form-data',value:'multipart/form-data'
+ }],
dataFlowTypeList: [{
label: '鎺ㄩ��', value: 'push'
}, {
- label: '鎺ュ彈', value: 'accept'
+ label: '鎺ユ敹', value: 'accept'
}],
//鎺ㄩ�佺被鍨�
pushTypeList: [{value: '1', label: '鏁版嵁鎺ㄩ��'},
@@ -266,13 +300,13 @@
{required: true, message: '璇烽�夋嫨鎺ㄩ�佺被鍨�', trigger: 'blur'}
],
classifyName: [
- {required: true, message: '璇烽�夋嫨', trigger: 'sbumit'}
+ {required: true, message: '璇烽�夋嫨', trigger: 'submit'}
],
sourceSystemName: [
- {required: true, message: '璇烽�夋嫨', trigger: 'sbumit'}
+ {required: true, message: '璇烽�夋嫨', trigger: 'submit'}
],
targetSystemName: [
- {required: true, message: '璇烽�夋嫨', trigger: 'sbumit'}
+ {required: true, message: '璇烽�夋嫨', trigger: 'submit'}
],
classPath: [
{required: true, message: '璇疯緭鍏ョ被璺緞', trigger: 'blur'}
@@ -292,11 +326,14 @@
soapAction: [
{required: true, message: '璇疯緭鍏oapAction', trigger: 'blur'}
],
- targName: [
+ targetName: [
{required: true, message: '璇疯緭鍏ュ弬鏁板悕绉�', trigger: 'blur'}
],
cxfaxis: [
{required: true, message: '璇疯緭鍏xfaxis', trigger: 'blur'}
+ ],
+ contentType: [
+ {required: true, message: 'contentType', trigger: 'blur'}
]
},
// 琛ㄦ牸閰嶇疆
@@ -371,9 +408,52 @@
// 閫夊畾琛�
selectRow: ''
},
- dictEnums: []
+ dictEnums: [],
+
}
}
+ },
+ watch:{
+ formData: {
+ handler(newval, oldval) {
+ // console.log(newval)
+ if (newval && newval.type === 'edit') {
+ if (this.formData.dataFlowType == 'accept') {
+ this.pushTypeList = [
+ { value: '3', label: '缂栫爜鐢宠' },
+ { value: '4', label: '缂栫爜鏇存敼锛堢姸鎬併�佸洖鏀讹級' },
+ { value: '5', label: '鍒嗙被鏌ヨ' },
+ { value: '6', label: '鍚鍒欎俊鎭殑鍒嗙被鏌ヨ' },
+ { value: '7', label: '鏁版嵁鏌ヨ' }
+ ];
+ this.$nextTick(() => {
+ // this.formData.pushType = '';
+ this.formData.targetSystemName = '缂栫爜绯荤粺';
+ this.formData.targetSystemOid = 'code00000001';
+ this.formData.targetSystemId = 'CODE';
+
+ // this.formData.sourceSystemName = '';
+ // this.formData.sourceSystemOid = '';
+ // this.formData.sourceSystemId = '';
+ });
+ } else {
+ this.pushTypeList = [
+ { value: '1', label: '鏁版嵁鎺ㄩ��' },
+ { value: '2', label: '鍒嗙被鎺ㄩ��' }
+ ];
+ this.$nextTick(() => {
+ this.formData.pushType = '1';
+ this.formData.sourceSystemName = '缂栫爜绯荤粺';
+ this.formData.sourceSystemOid = 'code00000001';
+ this.formData.sourceSystemId = 'CODE';
+ // this.formData.targetSystemName = '';
+ // this.formData.targetSystemOid = '';
+ // this.formData.targetSystemId = '';
+ });
+ }
+ }
+ }
+ },
},
created() {
//this.geDictData('interfaceType', this.interfaceTypeList)
@@ -392,7 +472,7 @@
{value: '5', label: '鍒嗙被鏌ヨ'},
{value: '6', label: '鍚鍒欎俊鎭殑鍒嗙被鏌ヨ'},
{value: '7', label: '鏁版嵁鏌ヨ'}]
- this.formData.pushType=''
+ // this.formData.pushType=''
this.formData.targetSystemName='缂栫爜绯荤粺';
this.formData.targetSystemOid='code00000001';
this.formData.targetSystemId='CODE';
@@ -414,8 +494,9 @@
},
methods: {
closeSubmitDialog() {
- this.resetForm();
+ // this.resetForm();
this.showSubmitDialog = false;
+ this.$refs.form.resetFields()
},
resetForm() {
this.formData = {
@@ -480,14 +561,14 @@
return;
}
this.$refs.form.validateField(['paramType','returnType','dataFlowType','pushType','classPath','requestMethod','requestUrl',
- 'interfaceFunction','nameSpace','soapAction','targName','cxfaxis'],function (errormsg, field) {
+ 'interfaceFunction','nameSpace','soapAction','targetName','cxfaxis'],function (errormsg, field) {
if (errormsg) {
pass=false
}
})
this.$nextTick(function (){
if(pass){
- that.formData.sysIntParamDTOs=this.formData.sysIntParamVOs.map(item=>{
+ that.formData.sysIntParamDTOS=this.formData.sysIntParamVOs.map(item=>{
return {
...item,
ordernNo:item.$index
@@ -499,14 +580,19 @@
ordernNo:item.$index
}
})
- add(that.formData).then(res => {
- that.$message.success("淇濆瓨鎴愬姛");
+ const apiCall = that.formData.type == 'edit' ? edit : add;
+ const Message = that.formData.type == 'edit' ? "淇敼鎴愬姛" : "淇濆瓨鎴愬姛";
+ // console.log( that.formData)
+ apiCall(that.formData).then(res => {
+ that.$message.success(Message);
that.showSubmitDialog = false;
+ this.$refs.form.resetFields();
this.formData = {
sysIntParamVOs: [],
sysIntHeaderVOs: []
};
that.$emit('refreshTable');
+ that.formData.type=null;
});
}
})
--
Gitblit v1.9.3