ZangShiQi/app/shop/view/config/copyright.html

<style type="text/css">
.no-auth{ padding: 50px 0;text-align: center; }
</style>

<div class="layui-form">
	<div class="layui-card card-common card-brief">
		<div class="layui-card-header">
			<span class="card-title">版权设置 </span>
		</div>
		<div class="layui-card-body">
			{if $is_auth}
			<div class="layui-form-item">
				<label class="layui-form-label">版权logo：</label>
				<div class="layui-input-block">
					<div class="upload-img-block icon">
						<div class="upload-img-box {if condition="!empty($copyright_config.logo)"} hover {/if}" >
							<div class="upload-default" id="webLogoUpload">
								{if condition="!empty($copyright_config.logo)"}
									<div id="preview_webLogoUpload" class="preview_img">
										<img layer-src src="{:img($copyright_config.logo)}" class="img_prev"/>
									</div>
								{else/}
									<div class="upload">
										<i class="iconfont iconshangchuan"></i>
										<p>点击上传</p>
									</div>
								{/if}
							</div>
							<div class="operation">
								<div>
									<i title="图片预览" class="iconfont iconreview js-preview" style="margin-right: 20px;"></i>
									<i title="删除图片" class="layui-icon layui-icon-delete js-delete"></i>
								</div>
								
								<div class="replace_img js-replace">点击替换</div>
							</div>
							<input type="hidden" name="logo" value="{$copyright_config.logo ?? ''}" />
						</div>
						<!-- <p id="webLogoUpload" class="{if condition="$copyright_config.logo"} replace {else/} no-replace{/if}">替换</p>
						<i class="del {if condition="!empty($copyright_config.logo)"}show{/if}">x</i> -->
					</div>
				</div>
			</div>
			
			<div class="layui-form-item">
				<label class="layui-form-label">公司名称：</label>
				<div class="layui-input-block">
					<input type="text" name="company_name" value="{$copyright_config.company_name ?? ''}" autocomplete="off" class="layui-input len-long">
				</div>
			</div>
			
			<div class="layui-form-item">
				<label class="layui-form-label">版权链接：</label>
				<div class="layui-input-block">
					<input type="text" name="copyright_link" value="{$copyright_config.copyright_link ?? ''}" autocomplete="off" class="layui-input len-long">
				</div>
			</div>
			
			<div class="layui-form-item">
				<label class="layui-form-label">版权信息：</label>
				<div class="layui-input-block">
					<textarea name="copyright_desc" class="layui-textarea len-long" maxlength="150">{$copyright_config.copyright_desc ?? ''}</textarea>
				</div>
			</div>
			{else/}
				<div class="no-auth">授权之后才可修改版权信息，<a href="https://www.niushop.com" class="text-color" target="_blank">去授权</a></div>
			{/if}
		</div>
	</div>
	
	<div class="layui-card card-common card-brief">
		<div class="layui-card-header">
			<span class="card-title">备案设置</span>
		</div>
		<div class="layui-card-body">
			<div class="layui-form-item">
				<label class="layui-form-label">网站ICP备案号：</label>
				<div class="layui-input-block">
					<input type="text" name="icp"  value="{$copyright_config.icp}" autocomplete="off" class="layui-input len-long">
				</div>
			</div>
			
			<div class="layui-form-item">
				<label class="layui-form-label">网站公安备案：</label>
				<div class="layui-input-block">
					<input type="text" name="gov_record"  value="{$copyright_config.gov_record}" autocomplete="off" class="layui-input len-long">
				</div>
			</div>
			
			<div class="layui-form-item">
				<label class="layui-form-label">网站公安链接：</label>
				<div class="layui-input-block">
					<input type="text" name="gov_url"  value="{$copyright_config.gov_url}" autocomplete="off" class="layui-input len-long">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">市场监督管理局链接：</label>
				<div class="layui-input-block">
					<input type="text" name="market_supervision_url"  value="{$copyright_config.market_supervision_url ?? ''}" autocomplete="off" class="layui-input len-long" style="display: inline-block;">
				</div>
				
			</div>
		</div>
	</div>
	<div class="layui-card card-common card-brief">
		<div class="layui-card-header">
			<span class="card-title">营业执照设置</span>
		</div>
		<div class="layui-card-body">
			<div class="layui-form-item">
				<label class="layui-form-label">亮照链接：</label>
				<div class="layui-input-block">
					<input type="text" name="business_show_link"  value="{$copyright_config.business_show_link ?? ''}" autocomplete="off" class="layui-input len-long">
				</div>
			</div>
			<div class="word-aux">亮照链接获取请前往<a class="text-color" href="https://zzlz.gsxt.gov.cn/businessShow" target="_blank">电子营业执照照亮系统</a>，设置后在PC和H5前台网站底部会显示亮照图标，点击可以查看营业执照信息。</div>
		</div>
	</div>
	
	<div class="single-filter-box">
		<div class="form-row">
			<button type="button" class="layui-btn" lay-submit lay-filter="save">保存</button>
		</div>
	</div>

</div>
<script>
	layui.use(['form',], function() {
		var form = layui.form,
		repeat_flag = false; //防重复标识
		form.render();

		var upload = new Upload({
			elem: '#webLogoUpload'
		});

		//保存配置
		form.on('submit(save)', function(data) {
			if(repeat_flag) return;
			repeat_flag = true;

			$.ajax({
				url: ns.url("shop/config/copyright"),
				data: data.field,
				dataType: 'JSON',
				type: 'POST',
				success: function(res) {
					layer.msg(res.message);
					repeat_flag = false;
				}
			});
		});
	});
	
	function showDemo(){
	    layer.open({
	        title: '查看示例',
	        type: 1,
	        area: ['600px', '660px'],
	        content: '<img style="margin:100px 30px;" src="SHOP_IMG/copyright.png">'
	    })
	}
</script>