Merge branch 'zhangtao' of gitadmin/tuoheng_qmhh_web into develop

api/learining.js

@@ -7,7 +7,7 @@ export const api_westreamVideo = function (data) {
         data
     })
 }
-export const api_updateProgress = function (data) {
+export const updateProgress = function (data) {
     return request({
         url: '/westreamVideo/updateProgress',
         method: 'PUT',

api/mine.js

@@ -86,4 +86,14 @@ export const readAll = function (data) {
         method: 'PUT',
         data
     })
+}
+/**
+ * 全部已读
+ */
+export const messageSum = function (data) {
+    return request({
+        url: '/message/sum',
+        method: 'get',
+        data
+    })
 }

api/volunteer.js

@@ -7,7 +7,7 @@ export const api_westreamActivity = function (data) {
         data
     })
 }
-export const api_Activitysubmit = function (data) {
+export const activitySubmit = function (data) {
     return request({
         url: '/westreamActivityApply/submit',
         method: 'POST',

app.json

@@ -54,6 +54,7 @@
                 "pages/AttentionMethod/index",
                 "pages/AddPicture/index",
                 "pages/LearningVideo/index",
+                "pages/videoDetail/index",
                 "pages/VolunteerActivity/index",
                 "pages/VolunteerDetail/index",
                 "pages/ActivityApply/index"

package_first/pages/ActivityApply/index.js

@@ -1,18 +1,50 @@
-// package_first/pages/ActivityApply/index.js
+import { activitySubmit } from '../../../api/volunteer.js'
+
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        activityId: null,
+        userInfo: {
+            applyName: null,
+            applyPhone: null
+        }
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
     onLoad(options) {
+        const activityId = options.id
+        this.setData({
+            activityId
+        })
+    },
+
+    setApplyName(e){
+        this.setData({
+            'userInfo.applyName': e.detail.value
+        })
+    },
+    setApplyPhone(e){
+        this.setData({
+            'userInfo.applyPhone': e.detail.value
+        })
+    },
 
+    handleSubmit(){
+        const openid = wx.getStorageSync('openid')
+        const params = {
+            ...this.data.userInfo,
+            openid,
+            activityId: this.data.activityId
+        }
+        activitySubmit(params)
+        .then(re=>{
+            
+        })
     },
 
     /**

package_first/pages/ActivityApply/index.json

@@ -1,3 +1,5 @@
 {
-    "usingComponents": {}
+    "usingComponents": {},
+    "navigationBarTitleText": "参加活动",
+    "navigationBarBackgroundColor": "#1F80F4"
 }

package_first/pages/ActivityApply/index.wxml

@@ -1,2 +1,28 @@
-<!--package_first/pages/ActivityApply/index.wxml-->
-<text>package_first/pages/ActivityApply/index.wxml</text>
+<view class="activity__container">
+  <view class="activity__header">
+    <view class="header__title">
+      期待您的加入！
+    </view>
+    <view class="header__tips">
+      全民护河 全民参与 助力生态文明建设
+    </view>
+  </view>
+  <view class="activity__back"></view>
+  <view class="activity__content">
+    <view class="content__item">
+      <view class="item__label">
+        姓名
+      </view>
+      <input class="item__input" type="text" bindinput="setApplyName" placeholder="请填写姓名" />
+    </view>
+    <view class="content__item">
+      <view class="item__label">
+        手机号
+      </view>
+      <input class="item__input" type="text" bindinput="setApplyPhone" placeholder="请填写手机号" />
+    </view>
+  </view>
+  <view class="activity__button" bindtap="handleSubmit">
+    提交
+  </view>
+</view>

package_first/pages/ActivityApply/index.wxss

@@ -1 +1,84 @@
-/* package_first/pages/ActivityApply/index.wxss */
+.activity__container{
+  position: relative;
+  height: 100vh;
+  background: #F2F6F9;
+}
+.activity__header{
+  height: 210rpx;
+  background: #1F80F4;
+  padding: 10rpx 100rpx;
+  border-bottom-left-radius: 15%;
+  border-bottom-right-radius: 15%;
+}
+.header__title{
+  font-size: 38rpx;
+  color: #FFFFFF;
+  margin-bottom: 20rpx;
+}
+.header__tips{
+  font-size: 28rpx;
+  color: #CAE5FF;
+}
+
+.activity__back{
+  width: calc(100% - 140rpx);
+  height: 100rpx;
+  background: #CBE5FF;
+  border-radius: 20rpx;
+  position: absolute;
+  left: 50%;
+  top: 140rpx;
+  transform: translate(-50%,0);
+}
+
+.activity__content{
+  position: absolute;
+  left: 50%;
+  top: 160rpx;
+  transform: translate(-50%,0);
+  width: calc(100% - 60rpx);
+  height: calc(100vh - 320rpx);
+  padding: 70rpx 30rpx;
+  background:  #FFFFFF;
+  border: 1rpx solid #E4F0FE;
+  border-radius: 20rpx;
+  box-shadow: 0rpx 4rpx 29rpx 0rpx rgba(32,123,242,0.08);
+}
+
+.content__item{
+  margin-bottom: 50rpx;
+}
+
+.item__label{
+  font-size: 32rpx;
+  color: #333333;
+  display: flex;
+  align-items: center;
+  margin-bottom: 30rpx;
+}
+.item__label::before{
+  content: "";
+  width: 10rpx;
+  height: 40rpx;
+  display: inline-block;
+  background: #1F80F4;
+  margin-right: 24rpx;
+}
+
+.item__input{
+  border-bottom: 1px solid #F2F2F2;
+  font-size: 32rpx;
+  padding: 10rpx 40rpx;
+}
+
+.activity__button{
+  position: absolute;
+  left: 30rpx;
+  bottom: 30rpx;
+  width: calc(100% - 60rpx);
+  line-height: 90rpx;
+  text-align: center;
+  color: #FFFFFF;
+  background: #3275E9;
+  border-radius: 40rpx;
+}

package_first/pages/LearningVideo/index.js

@@ -7,32 +7,30 @@ Page({
      */
     data: {
         list:[],
-        entersList:[
-            {
-                title:'未学习',
-                isstudy:false
-            },
-            {
-                title:'学习中',
-                isstudy:false
-            },
-            {
-                title:'已学习',
-                isstudy:false
-            }
-        ],
-        userPage:{
-            page:1,
-            limit:10
+        params: {
+            openid: null
         },
-        total:0,
+        current: ''
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
     onLoad(options) {
+        const openid = wx.getStorageSync('openid')
+        this.setData({
+            params:{ openid }
+        })
+    },
 
+    /* 更新数据 */
+    updateList(e) {
+        let list = this.data.list.concat(e.detail || [])
+        this.setData({ list })
+    },
+    /* 重置数据 */
+    resetList() {
+        this.setData({ list: [] })
     },
 
     /**
@@ -46,7 +44,9 @@ Page({
      * 生命周期函数--监听页面显示
      */
     onShow() {
-        this.westreamVideo()
+        this.setData({
+            current:'/westreamVideo/index' 
+        })
     },
 
     /**
@@ -104,6 +104,12 @@ Page({
                 data.entersList[1].isstudy = true
             }
         })
+    },
+    handleDetail(e){
+        const data = JSON.stringify(e.currentTarget.dataset.item)
+        wx.navigateTo({
+            url: '/package_first/pages/videoDetail/index?data='+ encodeURIComponent(data)
+        })
     }
 
 })

package_first/pages/LearningVideo/index.wxml

@@ -1,16 +1,18 @@
 <!--package_first/pages/LearningVideo/index.wxml-->
 <view class="LearningVideo_container">
-    <view class="part" wx:for="{{list}}" wx:key="index">
-        <view><image class="sutdy_picture" src="{{item.imageUrl}}" mode=""/></view>
-        <view class="cotent">
-            <view class="title">
-                <view class="title_text">{{item.videoTitle}}</view>
-                    <view class="{{item.status==2?'item__tag sutdying':item.status==1?'item__tag no--sutdy':'item__tag is--sutdy'}}">
-                        {{item.status==2?'学习中':item.status==1?'待学习':'已学习'}}
-                    </view>
+    <list id="list" class="shop_list" url="{{current}}" bind:update-list="updateList" list="{{list}}" bind:reset-list="resetList" params="{{params}}">
+        <view class="part" wx:for="{{list}}" wx:key="index" data-item="{{ item }}" bindtap="handleDetail">
+            <view><image class="sutdy_picture" src="{{item.imageUrl}}" mode=""/></view>
+            <view class="cotent">
+                <view class="title">
+                    <view class="title_text">{{item.videoTitle}}</view>
+                        <view class="{{item.status==2?'item__tag sutdying':item.status==1?'item__tag no--sutdy':'item__tag is--sutdy'}}">
+                            {{item.status==2?'学习中':item.status==1?'待学习':'已学习'}}
+                        </view>
+                </view>
+                <view class="title_content">{{item.videoBrief}}</view>
             </view>
-            <view class="title_content">{{item.videoBrief}}</view>
         </view>
-    </view>
+    </list>
     <view class="bottom">- 更多视频 敬请期待 -</view>
 </view>

package_first/pages/ProtectionActivity/index.json

@@ -3,6 +3,6 @@
         "list": "../../../components/List/index",
         "ImageList": "../../../components/ImageList/index"
     },
-    "navigationBarTitleText": "护河建议",
-    "navigationBarBackgroundColor": "#2E7BF3"
+    "navigationBarTitleText": "护河活动",
+    "navigationBarBackgroundColor": "#2C81F6"
 }

package_first/pages/VolunteerActivity/index.wxss

@@ -54,7 +54,8 @@
 }
 .activity_date{
     display: flex;
-    line-height: 14rpx;
+    align-items: center;
+    font-size: 30rpx;
     padding: 38rpx 38rpx 0 6rpx;
 }
 .dot{

package_first/pages/VolunteerDetail/index.js

@@ -88,7 +88,7 @@ Page({
         //       })
         //   }
              wx.navigateTo({
-                url:"/package_first/pages/ActivityApply/index"
+                url:"/package_first/pages/ActivityApply/index?id=" + this.data.activityInfo.id
             })
       },
     /**

package_first/pages/VolunteerDetail/index.json

@@ -1,3 +1,5 @@
 {
-    "usingComponents": {}
+    "usingComponents": {},
+    "navigationBarTitleText": "活动详情",
+    "navigationBarBackgroundColor": "#C2D8FF"
 }

package_first/pages/VolunteerDetail/index.wxml

@@ -16,7 +16,7 @@
             <view class="time_act">{{activityInfo.activityBeginTime}}～{{activityInfo.activityEndTime}}</view>
         </view>
     </view>
-            <view class="button" bindtap="goApply">
-                报名
-            </view>
+        <view class="button" bindtap="goApply">
+            报名
+        </view>
 </view>

package_first/pages/VolunteerDetail/index.wxss

@@ -3,14 +3,13 @@
     width: 100%;
     height: 100vh;
     background: #F2F6F9;
-    padding: 30rpx 29rpx 24 prx 60rpx;
+    padding: 30rpx;
 }
 .main{
-    width: calc(100% - 60rpx);
+    width: 100%;
     background: #FFFFFF;
     box-shadow: 0rpx 0rpx 14rpx 2rpx rgba(43,93,184,0.09);
     border-radius: 20rpx;
-    margin-left: 30rpx;
     padding: 62rpx 30rpx 56rpx 29rpx ;
 }
 .content{
@@ -71,5 +70,4 @@
     bottom: 24rpx;
     height: 90rpx;
     line-height: 80rpx;
-    margin: 0 30rpx 0 30rpx;
 }

package_first/pages/videoDetail/index.js

@@ -0,0 +1,52 @@
+import { updateProgress } from '../../../api/learining.js'
+
+Page({
+  data:{
+    openid: null,
+    initialTime: 10,
+    statusList:{
+      0: '待学习',
+      1: '学习中',
+      2: '已学习',
+    },
+    classList:{
+      0: 'no--sutdy',
+      1: 'is--sutdy',
+      2: 'is--finish',
+    },
+    detail: {"id":4,
+    "createUser":10,
+    "createTime":"2023-06-08 15:02:47",
+    "updateUser":0,
+    "updateTime":null,
+    "mark":1,
+    "tenantId":1,
+    "videoTitle":"端午节的由来",
+    "videoBrief":"端午节即将来临，河长制整理了关于端午习俗的学习视频",
+    "videoUrl":"http://vod.play.t-aaron.com/customerTrans/edc96ea2115a0723a003730956208134/3507f116-18899d07d1c-0004-f90c-f2c-7ec68.mp4",
+    "imageUrl":"https://image.t-aaron.com/imagedir/mk6te6rob9s_1686207766029.jpg",
+    "status":0}
+  },
+  onLoad(options){
+    const openid = wx.getStorageSync('openid')
+    // const str = decodeURIComponent(options.data)
+    this.setData({
+    //   detail: JSON.parse(str)
+      openid
+    })
+  },
+
+  handleEnded(){
+    const params = {
+      status: 2,
+      videoId: this.data.detail.id,
+      openid: this.data.openid
+    }
+    updateProgress(params)
+    .then(res=>{
+      this.setData({
+        'detail.status': 2
+      })
+    })
+  }
+})

package_first/pages/videoDetail/index.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "学习视频"
+}

package_first/pages/videoDetail/index.wxml

@@ -0,0 +1,32 @@
+<view class="video__container">
+  <view class="video__header">
+    <video
+    src="{{ detail.videoUrl }}" 
+    poster="{{detail.imageUrl}}"
+    autoplay="{{false}}" 
+    muted="{{true}}" 
+    initial-time="{{ initialTime }}" 
+    show-progress="{{false}}"
+    show-mute-btn="{{true}}"
+    enable-progress-gesture="{{false}}"
+    bindended="handleEnded">
+      
+    </video>
+    <view class="header__tips">
+      <view class="title_text">{{detail.videoTitle}}</view>
+      <view class="item__tag {{classList[detail.status]}}">
+          {{ statusList[detail.status] }} 
+      </view>
+    </view>
+  </view>
+  <view class="video__content">
+    <view class="content">
+      <view class="content__title">
+        视频详情
+      </view>
+      <view class="content__detail">
+        {{detail.videoBrief}}
+      </view>
+    </view>
+  </view>
+</view>

package_first/pages/videoDetail/index.wxss

@@ -0,0 +1,65 @@
+
+.video__header{
+  width: 100%;
+}
+
+.video__header video{
+  width: 100% !important;
+  height: 420rpx !important;
+}
+.header__tips{
+  background: #FFFFFF;
+  padding: 30rpx 38rpx;
+  font-size: 32rpx;
+  color: #020202;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.item__tag{
+  width: 84rpx;
+  height: 34rpx;
+  font-size: 24rpx;
+  text-align: center;
+  color: #FFFFFF;
+  border-radius: 4rpx;
+}
+
+.no--sutdy{
+  background: #EBAC14;
+}
+
+.is--study{
+  background: #1BE9BC;
+}
+
+.is--finish{
+  background: #006DF7;
+}
+
+.video__content{
+  background: #F6F6F6;
+  padding: 20rpx 30rpx;
+}
+
+.content{
+  padding: 36rpx 40rpx;
+  min-height: calc(100vh - 580rpx);
+  background: #FFFFFF;
+  border-radius: 30rpx 30rpx 0px 0px;
+}
+
+.content__title{
+  font-size: 32rpx;
+  color: #000000;
+  margin-bottom: 50rpx;
+  display: inline-block;
+  box-shadow: 0 -10rpx 0rpx 0rpx rgba(30, 121, 250, 0.5) inset;
+}
+
+.content__detail{
+  font-size: 32rpx;
+  color: #767881;
+  line-height: 50rpx;
+}

pages/mine/index.js

@@ -1,5 +1,6 @@
 // pages/mine/index.js
 import {getUserData} from '../../api/login.js'
+import {messageSum} from '../../api/mine.js'
 Page({
 
     /**
@@ -13,10 +14,11 @@ Page({
             {title: '我的兑换', type: 'exchange', path: '/package_mine/pages/exchange/index'},
             {title: '河湖问题反馈', type: 'feedback', path: '/package_mine/pages/records/index'},
             // {title: '我的美拍', type: 'beauty', path: '/package_mine/pages/beauties/index'},
-            {title: '消息通知', type: 'notice', path: '/package_mine/pages/notice/index'},
+            {title: '消息通知', type: 'notice', path: '/package_mine/pages/notice/index',showNumbers: true},
         ],
         myId: '', // 身份
         integral: 0, // 积分
+        numbers: 0
     },
 
     /**
@@ -30,6 +32,7 @@ Page({
     },
     onShow:function() {
         this.getUserInfo()
+        this.getUnReadNums()
     },
 
     goRecords(e) {
@@ -52,6 +55,14 @@ Page({
             this.setData({userInfo})
         })
     },
+    getUnReadNums(){
+        const openId = wx.getStorageSync('openid')
+        messageSum({openId}).then(res=>{
+            this.setData({
+                numbers: res.data || 0
+            })
+        })
+    },
     // 进入申请身份页面
     goApprove() {
         wx.navigateTo({

pages/mine/index.wxml

@@ -21,7 +21,8 @@
         <view class="function_item" wx:for="{{list}}" wx:key="index" bindtap="goRecords" data-path="{{item.path}}">
             <view class="item_title">
                 <image style="height: 60rpx;width: 60rpx;margin-right: 20rpx;" src="{{'../../assets/img/'+ item.type +'.png'}}"></image>
-                <text style="font-size: 26rpx;">{{item.title}}</text>
+                <view style="font-size: 26rpx;z-index:99">{{item.title}}</view>
+                <text wx:if="{{item.showNumbers && numbers > 0}}" class="badge">{{numbers > 99 ? '99+' : numbers }}</text>
             </view>
             <image style="height: 30rpx;width: 30rpx;" src="../../assets/img/more.png"></image>
         </view>

pages/mine/index.wxss

@@ -94,4 +94,15 @@
     display: flex;
     justify-content: flex-start;
     align-items: center;
+}
+
+.badge{
+    background: #E73F3F;
+    border-radius: 10px;
+    padding: 0 15rpx;
+    color: #FFFFFF;
+    font-size: 24rpx;
+    position: relative;
+    top: -10rpx;
+    right: 20rpx;
 }

project.private.config.json

@@ -196,11 +196,18 @@
                     "query": "",
                     "launchMode": "default",
                     "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "package_first/pages/videoDetail/index",
+                    "query": "data=%257B%2522id%2522%253A4%252C%2522createUser%2522%253A10%252C%2522createTime%2522%253A%25222023-06-08%252015%253A02%253A47%2522%252C%2522updateUser%2522%253A0%252C%2522updateTime%2522%253Anull%252C%2522mark%2522%253A1%252C%2522tenantId%2522%253A1%252C%2522videoTitle%2522%253A%2522%25E7%25AB%25AF%25E5%258D%2588%25E8%258A%2582%25E7%259A%2584%25E7%2594%25B1%25E6%259D%25A5%2522%252C%2522videoBrief%2522%253A%2522%25E7%25AB%25AF%25E5%258D%2588%25E8%258A%2582%25E5%258D%25B3%25E5%25B0%2586%25E6%259D%25A5%25E4%25B8%25B4%25EF%25BC%258C%25E6%25B2%25B3%25E9%2595%25BF%25E5%2588%25B6%25E6%2595%25B4%25E7%2590%2586%25E4%25BA%2586%25E5%2585%25B3%25E4%25BA%258E%25E7%25AB%25AF%25E5%258D%2588%25E4%25B9%25A0%25E4%25BF%2597%25E7%259A%2584%25E5%25AD%25A6%25E4%25B9%25A0%25E8%25A7%2586%25E9%25A2%2591%2522%252C%2522videoUrl%2522%253A%2522http%253A%252F%252Fvod.play.t-aaron.com%252FcustomerTrans%252Fedc96ea2115a0723a003730956208134%252F3507f116-18899d07d1c-0004-f90c-f2c-7ec68.mp4%2522%252C%2522imageUrl%2522%253A%2522https%253A%252F%252Fimage.t-aaron.com%252Fimagedir%252Fmk6te6rob9s_1686207766029.jpg%2522%252C%2522status%2522%253A0%257D",
+                    "launchMode": "default",
+                    "scene": null
                 }
             ]
         }
     },
     "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
     "projectname": "%E5%85%A8%E6%B0%91%E6%8A%A4%E6%B2%B3%E5%B0%8F%E7%A8%8B%E5%BA%8F",
-    "libVersion": "2.16.0"
+    "libVersion": "2.17.0"
 }