|
|
@@ -6,7 +6,7 @@
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
- <title>Document</title>
|
|
|
+ <title>四季采摘</title>
|
|
|
<link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
|
|
|
<link rel="stylesheet" href="{% static '/lib/css/reset.css' %}">
|
|
|
<style>
|
|
|
@@ -109,6 +109,10 @@
|
|
|
width: 30%;
|
|
|
}
|
|
|
|
|
|
+ .layui-form-item .layui-input-inline.plantScaleWidth {
|
|
|
+ width: 14.7%;
|
|
|
+ }
|
|
|
+
|
|
|
.uploadImg {
|
|
|
position: absolute;
|
|
|
margin: 10px 0;
|
|
|
@@ -163,23 +167,52 @@
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">采摘名称:</label>
|
|
|
<div class="layui-input-inline">
|
|
|
- <input type="text" name="name" required lay-verify="required" placeholder="请输入采摘名称" autocomplete="off" class="layui-input">
|
|
|
+ <input type="text" name="name" required lay-verify="required" placeholder="请输入采摘名称"
|
|
|
+ autocomplete="off" class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">种植规模</label>
|
|
|
+ <div class="layui-input-inline plantScaleWidth">
|
|
|
+ <input type="number" name="crop_count" required lay-verify="required"
|
|
|
+ placeholder="请输入种植规模" autocomplete="off" class="layui-input">
|
|
|
+ </div>
|
|
|
+ <div class="layui-input-inline plantScaleWidth">
|
|
|
+ <select name="city" lay-verify="required">
|
|
|
+ <option value="株">株</option>
|
|
|
+ <option value="棵">棵</option>
|
|
|
+ <option value="亩">亩</option>
|
|
|
+ <option value="平方米">平方米</option>
|
|
|
+ <option value="只">只</option>
|
|
|
+ <option value="头">头</option>
|
|
|
+ <option value="个">个</option>
|
|
|
+ <option value="尾">尾</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">成熟日期:</label>
|
|
|
+ <div class="layui-input-inline">
|
|
|
+ <input type="text" name="time" required lay-verify="required" class="layui-input"
|
|
|
+ id="matureTime" autocomplete="off" placeholder="请选择成熟日期">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">采摘时间:</label>
|
|
|
<div class="layui-input-inline">
|
|
|
- <input type="text" name="time" required lay-verify="required" class="layui-input" id="pickTime" autocomplete="off" placeholder="请输入采摘时间">
|
|
|
+ <input type="text" name="time" required lay-verify="required" class="layui-input"
|
|
|
+ id="pickTime" autocomplete="off" placeholder="请选择采摘时间">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
- <label class="layui-form-label">采摘企业:</label>
|
|
|
+ <label class="layui-form-label">详细地址:</label>
|
|
|
<div class="layui-input-inline">
|
|
|
- <input type="text" name="company" required lay-verify="required" placeholder="请输入采摘企业" autocomplete="off" class="layui-input">
|
|
|
+ <input type="text" name="company" required lay-verify="required" placeholder="请输入详细地址"
|
|
|
+ autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
- <label class="layui-form-label">采摘图:</label>
|
|
|
+ <label class="layui-form-label">作物图:</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<button type="button" class="uploadImg uploadImgIcon" id="pickImg"></button>
|
|
|
<!-- 隐藏的input -->
|
|
|
@@ -190,13 +223,21 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="layui-form-item layui-form-text">
|
|
|
+ <label class="layui-form-label">详细介绍:</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <textarea name="content" id="editor1" rows="10" cols="80"></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-input-block">
|
|
|
- <button class="layui-btn layui-btn-normal" lay-submit lay-filter="newsForm">立即提交</button>
|
|
|
+ <button class="layui-btn layui-btn-normal" lay-submit
|
|
|
+ lay-filter="newsForm">立即提交</button>
|
|
|
<!-- <button type="reset" class="layui-btn layui-btn-primary">重置</button> -->
|
|
|
- <button class="layui-btn layui-btn-primary" type="button" onclick="clearForm()">取消</button>
|
|
|
+ <button class="layui-btn layui-btn-primary" type="button"
|
|
|
+ onclick="clearForm()">取消</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
@@ -224,10 +265,22 @@
|
|
|
console.log(data);
|
|
|
});
|
|
|
|
|
|
+ //成熟日期
|
|
|
+ laydate.render({
|
|
|
+ elem: '#matureTime' //指定元素
|
|
|
+ , type: 'month'
|
|
|
+ , format: 'M月' //可任意组合
|
|
|
+ , done: function (value, date) {
|
|
|
+ // alert(2)
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
//年月选择器
|
|
|
laydate.render({
|
|
|
elem: '#pickTime' //指定元素
|
|
|
, type: 'month'
|
|
|
+ , range: true
|
|
|
+ , format: 'M月' //可任意组合
|
|
|
, done: function (value, date) {
|
|
|
// alert(2)
|
|
|
}
|
|
|
@@ -238,17 +291,17 @@
|
|
|
url: 'farm_choice',
|
|
|
type: 'post',
|
|
|
data: {},
|
|
|
- dataType:'json',
|
|
|
+ dataType: 'json',
|
|
|
success: function (data) {
|
|
|
if (data) {
|
|
|
// layer.msg('发布成功,等待管理员审核', { icon: 1 })
|
|
|
var html = '';
|
|
|
- if(data.length){
|
|
|
+ if (data.length) {
|
|
|
html += '<option value=""></option>';
|
|
|
- for(var i = 0;i<data.length;i++){
|
|
|
- html += '<option value="'+data[i].name+'">'+data[i].name+'</option>'
|
|
|
+ for (var i = 0; i < data.length; i++) {
|
|
|
+ html += '<option value="' + data[i].name + '">' + data[i].name + '</option>'
|
|
|
}
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
html = '<dd lay-value="" class="layui-select-tips layui-this">暂无农场</dd>';
|
|
|
}
|
|
|
$('#farmSelect').html(html)
|
|
|
@@ -297,48 +350,96 @@
|
|
|
}
|
|
|
});
|
|
|
|
|
|
+
|
|
|
+
|
|
|
//监听提交
|
|
|
form.on('submit(newsForm)', function (data) {
|
|
|
+ console.log(data)
|
|
|
window.id = data.field.id
|
|
|
- if (data.field.farm == ''){
|
|
|
+ if (data.field.farm == '') {
|
|
|
layer.msg('请选择采摘农场', { icon: 2 });
|
|
|
return false;
|
|
|
}
|
|
|
if (data.field.img_url == '') {
|
|
|
layer.msg('请上传采摘图', { icon: 2 });
|
|
|
return false;
|
|
|
- }
|
|
|
- $.ajax({
|
|
|
- url: 'garden_pub',
|
|
|
- type: 'post',
|
|
|
- data: data.field,
|
|
|
- success: function (data) {
|
|
|
- if (data) {
|
|
|
- if (window.id !== '') {
|
|
|
- parent.layer.msg("发布成功,等待审核", { icon: 1 });
|
|
|
- } else {
|
|
|
- layer.msg("发布成功,等待审核", { icon: 1 });
|
|
|
- }
|
|
|
- clearForm()
|
|
|
+ }
|
|
|
+ var content = editor1.getData();
|
|
|
+ // alert(content)
|
|
|
+ if (!content) {
|
|
|
+ layer.msg("请填写文章正文", { icon: 5 });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ field = Object.assign(data.field, { content: content });
|
|
|
+ console.log(field)
|
|
|
+ $.ajax({
|
|
|
+ url: 'garden_pub',
|
|
|
+ type: 'post',
|
|
|
+ data: data.field,
|
|
|
+ success: function (data) {
|
|
|
+ if (data) {
|
|
|
+ if (window.id !== '') {
|
|
|
+ parent.layer.msg("发布成功,等待审核", { icon: 1 });
|
|
|
+ } else {
|
|
|
+ layer.msg("发布成功,等待审核", { icon: 1 });
|
|
|
+ }
|
|
|
+ clearForm()
|
|
|
|
|
|
+ } else {
|
|
|
+ if (window.id !== '') {
|
|
|
+ parent.layer.msg("发布失败", { icon: 2 });
|
|
|
} else {
|
|
|
- if (window.id !== '') {
|
|
|
- parent.layer.msg("发布失败", { icon: 2 });
|
|
|
- } else {
|
|
|
- layer.msg("发布失败", { icon: 2 });
|
|
|
- }
|
|
|
+ layer.msg("发布失败", { icon: 2 });
|
|
|
}
|
|
|
- },
|
|
|
- error: function (type) {
|
|
|
- console.log(type)
|
|
|
}
|
|
|
- })
|
|
|
+ },
|
|
|
+ error: function (type) {
|
|
|
+ console.log(type)
|
|
|
+ }
|
|
|
+ })
|
|
|
|
|
|
- return false
|
|
|
+ return false
|
|
|
// }
|
|
|
});
|
|
|
});
|
|
|
|
|
|
+ // 示例1:设置工具栏为基本工具栏,高度为70
|
|
|
+ var editor1 = CKEDITOR.replace('editor1',
|
|
|
+ {
|
|
|
+ filebrowserBrowseUrl: 'test_photo',
|
|
|
+ height: 430,
|
|
|
+ toolbar:
|
|
|
+ [
|
|
|
+ { name: 'document', items: ['Source', '-', 'DocProps', 'Preview', 'Print', '-'] },
|
|
|
+ { name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
|
|
|
+ { name: 'editing', items: ['Find', 'Replace', '-', 'SelectAll', '-'] },
|
|
|
+ { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'] },
|
|
|
+ '/',
|
|
|
+ { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl'] },
|
|
|
+ { name: 'links', items: ['Link', 'Unlink', 'Anchor'] },
|
|
|
+ { name: 'insert', items: ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak'] },
|
|
|
+ '/',
|
|
|
+ { name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize'] },
|
|
|
+ { name: 'colors', items: ['TextColor', 'BGColor'] },
|
|
|
+ { name: 'tools', items: ['ShowBlocks', '-'] }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ );
|
|
|
+
|
|
|
+ //处理CKEDITOR的值
|
|
|
+ function CKupdate() {
|
|
|
+ for (instance in CKEDITOR.instances)
|
|
|
+ CKEDITOR.instances[instance].updateElement();
|
|
|
+ }
|
|
|
+
|
|
|
+ function fuzhi() { //编辑器赋值
|
|
|
+ editor1.setData("");
|
|
|
+ }
|
|
|
+
|
|
|
+ function insertText(value) { //插入文本
|
|
|
+ editor1.insertText('value');
|
|
|
+ }
|
|
|
+
|
|
|
//创建监听函数
|
|
|
var xhrOnProgress = function (fun) {
|
|
|
xhrOnProgress.onprogress = fun; //绑定监听
|
|
|
@@ -357,6 +458,7 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+
|
|
|
function clearForm() {
|
|
|
form.val('newsForm', {
|
|
|
"farm": "",
|
|
|
@@ -364,12 +466,14 @@
|
|
|
"time": "",
|
|
|
"company": "",
|
|
|
"img_url": "",
|
|
|
+ "crop_count":""
|
|
|
});
|
|
|
$('.uploadImg').addClass('uploadImgIcon');
|
|
|
$('#demo1').removeAttr('src'); //图片链接(base64)
|
|
|
+ fuzhi()
|
|
|
if (window.id !== '') {
|
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
|
- parent.layer.close(index);//关闭当前页
|
|
|
+ parent.layer.close(index);//关闭当前页
|
|
|
}
|
|
|
}
|
|
|
|