颁发徽章跟删除徽章

pages/index/badgelist/badgelist.js

@@ -4,9 +4,15 @@ const base = new Base()
 Page({
   data: {
     list: [],
-    selectlist:[]
+    status: false,
+    num: 0,
+    arr:[]
   },
   onLoad: function (options) {
+    var arr1 = JSON.parse(options.listData)
+    this.setData({
+      arr : arr1
+    })
     this.getList()
   },
   getList() {
@@ -16,46 +22,62 @@ Page({
     let params = {
       url: 'badges/all',
       callback: (data) => {
-        console.log(data)
         wx.hideLoading()
+        data.map((item, index) => {
+            Object.assign(item, { status: false })
+        });
         this.setData({
           list: data
         })
-        // for (let i = 0; i < this.data.list.length; i++) {
-        //   console.log(this.data.list)
-         
-        // }
+        for(var i =0; i< this.data.list.length;i++){
+          for(var j =0; j< this.data.arr.length;j++) {
+            if (this.data.arr[j].id == this.data.list[i].id) {
+              this.data.list[i].status = this.data.arr[j].status
+            }
+          }
+        }
+        this.setData({
+          list: this.data.list
+        })
       }
     }
     base.newRequest(params)
   },
-  chooseOne: function(e){
-    let index = e.currentTarget.dataset.index
-    console.log(index)
-    if(this.data.selectlist.length<=2){
-      // if(this.data.selectlist.length>1){
-      //   // for( var i=0 ;i<this.data.selectlist.length;i++){
-      //   //   if(index == this.data.selectlist[i]){
-      //   //     console.log(11111,index)
-      //   //   }
-      //   //   else{
-      //   //     this.data.selectlist.push(index)
-      //   //     console.log(this.data.selectlist,22222)
-      //   //   }
-      //   // }
-      // }else{
-      //   this.data.selectlist.push(index)
-      // }
-      this.data.selectlist.push(index);
-      this.setData({
-        selectlist: this.data.selectlist
-      })
+  chooseOne: function (e) {
+    let index = e.currentTarget.dataset.index;
+    var list = this.data.list;
+    if (list[index].status) {
+      list[index].status = false
+    } else {
+      list[index].status = true
+    }
+    //点击图片把status==true的组成新的数组
+    var arr = [];
+    for (var i = 0; i < list.length; i++) {
+      if(list[i].status==true){
+        arr.push(list[i])
+      }
+    }
+    this.setData({
+      list: list,
+      arr: arr
+    })
+  },
 
-      
+  save: function (e) {
+    var pages = getCurrentPages();
+    var prevPage = pages[pages.length - 2];  //上一个页面
+    if (this.data.arr.length == 0) {
+      base.toast('请至少选择一个徽章')
+    } else if (this.data.arr.length > 3) {
+      base.toast('最多选择三个徽章')
+    } else {
+      prevPage.setData({
+        arr: this.data.arr
+      })
+      wx.navigateBack({
+        delta: 1
+      })
     }
-     
-    console.log(this.data.selectlist)
   }
-
-
 })
\ No newline at end of file

pages/index/badgelist/badgelist.wxml

@@ -3,14 +3,13 @@
 	<view class="top">
 		<view class="title">运动大满贯</view>
 		<view class="imgbox flex-h flex-vc flex-hw">
-			<view wx:for="{{list}}" wx:key='index' wx:for-item='item_a' data-index="{{index}}" bindtap="chooseOne" >
-			<!-- <view wx:for="{{selectlist}}" wx:key='index' wx:for-item='selectlistOne'></view> -->
-        <image wx:if="{{selectlist==item_a.id}}" class="bigimg" src="{{item_a.icon.active}}" ></image>
+			<view wx:for="{{list}}" wx:key='index' wx:for-item='item_a' data-index="{{index}}" bindtap="chooseOne" data-id="{{item_a.id}}">
+        <image wx:if="{{item_a.status}}" class="bigimg" src="{{item_a.icon_active}}"></image>
         <image wx:else class="bigimg" src="{{item_a.icon}}"></image>
 			</view>
 		</view>
 	</view>
 </view>
 <view class="button">
-	<view class="apply" bindtap="goapplyResult">保存</view>
+	<view class="apply" bindtap="save">保存</view>
 </view>
\ No newline at end of file

pages/index/badgelist/badgelist.wxss

@@ -10,6 +10,9 @@ page{
   font-size: 24rpx;
   line-height: 53rpx;
 }
+.top{
+  margin-bottom: 120rpx;
+}
 .title {
   padding-left: 52rpx;
   height: 100rpx;

pages/index/evaluation/evaluation.js

-// pages/index/evaluation/evaluation.js
+const app = getApp()
+import { Base } from '../../../utils/base.js';
+const base = new Base()
 Page({
 
   /**
@@ -9,12 +11,20 @@ Page({
     min: 0,//最少字数
     max: 300, //最多字数
     currentWordNumber:0,
+    chooseBadge:true,
+    imgBox:[],
   },
 
   onLoad: function (options) {
 
   },
 
+  onShow: function(){
+    this.setData({
+      imgBox: this.data.arr?this.data.arr: []
+    })
+  },
+
   inputs: function (e) {
     var value = e.detail.value;
     var len = parseInt(value.length);
@@ -41,10 +51,21 @@ Page({
       currentValue: event.detail.value,
     });
   },
-  gobadgelist:function(){
+  gobadgelist:function(e){
+    var model = JSON.stringify(this.data.imgBox)
     wx.navigateTo({
-      url: '../../index/badgelist/badgelist',
+      url: '../../index/badgelist/badgelist?listData=' + model,
     })
-  }
+  },
+  //删除徽章
+  deleteBadge: function (e) {
+		var imgs = this.data.imgBox
+    var index = e.currentTarget.dataset.index
+    console.log(index)
+		imgs.splice(index, 1)
+		this.setData({
+			imgBox: imgs
+		})
+	},
 
 })
\ No newline at end of file

pages/index/evaluation/evaluation.wxml

@@ -18,7 +18,17 @@
 	</view>
 	<view class="badge">
 		<view class="title">颁发徽章</view>
-		<image src="/images/add.png" bindtap="gobadgelist"></image>
+		<view class="imgBox flex-h flex-hw">
+			<view class="img" wx:for="{{imgBox}}" wx:for-item="item" wx:key="idx">
+				<image src="{{item.icon_active}}" data-index="{{index}}" mode="aspectFill"></image>
+				<view class="delete-btn" data-index="{{index}}" catchtap="deleteBadge">
+					<text class='iconfont iconguanbi'></text>
+				</view>
+			</view>
+			<view class='addBox flex-h flex-vc flex-hc' bindtap="chooseImg" wx:if="{{imgBox.length < 3}}">
+				<image class="chooseBadge" wx:if="{{chooseBadge}}" src="/images/add.png" bindtap="gobadgelist"></image>
+			</view>
+		</view>
 	</view>
 </view>
 <view class="button">

pages/index/evaluation/evaluation.wxss

@@ -106,4 +106,33 @@ page {
   font-size: 30rpx;
   text-align: center;
   line-height: 80rpx;
-}
+}
\ No newline at end of file
+
+/* 徽章 */
+.img {
+	width: 130rpx;
+	height: 130rpx;
+	border: 1px solid #EBEBEB;
+	border-radius: 5rpx;
+	margin-right: 30rpx;
+	margin-bottom: 30rpx;
+	position: relative;
+}
+.img image {
+	width: 130rpx;
+  height: 130rpx;
+  margin-right: 54rpx;
+}
+.delete-btn {
+	position: absolute;
+	right: -25rpx;
+	top: -25rpx;
+}
+.delete-btn .iconguanbi {
+	font-size: 52rpx;
+	color: #B3B3B3;
+}
+.addBox {
+	width: 130rpx;
+	height: 130rpx;
+}

pages/tabbar/class/class.js

@@ -78,6 +78,7 @@ Page({
         this.setData({
           datalList: data
         })
+        this.getList()
       }
     }
     base.newRequest(params)

pages/team/teamDetail/teamDetail.wxss

@@ -12,7 +12,6 @@ page{
   height: 340rpx;
   background: #FFFFFF;
   border-radius: 15rpx;
-  box-shadow: 0 10rpx 20rpx 10rpx rgba(239, 240, 241, 0.72);
   padding: 35rpx 18rpx;
 }
 .top .course .course_top{