活动管理完成列表页面简单联调

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'
+  })
+}

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": {

pages/activity/info.vue

@@ -25,10 +25,32 @@
             </view>
         </view>
         <view class="dictAuto">
-
+            <view v-if="actiInfoList.state === '0'">
-            <view class="state1">
+                <view class="state3" v-if="activityAttendInfo.attendState === '0' | activityAttendInfo.attendState === '1' " >
-                <up-button color="#c0f0ec" size="large" shape="circle" @click="btnClick"><span
+                    <up-button color="#F1F1F1" size="large" shape="circle"><span class="btnText">未参加</span></up-button>
-                        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>
@@ -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;
@@ -67,7 +93,8 @@ const style = ref({
 
 
 })
-const activityState = ref([])//字典
+const activityState = ref([])//字典 activity_state 活动状态 
+const takePartState = ref([])//字典 take_part_state 活动参与状态
 const open = ref(false)
 const title = ref('确认签到');
 const content = ref('请您确认活动签到，祝您玩的愉快！');
@@ -79,7 +106,6 @@ 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
 }
 onLoad((options) => {
@@ -91,8 +117,20 @@ onLoad((options) => {
     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)
 }
@@ -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,6 +303,7 @@ const getDictLabelByValue = (state) => {
     background-color: white;
     /* 背景色设置为白色，防止透明背景导致内容重叠可见 */
     z-index: 10;
+
     .infoavatar {
         display: flex;
     }