From dc720417e3b89597a1209467c5523d09b3c88f49 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期二, 27 二月 2024 14:06:23 +0800
Subject: [PATCH] 接口基本信息管理-内容类型
---
Source/UBCS-WEB/src/views/docking/infoForm.vue | 131 +++++++++++++++++++++++++++++++------------
1 files changed, 94 insertions(+), 37 deletions(-)
diff --git a/Source/UBCS-WEB/src/views/docking/infoForm.vue b/Source/UBCS-WEB/src/views/docking/infoForm.vue
index 530e651..de69e9c 100644
--- a/Source/UBCS-WEB/src/views/docking/infoForm.vue
+++ b/Source/UBCS-WEB/src/views/docking/infoForm.vue
@@ -5,7 +5,7 @@
<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>
@@ -22,15 +22,23 @@
</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-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="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>
+ <el-divider></el-divider>
<div v-if="formData.dataFlowType=='push'">
<el-form-item label="鍒嗙被閫夋嫨" prop="classifyName">
<vciWebRefer
+ key="classifyName" data-key="classifyName"
:referConfig="{
title: '鍒嗙被閫夋嫨',
showField: 'classifyName',
@@ -48,6 +56,7 @@
</el-form-item>
<el-form-item label="闆嗘垚绯荤粺" prop="targetSystemName">
<vciWebRefer
+ key="targetSystemName" data-key="targetSystemName"
:referConfig="{
title: '闆嗘垚绯荤粺',
showField: 'targetSystemName',
@@ -69,6 +78,7 @@
<!-- </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',
@@ -86,13 +96,14 @@
</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"
@@ -101,25 +112,13 @@
@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>
+ </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>
@@ -149,6 +148,18 @@
</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">
@@ -203,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>
@@ -230,6 +240,7 @@
components: { vciWebRefer },
data() {
return {
+ referUrl:'/api/ubcs-code/dockingManagement/gridDockingSystem',
showSubmitDialog: false,
//鎺ュ彛绫诲瀷涓嬫媺
interfaceTypeList: [{
@@ -250,6 +261,14 @@
label: 'xml', value: 'xml'
}, {
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'
@@ -281,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'}
@@ -312,6 +331,9 @@
],
cxfaxis: [
{required: true, message: '璇疯緭鍏xfaxis', trigger: 'blur'}
+ ],
+ contentType: [
+ {required: true, message: 'contentType', trigger: 'blur'}
]
},
// 琛ㄦ牸閰嶇疆
@@ -386,16 +408,52 @@
// 閫夊畾琛�
selectRow: ''
},
- dictEnums: []
+ dictEnums: [],
+
}
}
},
watch:{
- formData:{
- handler(newval,oldval){
- console.log('newval',newval.dataFlowTypeText)
+ 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)
@@ -414,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';
@@ -436,15 +494,15 @@
},
methods: {
closeSubmitDialog() {
- this.resetForm();
+ // this.resetForm();
this.showSubmitDialog = false;
+ this.$refs.form.resetFields()
},
resetForm() {
- this.formData={}
- // this.formData = {
- // sysIntParamVOs: [],
- // sysIntHeaderVOs: []
- // };
+ this.formData = {
+ sysIntParamVOs: [],
+ sysIntHeaderVOs: []
+ };
this.$refs.form.resetFields();
},
setReferValue(data) {
@@ -490,7 +548,6 @@
}
},
submitAttribute() {
- console.log()
const that = this;
let pass=true
if(this.formData.dataFlowType=='push' && (validatenull(this.formData.classifyName)||validatenull(this.formData.targetSystemName))){
@@ -511,7 +568,7 @@
})
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
@@ -525,7 +582,7 @@
})
const apiCall = that.formData.type == 'edit' ? edit : add;
const Message = that.formData.type == 'edit' ? "淇敼鎴愬姛" : "淇濆瓨鎴愬姛";
- console.log( that.formData)
+ // console.log( that.formData)
apiCall(that.formData).then(res => {
that.$message.success(Message);
that.showSubmitDialog = false;
--
Gitblit v1.9.3