暑期项目实训记录-10

工作概览：

1、页面的刷新设置

2、活动选择框修改

---

工作详情：

1、黑名单页面即时刷新设置

对于增加或删除了数据的操作，页面不能即时刷新，导致被删除的记录仍然停留在页面上，对这条本已经删除的记录进行二次操作会返回fail，针对这个问题，需要在增添或删除数据的代码之后设置对页面进行刷新。

参考网上的刷新方式，采取以下方式：

 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'
          });
        })
        this.$router.go(0);//刷新
      },

 实现即时刷新，不会出现上述问题。

2、活动选择框修改

选择活动首先需要选择是“全部”还是“部分”（必选），如果是“全部”则无需选活动；如果是“部分”则必须选择活动，否则会弹出相应的提示框。

如果选择“部分”，则需要进行判空操作，具体实现代码如下：

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

          if(this.SelectActivities.length<=0){
            _this.$message({
              message: '请选择限制的活动！',
              type: 'error'
            });
          }else{
            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'
              });
            })
          }
        }
      },

实现效果：