From 2215204170b01ecc0c2d0e090144b7dd8fc0ef14 Mon Sep 17 00:00:00 2001
From: 26947 <12@1>
Date: Wed, 5 Jun 2024 22:34:08 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B4=BB=E5=8A=A8=E7=AE=A1=E7=90=86=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90=E5=88=97=E8=A1=A8=E9=A1=B5=E9=9D=A2=E7=AE=80=E5=8D=95?=
 =?UTF-8?q?=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/activityInfo/activityTakeInfo.js |  51 ++++++++++++
 pages.json                           |  20 ++---
 pages/activity/info.vue              | 111 ++++++++++++++++++---------
 3 files changed, 138 insertions(+), 44 deletions(-)
 create mode 100644 api/activityInfo/activityTakeInfo.js

diff --git a/api/activityInfo/activityTakeInfo.js b/api/activityInfo/activityTakeInfo.js
new file mode 100644
index 0000000..b4e7f90
--- /dev/null
+++ b/api/activityInfo/activityTakeInfo.js
@@ -0,0 +1,51 @@
+import request from '@/utils/request'
+
+// 查询活动参与表列表
+export function listActivityTakeInfo(query) {
+  return request({
+    url: '/activityInfo/activityTakeInfo/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询活动参与表详细
+export function getActivityTakeInfo(id) {
+  return request({
+    url: '/activityInfo/activityTakeInfo/' + id,
+    method: 'get'
+  })
+}
+
+// 查询活动参与表详细
+export function getTakePartsInfoByacId(id) {
+  return request({
+    url: '/activityInfo/activityTakeInfo/ByacId/' + id,
+    method: 'get'
+  })
+}
+// 新增活动参与表
+export function addActivityTakeInfo(data) {
+  return request({
+    url: '/activityInfo/activityTakeInfo',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改活动参与表
+export function updateActivityTakeInfo(data) {
+  return request({
+    url: '/activityInfo/activityTakeInfo',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除活动参与表
+export function delActivityTakeInfo(id) {
+  return request({
+    url: '/activityInfo/activityTakeInfo/' + id,
+    method: 'delete'
+  })
+}
diff --git a/pages.json b/pages.json
index 3af74f0..aeb2db8 100644
--- a/pages.json
+++ b/pages.json
@@ -7,7 +7,16 @@
 			"^u-([^-].*)": "uview-plus/components/u-$1/u-$1.vue"
 		}
 	},
-	"pages": [{
+	"pages": [
+		{
+			"path": "pages/index",
+			"style": {
+				"navigationBarTitleText": "若依移动端框架",
+				"navigationStyle": "custom",
+				"navigationBarTextStyle": "white"
+			}
+		},
+		{
 			"path": "pages/signln/harvestaddress",
 			"style": {
 				"navigationBarTitleText": "收货地址",
@@ -28,14 +37,7 @@
 				"navigationStyle": "custom"
 			}
 		},
-		{
-			"path": "pages/index",
-			"style": {
-				"navigationBarTitleText": "若依移动端框架",
-				"navigationStyle": "custom",
-				"navigationBarTextStyle": "white"
-			}
-		},
+
 		{
 			"path": "pages/signln/signid",
 			"style": {
diff --git a/pages/activity/info.vue b/pages/activity/info.vue
index 7dec614..2e38850 100644
--- a/pages/activity/info.vue
+++ b/pages/activity/info.vue
@@ -19,26 +19,48 @@
                 <view class="cardz">
                     <up-parse :content="actiInfoList.acContent" :tagStyle="style"></up-parse>
                 </view>
-                <view class="cardx" v-for="(item,index) in toimage(actiInfoList.file)" :key="index">
+                <view class="cardx" v-for="(item, index) in toimage(actiInfoList.file)" :key="index">
                     <image :src="item" class="image"></image>
                 </view>
             </view>
         </view>
         <view class="dictAuto">
-
-            <view class="state1">
-                <up-button color="#c0f0ec" size="large" shape="circle" @click="btnClick"><span
-                        class="btnText">立即报名</span></up-button>
+            <view v-if="actiInfoList.state === '0'">
+                <view class="state3" v-if="activityAttendInfo.attendState === '0' | activityAttendInfo.attendState === '1' " >
+                    <up-button color="#F1F1F1" size="large" shape="circle"><span class="btnText">未参加</span></up-button>
+                </view>
+                <view class="state3" v-else-if="activityAttendInfo.attendState === '2' " >
+                    <up-button color="#F1F1F1" size="large" shape="circle"><span class="btnText">已参加</span></up-button>
+                </view>
+            </view>
+            <view v-else-if="actiInfoList.state === '2'">
+                <view class="state1" v-if="activityAttendInfo.attendState === '0'">
+                    <up-button color="#C0F0EC" size="large" shape="circle"><span class="btnText">立即报名</span></up-button>
+                </view>
+                <view class="state2" v-else-if="activityAttendInfo.attendState === '1'">
+                    <up-button color="#FDE2E2" size="large" shape="circle"><span class="btnText">扫码签到</span></up-button>
+                </view>
+                <view class="state2" v-else-if="activityAttendInfo.attendState === '2'">
+                    <up-button color="#FDE2E2" size="large" shape="circle"><span class="btnText">已签到</span></up-button>
+                </view>
+            </view>
+            <view  v-else-if="actiInfoList.state === '1'">
+                <view class="state1" v-if="activityAttendInfo.attendState === '0'">
+                    <up-button color="#C0F0EC" size="large" shape="circle"><span class="btnText">立即报名</span></up-button>
+                </view>
+                <view class="state1" v-else-if="activityAttendInfo.attendState === '1'">
+                    <up-button color="#C0F0EC" size="large" shape="circle"><span class="btnText">取消报名</span></up-button>
+                </view>
             </view>
         </view>
     </view>
     <view class="infox">
         <view class="infoavatar">
-            <up-avatar size="60rpx" :src="QNDomain+actiInfoList.avatarInfo"/>
+            <up-avatar size="60rpx" :src="QNDomain + actiInfoList.avatarInfo" />
             <view style="margin-left: 24rpx;">
-            <view class="launchName">{{ actiInfoList.nickName }}</view>
-            <view class="launchAddres">{{ actiInfoList.infoSchool }}</view>
-        </view>
+                <view class="launchName">{{ actiInfoList.nickName }}</view>
+                <view class="launchAddres">{{ actiInfoList.infoSchool }}</view>
+            </view>
         </view>
 
         <view class="elroll">已报名：{{ actiInfoList.elroll }}人</view>
@@ -50,11 +72,15 @@
 
 </template>
 <script setup>
+import { getTakePartsInfoByacId, getActivityTakeInfo, delActivityTakeInfo, addActivityTakeInfo, updateActivityTakeInfo } from "@/api/activityInfo/activityTakeInfo";
 import { listInfo, getInfo, delInfo, addInfo, updateInfo } from "@/api/activityInfo/info";
 import { getDicts } from "@/api/system/dict/data"
 import { onShow, onLoad } from '@dcloudio/uni-app'
-import { ref, reactive, getCurrentInstance,toRefs } from 'vue'
+import { ref, reactive, getCurrentInstance, toRefs, computed } from 'vue'
 import { useStore } from 'vuex';
+
+
+
 const { proxy } = getCurrentInstance();
 const iconConfig = proxy.iconConfig;
 const tu21 = iconConfig.tu21;
@@ -65,9 +91,10 @@ const tu53 = iconConfig.tu53;
 const style = ref({
     p: 'font-weight: 400;font-size: 24rpx;color: #000000 !important;',
 
-	
+
 })
-const activityState = ref([])//字典
+const activityState = ref([])//字典 activity_state 活动状态 
+const takePartState = ref([])//字典 take_part_state 活动参与状态
 const open = ref(false)
 const title = ref('确认签到');
 const content = ref('请您确认活动签到，祝您玩的愉快！');
@@ -78,21 +105,32 @@ const bgColor = ref('');
 const store = useStore()
 const QNDomain = store.state.user.QNDomain
 const actiInfoList = ref({});
-function getAvatar  (){
-    console.log("头像：",QNDomain + actiInfoList.value.avatarInfo)
-   return  QNDomain + actiInfoList.value.avatarInfo
+function getAvatar() {
+    return QNDomain + actiInfoList.value.avatarInfo
 }
 onLoad((options) => {
     const _id = options.id
-  getInfo(_id).then(response => {
-    actiInfoList.value = response.data;
-    console.log("actiInfoList:",actiInfoList.value);
-  });
+    getInfo(_id).then(response => {
+        actiInfoList.value = response.data;
+        console.log("actiInfoList:", actiInfoList.value);
+    });
     getDicts('activity_state').then(e => {
         activityState.value = e.data
     })
+    getDicts('take_part_state').then(e => {
+        takePartState.value = e.data
+    })
+    checkStatus(options.id);
 
 })
+
+const activityAttendInfo = ref({})
+const checkStatus = (id) => {
+    getTakePartsInfoByacId(id).then(e => {
+        console.log("数据：", e);
+        activityAttendInfo.value = e.data;
+    })
+}
 const leftClick = () => {
     proxy.$tab.navigateBack(1)
 }
@@ -101,8 +139,8 @@ const btnClick = () => {
     uni.scanCode({
         onlyFromCamera: true,
         success: (res) => {
-            console.log('扫描二维码成功,结果:',res);
-            
+            console.log('扫描二维码成功,结果:', res);
+
             toqrcode(res);
             open.value = !open.value
         },
@@ -110,22 +148,22 @@ const btnClick = () => {
             console.log('扫描二维码出现错误')
         }
     })
-  
+
 }
 const toimage = (url) => {
-  if (typeof url === 'string') {
-    let info = url.split(",");
-    // 使用map方法处理每个元素，给每个元素增加domainName前缀
-    let processedInfo = info.map(item => QNDomain + item);
-    console.log("processedInfo", processedInfo);
-    // 使用join方法将数组转换成字符串，这里使用逗号作为分隔符
-    return processedInfo;
-  }
-  return null; // 或者其他默认值
+    if (typeof url === 'string') {
+        let info = url.split(",");
+        // 使用map方法处理每个元素，给每个元素增加domainName前缀
+        let processedInfo = info.map(item => QNDomain + item);
+        console.log("processedInfo", processedInfo);
+        // 使用join方法将数组转换成字符串，这里使用逗号作为分隔符
+        return processedInfo;
+    }
+    return null; // 或者其他默认值
 }
 const toqrcode = (e) => {
     qrcodeInfo.value = JSON.parse(e.result)
-    console.log("信息：",qrcodeInfo.value);
+    console.log("信息：", qrcodeInfo.value);
 }
 //模态框确认按钮
 function confirm() {
@@ -216,6 +254,7 @@ const getDictLabelByValue = (state) => {
             color: #00CCBE !important;
         }
     }
+
     .state2 {
         width: 686rpx;
         height: 80rpx;
@@ -225,9 +264,10 @@ const getDictLabelByValue = (state) => {
             font-weight: 400;
             width: 120rpx;
             font-size: 30rpx;
-            color: #00CCBE !important;
+            color: #FFABAB !important;
         }
     }
+
     .state3 {
         width: 686rpx;
         height: 80rpx;
@@ -237,7 +277,7 @@ const getDictLabelByValue = (state) => {
             font-weight: 400;
             width: 120rpx;
             font-size: 30rpx;
-            color: #00CCBE !important;
+            color: #7E7E7E !important;
         }
     }
 }
@@ -263,7 +303,8 @@ const getDictLabelByValue = (state) => {
     background-color: white;
     /* 背景色设置为白色，防止透明背景导致内容重叠可见 */
     z-index: 10;
-    .infoavatar{
+
+    .infoavatar {
         display: flex;
     }
 }