前后端接口对接--删除表单数据

后端swagger

public-src-api下对应的js文件中：

//表单数据删除
export function delFormData(param) {
    return request({
        url: "/smartcity-datamanagement/cimFormData/delFormData",
        method: "get",
        params: {
            ids: param.ids,
            tableName: param.tableName,
            userId: param.userId
        }
    });
}

相应的vue文件中：

删除按钮处写调用接口入口：

<el-button icon="fa fa-trash" size="small" @click="deleteFiles">
                  删除
</el-button>

引入js文件中写好的delFormData方法

import {
  delFormData,
} from "@/api/cimApi/formApi";

vue中的methods，删除按钮的点击事件处

 // 删除文件
    deleteFiles() {
      if (this.multipleSelection.length > 0) {
        this.$confirm("确定删除？", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(() => {
          console.log(this.multipleSelection);
          let idArr = [];//定义一个空数组
          // 遍历勾选内容（多选）
          this.multipleSelection.forEach(item => {
            idArr.push(item.序号);//将各行的序号写入空数组
          });
          let param = {
            ids: idArr.join(","),//并非数组形式，为字符串形式
            tableName: this.$route.query.md5num,
            userId: 4//先写死，后端后期修改
          };
          delFormData(param).then(res => {
            if (res) {
              this.$message.success("删除成功");
              this.refreshData();//刷新页面
            } else {
              this.$message.warning("请稍后再试");
            }
          });
        });
      }
    },