From 6ca4dcf73b6fd1ac42c77c75c8ce422a75b75a19 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期四, 07 三月 2024 09:59:54 +0800 Subject: [PATCH] 整合代码 --- Source/UBCS-WEB/src/views/docking/infoForm.vue | 305 +++++++++++++++++++++++++++++++++----------------- 1 files changed, 198 insertions(+), 107 deletions(-) diff --git a/Source/UBCS-WEB/src/views/docking/infoForm.vue b/Source/UBCS-WEB/src/views/docking/infoForm.vue index c36b5b7..de69e9c 100644 --- a/Source/UBCS-WEB/src/views/docking/infoForm.vue +++ b/Source/UBCS-WEB/src/views/docking/infoForm.vue @@ -4,13 +4,13 @@ style="height: 110vh;" top="-5%"> <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="dataFlowType" prop="dataFlowType"> - <el-select v-model="formData.dataFlowType" placeholder="璇烽�夋嫨" @change="dataFlowTypeChange"> + <el-form-item label="鎺ュ彛绫诲瀷" prop="dataFlowType"> + <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,24 @@ </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-form-item label="鍒嗙被閫夋嫨" prop="classifyName"> - <vciWebRefer - :referConfig="{ + <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', field: 'classifyOid', @@ -38,101 +47,80 @@ 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 v-if="formData.dataFlowType=='push'" label="闆嗘垚绯荤粺" prop="targetSystemName"> - <vciWebRefer - :referConfig="{ + :value="formData.classifyOid" + :text="formData.classifyName" + :disabled="false" + :display="true" + @setReferValue="setReferValue" + ></vciWebRefer> + </el-form-item> + <el-form-item label="闆嗘垚绯荤粺" prop="targetSystemName"> + <vciWebRefer + key="targetSystemName" data-key="targetSystemName" + :referConfig="{ title: '闆嗘垚绯荤粺', showField: 'targetSystemName', field: 'targetSystemOid', fieldMap:{'targetSystemId':'id'}, placeholder: '璇烽�夋嫨', - options: {isMuti: false, type: 'default', url: 'api/ubcs-code/codeBasicSecController/gridCodeBasicSec'}, + options: {isMuti: false, type: 'default', url: 'api/ubcs-code/dockingManagement/gridDockingSystem'}, }" - :value="formData.targetSystemOid" - :text="formData.targetSystemName" - :disabled="false" - :display="true" - @setReferValue="setReferValue" - ></vciWebRefer> - </el-form-item> - <el-form-item v-if="formData.dataFlowType=='push'" label="缂栫爜绯荤粺" prop="sourceSystemName"> - <vciWebRefer - :referConfig="{ - title: '缂栫爜绯荤粺', - showField: 'sourceSystemName', - field: 'sourceSystemOid', - fieldMap:{'sourceSystemId':'id'}, - placeholder: '璇烽�夋嫨', - options: {isMuti: false, type: 'default', url: 'api/ubcs-code/codeBasicSecController/gridCodeBasicSec'}, + :value="formData.targetSystemOid" + :text="formData.targetSystemName" + :disabled="false" + :display="true" + @setReferValue="setReferValue" + ></vciWebRefer> + </el-form-item> + </div> + <div v-else> +<!-- <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.sourceSystemOid" - :text="formData.sourceSystemName" - :disabled="false" - :display="true" - @setReferValue="setReferValue" - ></vciWebRefer> - </el-form-item> - <el-form-item v-if="formData.dataFlowType=='accept'" label="缂栫爜绯荤粺" prop="targetSystemName"> - <vciWebRefer - :referConfig="{ - title: '缂栫爜绯荤粺', - showField: 'targetSystemName', - field: 'targetSystemOid', - fieldMap:{'targetSystemId':'id'}, - placeholder: '璇烽�夋嫨', - options: {isMuti: false, type: 'default', url: 'api/ubcs-code/codeBasicSecController/gridCodeBasicSec'}, - }" - :value="formData.targetSystemOid" - :text="formData.targetSystemName" - :disabled="false" - :display="true" - @setReferValue="setReferValue" - ></vciWebRefer> - </el-form-item> - <el-form-item v-if="formData.dataFlowType=='accept'" label="闆嗘垚绯荤粺" prop="sourceSystemName"> - <vciWebRefer - :referConfig="{ + :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/codeBasicSecController/gridCodeBasicSec'}, + options: {isMuti: false, type: 'default', url: referUrl}, }" - :value="formData.sourceSystemOid" - :text="formData.sourceSystemName" - :disabled="false" - :display="true" - @setReferValue="setReferValue" - ></vciWebRefer> - </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="绯荤粺鎻忚堪" style="width: 850px;"> - <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 5}" v-model="formData.description" style="width: 740px;"></el-input> - </el-form-item> - <el-form-item label="鎺ュ彛绫诲瀷" prop="interfaceType"> + :value="formData.sourceSystemOid" + :text="formData.sourceSystemName" + :disabled="false" + :display="true" + @setReferValue="setReferValue" + ></vciWebRefer> + </el-form-item> + <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> + </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> <el-form-item v-if="formData.interfaceType=='http'" label="璇锋眰鏂瑰紡" prop="requestMethod"> <el-select v-model="formData.requestMethod" placeholder="璇烽�夋嫨"> @@ -152,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"> @@ -214,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> @@ -241,6 +240,7 @@ components: { vciWebRefer }, data() { return { + referUrl:'/api/ubcs-code/dockingManagement/gridDockingSystem', showSubmitDialog: false, //鎺ュ彛绫诲瀷涓嬫媺 interfaceTypeList: [{ @@ -262,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: 'push', value: 'push' + label: '鎺ㄩ��', value: 'push' }, { - label: 'accept', value: 'accept' + label: '鎺ユ敹', value: 'accept' }], //鎺ㄩ�佺被鍨� pushTypeList: [{value: '1', label: '鏁版嵁鎺ㄩ��'}, @@ -292,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'} @@ -318,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'} ] }, // 琛ㄦ牸閰嶇疆 @@ -397,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) @@ -418,17 +472,31 @@ {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'; + + this.formData.sourceSystemName=''; + this.formData.sourceSystemOid=''; + this.formData.sourceSystemId=''; }else { this.pushTypeList=[{value: '1', label: '鏁版嵁鎺ㄩ��'}, {value: '2', label: '鍒嗙被鎺ㄩ��'}] - this.formData.pushType='1' + this.formData.pushType='1' ; + this.formData.sourceSystemName='缂栫爜绯荤粺'; + this.formData.sourceSystemOid='code00000001'; + this.formData.sourceSystemId='CODE'; + this.formData.targetSystemName=''; + this.formData.targetSystemOid=''; + this.formData.targetSystemId=''; } }, methods: { closeSubmitDialog() { - this.resetForm(); + // this.resetForm(); this.showSubmitDialog = false; + this.$refs.form.resetFields() }, resetForm() { this.formData = { @@ -482,20 +550,25 @@ submitAttribute() { const that = this; let pass=true - if(validatenull(this.formData.classifyName)||validatenull(this.formData.sourceSystemName)||validatenull(this.formData.targetSystemName)){ + if(this.formData.dataFlowType=='push' && (validatenull(this.formData.classifyName)||validatenull(this.formData.targetSystemName))){ that.$message.error('蹇呭~椤逛笉鑳戒负绌�'); pass=false return; } + if(this.formData.dataFlowType=='accept' && (validatenull(this.formData.sourceSystemName))){ + that.$message.error('闆嗘垚绯荤粺涓嶈兘涓虹┖'); + pass=false + 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 @@ -507,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; }); } }) @@ -539,7 +617,13 @@ if(value=='push'){ this.pushTypeList=[{value: '1', label: '鏁版嵁鎺ㄩ��'}, {value: '2', label: '鍒嗙被鎺ㄩ��'}] - this.formData.pushType='鏁版嵁鎺ㄩ��' + this.formData.pushType='1'; + this.formData.sourceSystemName='缂栫爜绯荤粺'; + this.formData.sourceSystemOid='code00000001'; + this.formData.sourceSystemId='CODE'; + this.formData.targetSystemName=''; + this.formData.targetSystemOid=''; + this.formData.targetSystemId=''; }else if(value=='accept'){ this.pushTypeList=[ {value: '3', label: '缂栫爜鐢宠'}, @@ -547,7 +631,14 @@ {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'; + + this.formData.sourceSystemName=''; + this.formData.sourceSystemOid=''; + this.formData.sourceSystemId=''; }else{ this.pushTypeList=[]; } -- Gitblit v1.9.3