296 lines
24 KiB
Plaintext
296 lines
24 KiB
Plaintext
<view class="page-box">
|
|
<view class="top-box">
|
|
<view class="card-container">
|
|
<view class="card">
|
|
<image alt="" class="card-bgImg" mode="widthFix" src="{{cardUrl}}{{cardInfo.cardTemplateUsePhotoUrl}}"></image>
|
|
</view>
|
|
</view>
|
|
<view class="flex flex-direction justify-center align-center bg-white" style="width:100%;">
|
|
<view class="mid">
|
|
<button class="mid-box" openType="share">
|
|
<view class="flex justify-between align-center" style="width:100%;">
|
|
<text style="text-align:center;line-height:30rpx;height:30rpx;font-size:28rpx;color:#CCC;">01/</text>
|
|
<image src="/images/ic_share_icon.png"></image>
|
|
</view>
|
|
<view class="mid-box-text margin-top-xs">分享名片</view>
|
|
</button>
|
|
<view bindtap="includedCard" class="mid-box">
|
|
<view class="flex justify-between align-center" style="width:100%;">
|
|
<text style="text-align:center;line-height:30rpx;height:30rpx;font-size:28rpx;color:#CCC;">02/</text>
|
|
<image src="/images/ic_phone_icon.png"></image>
|
|
</view>
|
|
<view class="mid-box-text margin-top-xs">加入卡包</view>
|
|
</view>
|
|
<view bindtap="showBarCode" class="mid-box bg-yellow-yellow">
|
|
<view class="flex justify-between align-center" style="width:100%;">
|
|
<text style="text-align:center;line-height:30rpx;height:30rpx;font-size:28rpx;">03/</text>
|
|
<image src="/images/ic_code_icon.png"></image>
|
|
</view>
|
|
<view class="mid-box-text-white margin-top-xs">名片码</view>
|
|
</view>
|
|
</view>
|
|
<view class="mid-btn" wx:if="{{isShowBtn}}">
|
|
<view bindtap="makeCall" class="mid-btn-box" wx:if="{{phoneTxt.length>0}}">
|
|
<view class="mid-btn-title">
|
|
<image class="image" src="/images/ic_call_phone_icon.png"></image>
|
|
<text>拨打电话</text>
|
|
</view>
|
|
<view style="flex:7;text-align: right;">{{phoneTxt}}</view>
|
|
</view>
|
|
<view bindtap="copyText" class="mid-btn-box" data-text="{{wechateTxt}}" wx:if="{{wechateTxt.length>0}}">
|
|
<view class="mid-btn-title">
|
|
<image class="image" src="/images/ic_wechart_icon.png"></image>
|
|
<text>添加微信</text>
|
|
</view>
|
|
<view style="flex:7;text-align: right;">{{wechateTxt}}</view>
|
|
</view>
|
|
<view bindtap="copyText" class="mid-btn-box" data-text="{{emailTxt}}" wx:if="{{emailTxt.length>0}}">
|
|
<view class="mid-btn-title">
|
|
<image class="image" src="/images/ic_email_icon.png"></image>
|
|
<text>邮箱</text>
|
|
</view>
|
|
<view style="flex:7;text-align: right;">{{emailTxt}}</view>
|
|
</view>
|
|
<view bindtap="copyText" class="mid-btn-box" data-text="{{addressTxt}}" wx:if="{{addressTxt.length>0}}">
|
|
<view class="mid-btn-title">
|
|
<image class="image" src="/images/ic_address_icon.png"></image>
|
|
<text>地址</text>
|
|
</view>
|
|
<view style="flex:7;text-align: right;">{{addressTxt}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="good">
|
|
<view class="good-avatar">
|
|
<view class="avatar-list" wx:for="{{browUserList}}" wx:for-item="user" wx:key="index">
|
|
<image src="{{user.creatorIcon}}" wx:if="{{user.creatorIcon}}"></image>
|
|
<image src="/images/ic_user_default.png" wx:if="{{!user.creatorIcon}}"></image>
|
|
</view>
|
|
</view>
|
|
<view class="good-click">
|
|
<view class="view-count">
|
|
<image mode="scaleToFill" src="/images/view-count.png"></image>
|
|
<text class="text-center" style="padding: 0rpx 15rpx;"> {{cardInfo.cardTemplateUseScansNumber>999?'999+':cardInfo.cardTemplateUseScansNumber}}</text>
|
|
</view>
|
|
<view class="view-count-no">
|
|
<image mode="scaleToFill" src="/images/share_count.png"></image>
|
|
<text class="text-center" style="padding: 0rpx 15rpx;">{{cardInfo.cardTemplateUseDispatchNumber>999?'999+':cardInfo.cardTemplateUseDispatchNumber}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="background-color:#F7F7F7;width:100%;" wx:if="{{dataList.length>0}}">
|
|
<view wx:for="{{dataList}}" wx:key="index">
|
|
<view class="flex flex-direction">
|
|
<view bindtap="showMore" class="catelog-title" data-idx="{{index}}" data-item="{{item}}" data-userid="{{tempUserId}}">
|
|
<view class="action">
|
|
<view class="title intro-title">
|
|
<image mode="scaleToFill" src="/images/ic_column_icon.png" style="width:32rpx;height:32rpx;"></image>
|
|
<text>{{item.name}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="action text-gray" style="color:#999999;" wx:if="{{item.mode=='2'}}"> 更多<text class="cuIcon-add"></text>
|
|
</view>
|
|
</view>
|
|
<view class="column-content">
|
|
<view class="flex flex-direction" style="width:100%;" wx:if="{{item.type=='dbc15b23-a1a3-4cb6-b7fa-9b01c9416454'}}">
|
|
<view class="column-box-row" wx:for="{{item.list}}" wx:for-index="idx" wx:for-item="it" wx:key="idx">
|
|
<view bindtap="showDetail" data-cid="{{item.cId}}" data-ctype="{{item.type}}" data-id="{{it.uid}}" wx:for="{{it.list}}" wx:for-index="i" wx:for-item="child" wx:key="i">
|
|
<view class="align-center" wx:if="{{child.dataType=='1'&&child.displayList}}">
|
|
<view class="bg-white">
|
|
<view class="cu-form-group">
|
|
<view id="content" style="line-height:40rpx;width: 100%;">
|
|
<text class="cuIcon-title"></text>
|
|
<text style="color:#333333;">{{child.value}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="width:100%;" wx:if="{{child.dataType=='3'&&child.displayList&&child.valueList.length>0}}">
|
|
<view class="cu-form-group">
|
|
<view class="flex align-center" style="width:100%;margin-left:15rpx;" wx:for="{{child.valueList}}" wx:for-index="a" wx:for-item="audio" wx:key="a">
|
|
<image catchtap="play" data-a="{{a}}" data-i="{{i}}" data-idx="{{idx}}" data-index="{{index}}" data-item="{{audio}}" mode="scaleToFill" src="{{audio.isPlay?'/images/ic_pause_icon.png':'/images/ic_play_icon.png'}}" style="width:64rpx;height:64rpx;margin-left:5rpx;"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view wx:else>
|
|
<view class="column-box" wx:for="{{item.list}}" wx:for-index="idx" wx:for-item="it" wx:key="idx">
|
|
<view bindtap="showDetail" class="{{(child.valueList.length>0||child.value.length>0)&&child.displayList?'column-item':''}}" data-cid="{{item.cId}}" data-collect="{{item.collectSwitch}}" data-comment="{{item.commentSwitch}}" data-ctype="{{item.type}}" data-id="{{it.uid}}" data-like="{{item.likeSwitch}}" data-share="{{item.shareSwitch}}" wx:for="{{it.list}}" wx:for-index="i" wx:for-item="child" wx:key="i">
|
|
<view>
|
|
<view class="align-center" wx:if="{{child.dataType=='1'&&child.displayList&&child.value.length>0}}">
|
|
<view class=" bg-white">
|
|
<view class="cu-form-group">
|
|
<view id="content" style="line-height:40rpx;width: 100%;">
|
|
<text class="{{item.type=='dda5007c-5fb7-48f2-8537-3cb8ea298242'?'cuIcon-title':''}}"></text>
|
|
<text style="color:#333333;">{{child.value}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view wx:if="{{child.dataType=='2'&&child.displayList&&child.valueList.length>0}}">
|
|
<view class="cu-form-group" wx:if="{{child.dataMode=='1'}}">
|
|
<view class="grid col-3 grid-square flex-sub">
|
|
<view catchtap="viewImg" class="bg-img" data-url="{{photo.path}}" data-values="{{child.valueList}}" wx:for="{{child.valueList}}" wx:for-item="photo" wx:key="d">
|
|
<image mode="aspectFill" src="{{photo.path}}"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view wx:elif="{{child.dataMode=='2'||child.dataMode=='3'}}">
|
|
<swiper autoplay="{{child.dataMode=='3'}}" indicatorDots="{{true}}" style="width:100%;height:400rpx;">
|
|
<swiper-item style="width:100%;" wx:for="{{child.valueList}}" wx:for-index="pIndex" wx:for-item="photo" wx:key="pIndex">
|
|
<image catchtap="viewImg" data-url="{{photo.path}}" data-values="{{child.valueList}}" mode="aspectFill" src="{{photo.path}}" style="width:100%;border-radius:5rpx;height:400rpx;"></image>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
<view wx:elif="{{child.dataMode=='4'}}">
|
|
<image catchtap="viewImg" class="img-item" data-url="{{photo.path}}" data-values="{{child.valueList}}" mode="widthFix" src="{{photo.path}}" wx:for="{{child.valueList}}" wx:for-index="pIndex" wx:for-item="photo" wx:key="pIndex"></image>
|
|
</view>
|
|
</view>
|
|
<view style="width: 100%;" wx:if="{{child.dataType=='4'&&child.displayList&&child.valueList.length>0}}">
|
|
<view class="cu-form-group">
|
|
<view catchtap="viewVideo" class="movie-box" data-url="{{video.path}}" wx:for="{{child.valueList}}" wx:for-index="d" wx:for-item="video" wx:key="d">
|
|
<image mode="scaleToFill" src="{{video.imgPath}}"></image>
|
|
<view class="play-box-arrow-flex">
|
|
<image mode="scaleToFill" src="/images/ic_video_play.png" style="width: 96rpx;height:96rpx;"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="width:100%;" wx:if="{{child.dataType=='3'&&child.displayList&&child.valueList.length>0}}">
|
|
<view class="cu-form-group">
|
|
<view class="flex align-center shadow-box" style="width:100%;" wx:for="{{child.valueList}}" wx:for-index="a" wx:for-item="audio" wx:key="a">
|
|
<image mode="scaleToFill" src="/images/ic_user_default.png" style="width:80rpx;height:80rpx;"></image>
|
|
<view class="play-box">
|
|
<view class="flex justify-between align-center" style="width:80%;">
|
|
<text>{{audio.curDurationStr}}</text>
|
|
<slider activeColor="#1296db" backgroundColor="#cacaca" bindchange="slider4change" blockColor="#1296db" blockSize="14" class="flex-sub" data-a="{{a}}" data-i="{{i}}" data-idx="{{idx}}" data-index="{{index}}" data-item="{{audio}}" max="{{audio.duration}}" min="{{0}}" value="{{audio.curDuration}}"></slider>
|
|
<text>{{audio.totalDurationStr}}</text>
|
|
</view>
|
|
<view class="flex justify-between" style="width:80%;">
|
|
<image catchtap="rewind" data-a="{{a}}" data-i="{{i}}" data-idx="{{idx}}" data-index="{{index}}" data-item="{{audio}}" mode="scaleToFill" src="/images/ic_audio_rewind.png"></image>
|
|
<image catchtap="play" data-a="{{a}}" data-i="{{i}}" data-idx="{{idx}}" data-index="{{index}}" data-item="{{audio}}" mode="scaleToFill" src="{{audio.isPlay?'/images/ic_audio_playing.png':'/images/ic_audio_play.png'}}"></image>
|
|
<image catchtap="speed" data-a="{{a}}" data-i="{{i}}" data-idx="{{idx}}" data-index="{{index}}" data-item="{{audio}}" mode="scaleToFill" src="/images/ic_audio_speed.png"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view wx:if="{{child.dataType=='6'&&child.displayList&&child.valueList.length>0}}">
|
|
<view>
|
|
<view style="width:100%;" wx:for="{{child.valueList}}" wx:for-index="mindex" wx:for-item="m" wx:key="mindex">
|
|
<view class="flex justify-between">
|
|
<view></view>
|
|
<view></view>
|
|
</view>
|
|
<view style="border-radius:10rpx;overflow:hidden;">
|
|
<map enableRotate="{{false}}" enableScroll="{{false}}" enableTraffic="{{false}}" enableZoom="{{false}}" latitude="{{m.latitude}}" longitude="{{m.longitude}}" markers="{{[ {latitude:m.latitude,longitude:m.longitude} ]}}" scale="12" style="width:100%;height:300rpx;"></map>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view wx:if="{{child.dataType=='7'&&child.displayList&&child.value.length>0}}">
|
|
<view class="bg-white">
|
|
<view class="cu-form-group">
|
|
<view id="content" style="line-height:40rpx;color:#333333;text-align: justify;width: 100%;">
|
|
<text decode="true" space="emsp">{{child.value}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view wx:if="{{child.dataType=='8'&&child.displayList&&child.value.length>0}}">
|
|
<view class="flex" style="flex-direction:row;">
|
|
<view class="cu-bar bg-white">
|
|
<view class="action">
|
|
<text class="cuIcon-vipcard"></text>
|
|
<text class="text-black">{{child.comment}}:</text>
|
|
<text class="margin-left-sm">{{child.selValue}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view wx:if="{{child.dataType=='9'&&child.displayList&&child.value.length>0}}">
|
|
<view class="cu-bar bg-white">
|
|
<view class="action">
|
|
<text class="cuIcon-vipcard"></text>
|
|
<text>{{child.comment}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="cu-capsule radius" wx:for="{{child.dictionariesList}}" wx:for-index="ids" wx:for-item="ss" wx:key="ids">
|
|
<view class="cu-tag bg-blue radius padding-left-sm padding-right-sm" wx:if="{{ss.isSel}}"> {{ss.dataName}} </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="func-box" wx:if="{{item.funcSwitch}}">
|
|
<view class="line-gray-ssm"></view>
|
|
<view class="func-items">
|
|
<button class="func-item" data-collect="{{item.collectSwitch}}" data-comment="{{item.commentSwitch}}" data-idx="{{idx}}" data-index="{{index}}" data-item="{{it}}" data-like="{{item.likeSwitch}}" data-share="{{item.shareSwitch}}" data-sharetype="2" openType="share" style="font-size: 28rpx;font-weight: normal;text-align: center;background-color: #ffffff;width: 0rpx;margin: 0rpx;padding: 0rpx;border-radius: 0rpx;" wx:if="{{item.shareSwitch!='1'&&item.shareSwitch!='3'}}">
|
|
<text class="cuIcon-share text-gray" style="font-size: 38rpx;"></text>
|
|
<text style="text-align: center;line-height:28rpx;">转发</text>
|
|
</button>
|
|
<view catchtap="doCollect" class="func-item" data-collect="{{item.collectSwitch}}" data-comment="{{item.commentSwitch}}" data-idx="{{idx}}" data-index="{{index}}" data-item="{{it}}" data-like="{{item.likeSwitch}}" data-share="{{item.shareSwitch}}" wx:if="{{item.collectSwitch!='1'&&item.collectSwitch!='3'}}">
|
|
<text class="{{it.collectStatus?'cuIcon-favorfill line-yellowlight2':'cuIcon-favor text-gray'}}" style="font-size: 38rpx;"></text>
|
|
<text>收藏</text>
|
|
</view>
|
|
<view catchtap="showComment" class="func-item" data-cid="{{item.cId}}" data-collect="{{item.collectSwitch}}" data-comment="{{item.commentSwitch}}" data-like="{{item.likeSwitch}}" data-share="{{item.shareSwitch}}" data-uid="{{it.uid}}" wx:if="{{item.commentSwitch!='1'&&item.commentSwitch!='3'}}">
|
|
<text class="cuIcon-comment text-gray" style="font-size: 38rpx;"></text>
|
|
<text style="font-size: 30rpx;">{{it.commentCount>1000?'1000+':it.commentCount}}</text>
|
|
</view>
|
|
<view catchtap="doLike" class="func-item" data-collect="{{item.collectSwitch}}" data-comment="{{item.commentSwitch}}" data-idx="{{idx}}" data-index="{{index}}" data-item="{{it}}" data-like="{{item.likeSwitch}}" data-share="{{item.shareSwitch}}" wx:if="{{item.likeSwitch!='1'&&item.likeSwitch!='3'}}">
|
|
<text class="{{it.likeStatus?'cuIcon-appreciatefill line-yellowlight2':'cuIcon-appreciate text-gray'}}" style="font-size: 38rpx;"></text>
|
|
<text style="font-size:30rpx;">{{it.likeCount>1000?'1000+':it.likeCount}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="margin-top:200rpx;width:100%;" wx:else>
|
|
<van-empty description="暂无数据"></van-empty>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view bindtap="hideBarCode" class="bar-code" wx:if="{{isShowBarCode}}">
|
|
<view animation="{{animationData}}" class="bar-code-tr">
|
|
<view class="content">
|
|
<view class="code-title">十而百智慧名片</view>
|
|
<image src="{{cardUrl}}{{cardInfo.cardTemplateUseBarcode}}"></image>
|
|
<view class="code-txt"> 一份信心,一份努力,一份成功;十分信心,十分努力,十分成功. </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<van-action-sheet bind:close="onHide" show="{{isShowCard}}" style="padding-bottom:180rpx;" title="请选择">
|
|
<view class="flex flex-direction align-center" style="margin-top:10rpx;padding-bottom:30rpx;">
|
|
<scroll-view scrollY style="height:320rpx;max-height:320rpx;padding:0rpx 20rpx;align-items:center;">
|
|
<view bindtap="changeCard" class="flex align-center" style="width:100%;flex-direction:center;">
|
|
<view class="flex align-center justify-center bg-yellow-yellow" style="width:100%;height:160rpx;border-radius:10rpx;margin-right:10rpx;margin-left:10rpx;">
|
|
<text style="font-size:32rpx;color:#FFFFFF;">我的</text>
|
|
</view>
|
|
</view>
|
|
<view bindtap="changeCard" class="cu-list menu-avatar solid" data-item="{{item}}" style="margin-left:10rpx;margin-right:10rpx;margin-top:20rpx;" wx:for="{{otherCardList}}" wx:key="index">
|
|
<view class="cu-item bg-yellow-yellow" style="width:100%;height:160rpx;border-radius:10rpx;">
|
|
<view class="cu-avatar radius xl round bg-yellow-yellow">
|
|
<text style="font-size:14px;">{{item.name}}</text>
|
|
</view>
|
|
<view class="content" style="width:100%;">
|
|
<view class="text-depblack">
|
|
<text class="text-cut text-white">电话:{{item.phone}}</text>
|
|
</view>
|
|
<view class="text-gray text-sm flex">
|
|
<text class="text-cut text-white">公司:{{item.department}}</text>
|
|
</view>
|
|
<view class="text-gray text-sm flex">
|
|
<text class="text-cut text-white">地址:{{item.address}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</van-action-sheet>
|