289 lines
13 KiB
Plaintext
289 lines
13 KiB
Plaintext
<!--packageA/mycomponent/goods_telephone_charges_pro/goods_telephone_charges_pro.wxml-->
|
||
|
||
|
||
<view class="banner">
|
||
<image src="{{bannerUrl}}" mode="widthFix" />
|
||
</view>
|
||
<view class="recharge">
|
||
<view class="tabs">
|
||
<view class="tabs-item">选择户名</view>
|
||
</view>
|
||
|
||
<view class="recharge-box">
|
||
<view class="input-box">
|
||
<text style="font-size: 26rpx;color: #fe3d43;" bindtap="setEditUserShow" wx:if="{{AccountList.length==0}}">添加户名</text>
|
||
<view class="inpInfoBox" wx:else bindtap="setSelectUserShow">
|
||
<view class="left">
|
||
<view class="leftIcon">{{currentAccount.charge_type == '1'?'住':(currentAccount.charge_type == '2'?'店':'企')}}</view>
|
||
<view class="leftTxt">{{currentAccount.account_number}}</view>
|
||
</view>
|
||
<view class="line"></view>
|
||
<view class="right">
|
||
<text class="txt">{{currentAccount.account_name}}</text>
|
||
<i class="iconfont icon-advertise-next"></i>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="desc">{{desc_text}}</view>
|
||
<view class="recharge-title">充值金额</view>
|
||
<view class="recharge-items">
|
||
<view class="recharge-item {{optionsId == item.id ? 'active' : ''}}" wx:for="{{displayOptions}}" wx:key="{{index}}" data-item="{{item}}" bindtap="handClickOptions" wx:if="{{item.status == 1 && (currentAccount?item.charge_type == currentAccount.is_south:true)}}">
|
||
<view class="recharge-activity" wx:if="{{item.diff_price > 0}}">立减{{ item.diff_price }}元</view>
|
||
<view class="recharge-price"><text>￥</text>{{ item.face_value }}</view>
|
||
<view class="recharge-discount">优惠价￥{{ item.product_price }}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="like-box" wx:if="{{likeArr.length > 0}}">
|
||
<view class="like-box-title">猜你喜欢</view>
|
||
<swiper style="height:{{goodsInfo.show_push.length>3 ? '650' : '330' }}rpx;" bind:change="onChangeSwipeIndex">
|
||
<swiper-item wx:for="{{likeArr}}" wx:key="{{index}}" wx:for-item="goods">
|
||
<view class="like-box-goods">
|
||
<view class="like-box-good" wx:for="{{goods}}" wx:key="id" data-id="{{item.id}}" bindtap="gotoDetailV2">
|
||
<view class="good-face">
|
||
<image src="{{item.thumb}}" mode="aspectFill" />
|
||
</view>
|
||
<view class="good-name text-overHide">{{ item.title }}</view>
|
||
<view class="good-price">￥{{ item.price }}</view>
|
||
</view>
|
||
</view>
|
||
</swiper-item>
|
||
</swiper>
|
||
<view class="van-indicator">
|
||
<view class="li {{swipeIndex == index ? 'active' : ''}}" wx:for="{{likeArr}}" wx:key="{{index}}"></view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="goods-details">
|
||
<view class="goods-details-title">
|
||
<view class="line"></view>
|
||
<view class="text">商品详情</view>
|
||
<view class="line"></view>
|
||
</view>
|
||
<mp-html content="{{goodsInfo.content}}"></mp-html>
|
||
<view wx:if="{{!goodsInfo.content}}" style="color: #666;text-align:center;">暂无该商品详情 ~</view>
|
||
</view>
|
||
|
||
|
||
|
||
|
||
|
||
<van-popup show="{{selectUserShow}}" position="bottom" bind:click-overlay="setSelectUserShow">
|
||
<view class="choice-account-wrapper" style="min-height: 700rpx;">
|
||
<view class="header">
|
||
<van-nav-bar title="选择户号">
|
||
</van-nav-bar>
|
||
</view>
|
||
|
||
<view class="account-list">
|
||
<van-radio-group value="{{radioAccount}}" bind:change="onChangeCurrentAccount">
|
||
<view class="account-item" wx:for="{{AccountList}}">
|
||
<view class="icon">{{item.charge_type == '1'?'住':(item.charge_type == '2'?'店':'企')}}</view>
|
||
<view class="content">
|
||
<view class="name-info">
|
||
<view class="name">{{item.account_name}}</view>
|
||
<i class="iconfont icon-fontclass-xiugai" bindtap="editIcon" data-item="{{item}}"></i>
|
||
<text class="txt">|</text>
|
||
<i class="iconfont icon-fontclass-shanchu" bindtap="delIcon" data-item="{{item}}"></i>
|
||
</view>
|
||
<view class="number">{{item.account_number}}</view>
|
||
</view>
|
||
<van-radio name="{{item.id}}" checked-color="#f14e4e">
|
||
<!-- <i class="iconfont icon-all_select_active"></i> -->
|
||
</van-radio>
|
||
</view>
|
||
</van-radio-group>
|
||
</view>
|
||
|
||
<view class="saveBox" bindtap="newCreate">新增户号</view>
|
||
|
||
</view>
|
||
</van-popup>
|
||
|
||
<van-popup show="{{editUserShow}}" position="bottom" bind:click-overlay="setEditUserShow">
|
||
<view class="add-account-wrapper" style="min-height: 950rpx;">
|
||
<view class="header">
|
||
<van-nav-bar title="填写充值账户" bind:click-left="setEditUserShow">
|
||
<!-- <i class="iconfont icon-close11" style="font-size: 28rpx;" slot="right"></i> -->
|
||
</van-nav-bar>
|
||
</view>
|
||
|
||
<view class="lineTitle">
|
||
<view class="lineTxt">户名：</view>
|
||
<view class="lineInp">
|
||
<input type="text" placeholder="例如我家/父母家" model:value="{{form_account_name}}" />
|
||
</view>
|
||
</view>
|
||
<view class="lineTitle">
|
||
<view class="lineTxt">户号：</view>
|
||
<view class="lineInp">
|
||
<input type="text" placeholder="请输入缴费户号" model:value="{{form_account_number}}" />
|
||
</view>
|
||
</view>
|
||
<view style="font-size: 22rpx; color: #fe3c43; margin-top: 21rpx; margin-left: 140rpx;" bindtap="setTipsShow">如何获取户号？</view>
|
||
<view class="linebox" bindtap="setAddressShow_p">
|
||
<view class="lineTxt">所在省市：</view>
|
||
<view class="lineSelect">
|
||
<text>{{form_province}} {{form_city}}</text>
|
||
<i class="iconfont icon-advertise-next"></i>
|
||
</view>
|
||
</view>
|
||
<view class="lineboxCard" wx:if='{{isProvinceShow}}' >
|
||
<view class="lineTxt">身份证/营业执照/机构代码后6位：</view>
|
||
<view class="lineInp">
|
||
<input type="text" maxlength="6" placeholder="请输入身份证/营业执照/机构代码后6位" model:value="{{codeValue}}" />
|
||
</view>
|
||
</view>
|
||
<view class="linebox">
|
||
<view class="lineTxt">账户类型：</view>
|
||
<view class="lineSelect" bindtap="tapSelect_btn">
|
||
<text>{{form_charge_type == 1?'住宅':(form_charge_type == 2?'商铺':'企事业')}}</text>
|
||
<i class="iconfont icon-advertise-next" wx:if="{{!tapSelect}}"></i>
|
||
<i class="iconfont icon-member-bottom" wx:if="{{tapSelect}}"></i>
|
||
</view>
|
||
</view>
|
||
<view class="accountType" wx:if="{{tapSelect}}">
|
||
<van-radio-group value="{{form_charge_type}}" bind:change="onChangeChargeType">
|
||
<view class="groupList">
|
||
<view class="txt">住宅</view>
|
||
<van-radio name="{{1}}" checked-color="#f14e4e">
|
||
<!-- <i class="iconfont icon-all_select_active"></i> -->
|
||
</van-radio>
|
||
</view>
|
||
<view class="groupList">
|
||
<view class="txt">商铺</view>
|
||
<van-radio name="{{2}}" checked-color="#f14e4e">
|
||
<!-- <i class="iconfont icon-all_select_active"></i> -->
|
||
</van-radio>
|
||
</view>
|
||
<view class="groupList">
|
||
<view class="txt">企事业</view>
|
||
<van-radio name="{{3}}" checked-color="#f14e4e">
|
||
<!-- <i class="iconfont icon-all_select_active"></i> -->
|
||
</van-radio>
|
||
</view>
|
||
</van-radio-group>
|
||
</view>
|
||
<view class="saveBox" bindtap="saveBox">保存</view>
|
||
</view>
|
||
</van-popup>
|
||
<van-toast id="van-toast" />
|
||
<van-popup show="{{tipsShow}}" position="bottom" bind:click-overlay="setTipsShow">
|
||
<view class="how-account-wrapper" style="min-height: 700rpx;">
|
||
<view class="header">
|
||
<van-nav-bar title="如何获得户号？" border="{{false}}">
|
||
</van-nav-bar>
|
||
</view>
|
||
|
||
<view class="cell-title">
|
||
<view class="icon"><i class="iconfont icon-fontclass-chucun"></i></view>
|
||
<text class="txt">电话查询</text>
|
||
</view>
|
||
|
||
<view class="cell-content">
|
||
拨打国家电网客户电话 95598，提供住址、身份证号即可拨打
|
||
</view>
|
||
|
||
<view class="cell-title">
|
||
<view class="icon"><i class="iconfont fontclass-yanzhengma"></i></view>
|
||
<text class="txt">检查计费表</text>
|
||
</view>
|
||
|
||
<view class="cell-content">
|
||
拨打国家电网客户电话 95598，提供住址、身份证号即可拨打
|
||
</view>
|
||
|
||
<view class="cell-title">
|
||
<view class="icon"><i class="iconfont icon-zx_map_tel"></i></view>
|
||
<text class="txt">查询通知短信</text>
|
||
</view>
|
||
|
||
<view class="cell-content">
|
||
拨打国家电网客户电话 95598，提供住址、身份证号即可拨打
|
||
</view>
|
||
|
||
</view>
|
||
</van-popup>
|
||
|
||
<van-popup show="{{addressShow_p}}" position="bottom" bind:click-overlay="setAddressShow_p">
|
||
<van-picker title="" show-toolbar columns="{{provinceData}}" bind:confirm="addressCallback" bind:cancel="setAddressShow_p" value-key="text" bind:change="onChangeAddress"></van-picker>
|
||
</van-popup>
|
||
|
||
|
||
<view class="fixed-qrcode" bindtap="setPosterShow">
|
||
<i class="iconfont icon-bc_eweima"></i>
|
||
</view>
|
||
|
||
<view class="fixed-topping" bindtap="setTopping" wx:if="{{hoet}}">
|
||
<i class="iconfont icon-fontclass-zhiding"></i>
|
||
</view>
|
||
|
||
<view style=" height: calc(120rpx + env(safe-area-inset-bottom));"></view>
|
||
|
||
<view class="footer">
|
||
<view class="footer-left">
|
||
<view class="service footer-left-item" bindtap="gotoIndex">
|
||
<i class="iconfont icon-fontclass-shouye" style="height:22px;"></i>
|
||
<text>首页</text>
|
||
</view>
|
||
<view class="service footer-left-item" bindtap="setCserviceFlag">
|
||
<i class="iconfont icon-fontclass-kefu"></i>
|
||
<text>客服</text>
|
||
</view>
|
||
<view class="order footer-left-item" bindtap="gotoOrderList">
|
||
<i class="iconfont icon-kc_line_order"></i>
|
||
<text>订单</text>
|
||
</view>
|
||
</view>
|
||
<view class="footer-right" bindtap="sendRecharge">
|
||
立即充值
|
||
</view>
|
||
</view>
|
||
|
||
|
||
|
||
<!-- 海报 -->
|
||
<goods-qrcode isshow="{{posterShow}}" goodsId="{{goodsId}}"></goods-qrcode>
|
||
|
||
|
||
<!-- 客服弹窗 -->
|
||
<van-popup custom-style="border-radius: 38rpx;" show="{{show1}}" overlay="{{true}}">
|
||
<view class="pop-content">
|
||
<view class="pop-top">
|
||
<view class="left">
|
||
<view class="wrap">
|
||
<view>
|
||
<view class="image" style="position:relative">
|
||
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/kf_online_contect@2x.png"></image>
|
||
</view>
|
||
<view>在线联系</view>
|
||
<button wx:if="{{cservice==''}}" open-type="contact" bindcontact="handleContact" style="position:absolute;width:84rpx;height:84rpx;opacity:0;top:0rpx;"></button>
|
||
<button wx:if="{{cservice!=''}}" data-cservice="{{cservice}}" bindtap="gotoChat" style="position:absolute;width:84rpx;height:84rpx;opacity:0;top:0rpx;"></button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view style="display:flex;padding-top: 10%;" wx:if="{{!service_mobile==''}}">
|
||
<view class="line"></view>
|
||
</view>
|
||
<view class="right" wx:if="{{!service_mobile==''}}">
|
||
<view class="wrap" bindtap="callPhone">
|
||
<view>
|
||
<view class="image">
|
||
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/kf_tel_contect@2x.png"></image>
|
||
</view>
|
||
<view>联系电话</view>
|
||
<view style="margin-top:16rpx">{{service_mobile}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="pop-bottom" wx:if="{{!service_QRcode==''}}">
|
||
<view class="image">
|
||
<image src="{{service_QRcode}}" show-menu-by-longpress></image>
|
||
</view>
|
||
</view>
|
||
<icon class="iconfont icon-close11" catchtap="setCserviceFlag"></icon>
|
||
</view>
|
||
</van-popup> |