kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

25394

Browse Source
This commit is contained in:
wanglei
2021-12-13 10:51:55 +08:00
parent e440070e8c
commit f487a957db
1 changed files with 54 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
src/apps/AppMeetingNotice/AppMeetingNotice.vue
View File

@@ -1,55 +1,52 @@
<template> <template>
<div class="meeting"> <div class="meeting">
<template v-if="isList"> <ai-top-fixed>
<ai-top-fixed> <u-grid :col="3" :border="false">
<u-grid :col="3" :border="false"> <u-grid-item v-for="(item,index) in grid" :key="index" :custom-style="{padding:'14px 0'}"
<u-grid-item v-for="(item,index) in grid" :key="index" :custom-style="{padding:'14px 0'}" @click="handleClick(index)">
@click="handleClick(index)"> <u-icon :name="item.icon" :size="64"></u-icon>
<u-icon :name="item.icon" :size="64"></u-icon> <view class="label">{{ item.label }}</view>
<view class="label">{{ item.label }}</view> </u-grid-item>
</u-grid-item> </u-grid>
</u-grid> </ai-top-fixed>
</ai-top-fixed> <div class="body">
<div class="body"> <header>待参加的会议</header>
<header>待参加的会议</header> <template v-if="meetingList.length">
<template v-if="meetingList.length"> <div class="card" v-for="(item,index) in meetingList" :key="index" @click="detail(item)">
<div class="card" v-for="(item,index) in meetingList" :key="index" @click="detail(item)"> <header>{{ item.title }}</header>
<header>{{ item.title }}</header> <u-row justify="between">
<u-row justify="between"> <div class="time">
<div class="time"> <span>{{ item.startTime|format }}</span>
<span>{{ item.startTime|format }}</span> <span>{{ item.startTime|formatDate(0) }}年{{
<span>{{ item.startTime|formatDate(0) }}年{{
item.startTime|formatDate(1) item.startTime|formatDate(1)
}}月{{ item.startTime|formatDate(2) }}日 周{{ item.startTime|formatWeek }}</span> }}月{{ item.startTime|formatDate(2) }}日 周{{ item.startTime|formatWeek }}</span>
</div> </div>
<div class="arrow"></div> <div class="arrow"></div>
<div class="time"> <div class="time">
<span>{{ item.endTime|format }}</span> <span>{{ item.endTime|format }}</span>
<span>{{ item.endTime|formatDate(0) }}年{{ item.endTime|formatDate(1) }}月{{ <span>{{ item.endTime|formatDate(0) }}年{{ item.endTime|formatDate(1) }}月{{
item.endTime|formatDate(2) item.endTime|formatDate(2)
}}日 周{{ item.endTime|formatWeek }}</span> }}日 周{{ item.endTime|formatWeek }}</span>
</div> </div>
</u-row> </u-row>
<u-row class="info"> <u-row class="info">
<span>发起人员：</span> <span>发起人员：</span>
<AiOpenData type="userName" :openid="item.createUserId"/> <AiOpenData type="userName" :openid="item.createUserId"/>
</u-row> </u-row>
<u-gap height="20"></u-gap> <u-gap height="20"></u-gap>
<u-row class="info" style="align-items: start;flex-wrap: nowrap;"> <u-row class="info" style="align-items: start;flex-wrap: nowrap;">
<span style="flex-shrink: 0">会议地点：</span> <span style="flex-shrink: 0">会议地点：</span>
<span>{{ item.address }}</span> <span>{{ item.address }}</span>
</u-row> </u-row>
<div class="tag" :style="{background:'url(' + $cdn + tag(item.joinStatus) + ')'}"></div> <div class="tag" :style="{background:'url(' + $cdn + tag(item.joinStatus) + ')'}"></div>
</div> </div>
</template> </template>
<template v-else> <template v-else>
<ai-empty/> <ai-empty/>
</template> </template>
</div> </div>
<u-divider bg-color="#F5F5F5" v-if="meetingList.length">已经到底啦</u-divider> <u-divider bg-color="#F5F5F5" v-if="meetingList.length">已经到底啦</u-divider>
<ai-add @add="add"/> <ai-add @add="add"/>
</template>
<component v-else :is="comp" :params="params"></component>
</div> </div>
</template> </template>
@@ -130,18 +127,19 @@ export default {
} }
}) })
}, },
handleClick(index) { handleClick(index){
this.params = index; let url
this.isList = false; if(index==0 || index==2){
if (index == 0 || index == 2) { url="/pages/meetingNotice/components/meetingList?index=" + index
this.comp = "meetingList"; }else if(index==1){
} else if (index == 1) { url="/pages/meetingNotice/components/belongToMe"
this.comp = "belongToMe";
} }
uni.navigateTo({url})
}, },
add() { add() {
this.isList = false; uni.navigateTo({
this.comp = "addMeeting"; url: "/pages/meetingNotice/components/addMeeting"
})
} }
}, },
@@ -198,6 +196,7 @@ export default {
} }
& > header { & > header {
width: 95%;
font-size: 32px; font-size: 32px;
font-weight: 600; font-weight: 600;
color: #333333; color: #333333;