''

liukangdong

2024-05-28 e47f3d8ef4d9c5d941f15ba5a24394b6eddd2d29

 h5/pages/staff/meetingSubOrder.vue

@@ -1,6 +1,78 @@
<template>
   <view>
		
   <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>

@@ -8,12 +80,66 @@
   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>