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: '请输入cxfaxis', 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;