Source/UBCS-WEB/src/views/docking/infoForm.vue

@@ -1,11 +1,13 @@
<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">
          <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>
@@ -28,9 +30,18 @@
            </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">
          <el-form-item label="分类选择" prop="classifyName">
            <vciWebRefer
              key="classifyName" :disabled="false"
              :display="true"
              :referConfig="{
                  title: '分类选择',
                  showField: 'classifyName',
@@ -39,15 +50,16 @@
                  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" :disabled="false"
              :display="true"
              :referConfig="{
                  title: '集成系统',
                  showField: 'targetSystemName',
@@ -56,19 +68,20 @@
                  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>
        <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  label="分类选择" prop="classifyName" style="display: none">-->
          <!--          </el-form-item>-->
          <el-form-item v-if="formData.pushType !='5' && formData.pushType !='6'" label="分类选择" prop="classifyName">
            <vciWebRefer
              key="classifyName" :disabled="false"
              :display="true"
              :referConfig="{
                  title: '分类选择',
                  showField: 'classifyName',
@@ -77,51 +90,40 @@
                  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" :disabled="false"
              :display="true"
              :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"
              :disabled="false"
              :display="true"
              :value="formData.sourceSystemOid"
              data-key="sourceSystemName"
              @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="接口方式" 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="系统描述"  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="请选择">
@@ -129,7 +131,8 @@
            </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">
@@ -139,61 +142,70 @@
          <el-input v-model="formData.nameSpace"></el-input>
        </el-form-item>
        <el-form-item v-if="formData.interfaceType=='webService'" label="soapAction" prop="soapAction">
          <el-input v-model="formData.soapAction" ></el-input>
          <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-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-input v-model="formData.classPath"></el-input>
        </el-form-item>
        <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>
@@ -203,7 +215,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>

@@ -211,9 +222,9 @@
</template>

<script>
import { validatenull } from "@/util/validate";
import { getDictionary, getParentList } from '@/api/omd/enum'
import {add,edit} from "@/api/docking/info"
import {validatenull} from "@/util/validate";
import {getDictionary, getParentList} from '@/api/omd/enum'
import {add, edit} from "@/api/docking/info"
import vciWebRefer from "@/components/refer/vciWebRefer.vue";

export default {
@@ -221,15 +232,17 @@
  props: {
    formData: {
      type: Object,
      default:{
        sysIntParamVOs:[],
        sysIntHeaderVOs:[]
      default: {
        sysIntParamVOs: [],
        sysIntHeaderVOs: []
      }
    },
  },
  components: { vciWebRefer },
  components: {vciWebRefer},
  data() {
    return {
      groupCode: false,
      referUrl: '/api/ubcs-code/dockingManagement/gridDockingSystem',
      showSubmitDialog: false,
      //接口类型下拉
      interfaceTypeList: [{
@@ -250,6 +263,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 +302,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'}
@@ -307,11 +328,14 @@
        soapAction: [
          {required: true, message: '请输入soapAction', trigger: 'blur'}
        ],
        targName: [
        targetName: [
          {required: true, message: '请输入参数名称', trigger: 'blur'}
        ],
        cxfaxis: [
          {required: true, message: '请输入cxfaxis', trigger: 'blur'}
        ],
        contentType: [
          {required: true, message: '请选择contentType', trigger: 'submit'}
        ]
      },
      // 表格配置
@@ -386,65 +410,123 @@
          // 选定行
          selectRow: ''
        },
        dictEnums: []
        dictEnums: [],

      }
    }
  },
  watch:{
    formData:{
      handler(newval,oldval){
        console.log('newval',newval.dataFlowTypeText)
  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 = '';
            });
          }
        }
      }
    }
    },
  },
  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)
  },
  mounted(){
  mounted() {
    if (!this.formData.sysIntParamVOs) {
      this.formData.sysIntParamVOs = [];
    }
    if (!this.formData.sysIntHeaderVOs) {
      this.formData.sysIntHeaderVOs = [];
    }
    if(this.formData.dataFlowType=='accept'){
      this.pushTypeList=[
    if (this.formData.dataFlowType == 'accept') {
      this.pushTypeList = [
        {value: '3', label: '编码申请'},
        {value: '4', label: '编码更改（状态、回收）'},
        {value: '5', label: '分类查询'},
        {value: '6', label: '含规则信息的分类查询'},
        {value: '7', label: '数据查询'}]
      this.formData.pushType=''
      this.formData.targetSystemName='编码系统';
      this.formData.targetSystemOid='code00000001';
      this.formData.targetSystemId='CODE';
      // 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: '数据推送'},
      this.formData.sourceSystemName = '';
      this.formData.sourceSystemOid = '';
      this.formData.sourceSystemId = '';
    } else {
      this.pushTypeList = [{value: '1', label: '数据推送'},
        {value: '2', label: '分类推送'}]
      this.formData.pushType='1' ;
      this.formData.sourceSystemName='编码系统';
      this.formData.sourceSystemOid='code00000001';
      this.formData.sourceSystemId='CODE';
      this.formData.targetSystemName='';
      this.formData.targetSystemOid='';
      this.formData.targetSystemId='';
      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: {
    handleSwitchChange(newValue) {
      this.groupCode = newValue;
      this.formData.isGroupCodeFlag = newValue.toString();
    },
    closeSubmitDialog() {
      this.resetForm();
      // this.resetForm();
      this.showSubmitDialog = false;
      // this.$refs.form.resetFields()
      this.formData = {}
      this.$refs.form.clearValidate()
    },
    resetForm() {
      this.formData={}
      // this.formData = {
      //   sysIntParamVOs: [],
      //   sysIntHeaderVOs: []
      // };
      this.formData = {
        sysIntParamVOs: [],
        sysIntHeaderVOs: []
      };
      this.$refs.form.resetFields();
    },
    setReferValue(data) {
@@ -491,39 +573,42 @@
    },
    submitAttribute() {
      const that = this;
      let pass=true
      if(this.formData.dataFlowType=='push' && (validatenull(this.formData.classifyName)||validatenull(this.formData.targetSystemName))){
      let pass = true
      if (this.formData.dataFlowType == 'push' && (validatenull(this.formData.classifyName) || validatenull(this.formData.targetSystemName))) {
        that.$message.error('必填项不能为空');
        pass=false
        pass = false
        return;
      }
      if(this.formData.dataFlowType=='accept' && (validatenull(this.formData.sourceSystemName))){
      if (this.formData.dataFlowType == 'accept' && (validatenull(this.formData.sourceSystemName))) {
        that.$message.error('集成系统不能为空');
        pass=false
        pass = false
        return;
      }
      this.$refs.form.validateField(['paramType','returnType','dataFlowType','pushType','classPath','requestMethod','requestUrl',
        'interfaceFunction','nameSpace','soapAction','targName','cxfaxis'],function (errormsg, field) {
      this.$refs.form.validateField(['paramType', 'returnType', 'dataFlowType', 'pushType', 'classPath', 'requestMethod', 'requestUrl',
        'interfaceFunction', 'nameSpace', 'soapAction', 'targetName', 'cxfaxis'], function (errormsg, field) {
        if (errormsg) {
          pass=false
          pass = false
        }
      })
      this.$nextTick(function (){
        if(pass){
          that.formData.sysIntParamDTOs=this.formData.sysIntParamVOs.map(item=>{
      this.$nextTick(function () {
        if (pass) {
          that.formData.sysIntParamDTOS = this.formData.sysIntParamVOs.map(item => {
            return {
              ...item,
              ordernNo:item.$index
              ordernNo: item.$index
            }
          })
          that.formData.sysIntHeaderDTOS=this.formData.sysIntHeaderVOs.map(item=>{
          that.formData.sysIntHeaderDTOS = this.formData.sysIntHeaderVOs.map(item => {
            return {
              ...item,
              ordernNo:item.$index
              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 = {
@@ -531,6 +616,7 @@
              sysIntHeaderVOs: []
            };
            that.$emit('refreshTable');
            that.formData.type = null;
          });
        }
      })
@@ -551,47 +637,47 @@
        }
      });
    },
    dataFlowTypeChange(value){
      if(value=='push'){
        this.pushTypeList=[{value: '1', label: '数据推送'},
    dataFlowTypeChange(value) {
      if (value == 'push') {
        this.pushTypeList = [{value: '1', label: '数据推送'},
          {value: '2', label: '分类推送'}]
        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=[
        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: '编码申请'},
          {value: '4', label: '编码更改（状态、回收）'},
          {value: '5', label: '分类查询'},
          {value: '6', label: '含规则信息的分类查询'},
          {value: '7', label: '数据查询'}]
        this.formData.pushType='';
        this.formData.targetSystemName='编码系统';
        this.formData.targetSystemOid='code00000001';
        this.formData.targetSystemId='CODE';
        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=[];
        this.formData.sourceSystemName = '';
        this.formData.sourceSystemOid = '';
        this.formData.sourceSystemId = '';
      } else {
        this.pushTypeList = [];
      }
      this.$refs.form.clearValidate()
    },
    pushTypeChange(value){
    pushTypeChange(value) {
      this.$refs.form.clearValidate()
    },
    tabClick(tab) {
      if (tab.name === 'paramTab') {
        this.$nextTick(function (){
        this.$nextTick(function () {
          this.$refs.paramcrud.doLayout()
        })
      } else {
        this.$nextTick(function (){
        this.$nextTick(function () {
          this.$refs.headercrud.doLayout()
        })
      }
@@ -599,39 +685,39 @@
    handleParamAdd() {
      this.formData.sysIntParamVOs.push({
        usedFlag: true,
        $cellEdit:true
        $cellEdit: true
      })
      this.$nextTick(function (){
      this.$nextTick(function () {
        this.$refs.paramcrud.doLayout()
      })
    },
    handleParamEditClick(row){
    handleParamEditClick(row) {
      row.$cellEdit = true;
    },
    handleParamDel(row,index){
    handleParamDel(row, index) {
      this.formData.sysIntParamVOs.splice(index, 1);
    },
    // 列表编辑保存
    handleParamEditSave(row,index) {
    handleParamEditSave(row, index) {
      row.$cellEdit = false;
    },
    handleHeaderAdd() {
      this.formData.sysIntHeaderVOs.push({
        usedFlag: true,
        $cellEdit:true
        $cellEdit: true
      })
      this.$nextTick(function (){
      this.$nextTick(function () {
        this.$refs.headercrud.doLayout()
      })
    },
    handleHeaderEditClick(row){
    handleHeaderEditClick(row) {
      row.$cellEdit = true;
    },
    handleHeaderDel(row,index){
    handleHeaderDel(row, index) {
      this.formData.sysIntHeaderVOs.splice(index, 1);
    },
    // 列表编辑保存
    handleHeaderEditSave(row,index) {
    handleHeaderEditSave(row, index) {
      row.$cellEdit = false;
    }
  }
@@ -639,18 +725,23 @@
</script>

<style>
.btmTable>.el-card:nth-of-type(2)>.el-card__body>.avue-crud__menu {
.btmTable > .el-card:nth-of-type(2) > .el-card__body > .avue-crud__menu {
  display: none !important;
}

.enumTable>.el-card:nth-of-type(2)>.el-card__body>.avue-crud__menu {
.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__content,.dockingForm .el-form-item__content .el-input>.el-input__inner,.dockingForm .el-input-number--medium {

.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;

.dockingForm .cell .el-form-item__content, .dockingForm .cell .el-form-item__content .el-input > .el-input__inner {
  width: 100% !important;
}
</style>