活动管理完成列表页面简单联调
26947
parent
cd4c17d3ee
commit
2215204170
|
|
@ -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
20
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": {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
@ -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('请您确认活动签到，祝您玩的愉快！');
|
||||
|
|
@ -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,7 +139,7 @@ const btnClick = () => {
|
|||
uni.scanCode({
|
||||
onlyFromCamera: true,
|
||||
success: (res) => {
|
||||
console.log('扫描二维码成功,结果:',res);
|
||||
console.log('扫描二维码成功,结果:', res);
|
||||
|
||||
toqrcode(res);
|
||||
open.value = !open.value
|
||||
|
|
@ -113,19 +151,19 @@ const btnClick = () => {
|
|||
|
||||
}
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue