暑期项目实训记录-9

工作概览：

1、实现当前活动在drawer上的展示

2、实现黑名单列表单个移除功能

3、实现黑名单列表批量移除功能

4、实现批量加入黑名单的功能

---

工作详情：

1、实现当前活动在drawer上的展示

代码：

//使用后端接口，获取当前可选座的所有活动,得到数组allActivities
      this.$axios.get("http://grandland.gl-data.com:14332/manage/usermanage/getallactlist")//向后端发送get请求
        .then((res) => {
          this.allActivities=res.data;
        })
        .catch((err) => {
          console.log("getallactlist-failed")
        })

实现效果：

2、 实现黑名单列表单个移除功能

实现代码：

delsingle(openid){
        this.singleUser=openid.toString();
        console.log(this.singleUser)
        this.$axios.post("http://grandland.gl-data.com:14332/manage/usermanage/deleteblacklistbyopenid",
          this.$qs.stringify({
            user_openid:this.singleUser
          }),{headers:{'Content-Type':'application/x-www-form-urlencoded'}}
        )//向后端发送post请求
          .then((res) => {
            console.log("接收数据res")
            console.log(res)
          })
          .catch((err) => {
            console.log("delsingle-failed")
          })
      },

实现效果：

3、实现黑名单列表批量移除功能

实现代码：

deleteFromBlack(){//从黑名单中批量删除用户
        for (let i = 0; i < this.multipleSelection.length; i++) {
          this.sz_openid_black[i] = this.multipleSelection[i].user_openid;//sz_openid_black存放选中的用户的openid
        }
        this.formData=this.sz_openid_black
        const _this = this
        this.$axios.post('http://grandland.gl-data.com:14332/manage/usermanage/freeblacklist', this.formData).then(function (resp) {
          _this.$message({
            message: '移除成功！',
            type: 'success'
          });
        })
      },

 实现效果：

 4、实现批量加入黑名单的功能

实现代码：

submitActUser(){      //提交表单

        //获取选择的活动
        for(let i=0;i<this.SelectActivities.length;i++){
          this.temp_formData[i]=this.SelectActivities[i].act_id;
        }
        this.act_formData=this.temp_formData;

        const _this = this
        if(this.radio===1){//选择全部活动
          this.isall='1';
          var parm1={
            act_ids:this.act_formData,
            user_openid:this.formData,
            isall:this.isall
          }
          this.$axios.post('http://grandland.gl-data.com:14332/manage/usermanage/addblacklist',
            parm1).then(function (resp) {
            _this.$message({
              message: '加入黑名单成功！',
              type: 'success'
            });
          })
        }else{//选择部分
          this.isall='0';
          var parm={
            act_ids:this.act_formData,
            user_openid:this.formData,
            isall:this.isall
          }
          this.$axios.post('http://grandland.gl-data.com:14332/manage/usermanage/addblacklist', parm).then(function (resp) {
            _this.$message({
              message: '加入黑名单成功！',
              type: 'success'
            });
          })
        }
      },

实现效果：