| | |
| | | <template> |
| | | <el-container> |
| | | <el-dialog title="系统集成基础信息" v-dialogDrag :visible.sync="showSubmitDialog" class="avue-dialog avue-dialog--top" append-to-body @close="closeSubmitDialog" width="1000px" |
| | | 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-dialog v-dialogDrag :visible.sync="showSubmitDialog" append-to-body class="avue-dialog avue-dialog--top" |
| | | style="height: 110vh;" title="系统集成基础信息" top="-5%" |
| | | width="1000px" @close="closeSubmitDialog"> |
| | | <el-form ref="form" :model="formData" :rules="rules" class="dockingForm" inline label-suffix=":" |
| | | show-message="true" size="medium" status-icon="true"> |
| | | <el-form-item label="接口类型" prop="dataFlowType"> |
| | | <el-select v-model="formData.dataFlowType" placeholder="请选择" @change="dataFlowTypeChange" :disabled="formData.type == 'edit'"> |
| | | <el-select v-model="formData.dataFlowType" :disabled="formData.type == 'edit'" placeholder="请选择" |
| | | @change="dataFlowTypeChange"> |
| | | <el-option v-for="item in dataFlowTypeList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | |
| | | <div v-if="formData.dataFlowType=='push'"> |
| | | <el-form-item label="分类选择" prop="classifyName"> |
| | | <vciWebRefer |
| | | key="classifyName" data-key="classifyName" |
| | | key="classifyName" :disabled="false" |
| | | :display="true" |
| | | :referConfig="{ |
| | | title: '分类选择', |
| | | showField: 'classifyName', |
| | |
| | | placeholder: '请选择分类选择', |
| | | options: {isMuti: false, type: 'tree', url: 'api/ubcs-code/codeClassify/treeCodeClassify'}, |
| | | }" |
| | | :value="formData.classifyOid" |
| | | :text="formData.classifyName" |
| | | :disabled="false" |
| | | :display="true" |
| | | :value="formData.classifyOid" |
| | | data-key="classifyName" |
| | | @setReferValue="setReferValue" |
| | | ></vciWebRefer> |
| | | </el-form-item> |
| | | <el-form-item label="集成系统" prop="targetSystemName"> |
| | | <vciWebRefer |
| | | key="targetSystemName" data-key="targetSystemName" |
| | | key="targetSystemName" :disabled="false" |
| | | :display="true" |
| | | :referConfig="{ |
| | | title: '集成系统', |
| | | showField: 'targetSystemName', |
| | |
| | | placeholder: '请选择', |
| | | options: {isMuti: false, type: 'default', url: 'api/ubcs-code/dockingManagement/gridDockingSystem'}, |
| | | }" |
| | | :value="formData.targetSystemOid" |
| | | :text="formData.targetSystemName" |
| | | :disabled="false" |
| | | :display="true" |
| | | :value="formData.targetSystemOid" |
| | | data-key="targetSystemName" |
| | | @setReferValue="setReferValue" |
| | | ></vciWebRefer> |
| | | </el-form-item> |
| | |
| | | <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'"> |
| | | <el-form-item v-if="formData.pushType !='5' && formData.pushType !='6'" label="分类选择" prop="classifyName"> |
| | | <vciWebRefer |
| | | key="classifyName" data-key="classifyName" |
| | | key="classifyName" :disabled="false" |
| | | :display="true" |
| | | :referConfig="{ |
| | | title: '分类选择', |
| | | showField: 'classifyName', |
| | |
| | | placeholder: '请选择分类选择', |
| | | options: {isMuti: false, type: 'tree', url: 'api/ubcs-code/codeClassify/treeCodeClassify'}, |
| | | }" |
| | | :value="formData.classifyOid" |
| | | :text="formData.classifyName" |
| | | :disabled="false" |
| | | :display="true" |
| | | :value="formData.classifyOid" |
| | | data-key="classifyName" |
| | | @setReferValue="setReferValue" |
| | | ></vciWebRefer> |
| | | </el-form-item> |
| | | <el-form-item label="集成系统" prop="sourceSystemName"> |
| | | <vciWebRefer |
| | | key="sourceSystemName" data-key="sourceSystemName" |
| | | key="sourceSystemName" :disabled="false" |
| | | :display="true" |
| | | :referConfig="{ |
| | | title: '集成系统', |
| | | showField: 'sourceSystemName', |
| | |
| | | placeholder: '请选择', |
| | | options: {isMuti: false, type: 'default', url: referUrl}, |
| | | }" |
| | | :value="formData.sourceSystemOid" |
| | | :text="formData.sourceSystemName" |
| | | :disabled="false" |
| | | :display="true" |
| | | :value="formData.sourceSystemOid" |
| | | data-key="sourceSystemName" |
| | | @setReferValue="setReferValue" |
| | | ></vciWebRefer> |
| | | </el-form-item> |
| | |
| | | </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 label="系统描述" prop="description" style="width: 850px;"> |
| | | <el-input v-model="formData.description" :autosize="{ minRows: 2, maxRows: 5}" style="width: 740px;" |
| | | type="textarea"></el-input> |
| | | </el-form-item> |
| | | <el-form-item v-if="formData.interfaceType=='http'" label="请求方式" prop="requestMethod"> |
| | | <el-select v-model="formData.requestMethod" placeholder="请选择"> |
| | |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item v-if="formData.interfaceType=='webService' || formData.interfaceType=='http'" label="请求地址" prop="requestUrl"> |
| | | <el-form-item v-if="formData.interfaceType=='webService' || formData.interfaceType=='http'" label="请求地址" |
| | | prop="requestUrl"> |
| | | <el-input v-model="formData.requestUrl" type="text"></el-input> |
| | | </el-form-item> |
| | | <el-form-item v-if="formData.interfaceType=='webService'" label="接口函数" prop="interfaceFunction"> |
| | |
| | | <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 v-if="showFormItem" :label="GroupLabel" prop="isGroupCodeFlag"> |
| | | <el-switch v-model="groupCode" @change="handleSwitchChange"></el-switch> |
| | | </el-form-item> |
| | | <el-tabs v-model="activeName" @tab-click="tabClick"> |
| | | <el-tab-pane label="参数对象" name="paramTab"> |
| | | <avue-crud :option="param.option" |
| | | :data="formData.sysIntParamVOs" |
| | | <avue-crud ref="paramcrud" |
| | | v-model="formData.sysIntParamVOs" |
| | | ref="paramcrud"> |
| | | :data="formData.sysIntParamVOs" |
| | | :option="param.option"> |
| | | <template slot="menuLeft"> |
| | | <el-button type="primary" |
| | | size="small" |
| | | <el-button icon="el-icon-plus" |
| | | plain |
| | | icon="el-icon-plus" |
| | | size="small" |
| | | type="primary" |
| | | @click="handleParamAdd">添加行 |
| | | </el-button> |
| | | </template> |
| | | <template slot="menu" slot-scope="{row,index}"> |
| | | <el-button icon="el-icon-edit" size="small" type="text" v-if="!row.$cellEdit" @click="handleParamEditClick(row,index)">编辑 |
| | | <el-button v-if="!row.$cellEdit" icon="el-icon-edit" size="small" type="text" |
| | | @click="handleParamEditClick(row,index)">编辑 |
| | | </el-button> |
| | | <el-button icon="el-icon-delete" size="small" type="text" v-if="!row.$cellEdit" @click="handleParamDel(row,index)">移除 |
| | | <el-button v-if="!row.$cellEdit" icon="el-icon-delete" size="small" type="text" |
| | | @click="handleParamDel(row,index)">移除 |
| | | </el-button> |
| | | <el-button icon="el-icon-check" size="small" type="text" v-if="row.$cellEdit" @click="handleParamEditSave(row,index)"> |
| | | <el-button v-if="row.$cellEdit" icon="el-icon-check" size="small" type="text" |
| | | @click="handleParamEditSave(row,index)"> |
| | | 保存 |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="header对象" name="headerTab"> |
| | | <avue-crud :option="header.option" |
| | | :data="formData.sysIntHeaderVOs" |
| | | <avue-crud ref="headercrud" |
| | | v-model="formData.sysIntHeaderVOs" |
| | | ref="headercrud"> |
| | | :data="formData.sysIntHeaderVOs" |
| | | :option="header.option"> |
| | | <template slot="menuLeft"> |
| | | <el-button type="primary" |
| | | size="small" |
| | | <el-button icon="el-icon-plus" |
| | | plain |
| | | icon="el-icon-plus" |
| | | size="small" |
| | | type="primary" |
| | | @click="handleHeaderAdd">添加行 |
| | | </el-button> |
| | | </template> |
| | | <template slot="menu" slot-scope="{row,index}"> |
| | | <el-button icon="el-icon-edit" size="small" type="text" v-if="!row.$cellEdit" @click="handleHeaderEditClick(row,index)">编辑 |
| | | <el-button v-if="!row.$cellEdit" icon="el-icon-edit" size="small" type="text" |
| | | @click="handleHeaderEditClick(row,index)">编辑 |
| | | </el-button> |
| | | <el-button icon="el-icon-delete" size="small" type="text" v-if="!row.$cellEdit" @click="handleHeaderDel(row,index)">移除 |
| | | <el-button v-if="!row.$cellEdit" icon="el-icon-delete" size="small" type="text" |
| | | @click="handleHeaderDel(row,index)">移除 |
| | | </el-button> |
| | | <el-button icon="el-icon-check" size="small" type="text" v-if="row.$cellEdit" @click="handleHeaderEditSave(row,index)"> |
| | | <el-button v-if="row.$cellEdit" icon="el-icon-check" size="small" type="text" |
| | | @click="handleHeaderEditSave(row,index)"> |
| | | 保存 |
| | | </el-button> |
| | | </template> |
| | |
| | | components: { vciWebRefer }, |
| | | data() { |
| | | return { |
| | | groupCode: false, |
| | | referUrl:'/api/ubcs-code/dockingManagement/gridDockingSystem', |
| | | showSubmitDialog: false, |
| | | //接口类型下拉 |
| | |
| | | {required: true, message: '请输入cxfaxis', trigger: 'blur'} |
| | | ], |
| | | contentType: [ |
| | | {required: true, message: 'contentType', trigger: 'blur'} |
| | | {required: true, message: '请选择contentType', trigger: 'submit'} |
| | | ] |
| | | }, |
| | | // 表格配置 |
| | |
| | | } |
| | | }, |
| | | }, |
| | | computed: { |
| | | showFormItem() { |
| | | return ["1", "3", "4", "7"].includes(this.formData.pushType); |
| | | }, |
| | | GroupLabel() { |
| | | if (this.formData.pushType === "1") { |
| | | return "是否推送集团码"; |
| | | } else if (this.formData.pushType === "3") { |
| | | return "是否申请集团码"; |
| | | } else if (this.formData.pushType === "4") { |
| | | return "是否维护集团码"; |
| | | } else if (this.formData.pushType === "7") { |
| | | return "是否查询集团码"; |
| | | } |
| | | }, |
| | | }, |
| | | created() { |
| | | //this.geDictData('interfaceType', this.interfaceTypeList) |
| | | }, |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | handleSwitchChange(newValue) { |
| | | this.groupCode = newValue; |
| | | this.formData.isGroupCodeFlag = newValue.toString(); |
| | | }, |
| | | closeSubmitDialog() { |
| | | // this.resetForm(); |
| | | this.showSubmitDialog = false; |
| | | this.$refs.form.resetFields() |
| | | // this.$refs.form.resetFields() |
| | | this.formData = {} |
| | | this.$refs.form.clearValidate() |
| | | }, |
| | | resetForm() { |
| | | this.formData = { |
| | |
| | | .enumTable>.el-card:nth-of-type(2)>.el-card__body>.avue-crud__menu { |
| | | display: none !important; |
| | | } |
| | | .dockingForm .el-form-item__label{width: 130px;} |
| | | |
| | | .dockingForm .el-form-item__label { |
| | | width: 130px; |
| | | } |
| | | |
| | | .dockingForm .el-form-item__content,.dockingForm .el-form-item__content .el-input>.el-input__inner,.dockingForm .el-input-number--medium { |
| | | width: 300px !important; |
| | | } |
| | | |
| | | .dockingForm .cell .el-form-item__content,.dockingForm .cell .el-form-item__content .el-input>.el-input__inner{ |
| | | width :100% !important; |
| | | } |