316 lines
16 KiB
HTML
316 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html class="x-admin-sm">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>添加banner</title>
|
||
<meta name="renderer" content="webkit">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
|
||
<link rel="stylesheet" href="/x_admin/css/font.css">
|
||
<link rel="stylesheet" href="/x_admin/css/xadmin.css">
|
||
<script type="text/javascript" src="/x_admin/lib/layui/layui.js" charset="utf-8"></script>
|
||
<script type="text/javascript" src="/x_admin/js/xadmin.js"></script>
|
||
<script type="text/javascript" src="/x_admin/js/jq.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="layui-fluid">
|
||
<div class="layui-row" id="app_all">
|
||
<form action="" method="post" class="layui-form layui-form-pane">
|
||
<div class="layui-form-item">
|
||
<label for="title_v" class="layui-form-label">
|
||
<span class="x-red">☆</span>标题描述
|
||
</label>
|
||
<div class="layui-input-inline" style="width: 80%;">
|
||
<input type="text" id="title_v" name="title_v" lay-verify="title_v" autocomplete="off" class="layui-input" value="{$result.title}">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="pic_v" class="layui-form-label">
|
||
<span class="x-red">☆</span>选择封面
|
||
</label>
|
||
<div class="layui-input-inline">
|
||
<div class="layui-btn" onclick="xadmin.open('图片管理','/admin/pic','80%','80%')">点击选择</div>
|
||
<!-- <input type="file" id="upload_file_app" accept="image/*" lay-verify="upload_file_app" name="data_excel" class="layui-btn layui-btn-normal layui-btn-mini"> -->
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="yulan_v" class="layui-form-label">
|
||
<span class="x-red"></span>预览
|
||
</label>
|
||
<div class="layui-input-inline">
|
||
<img id="preview_img" style="max-width:500px;box-shadow: 0px 0px 1px;" src="{$result.pic}" alt="">
|
||
<input type="hidden" name="banner_img" id="banner_img" lay-verify="banner_img" value="{$result.pic_id}"></input>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="scene_data" class="layui-form-label">
|
||
<span class="x-red">☆</span>选择场景
|
||
</label>
|
||
<div class="layui-input-inline" style="width: 80%;">
|
||
<select id="scene_data" name="scene_data" lay-filter="scene_data" lay-verify="scene_data">
|
||
{if condition="$result.scene_data == 1"}
|
||
<option value="0">请选择使用场景</option>
|
||
<option value="1" selected>首屏弹窗</option>
|
||
<option value="2">滚动公告</option>
|
||
<option value="3">首页banner</option>
|
||
{elseif condition="$result.scene_data == 2"/}
|
||
<option value="0">请选择使用场景</option>
|
||
<option value="1">首屏弹窗</option>
|
||
<option value="2" selected>滚动公告</option>
|
||
<option value="3">首页banner</option>
|
||
{elseif condition="$result.scene_data == 3"/}
|
||
<option value="0">请选择使用场景</option>
|
||
<option value="1">首屏弹窗</option>
|
||
<option value="2">滚动公告</option>
|
||
<option value="3" selected>首页banner</option>
|
||
{else /}
|
||
<option value="0" selected>请选择使用场景</option>
|
||
<option value="1">首屏弹窗</option>
|
||
<option value="2">滚动公告</option>
|
||
<option value="3">首页banner</option>
|
||
{/if}
|
||
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="data_type" class="layui-form-label">
|
||
<span class="x-red">☆</span>选择类型
|
||
</label>
|
||
<div class="layui-input-inline" style="width: 80%;">
|
||
<select id="data_type" name="data_type" lay-filter="data_type" lay-verify="data_type">
|
||
{if condition="$result.type == 1"}
|
||
<option value="0">请选择跳转类型</option>
|
||
<option value="1" selected>站内文章</option>
|
||
<option value="2">微信小程序</option>
|
||
<option value="3">公众号文章链接</option>
|
||
{elseif condition="$result.type == 2"/}
|
||
<option value="0">请选择跳转类型</option>
|
||
<option value="1">站内文章</option>
|
||
<option value="2" selected>微信小程序</option>
|
||
<option value="3">公众号文章链接</option>
|
||
{elseif condition="$result.type == 3"/}
|
||
<option value="0">请选择跳转类型</option>
|
||
<option value="1">站内文章</option>
|
||
<option value="2">微信小程序</option>
|
||
<option value="3" selected>公众号文章链接</option>
|
||
{else /}
|
||
<option value="0" selected>请选择跳转类型</option>
|
||
<option value="1">站内文章</option>
|
||
<option value="2">微信小程序</option>
|
||
<option value="3">公众号文章链接</option>
|
||
{/if}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
{if condition="$result.type == 1 or $result.type == 2"}
|
||
<div class="layui-form-item" style="display:block;" id="parameter_data_box">
|
||
<label for="parameter_data" class="layui-form-label">
|
||
<span class="x-red">☆</span>填写关键参数
|
||
</label>
|
||
<div class="layui-input-inline" style="width: 80%;">
|
||
<input type="text" id="parameter_data" name="parameter_data" lay-verify="parameter_data" autocomplete="off" class="layui-input" onfocus="pd_data_type()" value="{$result.parameter_data}">
|
||
</div>
|
||
</div>
|
||
{else /}
|
||
<div class="layui-form-item" style="display:none;" id="parameter_data_box">
|
||
<label for="parameter_data" class="layui-form-label">
|
||
<span class="x-red">☆</span>填写关键参数
|
||
</label>
|
||
<div class="layui-input-inline" style="width: 80%;">
|
||
<input type="text" id="parameter_data" name="parameter_data" lay-verify="parameter_data" autocomplete="off" class="layui-input" onfocus="pd_data_type()" value="{$result.parameter_data}">
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
|
||
{if condition="$result.type == 2 or $result.type == 3"}
|
||
<div class="layui-form-item" style="display:block;" id="jump_url_box">
|
||
<label for="jump_url" class="layui-form-label">
|
||
<span class="x-red"></span>页面路径
|
||
</label>
|
||
<div class="layui-input-inline" style="width: 80%;">
|
||
<input type="text" id="jump_url" name="jump_url" lay-verify="jump_url" autocomplete="off" class="layui-input" placeholder="若选择站内文章，则无需填写该项" value="{$result.jump_url}">
|
||
</div>
|
||
</div>
|
||
{else /}
|
||
<div class="layui-form-item" style="display:none;" id="jump_url_box">
|
||
<label for="jump_url" class="layui-form-label">
|
||
<span class="x-red"></span>页面路径
|
||
</label>
|
||
<div class="layui-input-inline" style="width: 80%;">
|
||
<input type="text" id="jump_url" name="jump_url" lay-verify="jump_url" autocomplete="off" class="layui-input" placeholder="若选择站内文章，则无需填写该项" value="{$result.jump_url}">
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
|
||
|
||
<div class="layui-form-item" style="display: flex;flex-direction: row;justify-content: center;">
|
||
<button class="layui-btn" lay-filter="add" lay-submit="">修改</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
var ts = true
|
||
var data_id = "{$result.id}"
|
||
var pic_data = []
|
||
function receiveParamFromIframe(param) {
|
||
pic_data = param
|
||
if(pic_data.length > 0){
|
||
var img = document.getElementById('preview_img');
|
||
img.src = pic_data[1]; // 设置图片预览的src属性
|
||
img.style.display = 'block'; // 显示图片预览
|
||
$('#banner_img').val(pic_data[0])
|
||
}
|
||
}
|
||
function receiveParamFromIframe_information(param) {
|
||
$('#parameter_data').val(param);
|
||
layer.msg('已选择文章ID为'+param)
|
||
}
|
||
|
||
function pd_data_type(){
|
||
console.log($('#data_type').val())
|
||
if($('#data_type').val() == 1){
|
||
xadmin.open('资讯简易列表','/notice/information_msg_list','80%','80%')
|
||
$('#parameter_data').blur()
|
||
}else if($('#data_type').val() == 2){
|
||
layer.msg('请填写微信小程序APPID')
|
||
if(ts){
|
||
layer.alert(
|
||
"您选择了小程序类型，填写页面路径前，请先确认已经配置小程序的URL Scheme。小程序后台->账号设置->隐私与安全->明文scheme拉起此小程序->配置->在“小程序 path”中添加页面路径，多个路径以回车换行的方式书写",
|
||
{icon: 6}
|
||
);
|
||
ts = false;
|
||
}
|
||
}else{
|
||
layer.msg('请选择跳转类型')
|
||
}
|
||
}
|
||
</script>
|
||
<script>
|
||
var form
|
||
layui.use(['form'], function () {
|
||
form = layui.form;
|
||
form.verify({
|
||
title_v: function(value) {
|
||
if (value == '') {
|
||
return '请先填写标题描述';
|
||
}
|
||
},
|
||
banner_img: function(value) {
|
||
if (value == '') {
|
||
return '请先选择封面';
|
||
}
|
||
},
|
||
data_type: function(value) {
|
||
if (value == 0) {
|
||
return '请先选择类型';
|
||
}
|
||
},
|
||
scene_data: function(value) {
|
||
if (value == 0) {
|
||
return '请先选择使用场景';
|
||
}
|
||
},
|
||
parameter_data: function(value) {
|
||
console.log(value)
|
||
if($('#data_type').val() == '1' || $('#data_type').val() == '2'){
|
||
if (value == 0) {
|
||
return '请先填写关键参数信息';
|
||
}
|
||
}
|
||
},
|
||
jump_url: function(value) {
|
||
|
||
if ($('#data_type').val() == 3) {
|
||
if($('#jump_url').val() == ''){
|
||
return '请填写公众号文章链接';
|
||
}
|
||
}
|
||
},
|
||
|
||
});
|
||
form.on('select(data_type)', function(data){
|
||
$('#parameter_data_box').show();
|
||
$('#jump_url_box').show();
|
||
$('#parameter_data').val('');
|
||
$('#jump_url').val('');
|
||
$('#jump_url').attr('placeholder', '');
|
||
if(data.value == 1){
|
||
// $('#parameter_data_box').hide();
|
||
$('#jump_url_box').hide();
|
||
}else if(data.value == 2){
|
||
}else if(data.value == 3){
|
||
$('#parameter_data_box').hide();
|
||
}
|
||
});
|
||
//监听提交
|
||
form.on('submit(add)',function(data) {
|
||
//发异步，把数据提交给php
|
||
add_data()
|
||
return false;
|
||
});
|
||
});
|
||
|
||
|
||
// 功能性~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
||
|
||
function add_data(){
|
||
load()
|
||
var data = {
|
||
'id':data_id,
|
||
'title':$('#title_v').val(),
|
||
'banner_img':$('#banner_img').val(),
|
||
'type':$('#data_type').val(),
|
||
'scene_data':$('#scene_data').val(),
|
||
'parameter_data':$('#parameter_data').val(),
|
||
'jump_url':$('#jump_url').val(),
|
||
'action_type':'update',
|
||
}
|
||
$.ajax({
|
||
url: "banner_add_or_update_action", //请求的url地址s
|
||
dataType: "json", //返回格式为json
|
||
async: true,//请求是否异步，默认为异步，这也是ajax重要特性
|
||
data: data, //参数值
|
||
type: "POST", //请求方式
|
||
success:function(req){
|
||
c_load()
|
||
if(req.code == 0){
|
||
layer.alert("修改成功", {icon: 6},function() {
|
||
//关闭当前frame
|
||
xadmin.close();
|
||
// 可以对父窗口进行刷新
|
||
xadmin.father_reload();
|
||
});
|
||
}else{
|
||
layer.alert("修改失败"+req.msg, {icon: 6},function() {
|
||
//关闭当前frame
|
||
xadmin.close();
|
||
// 可以对父窗口进行刷新
|
||
xadmin.father_reload();
|
||
});
|
||
}
|
||
},
|
||
error:function(){
|
||
//请求出错处理
|
||
pd = true
|
||
}
|
||
});
|
||
}
|
||
|
||
//加载提示开启
|
||
function load() {
|
||
var index = layer.load(1, {
|
||
shade: [0.1, '#fff'] //0.1透明度的白色背景
|
||
});
|
||
}
|
||
// 关闭加载提示
|
||
function c_load() {
|
||
layer.close(layer.index)
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
|
||
</html> |