<!--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>