hlm_pl_mall/app/admin/view/dashboard/h5_link.html

{include file="public/header" /}

<div class="link-wrapper">
    <div class="link-left">
        <div class="link-menu active" onclick="showBlock(1)" data-id="1">商城页面</div>
        <div class="link-menu" onclick="showBlock(2)" data-id="2">营销页面</div>
        <div class="link-menu" onclick="showBlock(3)" data-id="3">积分页面</div>
        <div class="link-menu" onclick="showBlock(4)" data-id="4">文章页面</div>
        <div class="link-menu" onclick="showBlock(5)" data-id="5">店铺页面</div>
        <div class="link-menu" onclick="showBlock(6)" data-id="6">商品页面</div>
        <div class="link-menu" onclick="showBlock(7)" data-id="7">会员页面</div>
    </div>
    <div class="link-right">
        <div class="link-path" style="display:none"></div>
        <!-- 商城页面 -->
        <div class="link-list" data-id="1">
            <div class="link-item" onclick="setLink('/home/index')">首页</div>
            <div class="link-item" onclick="setLink('/home/map')">定位</div>
            <div class="link-item" onclick="setLink('/home/brand')">品牌</div>
            <div class="link-item" onclick="setLink('/home/search')">搜索</div>
            <div class="link-item" onclick="setLink('/home/cart')">购物车</div>
            <div class="link-item" onclick="setLink('/home/chain_list')">门店列表</div>
            <div class="link-item" onclick="setLink('/home/chain_nearby')">附近门店</div>
            <div class="link-item" onclick="setLink('/home/memberregister')">用户注册</div>
            <div class="link-item" onclick="setLink('/home/memberlogin')">用户登录</div>
            <div class="link-item" onclick="setLink('/home/memberforget')">忘记密码</div>
            <div class="link-item" onclick="setLink('/home/sellerlogin')">卖家登录</div>
            <div class="link-item" onclick="setLink('/chain/login')">门店登录</div>
        </div>
        <!-- 营销页面 -->
        <div class="link-list" data-id="2" style="display:none">
            <div class="link-item" onclick="setLink('/home/activity_list')">活动列表</div>
            <div class="link-item" onclick="loadActivity()">活动详情</div>
            <div class="link-item" onclick="setLink('/home/pintuan_list')">拼团列表</div>
            <div class="link-item" onclick="setLink('/home/bargain_list')">砍价列表</div>
            <div class="link-item" onclick="setLink('/home/groupbuy_list')">抢购列表</div>
            <div class="link-item" onclick="setLink('/home/vr_groupbuy_list')">虚拟抢购列表</div>
            <div class="link-item" onclick="setLink('/home/presell_list')">预售列表</div>
            <div class="link-item" onclick="setLink('/member/live_list')">直播列表</div>
            <div class="link-item" onclick="loadLive()">直播详情</div>
            <div class="link-item" onclick="setLink('/home/marketmanagelist')">抽奖列表</div>
            <div class="link-item" onclick="loadMarket(1)">刮刮卡</div>
            <div class="link-item" onclick="loadMarket(4)">生肖翻翻看</div>
            <div class="link-item" onclick="loadMarket(2)">大转盘</div>
            <div class="link-item" onclick="loadMarket(3)">砸金蛋</div>
            <div class="link-item" onclick="loadBonus()">红包</div>
            <div class="link-item" onclick="loadSpecial(0)">商城装修</div>
        </div>
        <!-- 积分页面 -->
        <div class="link-list" data-id="3" style="display:none">
            <div class="link-item" onclick="setLink('/home/pointsgoods')">积分首页</div>
            <div class="link-item" onclick="setLink('/home/point_prod')">积分商品</div>
            <div class="link-item" onclick="loadPointProd()">积分商品详情</div>
            <div class="link-item" onclick="setLink('/home/point_voucher')">积分代金券</div>
            <div class="link-item" onclick="setLink('/member/pointscart')">积分购物车</div>
            <div class="link-item" onclick="setLink('/member/point_signin')">签到送积分</div>
        </div>
        <!-- 文章页面 -->
        <div class="link-list" data-id="4" style="display:none">
            <div class="link-item" onclick="setLink('/home/article_list')">文章列表</div>
            <div class="link-item" onclick="loadArticleClass()">文章分类</div>
            <div class="link-item" onclick="loadArticle">文章详情</div>
            <div class="link-item" onclick="loadDocument()">协议</div>
        </div>
        <!-- 店铺页面 -->
        <div class="link-list" data-id="5" style="display:none">
            <div class="link-item" onclick="setLink('/home/storelist')">店铺列表</div>
            <div class="link-item" onclick="loadStoreClass()">店铺分类</div>
            <div class="link-item" onclick="loadStore(1)">店铺详情</div>
            <div class="link-item" onclick="loadStore(2)">店铺装修</div>
            <div class="link-item" onclick="loadStore(3)">店铺地图</div>
            <div class="link-item" onclick="loadStore(4)">店铺介绍</div>
            <div class="link-item" onclick="loadStore(5)">店铺代金券</div>
            <div class="link-item" onclick="loadStore(6)">店铺商品分类</div>
            <div class="link-item" onclick="loadStore(7)">店铺商品列表</div>
        </div>
        <!-- 商品页面 -->
        <div class="link-list" data-id="6" style="display:none">
            <div class="link-item" onclick="setLink('/home/goodslist')">商品列表</div>
            <div class="link-item" onclick="loadGoodsClass()">商品分类</div>
            <div class="link-item" onclick="loadGoods(1)">商品详情</div>
            <div class="link-item" onclick="loadGoods(2)">商品视频</div>
            <div class="link-item" onclick="loadGoods(3)">商品咨询</div>
        </div>
        <!-- 会员页面 -->
        <div class="link-list" data-id="7" style="display:none">
            <div class="link-item" onclick="setLink('/member/index')">用户中心</div>
            <div class="link-item" onclick="setLink('/member/account')">我的钱包</div>
            <div class="link-item" onclick="setLink('/member/orderreturn')">退款退货</div>
            <div class="link-item" onclick="setLink('/member/predeposit_list')">资金明细</div>
            <div class="link-item" onclick="setLink('/member/recharge_card_list')">充值卡明细</div>
            <div class="link-item" onclick="setLink('/member/withdraw_list')">提现明细</div>
            <div class="link-item" onclick="setLink('/member/chat_list')">聊天列表</div>
            <div class="link-item" onclick="setLink('/member/friend_list')">好友列表</div>
            <div class="link-item" onclick="setLink('/member/consult_list')">商品咨询列表</div>
            <div class="link-item" onclick="setLink('/member/recharge_list')">充值明细</div>
            <div class="link-item" onclick="setLink('/member/voucher_list')">代金券列表</div>
            <div class="link-item" onclick="setLink('/member/notice_list')">通知列表</div>
            <div class="link-item" onclick="setLink('/member/setting')">账号设置</div>
            <div class="link-item" onclick="setLink('/member/profile_set')">个人信息</div>
            <div class="link-item" onclick="setLink('/member/address_list')">地址列表</div>
            <div class="link-item" onclick="setLink('/member/bank_list')">提现账户列表</div>
            <div class="link-item" onclick="setLink('/member/refund_list')">退款列表</div>
            <div class="link-item" onclick="setLink('/member/vrrefund_list')">虚拟订单退款列表</div>
            <div class="link-item" onclick="setLink('/member/return_list')">退货列表</div>
            <div class="link-item" onclick="setLink('/member/invoice_list')">发票列表</div>
            <div class="link-item" onclick="setLink('/member/inform_list')">举报商家列表</div>
            <div class="link-item" onclick="setLink('/member/complaint_list')">投诉商家列表</div>
            <div class="link-item" onclick="setLink('/member/order_list')">我的订单</div>
            <div class="link-item" onclick="setLink('/member/favorite')">我的收藏</div>
            <div class="link-item" onclick="setLink('/member/vrorder_list')">我的虚拟订单</div>
            <div class="link-item" onclick="setLink('/member/evaluate_list')">订单评价列表</div>
            <div class="link-item" onclick="setLink('/member/inviter_manage')">推广海报</div>
            <div class="link-item" onclick="setLink('/member/inviter_user')">推广会员</div>
            <div class="link-item" onclick="setLink('/member/inviter_order')">推广佣金</div>
            <div class="link-item" onclick="setLink('/member/bargain_list')">用户砍价列表</div>
            <div class="link-item" onclick="setLink('/member/marketmanagelog')">活动记录</div>
            <div class="link-item" onclick="setLink('/member/bonusreceive')">红包记录</div>
            <div class="link-item" onclick="setLink('/member/pointsorder_list')">积分订单列表</div>
            <div class="link-item" onclick="setLink('/member/point_list')">积分明细</div>
            <div class="link-item" onclick="setLink('/member/arrivalnotice')">到货通知列表</div>
            <div class="link-item" onclick="setLink('/member/browse_list')">浏览历史</div>
            <div class="link-item" onclick="setLink('/member/feedback')">意见反馈</div>
            <div class="link-item" onclick="setLink('/member/auth')">会员认证</div>
            <div class="link-item" onclick="setLink('/member/seller_joinin_1')">店铺入驻</div>
        </div>

        <div id="load_html"></div>
    </div>
</div>


<style>
    body{background-color: #fff;}
    .link-wrapper{display:flex;background-color:#fff;align-items: stretch;}
    .link-wrapper .link-left{padding:20px;margin-right:20px;border-right:1px solid #eee}
    .link-wrapper .link-left .link-menu{line-height: 40px;cursor: pointer;font-size: 14px;}
    .link-wrapper .link-left .link-menu.active{color:#3297ff}
    .link-wrapper .link-right{flex:1;padding-right: 20px;padding-top:20px}
    .link-wrapper .link-right .link-list .link-item{cursor: pointer;display:inline-block;line-height: 20px;padding:5px 10px;border-radius:2px;border:1px solid #eee;margin:5px 10px;white-space: nowrap;}
    .link-path{margin-bottom: 10px;cursor: pointer;}
    .link-path .leaf{color:#999;cursor: default;}

    .data-search{display: flex;border: 1px solid #e1e1e1;align-items: stretch;height: 30px;line-height: 30px;width:200px;}
    .data-search input{border:0;flex:1;width: 100%;}
    .data-search .iconfont{border-left:1px solid #e1e1e1;padding:0 10px;cursor: pointer;}
    .data-list{height: 250px;overflow: hidden;overflow-y: auto;}
    .data-list .data-item{width:450px;cursor: pointer;padding: 10px 0;border-bottom: 1px dashed #eee;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:14px}
    .data-list .data-item img{width:50px;height: 50px;margin-right: 10px;vertical-align: middle;border-radius: 3px;}
    .data-list .no-data{text-align: center;padding-top:100px}
    .data-class{margin-left:-20px}
    .data-class-item{display: flex;font-size: 14px;line-height: 30px;cursor: pointer;}
    .data-class-item .iconfont{color:#3297ff;font-size: 14px;width: 20px;}
    .data-class-children{padding-left:20px;display: none;}
    .data-class .active[data-parent_id] > .data-class-children{display: block;}
</style>
<script>
    function showBlock(index){
        $('.link-path').hide()
        $('#load_html').hide()
        $('.link-menu').removeClass('active')
        $('.link-list').hide()
        $('.link-menu[data-id='+index+']').addClass('active')
        $('.link-list[data-id='+index+']').show()
    }
    function loadActivity(){
        $('.link-path').show()
        $('#load_html').show()
        $('.link-list').hide()
        $('.link-path').html('<span onclick="showBlock(2)">营销页面</span>/<span class="leaf">活动详情</span>')
        $('#load_html').load(ADMINSITEURL+'/Dashboard/h5_activity');
    }
    function loadLive(){
        $('.link-path').show()
        $('#load_html').show()
        $('.link-list').hide()
        $('.link-path').html('<span onclick="showBlock(2)">营销页面</span>/<span class="leaf">直播详情</span>')
        $('#load_html').load(ADMINSITEURL+'/Dashboard/h5_live');
    }
    function loadMarket(id){
        $('.link-path').show()
        $('#load_html').show()
        $('.link-list').hide()
        var text=''
        var path=''
        switch(id){
            case 1:
                path='%2Fhome%2Fmarketcard'
                text='刮刮卡'
                break
            case 2:
            path='%2Fhome%2Fmarketwheel'
                text='大转盘'
                break
            case 3:
            path='%2Fhome%2Fmarketegg'
                text='砸金蛋'
                break
            case 4:
            path='%2Fhome%2Fmarketzodiac'
                text='生肖翻翻看'
                break
        }
        $('.link-path').html('<span onclick="showBlock(2)">营销页面</span>/<span class="leaf">'+text+'</span>')
        $('#load_html').load(ADMINSITEURL+'/Dashboard/h5_market?type='+id+'&path='+path);
    }
    function loadBonus(){
        $('.link-path').show()
        $('#load_html').show()
        $('.link-list').hide()
        $('.link-path').html('<span onclick="showBlock(2)">营销页面</span>/<span class="leaf">红包</span>')
        $('#load_html').load(ADMINSITEURL+'/Dashboard/h5_bonus');
    }
    function loadSpecial(id){
        $('.link-path').show()
        $('#load_html').show()
        $('.link-list').hide()
        if(!id){
            $('.link-path').html('<span onclick="showBlock(2)">营销页面</span>/<span class="leaf">商城装修</span>')
        }else{
            $('.link-path').html('<span onclick="showBlock(5)">店铺页面</span>/<span onclick="loadStore(2)">选择店铺</span>/<span class="leaf">店铺装修</span>')
        }
        $('#load_html').load(ADMINSITEURL+'/Dashboard/h5_special?store_id='+id);
    }
    function loadPointProd(){
        $('.link-path').show()
        $('#load_html').show()
        $('.link-list').hide()
        $('.link-path').html('<span onclick="showBlock(3)">积分页面</span>/<span class="leaf">积分商品详情</span>')
        $('#load_html').load(ADMINSITEURL+'/Dashboard/h5_point_prod');
    }
    function loadArticleClass(){
        $('.link-path').show()
        $('#load_html').show()
        $('.link-list').hide()
        $('.link-path').html('<span onclick="showBlock(4)">文章页面</span>/<span class="leaf">文章分类</span>')
        $('#load_html').load(ADMINSITEURL+'/Dashboard/h5_article_class');
    }
    function loadArticle(){
        $('.link-path').show()
        $('#load_html').show()
        $('.link-list').hide()
        $('.link-path').html('<span onclick="showBlock(4)">文章页面</span>/<span class="leaf">文章详情</span>')
        $('#load_html').load(ADMINSITEURL+'/Dashboard/h5_article');
    }
    function loadDocument(){
        $('.link-path').show()
        $('#load_html').show()
        $('.link-list').hide()
        $('.link-path').html('<span onclick="showBlock(4)">文章页面</span>/<span class="leaf">协议</span>')
        $('#load_html').load(ADMINSITEURL+'/Dashboard/h5_document');
    }
    function loadStoreClass(){
        $('.link-path').show()
        $('#load_html').show()
        $('.link-list').hide()
        $('.link-path').html('<span onclick="showBlock(5)">店铺页面</span>/<span class="leaf">店铺分类</span>')
        $('#load_html').load(ADMINSITEURL+'/Dashboard/h5_store_class');
    }
    function loadStore(id){
        $('.link-path').show()
        $('#load_html').show()
        $('.link-list').hide()
        var text=''
        var path=''
        var callback=''
        switch(id){
            case 1:
                path='%2Fhome%2Fstoredetail'
                text='店铺详情'
                break
            case 2:
                callback='loadSpecial'
                text='选择店铺'
                break
            case 3:
            path='%2Fhome%2Fstoremap'
                text='店铺地图'
                break
            case 4:
            path='%2Fhome%2Fstoreabout'
                text='店铺介绍'
                break
            case 5:
            path='%2Fhome%2Fstorevoucher'
                text='店铺代金券'
                break
            case 6:
            path='%2Fhome%2Fstore_goodsclass'
                text='店铺商品分类'
                break
            case 7:
            path='%2Fhome%2Fstore_goodslist'
                text='店铺商品列表'
                break
        }
        $('.link-path').html('<span onclick="showBlock(5)">店铺页面</span>/<span class="leaf">'+text+'</span>')
        $('#load_html').load(ADMINSITEURL+'/Dashboard/h5_store?path='+path+'&callback='+callback);
    }
    function loadGoodsClass(){
        $('.link-path').show()
        $('#load_html').show()
        $('.link-list').hide()
        $('.link-path').html('<span onclick="showBlock(6)">商品页面</span>/<span class="leaf">商品分类</span>')
        $('#load_html').load(ADMINSITEURL+'/Dashboard/h5_goods_class');
    }
    function loadGoods(id){
        $('.link-path').show()
        $('#load_html').show()
        $('.link-list').hide()
        var text=''
        var path=''
        switch(id){
            case 1:
            path='%2Fhome%2Fgoodsdetail'
                text='商品详情'
                break
            case 2:
            path='%2Fhome%2Fgoods_video'
                text='商品视频'
                break
            case 3:
            path='%2Fhome%2Fgoodsconsult'
                text='商品咨询'
                break
        }
        $('.link-path').html('<span onclick="showBlock(6)">商品页面</span>/<span class="leaf">'+text+'</span>')
        $('#load_html').load(ADMINSITEURL+'/Dashboard/h5_goods?path='+path);
    }
    function setLink(path){
        window.parent.setLink(path)
        var index=parent.layer.getFrameIndex(window.name)
        parent.layer.close(index)
    }
</script>