vue前端向后端传入对象

最新推荐文章于 2024-05-13 19:09:32 发布

taiguolaotu

最新推荐文章于 2024-05-13 19:09:32 发布

阅读量1k

点赞数

分类专栏：浅谈前端文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/taiguolaotu/article/details/131242610

版权

浅谈前端专栏收录该内容

51 篇文章 1 订阅

订阅专栏

前端写法


        <el-button type="primary2" @click="submitFormTwo" class="el-button--primary">确 定2</el-button>
        <el-button @click="cancelTwo">取 消</el-button>


 submitFormTwo() {
      this.active = 2
      this.cardTwo = false
      this.cardThree = true

      this.$refs["form"].validate(valid => {
        if (valid) {
          let a ={
            mettingId:  this.form.mettingId,
            meetingTool:this.form.meetingTool,
            meetingNumber:this.form.meetingNumber,
            meetingPassword:this.form.meetingPassword,
            meetingExplain:this.form.meetingExplain,
          }
          let b = {
              mettingId:  this.form.mettingId,
              meetingAddress:this.form.meetingAddress,
              ridingOPath:this.form.ridingOPath,
              meetingExplain:this.form.meetingExplain,
            }
          let c = {
            mettingId:  this.form.mettingId,
            meetingChargeStandard:this.form.meetingChargeStandard,
            chargeExplain:this.form.chargeExplain,
          }
          // let b = undefined;
          // if(this.form.xxx){
          //   b = {
          //     mettingId:  this.form.mettingId,
          //     b1:'',
          //     b2:'',
          //   }
          // }

          let data = {
            mettingType: this.form.mettingType,
            ykhLineMeeting:a,
            ykhOfflineMeeting:b,
            ykhMeetingChargeConfig:c,
          }
            addMaterialData(data).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
        }
      });

    },

后端写法

@Data
public class YkhDto {
    //会议类型
    private String mettingType;
    //a - 线上会议对象数据
    private YkhLineMeeting ykhLineMeeting;
    //b - 线下会议对象
    private YkhOfflineMeeting ykhOfflineMeeting;
    //c - 收费对象
    private YkhMeetingChargeConfig ykhMeetingChargeConfig;
}


//因为现在前后端都搞  快速开发
//现在逻辑直接在后端写了

    /**
     * 查询会议材料列表
     */
    @ApiOperation("查询会议材料列表")
//    @PreAuthorize("@ss.hasPermi('ykh:materials:list')")
    @PostMapping("/addMaterialData")
    public AjaxResult addMaterialData(@RequestBody YkhDto dto) {
        if(StringUtils.isEmpty(dto.getMettingType())){
            //默认线上会议
            dto.setMettingType("0");
        }
        if(("0").equals(dto.getMettingType())){
            //线上会议
            YkhLineMeeting ykhLineMeeting = dto.getYkhLineMeeting();
            if(StringUtils.isEmpty(ykhLineMeeting.getMeetingTool())){
                //默认腾讯会议
                ykhLineMeeting.setMeetingTool("0");
            }
            ykhLineMeetingService.insertYkhLineMeeting(ykhLineMeeting);
        }else{
            //线下会议
            YkhOfflineMeeting ykhOfflineMeeting = dto.getYkhOfflineMeeting();
            ykhOfflineMeetingService.insertYkhOfflineMeeting(ykhOfflineMeeting);
        }
//        添加收费说明
        YkhMeetingChargeConfig chargeConfig = dto.getYkhMeetingChargeConfig();
        int i = 0;
        if(StringUtils.isNotEmpty(chargeConfig.getMeetingChargeStandard()) && StringUtils.isNotEmpty(chargeConfig.getChargeExplain())){
             i = ykhMeetingChargeConfigService.insertYkhMeetingChargeConfig(chargeConfig);
        }
        return toAjax(i);
    }