130 lines
4.0 KiB
HTML
130 lines
4.0 KiB
HTML
{extend name="app/shop/view/base.html"/}
|
||
{block name="resources"}
|
||
{/block}
|
||
{block name="main"}
|
||
<div class="layui-form form-wrap">
|
||
<input type="hidden" name="id" value="{$id}">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"><span class="required">*</span>链接名称：</label>
|
||
<div class="layui-input-block">
|
||
<input name="link_title" value="{$link_info['link_title']}" type="text" lay-verify="required" class="layui-input len-mid" >
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"><span class="required">*</span>链接地址：</label>
|
||
<div class="layui-input-block">
|
||
<input name="link_url" value="{$link_info['link_url']}" type="text" lay-verify="required" class="layui-input len-mid" >
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">是否显示：</label>
|
||
<div class="layui-input-block">
|
||
<input type="checkbox" name="is_show" value="1" lay-skin="switch" {if condition="$link_info && $link_info.is_show == 1"} checked {/if} />
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">是否新窗口打开：</label>
|
||
<div class="layui-input-block">
|
||
<input type="checkbox" name="is_blank" value="1" lay-skin="switch" {if condition="$link_info && $link_info.is_blank == 1"} checked {/if} />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"><span class="required"></span>排序：</label>
|
||
<div class="layui-input-block">
|
||
<input name="link_sort" type="text" value="{$link_info['link_sort']}" class="layui-input len-short">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">导航图标：</label>
|
||
<div class="layui-input-block">
|
||
<div class="upload-img-block img-upload">
|
||
<div class="upload-img-box {notempty name="$link_info['link_pic']"}hover{/notempty}">
|
||
<div class="upload-default" id="imgUpload">
|
||
{if condition="$link_info.link_pic"}
|
||
<div id="preview_imgUpload" class="preview_img">
|
||
<img layer-src src="{:img($link_info.link_pic)}" 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="link_pic" value="{$link_info.link_pic}">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="word-aux">
|
||
<p>建议图片尺寸：不能大于100k。图片格式：jpg、png、jpeg。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-row">
|
||
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
||
</div>
|
||
|
||
</div>
|
||
{/block}
|
||
|
||
{block name="script"}
|
||
<script>
|
||
layui.use(['form'], function() {
|
||
var form = layui.form, repeat_flag=false;
|
||
|
||
// 普通图片上传
|
||
var logo_upload = new Upload({
|
||
elem: '#imgUpload',
|
||
size:100
|
||
});
|
||
// //普通图片上传
|
||
// var uploadInst = upload.render({
|
||
// elem: '#imgUpload'
|
||
// , url: ns.url("admin/upload/upload")
|
||
// , done: function (res) {
|
||
// if (res.code >= 0) {
|
||
// $("#imgUpload").html("<img src=" + ns.img(res.data.pic_path) + " >");
|
||
// $("input[name='link_pic']").val(res.data.pic_path);
|
||
// }
|
||
// return layer.msg(res.message);
|
||
// }
|
||
// });
|
||
|
||
form.on('submit(save)', function(data) {
|
||
if(!data.field.link_url){
|
||
layer.msg("请输入链接地址");
|
||
return;
|
||
}
|
||
if (repeat_flag) return;
|
||
repeat_flag = true;
|
||
|
||
$.ajax({
|
||
url: ns.url("pc://shop/pc/editLink"),
|
||
data: data.field,
|
||
dataType: 'JSON',
|
||
type: 'POST',
|
||
success: function(res) {
|
||
layer.msg(res.message);
|
||
if (res.code == 0) {
|
||
location.href = ns.url("pc://shop/pc/linklist");
|
||
}
|
||
repeat_flag = false;
|
||
}
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
{/block} |