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

224 lines
9.7 KiB
HTML
Raw Normal View History

2024-12-02 13:57:08 +08:00
{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}