update

pages/index/honor/honor.vue

@@ -6,68 +6,82 @@
 		 <view class="content">
 			 <view v-show="current == 0">
 				 <view class="active-title-box">
-				 	<uni-datetime-picker
+                  <!--<uni-datetime-picker
 				 	    class="time-select-box"
 				 		type="date"
 				 		:value="single"
 				 		@change="change"
 				 		:clear-icon="false"
-				 	/>
+				 	/> -->
+					<picker mode="date" fields="year"  @change="bindDateChange" class="picker-class">
+						<view class="uni-input display-between items-center">{{dateYear}}年<image src="/static/calendar_icon.svg" mode="aspectFit" style="top: 18rpx;"></image></view>
+					</picker>
+					<picker :range="arrayMonth" :value="dateMonth"  @change="bindDateMonthChange" class="picker-class" style="margin-left: 2%;">
+						<view class="uni-input display-between items-center" style="color: #707070;">{{dateMonth}}月<image src="/static/calendar_icon.svg" mode="aspectFit" style="top: 18rpx;"></image></view>
+					</picker>
 				    <picker @change="bindPickerChange" :value="index" :range="array">
 				 			<view class="uni-input">{{array[index]}}</view>
 				 			<image src="/static/arrow_down.svg" mode="aspectFit"></image>
 				    </picker>
 				    <button @click="goRecord()">+获奖记录</button>
 				 </view>
-				 <view class="honor-box" v-for="(item,index) in honorList" :key="index">
+				 <view class="honor-box" v-for="(item,index) in honorList" :key="index" style="position: relative;">
 					    <view class="honor-name">{{item.name}}</view>
-						<image :src="item.img_url" mode="aspectFit"></image>
-					    <view class="honor-award">获奖人：{{item.award_name}}</view>
+						<image :src="item.pic_url" mode="aspectFit" @click="showLarge(item.pic_url_resize)"></image>
+					    <view class="honor-award">获奖人：{{item.for_branch}} {{item.for_names}}</view>
 						<view class="honor-info-box">
-							<text>{{item.date}}</text>
+							<text>{{item.year}}年{{item.month}}月</text>
 							<text>|</text>
-							<text>{{item.level}}</text>
+							<text>{{item.level_str}}</text>
 							<text>|</text>
-							<text>{{item.honor_type}}</text>
+							<text>{{item.from_str}}</text>
 							<text>|</text>
-							<text>{{item.honor_self}}</text>
+							<text>{{item.for_str}}</text>
+						</view>
+						<view class="edit-icon-box">
+							  <image src="/static/edit-icon.png" mode="aspectFit" v-show="item.edit_auth"></image>
+							  <image src="/static/del-icon.png" mode="aspectFit" v-show="item.del_auth"></image>
 						</view>
 				 </view>
+				 <view v-if="!honorList.length" style="text-align: center;">
+				 	<image src="/static/nodata.svg" mode="aspectFit" style="width: 300rpx;height: 300rpx;"></image>
+				 </view>
 			 </view>
 			 <view v-show="current == 1">
 				 <view class="active-title-box">
-				 	<uni-datetime-picker
-				 	    class="time-select-box"
-				 		type="date"
-				 		:value="single"
-				 		@change="change"
-				 		:clear-icon="false"
-				 	/>
-				    <picker @change="bindPickerChange" :value="index" :range="array">
-				 			<view class="uni-input">{{array[index]}}</view>
+					<picker mode="date" fields="year"  @change="bindDateChangeSelf" class="picker-class">
+						<view class="uni-input display-between items-center">{{dateYearSelf}}年<image src="/static/calendar_icon.svg" mode="aspectFit" style="top: 18rpx;"></image></view>
+					</picker>
+					<picker :range="arrayMonth" :value="dateMonthSelf"  @change="bindDateMonthChangeSelf" class="picker-class" style="margin-left: 2%;">
+						<view class="uni-input display-between items-center" style="color: #707070;">{{dateMonthSelf}}月<image src="/static/calendar_icon.svg" mode="aspectFit" style="top: 18rpx;"></image></view>
+					</picker>
+	<!-- 			    <picker @change="bindPickerChangeSelf" :value="indexSelf" :range="arraySelf">
+				 			<view class="uni-input">{{arraySelf[index]}}</view>
 				 			<image src="/static/arrow_down.svg" mode="aspectFit"></image>
-				    </picker>
-				    <button @click="goRecord()">+获奖记录</button>
+				    </picker> -->
+				    <button @click="goRecord()" style="margin-left: 20%;">+获奖记录</button>
 				 </view>
-				 <view class="honor-box" v-for="(item,index) in myHonorList" :key="index" style="position: relative;">
-						<view class="honor-name">{{item.name}}</view>
-						<image :src="item.img_url" mode="aspectFit"></image>
-						<view class="honor-award">获奖人：{{item.award_name}}</view>
+				 <view class="honor-box" v-for="(item,index) in myHonorList" :key="index" >
+					    <view class="honor-name">{{item.name}}</view>
+						<image :src="item.pic_url" mode="aspectFit" @click="showLarge(item.pic_url_resize)"></image>
+					    <view class="honor-award">获奖人：{{item.for_branch}} {{item.for_names}}</view>
 						<view class="honor-info-box">
-							<text>{{item.date}}</text>
+							<text>{{item.year}}年{{item.month}}月</text>
 							<text>|</text>
-							<text>{{item.level}}</text>
+							<text>{{item.level_str}}</text>
 							<text>|</text>
-							<text>{{item.honor_type}}</text>
+							<text>{{item.from_str}}</text>
 							<text>|</text>
-							<text>{{item.honor_self}}</text>
+							<text>{{item.for_str}}</text>
 						</view>
-						<view class="edit-icon-box">
+						<!--<view class="edit-icon-box">
 							  <image src="/static/edit-icon.png" mode="aspectFit"></image>
 							  <image src="/static/del-icon.png" mode="aspectFit"></image>
-						</view>
-				 </view>  
-				 
+						</view> -->
+				 </view>
+				 <view v-if="!honorList.length" style="text-align: center;">
+				   	<image src="/static/nodata.svg" mode="aspectFit" style="width: 300rpx;height: 300rpx;"></image>
+				 </view>
 			 </view>
 		 </view>
 	 </view>
@@ -84,69 +98,152 @@ export default {
       details: "",
 	  items:['支部/组织荣誉','我的荣誉'],
 	  current:0,
-	  array:['中央','省级','市级','区级','单位'],
-	  index:2,
+	  shareUrl:getApp().globalData.shareUrl,
+	  array:['全部','中央','省级','市级','区级','单位'],
+	  index:0,
+	  indexSelf:0,
+	  dateYear:new Date().getFullYear(),
+	  dateMonth:new Date().getMonth() + 1,
+	  dateYearSelf:new Date().getFullYear(),
+	  dateMonthSelf:new Date().getMonth() + 1,
+	  arraySelf:['全部','中央','省级','市级','区级','单位'],
+	  arrayMonth:["1", "2","3", "4","5", "6","7", "8","9", "10","11", "12"],
       imageList: [],
       time: "",
 	  globalUrl:getApp().globalData.shareUrl,
-	  honorList:[
-           {
-			   name:'荣誉名称XXXX',
-			   award_name:'王谦 黄华',
-			   date:'2021年12月',
-			   level:'市级',
-			   honor_type:'党内荣誉',
-			   honor_self:'个人荣誉',
-			   img_url:'/static/logo.png',
-		   },
-		   {
-			   name:'荣誉名称XXXX',
-			   award_name:'灞桥区工委 肖亮 尹嗣瑜',
-			   date:'2021年12月',
-			   level:'市级',
-			   honor_type:'党内荣誉',
-			   honor_self:'个人荣誉',
-			   img_url:'/static/logo.png',
-		   }
-	  ],
-	  myHonorList:[
-	       {
-			   name:'荣誉名称XXXX111',
-			   award_name:'王谦 黄华',
-			   date:'2021年12月',
-			   level:'市级',
-			   honor_type:'党内荣誉',
-			   honor_self:'个人荣誉1',
-			   img_url:'/static/logo.png',
-	  		   },
-	  		{
-			   name:'荣誉名称XXXX222',
-			   award_name:'灞桥区工委 肖亮 尹嗣瑜',
-			   date:'2021年12月',
-			   level:'市级',
-			   honor_type:'党内荣誉',
-			   honor_self:'个人荣誉2',
-			   img_url:'/static/logo.png',
-	  		 }
-	  ]
+	  honorList:[],
+	  myHonorList:[]
     };
   },
   onLoad() {
-   
+      this.getHonorList(this.dateYear,this.dateMonth,this.index)
   },
   methods: {
     onClickItem(e){
 		this.current = e.currentIndex
+		this.current ? 
+		this.getMyHonor(this.dateYearSelf,this.dateMonthSelf) : 
+		this.getHonorList(this.dateYear,this.dateMonth,this.index) 
 	},
-	change(e) {
-		this.single = e;
-		 console.log("-change事件:", e);
+	 bindDateChange(e){
+	 	this.dateYear = e.target.value;
+		this.getHonorList(this.dateYear,this.dateMonth,this.index)
+	 },
+	 bindDateMonthChange(e){
+	 	this.dateMonth = this.arrayMonth[e.target.value];
+		this.getHonorList(this.dateYear,this.dateMonth,this.index)
+	 },
+	 bindPickerChange(e){
+		 this.index = e.detail.value
+		 this.getHonorList(this.dateYear,this.dateMonth,e.detail.value)
 	 },
+	 bindDateChangeSelf(e){
+	 	this.dateYearSelf = e.target.value;
+	 	this.getMyHonor(this.dateYearSelf,this.dateMonthSelf,this.indexSelf)
+	 },
+	 bindDateMonthChangeSelf(e){
+	 	this.dateMonthSelf = this.arrayMonth[e.target.value];
+	 	this.getMyHonor(this.dateYearSelf,this.dateMonthSelf,this.indexSelf)
+	 },
+	 // bindPickerChangeSelf(e){
+		//  this.indexSelf = e.detail.value
+		//  this.getMyHonor(this.dateYearSelf,this.dateMonthSelf,e.detail.value)	 
+	 // },
 	 goRecord(){
 		 uni.navigateTo({
 		 	url:'./record'
 		 })
-	 }
+	 },
+	 showLarge(src) {
+	   uni.previewImage({
+	     urls: [src],
+	     longPressActions: {
+	       itemList: ["发送给朋友", "保存图片"],
+	       success: function (data) {},
+	       fail: function (err) {
+	         console.log(err.errMsg);
+	       },
+	     },
+	   });
+	 },
+	 getHonorList(y,m,level) {
+	   let md5Sign = md5(
+	     "method=" +"glory" + "&timestamp=" + getApp().globalData.globalTimestamp +
+	       "&secret=" + getApp().globalData.secret
+	   );
+	   let url = getApp().globalData.shareUrl +"api/api.php" +
+	     "?method=glory&action=list&timestamp=" +
+	     getApp().globalData.globalTimestamp +
+	     "&sign=" +
+	     md5Sign;
+	   uni.request({
+	     url: url,
+	     method: "POST",
+	     header: {
+	       "content-type": "application/x-www-form-urlencoded",
+	     },
+	     data: {
+	       openid: getApp().globalData.open_id,
+	 	   year:y,
+		   month:m,
+		   level:level,
+		   page:1,
+		   page_size:10
+	     },
+	     success: (res) => {
+	       if (res.data.code === 200) {
+			    let list = res.data.data.list;
+				list.forEach((item)=>{
+					item.pic_url = this.shareUrl + item.pic_url;
+					item.pic_url_resize = this.shareUrl + item.pic_url_resize;
+				})
+	 			this.honorList = list;
+	       }
+	     },
+	     fail: () => {
+	       console.log("连接失败");
+	     },
+	   });
+	 },
+	 getMyHonor(y,m) {
+	   let md5Sign = md5(
+	     "method=" +"glory" + "&timestamp=" + getApp().globalData.globalTimestamp +
+	       "&secret=" + getApp().globalData.secret
+	   );
+	   let url = getApp().globalData.shareUrl +"api/api.php" +
+	     "?method=glory&action=my_list&timestamp=" +
+	     getApp().globalData.globalTimestamp +
+	     "&sign=" +
+	     md5Sign;
+	   uni.request({
+	     url: url,
+	     method: "POST",
+	     header: {
+	       "content-type": "application/x-www-form-urlencoded",
+	     },
+	     data: {
+	       openid: getApp().globalData.open_id,
+	 	   year:y,
+		   month:m,
+		   // level:level,
+		   page:1,
+		   page_size:10
+	     },
+	     success: (res) => {
+	       if (res.data.code === 200) {
+				let list = res.data.data.list;
+				list.forEach((item)=>{
+					item.pic_url = this.shareUrl + item.pic_url;
+					item.pic_url_resize = this.shareUrl + item.pic_url_resize;
+				})
+				this.myHonorList = list;
+	       }
+	     },
+	     fail: () => {
+	       console.log("连接失败");
+	     },
+	   });
+	 },
   },
 };
 </script>
@@ -165,7 +262,7 @@ export default {
    			margin-left: 5%;
    		}
    		picker {
-   		    width: 25%;
+   		    width: 20%;
    			border: 1px solid #d7d7d7;
    			height: 60rpx;
    			line-height: 60rpx;
@@ -182,11 +279,12 @@ export default {
    			}
    		}
    		button {
-   			width: 24%;
-   			font-size: 25rpx;
-   			background: #4988fd;
-   			color: #fff;
-   			margin-left: 25rpx;
+			width: 25%;
+			font-size: 25rpx;
+			background: #4988fd;
+			color: #fff;
+			margin-left: 20rpx;
+			margin-right: 20rpx;
    		}
    }
    
@@ -196,7 +294,7 @@ export default {
 	   padding: 20rpx 40rpx 20rpx 40rpx;
 	   border-bottom: 1px solid #d7d7d7;
 	   image {
-			width: 240rpx;
+			width: 360rpx;
 			height: 160rpx;
 			margin: 20rpx auto;
 	   }

pages/index/org_member.vue

@@ -2,8 +2,8 @@
   <view class="content">
     <view>
 		<view class="active-title-box">
-		   <picker @change="bindPickerChange" :value="index" :range="array">
-					<view class="uni-input">{{array[index]}}</view>
+		   <picker @change="bindPickerChange" :value="index" :range="orgArray" :range-key="'name'">
+					<view class="uni-input">{{orgValue}}</view>
 					<image src="/static/arrow_down.svg" mode="aspectFit"></image>
 		   </picker>
 		</view>
@@ -11,13 +11,16 @@
 			<view class="active-content-box">
 				<view class="active-content">
 					<view class="active-name">{{item.name}}</view>
-					<view class="active-date">({{item.company}})</view>
+					<view class="active-date">({{item.office}})</view>
 				</view>
 				<view class="active-content" style="margin-top: 10rpx">
 					<view>{{item.phone}}</view>
 				</view>
 			</view>
 		</view>
+		<view v-if="!orgList.length" style="text-align: center;">
+			<image src="/static/nodata.svg" mode="aspectFit" style="width: 300rpx;height: 300rpx;"></image>
+		</view>
 	</view>
   </view>
 </template>
@@ -32,43 +35,91 @@ export default {
       isAuth:getApp().globalData.globalAuth,
       userHeadImg: getApp().globalData.user_headUrl,
       userNickName:getApp().globalData.user_name,
-	  array: ['全部', '浐灞一支部', '浐灞二支部'],
+	  orgValue:'',
+	  orgArray:[],
+	  orgId:'',
 	  index: 0,
-	  orgList:[
-		  {
-		     name:'路小路',
-			 company:'西安芝麻开花科技有限公司',
-			 phone:'18442712329'
-		  },
-		  {
-		     name:'肖阳',
-			 company:'西安芝麻开花科技有限公司',
-			 phone:'18765670560'
-		  },
-		  {
-		     name:'刘森宇',
-			 company:'西安芝麻开花科技有限公司',
-			 phone:'13991322329'
-		  },
-		  {
-		     name:'张琪',
-			 company:'西安芝麻开花科技有限公司',
-			 phone:'15902958809'
-		  },
-	  ]
+	  orgList:[]
     };
   },
   onShow() {
   },
+  onLoad(){
+	 this.getMemberGroup(); 
+  },
   methods: {
 		  bindPickerChange: function(e) {
-			  console.log('picker发送选择改变，携带值为', e.target.value)
-			  this.index = e.target.value
+			  this.orgValue = this.orgArray[e.target.value].name;
+			  this.orgId = this.orgArray[e.target.value].branch_id;
+			  this.getMemberList(this.orgId);
 		  },
 		  change(e) {
 			  this.single = e;
 			  console.log("-change事件:", e);
 		  },
+		  getMemberGroup() {
+		    let md5Sign = md5(
+		      "method=" +"member" + "&timestamp=" + getApp().globalData.globalTimestamp +
+		        "&secret=" + getApp().globalData.secret
+		    );
+		    let url = getApp().globalData.shareUrl +"api/api.php" +
+		      "?method=member&action=member_branch&timestamp=" +
+		      getApp().globalData.globalTimestamp +
+		      "&sign=" +
+		      md5Sign;
+		    uni.request({
+		      url: url,
+		      method: "POST",
+		      header: {
+		        "content-type": "application/x-www-form-urlencoded",
+		      },
+		      data: {
+		        openid: getApp().globalData.open_id,
+		      },
+		      success: (res) => {
+		        if (res.data.code === 200) {
+					this.orgArray = res.data.data;
+					if(this.orgArray.length){
+						this.orgValue = this.orgArray[0].name;
+						this.getMemberList(this.orgArray[0].branch_id)
+					}
+		        }
+		      },
+		      fail: () => {
+		        console.log("连接失败");
+		      },
+		    });
+		  },
+		  getMemberList(branchId) {
+		    let md5Sign = md5(
+		      "method=" +"member" + "&timestamp=" + getApp().globalData.globalTimestamp +
+		        "&secret=" + getApp().globalData.secret
+		    );
+		    let url = getApp().globalData.shareUrl +"api/api.php" +
+		      "?method=member&action=member_by_branch&timestamp=" +
+		      getApp().globalData.globalTimestamp +
+		      "&sign=" +
+		      md5Sign;
+		    uni.request({
+		      url: url,
+		      method: "POST",
+		      header: {
+		        "content-type": "application/x-www-form-urlencoded",
+		      },
+		      data: {
+		        openid: getApp().globalData.open_id,
+				branch_id:branchId,
+		      },
+		      success: (res) => {
+		        if (res.data.code === 200) {
+					this.orgList = res.data.data;
+		        }
+		      },
+		      fail: () => {
+		        console.log("连接失败");
+		      },
+		    });
+		  },
   },
 };
 </script>
@@ -153,7 +204,7 @@ export default {
 			margin-left: 5%;
 		}
 		picker {
-		    width: 25%;
+		    width: 30%;
 			border: 1px solid #d7d7d7;
 			height: 60rpx;
 			line-height: 60rpx;

pages/index/self_info.vue

@@ -274,10 +274,10 @@
 			  });
 			},
 			bindDateChange(e){
-						   this.dateYear = e.target.value
+				this.dateYear = e.target.value
 			},
 			bindDateMonthChange(e){
-						   this.dateMonth = this.arrayMonth[e.target.value]
+				this.dateMonth = this.arrayMonth[e.target.value]
 			},
 			change(e) {
 			  this.userBorn = e;

static/nodata.svg

@@ -0,0 +1,168 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 800 800" style="enable-background:new 0 0 800 800;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:url(#SVGID_4_);}
+	.st4{fill:url(#SVGID_5_);}
+	.st5{fill:url(#SVGID_6_);}
+	.st6{fill:url(#SVGID_7_);}
+	.st7{fill:url(#SVGID_8_);}
+	.st8{fill:#C6D0E0;}
+	.st9{fill:none;stroke:#B2BBC9;stroke-miterlimit:10;stroke-dasharray:12;}
+	.st10{fill:url(#SVGID_9_);}
+	.st11{fill:url(#SVGID_10_);}
+	.st12{fill:url(#SVGID_11_);}
+	.st13{fill:url(#SVGID_12_);}
+	.st14{fill:url(#SVGID_13_);}
+	.st15{fill:url(#SVGID_14_);}
+	.st16{fill:url(#SVGID_15_);}
+	.st17{fill:url(#SVGID_16_);}
+	.st18{fill:url(#SVGID_17_);}
+	.st19{fill:url(#SVGID_18_);}
+	.st20{fill:url(#SVGID_19_);}
+	.st21{fill:url(#SVGID_20_);}
+	.st22{fill:url(#SVGID_21_);}
+	.st23{fill:url(#SVGID_22_);}
+	.st24{opacity:0.5;fill:#FFFFFF;}
+</style>
+<g>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="400" y1="885" x2="400" y2="139">
+		<stop  offset="0.4171" style="stop-color:#F8FAFC;stop-opacity:0"/>
+		<stop  offset="1" style="stop-color:#ECEFF4"/>
+	</linearGradient>
+	<ellipse class="st0" cx="400" cy="512" rx="400" ry="373"/>
+	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="400" y1="643.1592" x2="400" y2="443.0284">
+		<stop  offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/>
+		<stop  offset="1" style="stop-color:#D7DCE2;stop-opacity:0.5"/>
+	</linearGradient>
+	<ellipse class="st1" cx="400" cy="543.1" rx="258" ry="100.1"/>
+	<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="449.4218" y1="632" x2="449.4218" y2="490.1485">
+		<stop  offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/>
+		<stop  offset="1" style="stop-color:#D7DCE2;stop-opacity:0.7"/>
+	</linearGradient>
+	<polygon class="st2" points="632.6,632 266.2,632 281,507.6 408.1,490.1 522.1,508.4 	"/>
+	<g>
+		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="401.9904" y1="332.3293" x2="293.3605" y2="520.4817">
+			<stop  offset="0" style="stop-color:#C6D0E0"/>
+			<stop  offset="1" style="stop-color:#D7DDE2"/>
+		</linearGradient>
+		<path class="st3" d="M396.1,538.5l-113.6-24.3l-2.7-166.5l108.4-23.3L396.1,538.5z"/>
+		<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="527.0593" y1="506.3252" x2="366.7455" y2="346.0113">
+			<stop  offset="0" style="stop-color:#C6D0E0"/>
+			<stop  offset="1" style="stop-color:#DFE4EA"/>
+		</linearGradient>
+		<path class="st4" d="M523.5,509.9l-127.4,28.7l-7.8-214.1L522,338.2L523.5,509.9z"/>
+		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="529.3527" y1="504.0319" x2="398.0334" y2="372.7126">
+			<stop  offset="0" style="stop-color:#A7B1C1"/>
+			<stop  offset="1" style="stop-color:#C6D0E0"/>
+		</linearGradient>
+		<path class="st5" d="M408.3,541.5l115.2-31.6L522,338.2l-113.8,24.3V541.5z"/>
+		<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="427.9634" y1="521.7811" x2="267.4675" y2="361.2852">
+			<stop  offset="0" style="stop-color:#C6D0E0"/>
+			<stop  offset="1" style="stop-color:#EFF2F6"/>
+		</linearGradient>
+		<path class="st6" d="M408.3,541.5c0,0-0.2,0-0.2,0l-127.7-27.7V348.4l127.9,14.1v178.8C408.3,541.3,408.3,541.4,408.3,541.5z"/>
+		<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="376.7471" y1="428.0389" x2="288.1841" y2="339.4759">
+			<stop  offset="0" style="stop-color:#C6D0E0"/>
+			<stop  offset="1" style="stop-color:#EFF2F6"/>
+		</linearGradient>
+		<path class="st7" d="M380.5,424.2l-128.4-23.3l27.7-53.1l128.7,14.6L380.5,424.2z"/>
+		<path class="st8" d="M559.7,391.5l-110.5,32.7l-40.6-61.8L522,338.2L559.7,391.5z"/>
+	</g>
+	<path class="st9" d="M411.2,345.2c0,0-66.5-9.4-78.6-41.1s10.7-50,39.3-45.5c28.6,4.5,21.4,47.3,53.6,43.8
+		c15.4-1.7,15.8-18.7,21.4-27.7c6.1-9.8,17-11.6,17-11.6"/>
+	<g>
+		<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="503.3252" y1="255.6929" x2="467.4771" y2="219.8447">
+			<stop  offset="0" style="stop-color:#A7B1C1"/>
+			<stop  offset="1" style="stop-color:#C6D0E0"/>
+		</linearGradient>
+		<path class="st10" d="M471.5,271.8l8,7.8l42.8-52.2v-1.8l-78.5,18v1.8l14.3,13.4l55.2-26.8l-49.9,32L471.5,271.8z"/>
+		<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="467.9646" y1="275.2808" x2="459.9981" y2="267.3143">
+			<stop  offset="0" style="stop-color:#A7B1C1"/>
+			<stop  offset="1" style="stop-color:#C6D0E0"/>
+		</linearGradient>
+		<path class="st11" d="M463.4,263.9l0,15.7l8-7.8V270L463.4,263.9z"/>
+		<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="502.8788" y1="254.3535" x2="467.9235" y2="219.3983">
+			<stop  offset="0" style="stop-color:#C6D0E0"/>
+			<stop  offset="1" style="stop-color:#EFF2F6"/>
+		</linearGradient>
+		<path class="st12" d="M471.5,270l8,7.8l42.8-52.2l-78.5,18l14.3,13.4l55.2-26.8l-49.9,32L471.5,270z"/>
+		<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="463.4288" y1="269.9206" x2="471.4716" y2="269.9206">
+			<stop  offset="0" style="stop-color:#B3BECE"/>
+			<stop  offset="1" style="stop-color:#CAD3DD"/>
+		</linearGradient>
+		<path class="st13" d="M463.4,262.1l0,15.7l8-7.8L463.4,262.1z"/>
+	</g>
+	<linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="229.5" y1="627" x2="229.5" y2="502.4239">
+		<stop  offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/>
+		<stop  offset="1" style="stop-color:#D7DCE2;stop-opacity:0.7"/>
+	</linearGradient>
+	<polygon class="st14" points="248,626 211,627 214,502.6 222.9,502.4 	"/>
+	<linearGradient id="SVGID_14_" gradientUnits="userSpaceOnUse" x1="263" y1="597" x2="263" y2="491.8702">
+		<stop  offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/>
+		<stop  offset="1" style="stop-color:#D7DCE2;stop-opacity:0.7"/>
+	</linearGradient>
+	<polygon class="st15" points="293,597 233,597 236,494.4 267.9,491.9 	"/>
+	<linearGradient id="SVGID_15_" gradientUnits="userSpaceOnUse" x1="250.7151" y1="475.3314" x2="186.9884" y2="411.6046">
+		<stop  offset="0" style="stop-color:#C6D0E0"/>
+		<stop  offset="1" style="stop-color:#EFF2F6"/>
+	</linearGradient>
+	<polygon class="st16" points="216.6,382 214,503 223,503 221.8,382 	"/>
+	<g>
+		<path class="st8" d="M209.8,389.7c0,0,54.8-3.7,5.6-67.8c0,0-35.5,15.8-31.8,49.2C183.6,371.2,183.6,389.7,209.8,389.7z"/>
+		<linearGradient id="SVGID_16_" gradientUnits="userSpaceOnUse" x1="240.4363" y1="396.0994" x2="194.2441" y2="349.9072">
+			<stop  offset="0" style="stop-color:#C6D0E0"/>
+			<stop  offset="1" style="stop-color:#EFF2F6"/>
+		</linearGradient>
+		<path class="st17" d="M214.2,330.3c0,0-44.6,39-33.4,58.5c0,0,13.9,18.6,55.7,5.6S240.2,330.3,214.2,330.3z"/>
+	</g>
+	<g>
+		<linearGradient id="SVGID_17_" gradientUnits="userSpaceOnUse" x1="590.0138" y1="616.9282" x2="590.0138" y2="520.4252">
+			<stop  offset="0" style="stop-color:#DFE2E5;stop-opacity:0"/>
+			<stop  offset="1" style="stop-color:#D7DCE2;stop-opacity:0.7"/>
+		</linearGradient>
+		<polygon class="st18" points="591,616.9 582,522.9 590,520.4 598,522.8 596,616.9 		"/>
+		<g>
+			<linearGradient id="SVGID_18_" gradientUnits="userSpaceOnUse" x1="589.8101" y1="523.2173" x2="589.8101" y2="437">
+				<stop  offset="0" style="stop-color:#C6D0E0"/>
+				<stop  offset="1" style="stop-color:#EFF2F6"/>
+			</linearGradient>
+			<path class="st19" d="M585,437c0,0,3.7,51.8-1,76.5c-0.8,4-4,8.5-2,9.5s2.6-1.8,7.6-1.8c2.5,0,7.4,2.8,8.4,1.8s-1.1-3.8-2.5-10.2
+				c-3.2-15.1-8-44.9-4.5-75.8H585z"/>
+			<path class="st8" d="M596.4,451.3c0,12.2-16,18.1-28.2,18.1S548,457.5,548,445.3s12.9-22.2,25.2-22.2S596.4,439.1,596.4,451.3z"
+				/>
+			<linearGradient id="SVGID_19_" gradientUnits="userSpaceOnUse" x1="608.4828" y1="448.2691" x2="564.8653" y2="404.6516">
+				<stop  offset="0" style="stop-color:#C6D0E0"/>
+				<stop  offset="1" style="stop-color:#EFF2F6"/>
+			</linearGradient>
+			<path class="st20" d="M618.3,431.3c0,15.8-20.6,23.3-36.3,23.3s-25.9-15.4-25.9-31.1c0-15.8,16.7-28.5,32.4-28.5
+				S618.3,415.5,618.3,431.3z"/>
+			<linearGradient id="SVGID_20_" gradientUnits="userSpaceOnUse" x1="616.3005" y1="469.0449" x2="591.0118" y2="425.2436">
+				<stop  offset="0" style="stop-color:#C6D0E0"/>
+				<stop  offset="1" style="stop-color:#EFF2F6"/>
+			</linearGradient>
+			<path class="st21" d="M597.6,469.2c-11.3,0-20.7-12.3-20.7-24.3c0-12,15-23.2,26.3-23.2s27.6,8.4,25.6,29.6
+				C626.8,472.5,609,469.2,597.6,469.2z"/>
+		</g>
+	</g>
+	<g>
+		<linearGradient id="SVGID_21_" gradientUnits="userSpaceOnUse" x1="257.4933" y1="497.0511" x2="241.2711" y2="480.8289">
+			<stop  offset="0" style="stop-color:#C6D0E0"/>
+			<stop  offset="1" style="stop-color:#D7DDE2"/>
+		</linearGradient>
+		<polygon class="st22" points="250.9,471.2 236,494.9 252.7,501.8 		"/>
+		<linearGradient id="SVGID_22_" gradientUnits="userSpaceOnUse" x1="262.6711" y1="497.3489" x2="243.7111" y2="478.3889">
+			<stop  offset="0" style="stop-color:#A7B1C1"/>
+			<stop  offset="1" style="stop-color:#C6D0E0"/>
+		</linearGradient>
+		<polygon class="st23" points="252.7,501.8 268,492 250.9,471.2 		"/>
+	</g>
+	<polygon class="st24" points="375,457 308,445 308,429 375,441 	"/>
+	<path class="st24" d="M433,444v45l67-18v-45L433,444z M442,464.4l35.7-10.3v3.5L442,468V464.4z M492,462.6L442,477v-3.6l50-14.4
+		V462.6z M492,441.6L442,456v-3.6l50-14.4V441.6z"/>
+</g>
+</svg>