| | |
| | | <template> |
| | | <view class="visit"> |
| | | <view class="head">拜访信息</view> |
| | | <!-- <view class="head">拜访信息</view> --> |
| | | <view class="list"> |
| | | <!-- <view class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text>被访人手机</text> |
| | | <text>*</text> |
| | | </view> |
| | | <view class="list_item_content"> |
| | | <input type="number" maxlength="11" v-model="form1.phone1" :placeholder="verify == '0' ? '输入手机号后自动获取' : '请输入手机号'" @blur="getUser" placeholder-style="color: #999999;" /> |
| | | </view> |
| | | </view> |
| | | <view class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text>被访人姓名</text> |
| | | <text>*</text> |
| | | </view> |
| | | <view class="list_item_content"> |
| | | <input type="text" placeholder="请输入姓名" v-model="form1.receptMemberName" @blur="getUser" placeholder-style="color: #999999;" /> |
| | | </view> |
| | | </view> --> |
| | | <view class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text>被访人</text> |
| | | <text>*</text> |
| | | <text>被访人</text> |
| | | </view> |
| | | <view class="list_item_content" @click="showName = true"> |
| | | <text :style="{ color: form1.receptMemberName ? '#000000' : '' }">{{ |
| | |
| | | </view> |
| | | <view class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text>入园时间</text> |
| | | <text>*</text> |
| | | <text>入园时间</text> |
| | | </view> |
| | | <view class="list_item_content" @click="show4 = true"> |
| | | <text :style="{ color: form1.starttime ? '#000000' : '' }">{{ |
| | |
| | | </view> |
| | | <view class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text>离园时间</text> |
| | | <text>*</text> |
| | | <text>离园时间</text> |
| | | </view> |
| | | <view class="list_item_content" @click="openLC"> |
| | | <text :style="{ color: form1.endtime ? '#000000' : '' }">{{ |
| | |
| | | <div class="empty"></div> |
| | | <view class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text>拜访事由</text> |
| | | <text>*</text> |
| | | <text>拜访事由</text> |
| | | </view> |
| | | <view class="list_item_content" @click="showReason = true"> |
| | | <text :style="{ color: form1.reason ? '#000000' : '' }">{{ |
| | |
| | | </view> |
| | | <view class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text></text> |
| | | <text>是否施工作业</text> |
| | | <text>*</text> |
| | | </view> |
| | | <view class="list_item_content"> |
| | | <switch |
| | |
| | | </view> |
| | | <view v-if="form1.type == '1'" class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text></text> |
| | | <text>施工内容</text> |
| | | <!-- <text>*</text> --> |
| | | </view> |
| | |
| | | </view> |
| | | <view class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text>随行车辆</text> |
| | | <text></text> |
| | | <text>随行车辆</text> |
| | | </view> |
| | | <view class="list_item_content" @click="openInput(1)"> |
| | | <text :style="{ color: form1.carNos ? '#000000' : '' }">{{ |
| | |
| | | </view> |
| | | <view class="adduser_list_item"> |
| | | <view class="adduser_list_item_label"> |
| | | <text>公司</text> |
| | | <text>*</text> |
| | | <text>公司</text> |
| | | </view> |
| | | <view class="adduser_list_item_ipt"> |
| | | <input |
| | |
| | | </view> |
| | | <view class="adduser_list_item"> |
| | | <view class="adduser_list_item_label"> |
| | | <text>随行车辆</text> |
| | | <text></text> |
| | | <text>随行车辆</text> |
| | | </view> |
| | | <view class="adduser_list_item_ipt" @click="openInput(2)"> |
| | | <text :style="{ color: withUserList.carNos ? '#000000' : '' }">{{ |
| | |
| | | withUserList: this.personnel |
| | | }).then(res => { |
| | | if (res.code === 200) { |
| | | uni.reLaunch({ |
| | | uni.navigateTo({ |
| | | url: `/pages/appointmentDetails/appointmentDetails?id=${res.data}` |
| | | }) |
| | | } |
| | |
| | | line-height: 100rpx; |
| | | text-align: center; |
| | | font-size: 32rpx; |
| | | font-weight: 500; |
| | | font-weight: 600; |
| | | color: #222222; |
| | | } |
| | | .list { |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | border-radius: 10rpx; |
| | | background-color: #025eef; |
| | | background-color: $uni-color-primary; |
| | | color: #ffffff; |
| | | font-size: 26rpx; |
| | | margin-left: 30rpx; |
| | |
| | | text-align: center; |
| | | font-size: 32rpx; |
| | | font-family: PingFangSC, PingFang SC; |
| | | font-weight: 500; |
| | | font-weight: 600; |
| | | color: #222222; |
| | | } |
| | | .adduser_list { |
| | |
| | | flex-shrink: 0; |
| | | display: flex; |
| | | align-items: center; |
| | | font-family: PingFangSC, PingFang SC; |
| | | font-size: 30rpx; |
| | | text { |
| | | &:nth-child(1) { |
| | | font-size: 30rpx; |
| | | font-family: PingFangSC, PingFang SC; |
| | | font-weight: 400; |
| | | color: #222222; |
| | | color: #e0312a; |
| | | } |
| | | &:nth-child(2) { |
| | | font-size: 30rpx; |
| | | font-family: PingFangSC, PingFang SC; |
| | | font-weight: 400; |
| | | color: #e0312a; |
| | | color: #222222; |
| | | } |
| | | } |
| | | } |
| | |
| | | text-align: center; |
| | | font-size: 32rpx; |
| | | font-family: PingFangSC, PingFang SC; |
| | | font-weight: 500; |
| | | font-weight: 600; |
| | | color: #222222; |
| | | } |
| | | .addcar_ipt { |
| | |
| | | width: 100%; |
| | | text-align: center; |
| | | font-size: 32rpx; |
| | | font-weight: 500; |
| | | font-weight: 600; |
| | | color: #222222; |
| | | } |
| | | .search-box { |
| | |
| | | background: #025eef; |
| | | border-radius: 8rpx; |
| | | font-size: 28rpx; |
| | | font-weight: 500; |
| | | font-weight: 600; |
| | | color: #ffffff; |
| | | } |
| | | } |
| | |
| | | &:nth-child(1) { |
| | | font-size: 30rpx; |
| | | font-weight: 400; |
| | | color: #222222; |
| | | color: #e42d2d; |
| | | } |
| | | |
| | | &:nth-child(2) { |
| | | font-size: 30rpx; |
| | | font-weight: 400; |
| | | color: #e42d2d; |
| | | color: #222222; |
| | | } |
| | | } |
| | | } |
| | |
| | | .cate_head { |
| | | font-size: 32rpx; |
| | | font-family: PingFangSC, PingFang SC; |
| | | font-weight: 500; |
| | | font-weight: 600; |
| | | color: #222222; |
| | | } |
| | | |
| | |
| | | background: #4c99a8; |
| | | border-radius: 44rpx; |
| | | font-size: 32rpx; |
| | | font-weight: 500; |
| | | font-weight: 600; |
| | | color: #ffffff; |
| | | } |
| | | } |