213 lines
3.5 KiB
Vue
213 lines
3.5 KiB
Vue
<template>
|
||
<view :class="['content',{'gray':store.isgray==1}]">
|
||
<view class="list_box">
|
||
<view class="list">
|
||
<view class="title f-row aic jcb">
|
||
<view class="">
|
||
年度部门讨论会议
|
||
</view>
|
||
<text>1分钟前</text>
|
||
</view>
|
||
<view class="info">
|
||
<view class="f-row aic jcb">
|
||
<view class="">
|
||
会议状态：
|
||
</view>
|
||
<text>待开始/已开始/已结束</text>
|
||
</view>
|
||
<view class="f-row aic jcb">
|
||
<view class="">
|
||
发起人：
|
||
</view>
|
||
<text>周如意</text>
|
||
</view>
|
||
<view class="f-row aic jcb">
|
||
<view class="">
|
||
会议日期：
|
||
</view>
|
||
<text>周如意</text>
|
||
</view>
|
||
<view class="f-row aic jcb">
|
||
<view class="">
|
||
会议地点：
|
||
</view>
|
||
<text>周如意</text>
|
||
</view>
|
||
<view class="f-row aic jcb">
|
||
<view class="">
|
||
会议内容：
|
||
</view>
|
||
<text>周如意</text>
|
||
</view>
|
||
<view class="">
|
||
<view class="">
|
||
参与人员：
|
||
</view>
|
||
<view class="person f-row aic">
|
||
<view class="item f-col aic" v-for="item,i in 7" :key="i">
|
||
<image src="" mode=""></image>
|
||
<view class="name">
|
||
周如意
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="btn f-row aic jcb">
|
||
<view class="refuse">
|
||
拒绝
|
||
</view>
|
||
<view class="agree" @click="openpop">
|
||
同意
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import {
|
||
ref
|
||
} from 'vue';
|
||
import {
|
||
huiyiDetailApi
|
||
} from '@/api/api.js';
|
||
import {
|
||
onLoad
|
||
} from '@dcloudio/uni-app';
|
||
import {
|
||
useStore
|
||
} from '@/store'
|
||
const store = useStore()
|
||
onLoad(() => {
|
||
huiyiDetail()
|
||
})
|
||
const huiyiDetail = () => {
|
||
huiyiDetailApi({
|
||
mainid:1
|
||
}).then((res) => {
|
||
if (res.success) {
|
||
|
||
}
|
||
}).catch((err) => {
|
||
console.log(err);
|
||
})
|
||
}
|
||
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.content{
|
||
padding-bottom: 120rpx;
|
||
}
|
||
.btn {
|
||
position: fixed;
|
||
bottom: 0;
|
||
width: 690rpx;
|
||
height: 120rpx;
|
||
background: #FFFFFF;
|
||
padding: 0 30rpx;
|
||
border-top: 1px solid #EFEFEF;
|
||
|
||
view {
|
||
|
||
width: 330rpx;
|
||
height: 88rpx;
|
||
font-size: 28rpx;
|
||
border-radius: 16rpx;
|
||
text-align: center;
|
||
line-height: 88rpx;
|
||
}
|
||
|
||
.refuse {
|
||
box-sizing: border-box;
|
||
background: #FFFFFF;
|
||
border: 2rpx solid #01508B;
|
||
color: #01508B;
|
||
}
|
||
|
||
.agree {
|
||
background: #01508B;
|
||
color: #FFFFFF;
|
||
}
|
||
}
|
||
.list_box {
|
||
|
||
.list {
|
||
padding: 30rpx;
|
||
margin-bottom: 30rpx;
|
||
|
||
.title {
|
||
border-bottom: 1px solid #efefef;
|
||
padding-bottom: 24rpx;
|
||
margin-bottom: 8rpx;
|
||
|
||
view {
|
||
font-size: 28rpx;
|
||
color: #333333;
|
||
}
|
||
|
||
text {
|
||
font-size: 28rpx;
|
||
color: #999999;
|
||
}
|
||
}
|
||
|
||
.info {
|
||
font-size: 28rpx;
|
||
color: #666666;
|
||
|
||
view {
|
||
padding-top: 16rpx;
|
||
|
||
font-size: 28rpx;
|
||
color: #666666;
|
||
}
|
||
text{
|
||
font-size: 28rpx;
|
||
color: #333333;
|
||
}
|
||
.person{
|
||
flex-wrap: wrap;
|
||
.item{
|
||
width: 16.66%;
|
||
|
||
}
|
||
image{
|
||
width: 78rpx;
|
||
height: 78rpx;
|
||
border-radius: 38rpx;
|
||
background-color: #01508B;
|
||
}
|
||
}
|
||
}
|
||
|
||
.btn {
|
||
margin-top: 30rpx;
|
||
|
||
view {
|
||
width: 300rpx;
|
||
height: 64rpx;
|
||
border-radius: 8rpx;
|
||
font-size: 28rpx;
|
||
text-align: center;
|
||
line-height: 64rpx;
|
||
}
|
||
|
||
.entrust {
|
||
background: #FFFFFF;
|
||
border: 2rpx solid #01508B;
|
||
box-sizing: border-box;
|
||
color: #01508B;
|
||
}
|
||
|
||
.handle {
|
||
background: #01508B;
|
||
color: #FFFFFF;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|