miniTemplateList.html 10.7 KB
<include file="public/layout" />
<link href="__PUBLIC__/static/css/base_add.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/static/css/seller_center_add.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/static/css/index.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/static/css/perfect-scrollbar.min.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/static/css/purebox.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/static/js/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="__PUBLIC__/static/js/qrcode.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/static/js/md5.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/mchat_global.js"></script>
<script src="__PUBLIC__/js/clipboard.min.js"></script>
<style>

    .kfnum, .payment:hover {
        cursor: pointer;
    }   .contentWarp_item .section_select .item_comment {
            padding: 83px 0 31px 38px;
        }

    .contentWarp_item .section_select .item {
        padding: 83px 0 38px 38px;
    }
    .contentWarp_item .section_order_select li {
        width: 23.8%;
    }
    .kfnum, .payment:hover {
        cursor: pointer;
    }
    .showimg_div{ width:100%;background: #fff; display: none;
        -moz-box-shadow: 0px 0px 15px #888888;
        box-shadow: 0px 0px 15px #888888;
        z-index: 100;}

</style>
<body style="background-color: rgb(255, 255, 255); overflow: auto; cursor: default; -moz-user-select: inherit;">
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="page">
    <div class="fixed-bar">
        <div class="item-title">
            <div class="ftitle">
                <h3>小程序模板列表</h3>
                <h5>(共<span id="good_count"></span>条记录)</h5>
                <div title="刷新数据" class="pReload"><i class="fa fa-refresh"></i></div>
            </div>
        </div>
    </div>
    <!-- 操作说明 -->
    <div id="explanation" class="explanation" style="color: rgb(44, 188, 163); background-color: rgb(237, 251, 248); width: 99%; height: 100%; font-size: 12px">
        <div id="checkZoom" class="title"><i class="fa fa-lightbulb-o"></i>
            <h4 title="提示相关设置操作时应注意的要点">操作提示</h4>
            <span title="收起提示" id="explanationZoom" style="display: block;"></span>
        </div>
        <ul>
            <if condition="$end_time"><li>模板功能到期时间:{$end_time|date="Y-m-d H:i:s",###}</li></if>
            <li>注意发布模板后清理缓存,逾期未续费将自动恢复平台默认模板,请及时关注有效期!</li>
            <li>续费时同一个“模板名称”只需续费一次</li>
        </ul>
    </div>
    <div class="flexigrid">
        <div class="mDiv">
            <form action="" id="search-form2" class="navbar-form form-inline" method="get" onSubmit="return false" style="float: right;">
                    <input type="hidden" value="{$cur_page}" id="cur_page">
                    <div class="sDiv">
<input type="text" size="2" maxlength="3"  name="pagenum" class="qsbox" style="vertical-align: middle;"   value="{$pagenum}">条/页
                        <div class="sDiv2">
                            <input class="qsbox" style="width: 150px;"  placeholder="页面标题/模板名称 " name="key_word" value="{:urldecode($key_word)}" type="text">
                            <input class="btn" style="height: 27px" value="搜索" type="submit" onclick="ajax_get_table('search-form2',1)">
                        </div>
                    </div>
             </form>
            <div class="clear"></div>
        </div>
        <div class="tDiv">
            <div class="tDiv2">
                <div class="fbutton">
                    <a onclick="selemodule()">
                        <div class="add" title="添加模板">
                            <span><i class="fa fa-plus"></i>添加模板</span>
                        </div>
                    </a>
                </div>
            </div>
            <div style="clear:both"></div>
        </div>
        <div class="bDiv" style="height: auto;">
            <!--ajax 返回 -->
            <div id="ajax_return" cellpadding="0" cellspacing="0" border="0"></div>
        </div>
        <div class="sDiv" style="float:left;margin:10px 0 20px 0">
        </div>
        <div class="clear"></div>
    </div>
</div>

<!--支付界面-->
<div class="laybox" hidden>
    <dl style="text-align: center;color: #333;">
        <dt style="font-size: 30px;">在线模版购买</dt>
        <!--<dd style="font-size: 14px;">推广+吸粉+客户粘性,精准营销,快速促成订单,打造以分销商为中心的全新分销体验。-->
        </dd>
        <dd>
            <div class="ware_ewm">
                <div id="ewm_box" class="ewm"></div>
                <!--<img id="ewm_box" class="ewm" src="" alt="">-->
                <span class="sjbox lt"></span>
                <span class="sjbox rt"></span>
                <span class="sjbox lb"></span>
                <span class="sjbox rb"></span>
            </div>
            <div class="ware_more">
                <ul>
                    <li>购买数量:<em>1</em>
                        <input type="hidden" value="1" id="buy_num" readonly="readonly" maxlength="4"
                               onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}
                               else{this.value=this.value.replace(/\D/g,'')}"
                               onpaste="return false"
                        >
                    </li>
                    <li>支付金额:<em id="buy_money"></em>&nbsp;</li>
                    <li>使用时间:<em id="buy_days"><font style="font-size: 16px">不限</font></em></li>
                    <li>扫一扫二维码,支付更轻松</li>
                    <li>
                        <span class="wx payment" flag="WEIXIN"></span>
                        <span class="zfb payment" flag="ALIPAY"></span>
                    </li>
                </ul>
            </div>
        </dd>
    </dl>
</div>

<!--模板的预览界面-->
<div class="laybox1 dn">
    <dl style="text-align: center;color: #333;">
        <dt style="font-size: 16px;margin-top: 10px">请用微信扫扫预览</dt>
        <dd style="margin-top: 20px">
            <div class="ware_ewm">
                <div id="ewm_box1" class="ewm">
                    <img id="ewm_box_img1" style="width: 100%; height: 100%" src="" alt=""
                </div>
                <span class="sjbox lt"></span>
                <span class="sjbox rt"></span>
                <span class="sjbox lb"></span>
                <span class="sjbox rb"></span>
            </div>
        </dd>
        <dt style="heihgt:10px">&nbsp;</dt>
    </dl>
</div>
<input type="hidden" id="is_lyh" value="{$lyh}">


<div class="showimg_div" hidden><img id="showimg_div_img" src="" style="width: 100%"/></div>

<script>
    $(document).ready(function() {
        // 表格行点击选中切换
        $('#ajax_return').on('click', 'table>tbody >tr', function() {
            $(this).toggleClass('trSelected');
            var checked = $(this).hasClass('trSelected');
            $(this).find('input[type="checkbox"]').attr('checked', checked);
        });
        // 刷选条件 鼠标 移动进去 移出 样式
        $(".hDivBox > table > thead > tr > th").mousemove(function() {
            $(this).addClass('thOver');
        }).mouseout(function() {
            $(this).removeClass('thOver');
        });
    });
</script>
<script>
    var cur_page=0;
    var pay_qurl = '{:pay_qurl}';
    var module_id = '';
    var pay_type = '';
    var pay_money = 0;
    var bankOrderNo="";
    var payUrl="";
    var isxufei=0;

    $(document).ready(function() {
        // 点击刷新数据
        $('.fa-refresh').click(function(){
            location.href = location.href;
        });
        if($("input[name='order1']").val() == ""){
            $("input[name='order1']").val("goods_id");
            $("input[name='order2']").val("asc");
        }
        // ajax 加载商品列表
        ajax_get_table('search-form2', $("#cur_page").val());
        //定时校验支付状态,支付成功时关闭支付layer
        var T =  window.setInterval("submit_wx()", 1000);

        var is_lyh=$("#is_lyh").val();
        if(is_lyh=="1"){
            show_buy();
        }

    });

    // ajax 抓取页面 form 为表单id  page 为当前第几页
    function ajax_get_table(form, page) {
        cur_page = page; //当前页面 保存为全局变量
        layer.msg('加载中...', {
            icon: 16,
            shade: [0.5, '#f5f5f5'],
            scrollbar: false,
            offset: '200px',
            time: 100000
        });
        $.ajax({
            type: "POST",
            url: "/index.php?m=admin&c=Weapp&a=ajaxMiniTemplateList&p=" + page, //+tab,
            data: $('#' + form).serialize(), // 你的formid
            async:false,
            success: function(data) {
                $("#ajax_return").html('');
                $("#ajax_return").append(data);
                layer.closeAll();
            }
        });
    }


    // 删除操作
    function delfun(ob) {
        if(!confirm('确定要删除吗?'))
            return false;
        var id=$(ob).attr("tid");
        $.ajax({
            url: "/index.php/admin/template/deltemplate/id/" + id,
            dataType:'json',
            success: function(v) {
                if(v.code==1) {
                    ajax_get_table('search-form2', cur_page);
                }
                else {
                    layer.msg("删除失败", { icon: 2, time: 1000});
                }
            }
        });
        return false;
    }
    
    /*---搜索模板---*/
    function selemodule() {
        var url = "{:U('Weapp/templatesearch_mini')}";
        layer.open({
            type: 2,
            title: '选择模板',
            shadeClose: true,
            shade: 0.2,
            area: ['922px', '80%'],
            content: url,
        });
    }

    /*--模板编辑,跳转到小程序模板的界面--*/
    function call_back(id) {
       window.location.href='/index.php/admin/Weapp/templatehandle_mini/id/'+id+"/new/1";
    }


    //二维码展览
    function showhtml(ob) {
        var html="{:curHostURL()}"+$(ob).attr('b_href');
        var url="/index.php?m=home&c=index&a=qr_code&data="+encodeURIComponent(html);
        $("#ewm_box_img1").attr('src',url);
        var LayerId = layer.open({
            type: 1,
            title: ['二维码扫码', 'font-size:14px;'],
            skin: 'layui-layer-rim', //加上边框
            area: ['300px', 'auto'], //宽高
            content: $('.laybox1'),
            cancel: function () {},
        });
    }



</script>
</body>
</html>