official_website/app/admin/view/slide/edit.html

224 lines
9.7 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{extend name="foxcms" /}
{block name="css"}
{/block}
{block name="body"}
<input type="hidden" name="id" value="{$slide.id}"/>
<input type="hidden" name="advertising_space_id" value="{$slide.advertising_space_id}"/>
<div class="foxcms-content-inner">
<!-- page content -->
<div class="contact-way-content">
<div class="section section-panel">
<div class="section-title">编辑广告位</div>
<div class="section-main">
<div class="section-main-item">
<div class="foxui-input-group">
<div class="input-label">
<label>ID</label>
</div>
<div class="input-box">
<input class="foxui-size-small " disabled placeholder="请输入" name="sort" type="text" value="{$slide.id}"/>
</div>
</div>
</div>
<div class="section-main-item">
<div class="foxui-input-group">
<div class="input-label">
<label class="foxui-required">排序:</label>
</div>
<div class="input-box">
<input class="foxui-size-small" placeholder="请输入" name="sort" type="number" value="{$slide.sort|default='1'}"/>
</div>
</div>
<p class="input-box-info">
<span>数字越大,排名越靠前</span>
</p>
</div>
<div class="section-main-item">
<div class="foxui-input-group">
<div class="input-label">
<label>幻灯片标题:</label>
</div>
<div class="input-box">
<div class="foxui-input-suffix">
<input class="foxui-size-small" maxlength="30" placeholder="请输入标题" name="title" value="{$slide.title}"/>
<i class="foxui-suffix-icon foxui-suffix-count">0/30</i>
</div>
</div>
</div>
<div class="call-field">
<span class="foxui-color-secondary">字段名称:</span>
<span class="foxui-tag foxui-light-info">title</span>
</div>
</div>
<div class="section-main-item">
<div class="foxui-input-group foxui-align-items-start">
<div class="input-label">
<label>幻灯片图片:</label>
</div>
<div class="input-box">
<div class="foxui-images">
<div class="foxui-images-card img_url">
<ul class="foxui-images-list">
{if $slide.img_url != ""}
<li class="foxui-images-item foxui-animate-fadeInDown">
<div class="content">
<img src="{$slide.img_url}" />
<span class="replace">替换</span>
<i class="foxui-icon-cuowu-f delete"></i>
</div>
</li>
{/if}
<div class="foxui-images-handle">
<div class="foxui-images-handle-inner">
<i class="foxui-icon-jiahao-o"></i>
<span class="text">添加图片</span>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
<p class="input-box-info">
图片尺寸建议根据前端网站模板的尺寸制作,请将所有幻灯片图片尺寸保持一致
</p>
<div class="call-field">
<span class="foxui-color-secondary">字段名称:</span>
<span class="foxui-tag foxui-light-info">img_url</span>
</div>
</div>
<div class="section-main-item">
<div class="foxui-input-group">
<div class="input-label">
<label>幻灯片链接:</label>
</div>
<div class="input-box">
<input class="foxui-size-small" placeholder="请输入链接地址" required name="link" value="{$slide.link}"/>
</div>
</div>
<div class="call-field">
<span class="foxui-color-secondary">字段名称:</span>
<span class="foxui-tag foxui-light-info">link</span>
</div>
</div>
<div class="section-main-item">
<div class="foxui-input-group">
<div class="input-label">
<label class="foxui-required">状态:</label>
</div>
<div class="input-box">
<div class="foxui-radio-group">
<div class="foxui-radio {if ($slide->status) == 1} is-checked {/if}">
<span class="foxui-radio-input">
<i class="foxui-radio-icon"></i>
<input type="radio" value="1" name="status"/>
</span>
<span class="foxui-radio-label">启用</span>
</div>
<div class="foxui-radio {if ($slide->status) == 0} is-checked {/if}">
<span class="foxui-radio-input">
<i class="foxui-radio-icon"></i>
<input type="radio" value="0" name="status"/>
</span>
<span class="foxui-radio-label">禁用</span>
</div>
</div>
</div>
</div>
</div>
<!--动态标签start-->
<div class="field">
<?php echo advFieldTag($slide['id']); ?>
</div>
<!--动态标签end-->
</div>
</div>
</div>
</div>
{include file="footed-copy"/}
<div class="foxcms-content-footer">
<button class="is-long foxui-size-small foxui-solid-primary" id="save">保存</button>
</div>
{/block}
{block name="js"}
<script>
//保存
$('#save').click(function (){
//排序
let sort = $('input[name="sort"]').val()
//标题
let title = $('input[name="title"]').val();
//图片
let img_url = $('.img_url img').attr('src');
//链接
let link = $('input[name="link"]').val()
let id = $('input[name="id"]').val()
//状态
let status = $('.foxui-radio.is-checked input').val();
let datas ={"id": id, "sort": sort, "title":title, "img_url":img_url, "link":link, "status":status};
let advertising_space_id = $('input[name="advertising_space_id"]').val();//广告位id
//拉取会员属性
// let feildUrl = ADMIN_PATH + '/AdvertisingSpace/getField?advertising_space_id=' + advertising_space_id;
let feildUrl = "{:url('AdvertisingSpace/getField')}?advertising_space_id="+advertising_space_id;
let saveData = getField($(".field"), feildUrl);
let curData = Object.assign(datas, saveData);
foxui.dialog({
title: '保存',
content: '您确定要保存吗',
cancelText: '取消',
confirmText: '保存',
confirm: function (callback) {
$.ajax({
type: "post",
url: 'edit',
dataType: "json",
data: curData,
success: function (res) {
if (res.code == 1) {
foxui.message({
type:'success',
text:res.msg
})
window.location.href=document.referrer;//返回并且刷新
} else {
foxui.message({
type:'danger',
text:res.msg
})
}
}, error: function (res) {
foxui.message({
type:'danger',
text:res.msg
})
}
});
callback();
},
cancel: function () {
foxui.message({
type:'warning',
text:'取消操作'
})
},
});
})
</script>
{/block}