<template>
|
<view class="main_app">
|
<view class="module_list">
|
<view class="item">
|
<view class="name">会议时间</view>
|
<view class="line">
|
<view class="label">2022年22月2日 1000000000</view>
|
<u-icon name="arrow-right" color="#999999" size="14" />
|
</view>
|
</view>
|
<view class="item">
|
<view class="name">会议室</view>
|
<view class="line">
|
<view class="label">aaaaaaaa</view>
|
</view>
|
</view>
|
<view class="item">
|
<view class="name">预约人</view>
|
<view class="line">
|
<view class="label">aaaaaaaa</view>
|
</view>
|
</view>
|
<view class="empty"></view>
|
<view class="item">
|
<view class="name">
|
<text>会议主题</text>
|
<text class="star">*</text>
|
</view>
|
<view class="line">
|
<input type="text" v-model="param.aaa" placeholder="请输入会议主题" placeholder-class="placeholder9" class="label">
|
</view>
|
</view>
|
<view class="item">
|
<view class="name">
|
<text>会议内容</text>
|
</view>
|
<view class="line">
|
<u-textarea border="none" v-model="param.aaa" count :maxlength="300" placeholder="请输入会议内容" placeholder-class="placeholder9" class="label" />
|
</view>
|
</view>
|
<view class="empty"></view>
|
<view class="item">
|
<view class="name">参会人员</view>
|
<view class="line">
|
<view class="label">
|
<text v-if="false">moumoumou</text>
|
<text v-else class="placeholder9" @click="$jump('/pages/staff/memberSel')">请选择</text>
|
</view>
|
<u-icon name="arrow-right" color="#999999" size="14" @click="$jump('/pages/staff/memberSel')" />
|
</view>
|
</view>
|
<view class="item">
|
<view class="name">选择服务项</view>
|
<view class="line">
|
<view class="label">
|
<view class="service_item" v-for="(item,index) in serviceOps" :key="index">
|
{{ item.value }}
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="item">
|
<view class="name">
|
<text>备注</text>
|
</view>
|
<view class="line">
|
<textarea v-model="param.as" :maxlength="-1" placeholder="请输入" placeholder-class="placeholder9" class="label" />
|
</view>
|
</view>
|
|
<view class="sub_btn">
|
确认预约
|
</view>
|
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
param: {},
|
serviceOps: [
|
{ key: '0', value: '席卡' },
|
{ key: '1', value: '投影仪' },
|
{ key: '2', value: '笔记本电脑' },
|
]
|
};
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.module_list{
|
.item{
|
border-bottom: 1rpx solid #E5E5E5;
|
padding: 30rpx 0;
|
.name{
|
color: #666666;
|
margin-bottom: 30rpx;
|
}
|
.line{
|
display: flex;
|
.label{
|
flex: 1;
|
display: flex;
|
align-items: center;
|
.service_item{
|
height: 64rpx;
|
line-height: 64rpx;
|
background: #F7F7F7;
|
border-radius: 4rpx;
|
padding: 0 24rpx;
|
margin-right: 20rpx;
|
}
|
}
|
|
}
|
}
|
padding-bottom: 100rpx;
|
}
|
.empty {
|
width: 750rpx;
|
height: 20rpx;
|
background-color: #f7f7f7;
|
margin: 0 -30rpx;
|
}
|
.sub_btn{
|
width: 690rpx;
|
height: 72rpx;
|
line-height: 72rpx;
|
text-align: center;
|
background: #279BAA;
|
box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
|
border-radius: 36rpx;
|
font-size: 30rpx;
|
color: #FFFFFF;
|
margin-top: 20rpx;
|
}
|
.star{
|
margin-left: 4rpx;
|
color: #e42d2d;
|
}
|
</style>
|
