| | |
| | | v-model="param.name" |
| | | @blur="initData()" |
| | | type="text" |
| | | placeholder="搜索" |
| | | placeholder="请输入姓名进行搜索" |
| | | placeholder-style="color: #999999;" |
| | | /> |
| | | </view> |
| | |
| | | isShowSelMem: false |
| | | } |
| | | }, |
| | | onLoad() { |
| | | onLoad(option) { |
| | | this.$set(this.param, 'id', option.areaId || '') |
| | | this.initData() |
| | | }, |
| | | methods: { |
| | |
| | | initData() { |
| | | const { param } = this |
| | | findHiddenAreaMemberList({ |
| | | name: param.name |
| | | name: param.name, |
| | | id: param.id |
| | | }).then(res => { |
| | | this.memberList = res.data || [] |
| | | }) |
| | |
| | | <view class="line"> |
| | | <view class="label"> |
| | | <text>*</text> |
| | | <text>接受人</text> |
| | | <text>接收人</text> |
| | | </view> |
| | | <view class="value" @click="selMember"> |
| | | <text |
| | |
| | | <text |
| | | class="mr6" |
| | | :style="{ color: param.submitTime ? '#000000' : '#999999' }" |
| | | >{{ param.submitTime ? param.submitTime.slice(0, 16) : "请选择" }}</text |
| | | >{{ param.submitTime ? param.submitTime : "请选择" }}</text |
| | | > |
| | | <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon> |
| | | </view> |
| | |
| | | }) |
| | | }, |
| | | selMember() { |
| | | if(!this.param.areaId) return uni.showToast({ |
| | | title: '请先选择隐患区域', |
| | | icon: 'none' |
| | | }) |
| | | uni.navigateTo({ |
| | | url: '/pages/staff/memberSel' |
| | | url: '/pages/staff/memberSel?areaId=' + this.param.areaId |
| | | }) |
| | | }, |
| | | fileDel(i) { |
| | |
| | | } |
| | | video { |
| | | width: 100%; |
| | | max-height: 160rpx; |
| | | max-height: 120rpx; |
| | | } |
| | | } |
| | | } |
| | |
| | | <image |
| | | @click="changeMem(item, index)" |
| | | v-if="item.checked" |
| | | src="@/static/meeting/icon/ic_choose_sel@2x.png" |
| | | src="@/static/checkbox_sel@2x.png" |
| | | mode="widthFix" |
| | | class="checked" |
| | | ></image> |
| | |
| | | > |
| | | <text v-if="param.startTime"> |
| | | {{ param.startTime.slice(5, 16) }}至{{ |
| | | param.endTime.slice(11, 16) |
| | | param.endTime.slice(5, 16) |
| | | }} |
| | | </text> |
| | | <text v-else>请选择</text> |
| | |
| | | }" |
| | | > |
| | | <text v-if="param.memberNames"> |
| | | {{ param.memberNames }} |
| | | <text v-for="mem,i in param.memberList" :key="mem.id"> |
| | | <template v-if="i < 2"> |
| | | <text>{{ mem.name }}</text> |
| | | <text v-if="i < 1 && param.memberList.length > 1">,</text> |
| | | </template> |
| | | </text> |
| | | <text v-if="param.memberList.length > 2">等{{ param.memberList.length }}人</text> |
| | | </text> |
| | | <text v-else>请选择</text> |
| | | </text> |
| | |
| | | <view class="value" @click="isShowDate = true"> |
| | | <text |
| | | class="mr6" |
| | | :style="{ color: param.startTime ? '#999999' : '#999999' }" |
| | | :style="{ color: param.startTime ? '#000000' : '#999999' }" |
| | | > |
| | | <template v-if="param.startTime"> |
| | | {{ param.startHours }}至{{ param.endHours }} |
| | |
| | | </view> |
| | | </view> |
| | | <view class="have_info" v-if="info && info.length > 0"> |
| | | <view class="tit">您申请的用车时段已有车辆预约</view> |
| | | <view class="tit">您申请的用车时段存在以下预约信息,无法预约</view> |
| | | <view class="content" v-for="(item, i) in info" :key="i"> |
| | | <view class="card">{{ item.carCode }}</view> |
| | | <view class="line"> |
| | |
| | | <text class="sel" v-if="param.startTime" |
| | | >{{ param.startHours }}至{{ param.endHours }}</text |
| | | > |
| | | <text class="btn" @click="onSubmit">确认预约</text> |
| | | <text class="btn" :class="{disable: info && info.length > 0}" @click="onSubmit">确认预约</text> |
| | | </view> |
| | | <!-- --> |
| | | <!-- 选择车辆 --> |
| | |
| | | methods: { |
| | | onSubmit() { |
| | | const { param, info } = this |
| | | if (info.length > 0) return uni.showToast({ |
| | | title: '请重新选择时间段', |
| | | icon: 'none' |
| | | }) |
| | | if (info.length > 0) return |
| | | if (!param.startTime) return uni.showToast({ |
| | | title: '请先选择用车时间段', |
| | | icon: 'none' |
| | |
| | | color: $uni-color-primary; |
| | | flex: 1; |
| | | } |
| | | .disable{ |
| | | background: #CCCCCC; |
| | | } |
| | | } |
| | | </style> |