crm/resources/zqxgxcx/share/pages/materialcase/materialcase.wxml

<wxs module="filters" src="../../../utils/filters.wxs"></wxs>
<view class="topbox" style="padding-top:{{top}}px;height:{{top*1+hgt*1}}px;">
    <view wx:if="{{type==3}}" class="leftindexbox clearfix" style="top: {{top*1+9}}px;">
        <image bindtap="golastap" class="leftgoto" src="../../../img/back.png"></image>
    </view>
    <view class="fontfpm fontr32 center maintitle titleStyle" style="line-height: 44px;padding-left:{{type==3?'32px':'25rpx'}};">{{casemsgobj.title}}</view>
</view>
<view class="relative " style="padding-top:{{top*1+hgt*1}}px;">
    <view class="image-box">
        <image wx:if="{{!activeType}}" mode="widthFix" class="cover" src="{{casemsgobj.cover_img}}"></image>
        <swiper wx:if="{{activeType}}" circular="{{true}}" bindchange="swiperChange" current="{{swiperIndex}}" class="height450 width100">
            <block wx:if="{{casemsgobj.vr_case}}">
                <swiper-item item-id="vr-0"  class="height450 relative">
                    <image src="{{casemsgobj.cover_img}}"  mode="widthFix"></image>
                    <view wx:if="{{casemsgobj.vr_case}}" data-type="1" data-vr="{{casemsgobj.vr_case}}" class="vr-box" bindtap="openVRLink">
                        <image src="../../../img/interVr.png" class="vr-image" mode="widthFix"></image>
                    </view>
                </swiper-item>
            </block>
            <block wx:if="{{casemsgobj.video_case}}">
                <swiper-item item-id="video-0" class="height450">
                    <video-list vidoesrc="{{casemsgobj.video_case}}" poster="{{casemsgobj.video_case+'?x-oss-process=video/snapshot,t_100,f_jpg,w_300,m_fast'}}"  objectfit="contain" showProgress="{{true}}" showBottomProgress="{{true}}" showFullscreenBtn="{{true}}"/>
                </swiper-item>
            </block>
        </swiper>
        <view class="switchTab relative">
            <block wx:for="{{tab}}">
                <view wx:if="{{item.count!=0}}" data-type="{{item.type}}" class="{{item.type==activeType?'activeTab':''}}" data-count="{{item.count}}" bindtap="handleSwitch">{{item.name}}</view>
            </block>
        </view>
    </view>
    <view class="titmsg fontr36 fontfpr ">{{casemsgobj.title}}</view>

    <!-- <view class="designerbox clearfix">
        <image class="designerimg pull-left" src="{{companyobj.logo}}"></image>
        <view class="pull-left designermsgbox  color384855 fontfps fontr32 lhr80">{{companyobj.company_name}}</view>
        <button wx:if="{{phoneFlag==true}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumberTap" class="pull-right orderbtn fontr28 fontfpr colorfff lhr66 tcenter">预约装修</button>
        <button wx:if="{{phoneFlag==false}}" bindtap="orderfun" class="pull-right orderbtn fontr28 fontfpr colorfff lhr66 tcenter">预约装修</button>
    </view> -->
    <!-- 设计师 -->
    <view class="updateBox">
        <view bindtap="designertap" class="u-img-box">
            <image src="{{casemsgobj.designer&&casemsgobj.designer.image_photo?casemsgobj.designer.image_photo:casemsgobj.designer.headimgurl?casemsgobj.designer.headimgurl:companyobj.logo?companyobj.logo:'https://o.nczyzs.com/xcx/aaa/nonedatalogo.png'}}"></image>
        </view>
        <view bindtap="designertap" class="flex-sub u-company">
            <view class="u-company-name">{{casemsgobj.designer&&casemsgobj.designer.name?'设计师：'+casemsgobj.designer.name:companyobj.company_name}}<text class="u-position">{{casemsgobj.designer&&casemsgobj.designer.position?('【'+casemsgobj.designer.position+'】'):''}}</text></view>
            <view catchtap="dothis" wx:if="{{!!casemsgobj.designer}}" class="u-company-address">
                <view class="{{showAddress?'address-text':'address-text address-ellipsis'}}">擅长风格：{{!!casemsgobj.designer&&!!casemsgobj.designer.good_at?filters.arrtostr(casemsgobj.designer.good_at):'暂未设置'}}
                    <text  hidden="{{!showAddress}}" class="address-show" data-type="hide" catchtap="showAddressName">隐藏</text>
                </view>
                <text hidden="{{showAddress}}" class="address-show" data-type="show" catchtap="showAddressName">{{!casemsgobj.designer||!casemsgobj.designer.good_at||filters.arrtostr(casemsgobj.designer.good_at).length<10?'':'展开'}}</text>
            </view>
            <view wx:if="{{!casemsgobj.designer}}" class="u-company-address">
                <view class="address-text">
                    公司地址：{{companyobj.address?companyobj.address:'无'}}
                </view>
            </view>
        </view>
        <view class="u-button-box">
            <button open-type="getPhoneNumber" data-type="1" bindgetphonenumber="getPhoneNumberTap" class="u-button">预约TA</button>
        </view>
    </view>
    <!-- 设计师 -->
</view>
<view class="casemsgbox clearfix fontr28 tleft">
    <view class="clearfix colora9 fontfpm lhr40">
        <view class="pull-left width25 center">户型</view>
        <view class="pull-left width23_ center">风格</view>
        <view class="pull-left width22_ center">面积</view>
        <view class="pull-left width30_ center">价格</view>
    </view>
    <view class="clearfix color348555 fontfpr lhr32 casepricebox">
        <view class="pull-left width25 center">{{casemsgobj.housetype.name}}</view>
        <view class="pull-left width23_ center">{{casemsgobj.decostyle.name}}</view>
        <view class="pull-left width22_ center">{{casemsgobj.square}}㎡</view>
        <view wx:if="{{!phoneFlag}}" class="pull-left width30_ center {{casemsgobj.money=='暂无报价'?'colora9':''}}">{{casemsgobj.money=='暂无报价'?'报价中':casemsgobj.money}}{{casemsgobj.money=='暂无报价'?'':'起'}}</view>
        <view wx:else="" class="width30_ viewBtnStyle">
            <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumberTap" data-type="price" class="viewPrice">查看报价</button>
        </view>
    </view>
</view>
<view class="line"></view>
<!-- <view class="title-tips fontfpm">案例描述</view> -->
<view class="">
<!-- {{articlelogin==false?'unloginbox':''}} -->
    <!-- 详情 -->
  
    <view  wx:if="{{!!ctype}}" class="bgbox" style="background-color: #ECECEC;"></view>
    <view wx:if="{{!!ctype && casemsgobj.desccontentmsg && casemsgobj.realdesc}}" class="clearfix casetit fontr36 color333 lhr40">
        <view wx:if="{{casemsgobj.desccontentmsg}}" data-type='1' bindtap="setypetap" class="pull-left {{ctype==1?'nowtitbox':''}}">效果案例</view>
        <view wx:if="{{casemsgobj.realdesc}}" data-type='2' bindtap="setypetap" class="pull-left {{ctype==2?'nowtitbox':''}}">实景案例</view>
    </view>
    <view wx:if="{{ctype==1}}" class="configmsg">
    <!-- 详情 -->
    <mp-html content="{{casemsgobj.desccontentmsg}}" />
    </view>
    <view wx:if="{{ctype==2}}" class="configmsg">
    <!-- 详情 -->
    <mp-html content="{{casemsgobj.realdesc}}" />
    </view>
    
    <!-- <view wx:if="{{articlelogin==false}}" class="unloginlayer">
        <button wx:if="{{phoneFlag==true}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumberTap" class="articlebtn fontfpm center">
            <view class="inline-block articleview">
                <view class="pull-left">查看全部</view>
                <image class="pull-left" src="../../../img/down.png"></image>
            </view>
        </button>
    </view> -->
</view>
<view wx:if="{{casemsgobj.from==1&&articlelogin&&!phoneFlag}}" class="caseimgbox">
    <view wx:for="{{imgarr}}" class="everycaseimgbox">
        <image class="caseimg" mode="widthFix" data-img="{{imgUrl+item.img}}" bindtap="prelooktap" src="{{imgUrl+item.img}}"></image>
        <view wx:if="{{item.text}}" class="casetextbox">
            <view class="bold fontr28 color384855 fontfpr lhr56">说明：</view>
            <view class="fontr28 fontfpr color384855 lhr40 mtr16">{{item.text}}</view>
        </view>
    </view>
</view>

<view class="setimebox fontr24 " style="padding-top:{{!ctype?'32rpx':0}};">本案例发布于{{filters.timesplit(casemsgobj.addtime)}}</view>
<view class="designcasebox">
    <view class="designcasetit clearfix">
        <view class="pull-left fontr36 fontfpm title-tips2">相关推荐</view>
    </view>
    <view class="caselistbox clearfix">
        <view class="leftcasebox pull-left clearfix">
            <view wx:for="{{leftcaselist}}" data-cid="{{item.id}}" bindtap="casemsgtap" class="everycasebox pull-left">
                <view data-cid="{{item.id}}" class="imgbox relative">
                    <image mode="widthFix" data-cid="{{item.id}}" bindload="imgload" binderror="imgload" src="{{(item.cover_img?item.cover_img:imgUrl+'xcx/nonedata.jpg')+'?x-oss-process=image/resize,w_400'}}"></image>
                    <image wx:if="{{item.vr_case}}" data-type="2" data-id="{{item.id}}" data-vrlink="{{item.vr_case}}" src="../../../img/interVr.png" mode="widthFix" class="interVrStyle" catchtap="openVRLink"></image>
                    <view data-cid="{{item.id}}" class="casesharenum clearfix">
                        <image data-cid="{{item.id}}" class="pull-left" src="{{imgUrl}}xcx/conshare.png?x-oss-process=image/resize,w_20"></image>
                        <view data-cid="{{item.id}}" class="fontr20 fontfpr pull-left">{{item.shared_times}}</view>
                    </view>
                </view>
                <view data-cid="{{item.id}}" class="relative casemsgbox1">
                    <view data-cid="{{item.id}}" class="ellipsis casemsgtit fontr28 fontfpr color384855 lhr34">{{item.title}}</view>
                    <view data-cid="{{item.id}}" class="designerbox clearfix">
                        <view data-cid="{{item.id}}" class="inline-block color9DB6CF casehousemsgbox">{{item.community.name}} | {{item.decostyle.name}} | {{item.square}}㎡</view>
                    </view>
                </view>
            </view>
        </view>
        <view class="rightcasebox pull-left clearfix">
            <view wx:for="{{rightcaselist}}" data-cid="{{item.id}}" bindtap="casemsgtap" class="everycasebox pull-left">
                <view data-cid="{{item.id}}" class="imgbox relative">
                    <image mode="widthFix" data-cid="{{item.id}}" bindload="imgload" binderror="imgload" src="{{(item.cover_img?item.cover_img:imgUrl+'xcx/nonedata.jpg')+'?x-oss-process=image/resize,w_400'}}"></image>
                    <image wx:if="{{item.vr_case}}" data-type="2" data-id="{{item.id}}" data-vrlink="{{item.vr_case}}" src="../../../img/interVr.png" mode="widthFix" class="interVrStyle" catchtap="openVRLink"></image>
                    <view data-cid="{{item.id}}" class="casesharenum clearfix">
                        <image data-cid="{{item.id}}" class="pull-left" src="{{imgUrl}}xcx/conshare.png?x-oss-process=image/resize,w_20"></image>
                        <view data-cid="{{item.id}}" class="fontr20 fontfpr pull-left">{{item.shared_times}}</view>
                    </view>
                </view>
                <view data-cid="{{item.id}}" class="relative casemsgbox1">
                    <view data-cid="{{item.id}}" class="ellipsis casemsgtit fontr28 fontfpr color384855 lhr34">{{item.title}}</view>
                    <view data-cid="{{item.id}}" class="designerbox clearfix">
                        <view data-cid="{{item.id}}" class="inline-block color9DB6CF casehousemsgbox">{{item.community.name}} | {{item.decostyle.name}} | {{item.square}}㎡</view>
                    </view>
                </view>
            </view>
        </view>
        <nonedata len="{{leftcaselist.length}}" datashow="{{rightcaselist.length==0}}"></nonedata>
    </view>
    <view wx:if="{{(leftcaselist.length!=0||rightcaselist.length!=0)&&(casemsgobj.designer_related_cases.length >= 4)}}" class="lookmore fontr28 fontfpr color384855 tcenter" bindtap="otherlistfun">查看更多>></view>
</view>


<block wx:if="{{!!sharepersonMsg.headimgurl}}">
    <view class="clientBox" hidden="{{!showAction}}" bindtap="operateBtn">
        <view class="clientBox-avatar">
            <image src="{{sharepersonMsg.headimgurl}}"></image>
        </view>
        <view class="clientBox-text">咨询</view>
    </view>
    <!-- 添加客服 -->
    <view class="contactSales" hidden="{{showAction}}">
        <view class="contactSales-left">
            <image class="left-avatar" src="{{sharepersonMsg.headimgurl}}"></image>
            <view class="left-msg">
                <view class="left-name">
                    <text>{{sharepersonMsg.name}}</text>
                    <image class="nameCard" src="../../../img/nameCard12.png" bindtap="toPageNameCard"></image>
                </view>
                <view class="left-text">{{companyobj.company_name}}</view>
            </view>
        </view>
        <view class="contactSales-right">
            <view class="right-box1" bindtap="callphonetap">
                <image class="rightmobile" src="../../../img/mobile121.png"></image>
                <text>电话预约</text>
            </view>
            <view class="right-box1" bindtap="presharelooktap">
                <image class="rightmobile" src="../../../img/weixin12.png"></image>
                <text>微信咨询</text>
            </view>
        </view>
    </view>
    <!-- 添加客服 -->
</block>

<image bindtap="priceshowtap" class="pricebtnimg" src="{{imgUrl}}xcx/aaa/pricebtn.gif"></image>
<calcprice priceflag='{{priceflag}}'  bind:run="closepricetap"></calcprice>
<scheme priceflag='{{designPlan}}' rType="MaterialCase" curId="{{cid}}" bind:run="closeDesigntap"></scheme>

<mustlogin loginFlag="{{loginFlag}}" orgname="{{companyobj.company_name}}" logo="{{companyobj.logo}}" canIUseGetUserProfile="{{canIUseGetUserProfile}}" mobileflag="{{mobileflag}}" phoneflag="{{true}}" typenum="{{0}}" id="loginbox" bind:cancelPhone="cancelGetPhone" bind:run="login"></mustlogin>