talk
/
talk_appAmin
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

main
26947 2024-06-05 22:34:08 +08:00
parent cd4c17d3ee
commit 2215204170
3 changed files with 138 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
api/activityInfo/activityTakeInfo.js Normal file
View File

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

20
pages.json
View File

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

59
pages/activity/info.vue
View File

@ -25,10 +25,32 @@
</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>
@ -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;
}