|
|
@@ -0,0 +1,230 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <title>添加轮播图</title>
|
|
|
+ <meta name="renderer" content="webkit">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
+ <meta name="viewport"
|
|
|
+ content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
|
+ <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
|
|
|
+ <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+
|
|
|
+<div class="layui-fluid">
|
|
|
+ <div class="layui-row layui-col-space15">
|
|
|
+ <div class="layui-col-md6">
|
|
|
+ <div class="layui-card">
|
|
|
+
|
|
|
+ <div class="layui-card-body">
|
|
|
+ <form class="layui-form" action="" lay-filter="component-form-element">
|
|
|
+ <!-- 企业名称 -->
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label"><font color='red' size="4">*</font>标题：</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="text" name="title" lay-verify="required" placeholder="请输入标题"
|
|
|
+ autocomplete="off" class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label"><font color='red' size="4">*</font>内容：</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <textarea class="layui-textarea" placeholder="请输内容" id="content_demo"></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-col-lg6">
|
|
|
+ <label class="layui-form-label"><font color='red' size="4">*</font>位置：</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <select name="location" lay-verify="required" style="width: 40px;">
|
|
|
+ <option value=""></option>
|
|
|
+ <option value='1' selected>轮播</option>
|
|
|
+ <!--option value='2'>弹窗</option-->
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label"><font color='red' size="4">*</font>是否在用：</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="checkbox" name="enable" lay-skin="switch" lay-text="是|否" checked=""
|
|
|
+ value="1">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label"><font color='red' size="4">*</font>轮播图：</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <button type="button" class="layui-btn-sm" id="banner_img">上传图片</button>
|
|
|
+ <br><br>
|
|
|
+ <img class="layui-upload-img" id="banner_img_demo" style="max-height: 100px;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <button class="layui-btn" id="id_save" lay-submit lay-filter="component-form-element"
|
|
|
+ style="display: none">保存
|
|
|
+ </button>
|
|
|
+ <button class="layui-btn" type="button" id="upload_image" style="display: none"></button>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+
|
|
|
+<script src="../../layuiadmin/layui/layui.js"></script>
|
|
|
+<script>
|
|
|
+ layui.config({
|
|
|
+ base: '../../../layuiadmin/' //静态资源所在路径
|
|
|
+ }).extend({
|
|
|
+ index: 'lib/index',
|
|
|
+ }).use(['index', 'form', 'utils', 'upload', 'layedit'], function () {
|
|
|
+ var $ = layui.$
|
|
|
+ , admin = layui.admin
|
|
|
+ ,upload = layui.upload
|
|
|
+ ,layedit = layui.layedit
|
|
|
+ , form = layui.form;
|
|
|
+
|
|
|
+ var id = layui.view.getParameterByName('id');
|
|
|
+
|
|
|
+ var editIndex = layedit.build('content_demo', {
|
|
|
+ height: 180,
|
|
|
+ tool: [
|
|
|
+ 'strong' //加粗
|
|
|
+ ,'italic' //斜体
|
|
|
+ ,'underline' //下划线
|
|
|
+ ,'del' //删除线
|
|
|
+ ,'|' //分割线
|
|
|
+ ,'left' //左对齐
|
|
|
+ ,'center' //居中对齐
|
|
|
+ ,'right' //右对齐
|
|
|
+ ,'link' //超链接
|
|
|
+ ,'unlink' //清除链接
|
|
|
+ ,'face' //表情
|
|
|
+ ,'help' //帮助
|
|
|
+ ]
|
|
|
+ });
|
|
|
+
|
|
|
+ form.render(null, 'component-form-element');
|
|
|
+
|
|
|
+ if (id) {
|
|
|
+ var editdata = JSON.parse(JSON.stringify(parent.layui.table.editdata)); // 框架有Bug所以这么转换
|
|
|
+ form.val("component-form-element", editdata);
|
|
|
+ if(editdata.content){
|
|
|
+ layedit.setContent(editIndex, editdata.content, false);
|
|
|
+ }
|
|
|
+ $('#banner_img_demo').attr('src', editdata.image);
|
|
|
+ }
|
|
|
+ var form_data = {},
|
|
|
+ url = id ? '/tenant/poster/' + id + '/update_poster/' : '/tenant/poster/',
|
|
|
+ method = id ? 'post' : 'put',
|
|
|
+ banner_img = '';
|
|
|
+
|
|
|
+ upload.render({
|
|
|
+ elem: "#banner_img",
|
|
|
+ url: url,
|
|
|
+ auto: false,
|
|
|
+ field: 'banner_img',
|
|
|
+ bindAction: "#upload_image",
|
|
|
+ choose: function (obj) {
|
|
|
+ obj.preview(
|
|
|
+ function (index, file, result) {
|
|
|
+ $("#banner_img_demo").attr("src", result)
|
|
|
+ }
|
|
|
+ )
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ data: function () {
|
|
|
+ return JSON.stringify(form_data)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ done: function (res) {
|
|
|
+ if (res.code != 0) {
|
|
|
+ layer.msg(res.msg);
|
|
|
+ } else {
|
|
|
+ layer.open({
|
|
|
+ type: 1
|
|
|
+ , content: '<div style="padding: 20px 100px;">保存成功</div>'
|
|
|
+ , btn: '关闭'
|
|
|
+ , btnAlign: 'c' //按钮居中
|
|
|
+ , shade: 0 //不显示遮罩
|
|
|
+ , yes: function () {
|
|
|
+ parent.layer.closeAll('iframe');
|
|
|
+ parent.layui.table.reload('datagrid', {});
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function () {
|
|
|
+ layer.msg('保存失败');
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ form.on('submit(component-form-element)', function (data) {
|
|
|
+ //layer.msg(JSON.stringify(data.field));
|
|
|
+
|
|
|
+ if (!data.field.banner_img) {
|
|
|
+ data.field.banner_img = banner_img
|
|
|
+ } else {
|
|
|
+ banner_img = data.field.banner_img
|
|
|
+ }
|
|
|
+ //富文本中的内容
|
|
|
+ data.field.content = layedit.getContent(editIndex);
|
|
|
+ if(!data.field.enable){
|
|
|
+ data.field.enable = 0
|
|
|
+ }
|
|
|
+ if (!id) {
|
|
|
+ if (!data.field.banner_img) {
|
|
|
+ layer.msg('请选择轮播图图片');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ form_data = data.field
|
|
|
+ delete form_data.banner_img
|
|
|
+ delete form_data.file
|
|
|
+ setTimeout($('#upload_image').click(), 30000)
|
|
|
+ } else {
|
|
|
+ if (data.field.banner_img) { // 修改了图片
|
|
|
+ form_data = data.field
|
|
|
+ delete form_data.banner_img
|
|
|
+ delete form_data.file
|
|
|
+ setTimeout($('#upload_image').click(), 30000)
|
|
|
+ } else {
|
|
|
+ // 没有修改了图片
|
|
|
+ form_data = data.field
|
|
|
+ delete form_data.banner_img
|
|
|
+ delete form_data.file
|
|
|
+ admin.req({
|
|
|
+ url: url
|
|
|
+ , data: {data:JSON.stringify(form_data)}
|
|
|
+ , type: method
|
|
|
+ , done: function (res) {
|
|
|
+ if (res.code != 0) {
|
|
|
+ layer.msg(res.msg);
|
|
|
+ } else {
|
|
|
+ layer.open({
|
|
|
+ type: 1
|
|
|
+ , content: '<div style="padding: 20px 100px;">保存成功</div>'
|
|
|
+ , btn: '关闭'
|
|
|
+ , btnAlign: 'c' //按钮居中
|
|
|
+ , shade: 0 //不显示遮罩
|
|
|
+ , yes: function () {
|
|
|
+ parent.layer.closeAll('iframe');
|
|
|
+ parent.layui.table.reload('datagrid', {});
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ parent.layui.submitChild = function () {
|
|
|
+ $("#id_save").click();
|
|
|
+ };
|
|
|
+ });
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+</html>
|
wushaodong