zls

config/dev.js

@@ -9,8 +9,8 @@ module.exports = {
     // WSS_HOST: '"wss://dev.jinchengjiaye.com"',
     // HOST: '"https://lt.pawoma.cn"',
     // WSS_HOST: '"wss://lt.pawoma.cn"',
-    HOST: '"http://192.168.0.84:8080"',
-    WSS_HOST: '"ws://192.168.0.84:8080"',
+    HOST: '"http://192.168.0.131:8080"',
+    WSS_HOST: '"ws://192.168.0.131:8080"',
   },
   weapp: {},
   h5: {}

src/app.js

@@ -95,6 +95,11 @@ class App extends Component {
       'pages/signin/index',
       'pages/card/fans/index',
       'pages/person/feedback/index',
+
+      'pages/checkin/index',
+      'pages/checkin/checkinsuccess/index',
+      // 'pages/checkin/unregistered/index',
+  
     ],
     window: {
       backgroundTextStyle: 'light',

src/constants/api.js

@@ -147,4 +147,7 @@ export const API_HELP_DETAIL = resolvePath('helpActivity')
 export const API_HELP_CREATE = resolvePath('helpInitiateRecord')
 export const API_HELP_FRIEND = resolvePath('helpRecord')
 
-//
+//签到
+export const API_CHECKIN_DETAILS = resolvePath('buildingDynamiceEnlistInfo')
+export const API_CHECKIN_ACTIVE = resolvePath('buildingDynamicCheckin')
+

src/constants/checkin.js

@@ -0,0 +1,2 @@
+export const CHECKIN_DETAILS = 'CHECKIN_DETAILS'
+export const CHECKIN_ACTIVE = 'CHECKIN_ACTIVE'

src/pages/checkin/checkinsuccess/index.js

@@ -0,0 +1,38 @@
+import Taro, { Component } from '@tarojs/taro';
+import './index.scss'
+
+
+
+
+export default class checkinsuccess extends Component {
+
+  toshop () {
+    wx.switchTab({
+      url: '/pages/shop/index'
+    });
+  }
+
+  render () {
+
+    return (
+      <View className="checkin" style="width:100vw;height:100vh;background:rgba(245,245,245,1);" >
+        <View style="text-align: center;">
+          <Image className="img" src={require('@assets/checkin/checkinsuccessfully.png')}  ></Image>
+        </View>
+        <View>
+          <Text className="text1" style="">+20积分</Text>
+          <Text className="text2" style="">恭喜您签到成功!</Text>
+        </View>
+        <View >
+          
+          <Text  className="text3" onClick={this.toshop} style="">您已签到成功,快去参加活动吧更多好礼在积分商城等着你> </Text>
+        </View>
+        {/* </Text>
+
+        <Text style="position: absolute; font-size:16px;font-weight:400;color:rgba(153,153,153,1);line-height:22px;top:327px;left:81px"> */}
+
+      </View>
+
+    );
+  }
+}

src/pages/checkin/checkinsuccess/index.scss

@@ -0,0 +1,46 @@
+.checkin {
+  width: 100vw;
+  height: 100vh;
+  background: rgba(245, 245, 245, 1);
+
+  View {
+    .img {
+      width: 750px;
+      height: 898px
+    }
+  }
+
+  .text1 {
+    position: absolute;
+    font-size: 36px;
+    font-weight: 400;
+    color: rgba(255, 39, 68, 1);
+    line-height: 50px;
+    top: 380px;
+    left: 308px
+  }
+
+  .text2 {
+    position: absolute;
+    font-size: 36px;
+    font-weight: 400;
+    color: rgba(187, 156, 121, 1);
+    line-height: 50px;
+    top: 438px;
+
+
+    left: 246px
+  }
+
+  .text3 {
+    position: absolute;
+    font-size: 32px;
+    font-weight: 400;
+    color: rgba(153, 153, 153, 1);
+    line-height: 44px;
+    top: 600px;
+    left: 162px;
+    width: 426px
+  }
+
+}

src/pages/checkin/index.js

@@ -0,0 +1,133 @@
+import Taro, { Component } from '@tarojs/taro';
+import './index.scss'
+import { AtDivider, AtList, AtListItem, AtGrid, AtButton } from 'taro-ui'
+
+import achievePhone from '@components/achievePhone'
+import { checkinDetails, checkinActive } from '@services/checkin'
+
+// import { checkinActive } from '@services/checkin'
+
+export default class checkin extends Component {
+
+  state = {
+    id:'',
+    // ischeck:''
+    // isLogin: false,
+    // user: {},
+    // isAgent: false,//经纪人
+    // consultant: false,//置业顾问
+    // tourist: false,//普通用户
+    data: {},
+  }
+
+  componentWillMount () {
+    console.log(this.$router.params,'22222')
+
+    const { id, type } = this.$router.params
+
+    console.log(id, type)
+    this.getcheckinDetails(id, type)
+    // this.getcheckinDetails()
+
+  }
+  // dynamicId
+  getcheckinDetails (id, type) {
+    console.log('1111')
+    // const id = '39a0e51e6fea9cb758abed08dd7fb16b'
+    Taro.showLoading()
+    checkinDetails(id, type).then(res => {
+      Taro.hideLoading()
+      this.setState({
+        data: res
+      })
+      console.log('1111', res)
+    })
+  }
+
+  checkinActive () {
+
+    //  alert('签到成功')
+    const enlistId = this.state.data.enlist.enlistId
+    Taro.showLoading()
+    checkinActive(enlistId).then(res => {
+      Taro.hideLoading()
+      Taro.navigateTo({
+        url: '/pages/checkin/checkinsuccess/index'
+      })
+    }).catch((err) => {
+      console.log('签到失败')
+      // Taro.navigateTo({
+      //   url: '/pages/checkin/checkinsuccess/index'
+      // })
+    })
+
+
+  }
+
+  toactivity () {
+    Taro.navigateTo({
+      // url: '/pages/checkin/checkinsuccess/index'
+    })
+  }
+
+  render () {
+    const { data, style } = this.props
+
+
+
+    return (
+      <View className="checkin" style="width:100vw;height:100vh;" >
+
+        {/* <checkinsuccess></checkinsuccess> */}
+        {/* <achievePhone></achievePhone> */}
+        <View>
+          <Image className="img" src={this.state.data.dynamic.imgUrl}  ></Image>
+        </View>
+        <View style="margin-bottom:20px"  >
+          <View className="text1"> <Text>{this.state.data.dynamic.title}</Text></View>
+        </View >
+
+        {this.state.data.enlist != null && <View>
+          <View style="text-align: center;">
+            <Text className="line">- - - - - - - - - </Text>
+            <Text className="text2">活动报名信息</Text>
+            <Text className="line">- - - - - - - - - </Text>
+          </View>
+
+          <View className="text3">
+            <View className='at-row'>
+              <View className='at-col at-col-3'>用户名：</View>
+              <View className='at-col at-col-9'>{this.state.data.person.name || this.state.data.person.nickname}</View>
+            </View>
+            <View className='at-row'>
+              <View className='at-col at-col-3'>手机号：</View>
+              <View className='at-col at-col-9'>{this.state.data.person.tel || this.state.data.person.phone}</View>
+            </View>
+            <View className='at-row'>
+              <View className='at-col at-col-3'>参与人数：</View>
+              <View className='at-col at-col-9'>{this.state.data.enlist.attendNum}</View>
+            </View>
+          </View>
+
+
+
+          {!this.state.data.person.status && <Image className="checkinImg" src={require('@assets/checkin/checkin.png')} onClick={this.checkinActive}   ></Image>}
+          {this.state.data.person.status && <Image className="checkinImg" src={require('@assets/checkin/checkined.png')}></Image>}
+        </View>}
+        {this.state.data.enlist == null && <View className="unregistered">
+          <View>
+            <Image className="img1" src={require('@assets/checkin/noentry.png')} ></Image>
+          </View>
+          <View className="message">
+            <Text className="messageText" >您还未报名当前活动,请先前往活动报名页报名成功后再进行扫码签到~ </Text>
+
+          </View>
+
+          <AtButton type='primary' className="toactivebutton">立即前往</AtButton>
+          {/* <Image src={require('@assets/checkin/checkin.png')}  style="position: absolute; width:110px;height:110px ;bottom:12vh;left:132.5px"  ></Image> */}
+        </View>}
+      </View>
+
+    );
+  }
+}

src/pages/checkin/index.scss

@@ -0,0 +1,122 @@
+@import "@styles/theme.scss";
+@import "~taro-ui/dist/style/components/flex.scss";
+@import "~taro-ui/dist/style/components/list.scss";
+@import "~taro-ui/dist/style/components/icon.scss";
+// @import "~taro-ui/dist/style/components/grid.scss";
+
+.img {
+  width: 750px;
+  height: 426px;
+  margin-bottom: 40px
+}
+
+.text1 {
+  // float: left;
+
+  font-size: 36px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: rgba(51, 51, 51, 1);
+  line-height: 50px;
+  font-weight: bold;
+  padding-left: 80px;
+  // padding-top: 40px;
+  margin-bottom: 40px;
+}
+
+.text2 {
+  width: 200px;
+  height: 48px;
+  font-size: 34px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: rgba(187, 156, 121, 1);
+  line-height: 48px;
+  letter-spacing: -0.82px;
+  padding: 0 36px;
+  margin-bottom: 20px;
+}
+
+.line {
+  // width:300px;height:50px;
+  // text-align:center;
+  // padding-top:30px;
+  // border-bottom:2px dashed #000;
+
+  // border-style:solid;
+  width: 200px;
+  height: 2px;
+  border: 3px solid rgba(0, 0, 0, 0.12);
+  border: none;
+}
+
+.text3 {
+
+  margin-left: 40px;
+}
+
+.at-row {
+  margin-top: 20px;
+  font-size: 32px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: rgba(102, 102, 102, 1);
+  line-height: 44px;
+}
+
+.unregistered {
+  .img1 {
+    width: 220px;
+    height: 220px;
+    margin-left: 264px;
+    margin-top: 40px
+  }
+
+  .message {
+    width: 660px;
+    text-align: center;
+    margin-top: 40px;
+
+    .messageText {
+
+      position: absolute;
+      font-size: 36px;
+      font-weight: 400;
+      color: rgba(187, 156, 121, 1);
+      line-height: 56px;
+      width: 660px;
+      text-align: center;
+      top: 860px;
+      left: 46px
+    }
+  }
+
+
+
+}
+
+.toactivebutton {
+  width: 360px;
+  height: 100px;
+  background: rgba(187, 156, 121, 1);
+  border-radius: 12px;
+  position: absolute;
+  left: 196px;
+  top: 1000px;
+  font-size: 36px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: rgba(255, 255, 255, 1);
+  line-height: 100px;
+  text-align: center;
+
+}
+
+.checkinImg {
+  position: absolute;
+  width: 220px;
+  height: 220px;
+  bottom: 12vh;
+  left: 265px
+}
+

src/pages/person/index.js

@@ -103,6 +103,17 @@ export default class Person extends Component {
       url: '/pages/activity/assistancePage'
     })
   }
+  // Scan code check in
+  toScanCode() {
+   Taro.navigateTo({
+    url: `/pages/checkin/index`
+  })
+  }
+  
+
+  // Taro.navigateTo({
+  //   url: `/pages/city/index`
+  // })pages/checkin/index
 
   getRoleName(type) {
     switch (type) {

src/services/checkin.js

@@ -0,0 +1,22 @@
+import { fetch } from '@utils/request'
+import {
+  API_CHECKIN_DETAILS,
+  API_CHECKIN_ACTIVE
+} from '@constants/api'
+
+
+
+/**
+ * 获取签到详情
+ */
+export const checkinDetails = (id, type) => fetch({ url: `${API_CHECKIN_DETAILS}/${id}?type=${type}`, method: 'GET' })
+
+
+
+/**
+ * 签到
+ * @param {*} enlistId 
+ */
+export const checkinActive = enlistId => fetch({ url: `${API_CHECKIN_ACTIVE}/${enlistId}`, method: 'PUT' })
+
+// /wx/buildingDynamicCheckin/{enlistId} 扫码活动签到 PUT