zhongshen_project/addon/mobileshop/shop/view/config/deploy.html

{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style type="text/css">
    /*.js-domain{*/
    /*	display: none;*/
    /*}*/
    .refresh-time {
        color: #B2B2B2;
        margin-top: 10px;
    }
	.ns-form-row p {
			margin:8px 0 0 200px;
			font-size: 12px;
			color: #979897;
		}
</style>
{/block}
{block name="main"}
<div class="layui-collapse ns-tips">
    <div class="layui-colla-item">
        <h2 class="layui-colla-title">操作提示</h2>
        <ul class="layui-colla-content layui-show">
            <li>为满足不同用户的需求，方便快速搭建手机版商家端，增加以下三种部署方式供其选择，易上手难度递增。</li>
            <li>（难度：简单）默认部署：无需下载，一键刷新，API接口请求地址默认为当前域名，编译代码存放到mshop文件夹中。</li>
            <li>（难度：中等）独立部署：下载编译代码包后，放到网站根目录下运行。</li>
            <li>（难度：较高）源码下载：下载uni-app代码包，可进行二次开发。</li>
        </ul>
    </div>
</div>
<div class="layui-form ns-form">
    <div class="layui-form-item">
        <label class="layui-form-label">部署方式：</label>
        <div class="layui-input-block">
            <input type="radio" name="deploy_way" value="default" lay-filter="deploy_way" title="默认部署" data-desc="无需下载，一键刷新，API接口请求地址为当前域名，编译代码存放到mshop文件夹中" {if $config.deploy_way eq 'default'}checked{/if}/>
            <input type="radio" name="deploy_way" value="indep" lay-filter="deploy_way" title="独立部署" data-desc="下载编译代码包后，放到网站根目录下运行"  {if $config.deploy_way eq 'indep'}checked{/if}/>
<!--            {if $is_auth}<input type="radio" name="deploy_way" value="os" lay-filter="deploy_way" title="源码下载" data-desc="下载uni-app代码包，可进行二次开发"/>{/if}-->
        </div>
        <div class="ns-word-aux js-desc">
            {if $config.deploy_way eq 'default'}
            无需下载，一键刷新，API接口请求地址为当前域名，编译代码存放到mshop文件夹中
            {else/}
            下载编译代码包后，放到网站根目录下运行
            {/if}
        </div>
    </div>
    <div class="deploy-way default {if $config.deploy_way neq 'default'}layui-hide{/if}">
        <div class="layui-form-item web-url">
            <label class="layui-form-label">域名地址：</label>
            <div class="layui-input-block">
                <a href="{$config['domain_name_mobileshop'] ?? ''}" target="_blank" class="ns-text-color">{$config['domain_name_mobileshop']?? ''}</a>
            </div>
        </div>
        <div class="ns-form-row" style="margin: 0;">
           <label class="layui-form-label">部署操作：</label>
           <button class="layui-btn ns-bg-color js-save" onclick="refresh()">重新编译</button>
           <p>以下几种情况，需重新编译</p>
           <p>在线升级后，如果是默认部署，则需点击重新编译</p>
           <p>SSL证书变更后，由于http协议变更，则需点击重新编译</p>
        </div>
    </div>
    <div class="deploy-way indep {if $config.deploy_way neq 'indep'}layui-hide{/if}">
        <div class="layui-form-item">
            <label class="layui-form-label">商家端域名：</label>
            <div class="layui-input-block">
                <input type="text" name="domain" lay-verify="domain" {if $config.deploy_way eq 'indep'}value="{$config['domain_name_pc'] ?? ''}"{/if} autocomplete="off" class="layui-input
                ns-len-long">
            </div>
        </div>
        <div class="layui-form-item web-url">
            <label class="layui-form-label">源码下载：</label>
            <div class="layui-input-block">
                <button class="layui-btn ns-bg-color" lay-submit lay-filter="downloadindep">编译包下载</button>
                <button class="layui-btn ns-bg-color" onclick="window.open(ns.url('mobileshop://shop/config/downloados'));">源码包下载
                </button>
            </div>
            <div class="ns-word-aux">编译包下载之后直接解压到电脑端域名根目录即部署完成。</div>
            <div class="ns-word-aux">源码包下载之后可进行二次开发，可自行发行进行部署。</div>
        </div>
    </div>
    <div class="ns-form-row">
        <button class="layui-btn ns-bg-color js-save" lay-submit lay-filter="save">保存</button>
    </div>
</div>
{/block}

{block name="script"}
<script type="text/javascript">
    layui.use(['form'], function () {
        var form = layui.form,
            repeat_flag = false; //防重复标识;
        $(".js-desc").text($("input[name='deploy_way']:checked").attr("data-desc"));

        form.on('radio(deploy_way)', function(data){
            var value = $(data.elem).val();
            $('.deploy-way').addClass('layui-hide');
            $('.deploy-way.' + value).removeClass('layui-hide');

            var desc = $(data.elem).attr("data-desc");
            $(".js-desc").text(desc);
        })


        form.verify({
            domain: function (value, item) {
                var reg = /^((http:\/\/)|(https:\/\/))?\S+$/; //正则表达式验证域名
                if ($("input[name='deploy_way']:checked").val() == "indep") {
                    if (value === '') {
                        return "请输入域名地址";
                    } else if (!(reg.test(value))) {
                        return '请输入正确的域名地址';
                    }
                }
            }
        });

        form.on("submit(save)", function (data) {

            switch (data.field.deploy_way) {
                case "default":
                    if (repeat_flag) return false;
                    repeat_flag = true;
                    $.ajax({
                        url: ns.url("mobileshop://shop/config/downloadcsdefault"),
                        dataType: 'JSON',
                        type: 'POST',
                        success: function (res) {
                            repeat_flag = false;
                            layer.msg(res.message);
                        }
                    });
                    break;
                case "indep":
                    // console.log("data",data.field);
                    window.open(ns.url("mobileshop://shop/config/downloadcsindep", data.field));
                    break;
                case "os":
                    window.open(ns.url("mobileshop://shop/config/downloados"));
                    break;
            }
        });

        $('[name="domain"]').change(function () {
            var domain = $(this).val();
            if (repeat_flag) return false;
            repeat_flag = true;
            $.ajax({
                url: ns.url("mobileshop://shop/config/setMShopDomainName"),
                data: {
                    domain_name: domain
                },
                dataType: 'JSON',
                type: 'POST',
                success: function (res) {
                    repeat_flag = false;
                }
            });
        })

    });

    function refresh(){
        if (repeat_flag) return false;
        repeat_flag = true;
        $.ajax({
            url: ns.url("mobileshop://shop/config/downloadcsdefault"),
            dataType: 'JSON',
            type: 'POST',
            success: function(res){
                repeat_flag = false;
                layer.msg(res.message);
            }
        });
    }
</script>
{/block}