|
|
@@ -2,7 +2,7 @@
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
- <title>添加轮播图</title>
|
|
|
+ <title>添加运维宝典</title>
|
|
|
<meta name="renderer" content="webkit">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
<meta name="viewport"
|
|
|
@@ -34,16 +34,6 @@
|
|
|
<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">
|
|
|
@@ -52,15 +42,6 @@
|
|
|
</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>
|
|
|
@@ -91,19 +72,24 @@
|
|
|
var editIndex = layedit.build('content_demo', {
|
|
|
height: 180,
|
|
|
tool: [
|
|
|
- 'strong' //加粗
|
|
|
- ,'italic' //斜体
|
|
|
- ,'underline' //下划线
|
|
|
- ,'del' //删除线
|
|
|
- ,'|' //分割线
|
|
|
- ,'left' //左对齐
|
|
|
- ,'center' //居中对齐
|
|
|
- ,'right' //右对齐
|
|
|
- ,'link' //超链接
|
|
|
- ,'unlink' //清除链接
|
|
|
- ,'face' //表情
|
|
|
- ,'help' //帮助
|
|
|
- ]
|
|
|
+ 'code', 'strong', 'italic', 'underline', 'del', 'addhr', '|', 'fontFomatt', 'colorpicker', 'face'
|
|
|
+ , '|', 'left', 'center', 'right', '|', 'link', 'unlink', 'image_alt', 'video', 'anchors'
|
|
|
+ , '|', 'fullScreen'
|
|
|
+ ],
|
|
|
+ uploadImage: {
|
|
|
+ url: '/tenant/poster/',
|
|
|
+ accept: 'image',
|
|
|
+ acceptMime: 'image/*',
|
|
|
+ exts: 'jpg|png|gif|bmp|jpeg',
|
|
|
+ size: '10240'
|
|
|
+ },
|
|
|
+ uploadVideo: {
|
|
|
+ url: '/upload/uploadVideo/',
|
|
|
+ accept: 'video',
|
|
|
+ acceptMime: 'video/*',
|
|
|
+ exts: 'mp4|flv|avi|rm|rmvb',
|
|
|
+ size: '20480'
|
|
|
+ }
|
|
|
});
|
|
|
|
|
|
form.render(null, 'component-form-element');
|
|
|
@@ -114,110 +100,42 @@
|
|
|
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('保存失败');
|
|
|
- }
|
|
|
- });
|
|
|
+ method = id ? 'post' : 'put'
|
|
|
|
|
|
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', {});
|
|
|
- }
|
|
|
- });
|
|
|
+ // 调用接口新增或者修改运维宝典数据
|
|
|
+ form_data = data.field
|
|
|
+ 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;
|
|
|
});
|
|
|
|
wushaodong