|
@@ -14,6 +14,13 @@
|
|
|
<script type="text/javascript" charset="utf-8" src="../../layuiadmin/layui/ueditor/umeditor.config.js"></script>
|
|
|
<script type="text/javascript" charset="utf-8" src="../../layuiadmin/layui/ueditor/umeditor.js"></script>
|
|
|
<script type="text/javascript" src="../../layuiadmin/layui/ueditor/lang/zh-cn/zh-cn.js"></script>
|
|
|
+ <style type="text/css">
|
|
|
+ .table-overlay .layui-table-view,
|
|
|
+ .table-overlay .layui-table-header,
|
|
|
+ .table-overlay .layui-table-box,
|
|
|
+ .table-overlay .layui-table-body{overflow: visible;}
|
|
|
+ .table-overlay .layui-table-cell{height: auto; overflow: visible;}
|
|
|
+ </style>
|
|
|
</head>
|
|
|
<body>
|
|
|
|
|
@@ -46,20 +53,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div>
|
|
|
- <label class="layui-form-label"><font color='red' size="4">*</font>活动价格:</label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <input type="text" name="amount" lay-verify="required|numberGtZ" placeholder="请输入价格" autocomplete="off" class="layui-input">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div>
|
|
|
- <label class="layui-form-label"><font color='red' size="4">*</font>活动返利:</label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <input type="text" name="rebate" lay-verify="required|numberGtZ" placeholder="请输入返利" autocomplete="off" class="layui-input">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
<div>
|
|
|
<label class="layui-form-label"><font color='red' size="4">*</font>截止时间:</label>
|
|
|
<div class="layui-input-block">
|
|
@@ -67,13 +60,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!--<div style="margin-top: 20px;">
|
|
|
- <label class="layui-form-label"><font color='red' size="4">*</font>活动介绍:</label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <script type="text/plain" id="myEditor"></script>
|
|
|
- </div>
|
|
|
- </div>-->
|
|
|
-
|
|
|
<div>
|
|
|
<label class="layui-form-label">门店地址:</label>
|
|
|
<div class="layui-input-block">
|
|
@@ -81,13 +67,22 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="layui-col-xs12 layui-col-sm6">
|
|
|
+ <div>
|
|
|
<label class="layui-form-label">是否在用:</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="checkbox" name="enabled" lay-skin="switch" lay-text="是|否" checked="" value="1">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <div>
|
|
|
+ <fieldset class="layui-elem-field layui-field-title">
|
|
|
+ <legend>明细<button type="button" id="detills-btn-add" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon"></i></button></legend>
|
|
|
+ </fieldset>
|
|
|
+ <div>
|
|
|
+ <table id="details_table" lay-filter="details_table" class="layui-hide"></table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
<button class="layui-btn" id="id_save" lay-submit lay-filter="component-form-element" style="display: none">保存</button>
|
|
|
</div>
|
|
|
</form>
|
|
@@ -102,55 +97,141 @@
|
|
|
}).extend({
|
|
|
index: 'lib/index',
|
|
|
formSelects: 'formSelects-v4'
|
|
|
- }).use(['index', 'form', 'utils', 'upload', 'laydate'], function(){
|
|
|
+ }).use(['index', 'form', 'utils', 'table', 'laydate'], function(){
|
|
|
var $ = layui.$
|
|
|
,admin = layui.admin
|
|
|
- ,upload = layui.upload
|
|
|
,laydate = layui.laydate
|
|
|
+ ,table = layui.table
|
|
|
,form = layui.form;
|
|
|
var id = layui.view.getParameterByName('id');
|
|
|
|
|
|
- // var um = UM.getEditor('myEditor', {
|
|
|
- // imageUrl: '/activity/ueditor/images/',
|
|
|
- // imagePath: "",
|
|
|
- // });
|
|
|
- // um.setWidth('100%');
|
|
|
- // $(".edui-body-container").css("width", "98%");
|
|
|
-
|
|
|
laydate.render({
|
|
|
elem: '#date'
|
|
|
,type: 'date'
|
|
|
,trigger: 'click'
|
|
|
});
|
|
|
- if(id){
|
|
|
- var editdata = JSON.parse(JSON.stringify(parent.layui.table.editdata)); // 框架有Bug所以这么转换
|
|
|
- form.val("component-form-element", editdata);
|
|
|
- // um.setContent(editdata.describe);
|
|
|
- }else{
|
|
|
- admin.req({
|
|
|
- url: '/activity/self_branch/'
|
|
|
- , done: function (res) {
|
|
|
- $('#id_branch_name').val(res.data.data.name);
|
|
|
- $('#id_branch_tel').val(res.data.data.tel);
|
|
|
- $('#id_branch_address').val(res.data.data.address);
|
|
|
+ var editdata = JSON.parse(JSON.stringify(parent.layui.table.editdata)); // 框架有Bug所以这么转换
|
|
|
+ form.val("component-form-element", editdata);
|
|
|
+
|
|
|
+ admin.req({
|
|
|
+ url: '/activity/activity/details/?main=' + id,
|
|
|
+ done: function (res) {
|
|
|
+ var data = res.data;
|
|
|
+ var detailsData = table.cache[details_table];
|
|
|
+ for (var i in data) {
|
|
|
+ var newRow = {
|
|
|
+ index: i,
|
|
|
+ id: data[i].id,
|
|
|
+ name: data[i].name,
|
|
|
+ amount: data[i].amount,
|
|
|
+ rebate: data[i].rebate,
|
|
|
+ notes: data[i].notes
|
|
|
+ };
|
|
|
+ detailsData.push(newRow);
|
|
|
+ }
|
|
|
+ goods_tableIns.reload({
|
|
|
+ data: detailsData
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ var details_table = "details_table";
|
|
|
+ var goods_tableIns = table.render({
|
|
|
+ elem: '#details_table',
|
|
|
+ id: details_table,
|
|
|
+ data: [],
|
|
|
+ page: false,
|
|
|
+ limit: 1000,
|
|
|
+ loading: true,
|
|
|
+ even: true, //不开启隔行背景
|
|
|
+ cols: [[
|
|
|
+ {title: '序号', type: 'numbers'},
|
|
|
+ {field: 'name', title: '名称', minWidth: 150, templet: function (d){
|
|
|
+ return '<input id="name'+ d.index +'" type="text" autocomplete="off" value="'+d.name+'" lay-verify="required" class="layui-input" autocomplete="off">';
|
|
|
+ }},
|
|
|
+ {field: 'amount', title: '价格', width: 100, templet: function (d){
|
|
|
+ return '<input id="amount'+d.index+'" type="text" value="'+d.amount+'" lay-verify="required|numberGtZ" autocomplete="off" class="layui-input">';
|
|
|
+ }},
|
|
|
+ {field: 'rebate', title: '返利', width: 100, templet: function (d){
|
|
|
+ return '<input id="rebate'+d.index+'" type="text" value="'+d.rebate+'" lay-verify="required|numberGtZ" autocomplete="off" class="layui-input">';
|
|
|
+ }},
|
|
|
+ {field: 'notes', title: '备注', minWidth: 150, templet: function (d){
|
|
|
+ return '<input id="notes'+ d.index +'" type="text" autocomplete="off" value="'+d.notes+'" class="layui-input" autocomplete="off">';
|
|
|
+ }},
|
|
|
+ {
|
|
|
+ field: 'index', title: '操作', minWidth:120,templet: function (d) {
|
|
|
+ return '<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del" ><i class="layui-icon layui-icon-delete"></i>删除</a>';
|
|
|
+ }
|
|
|
}
|
|
|
+ ]]
|
|
|
+ ,done: function (res, curr, count) {
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ //监听工具条
|
|
|
+ table.on('tool(details_table)', function (obj) {
|
|
|
+ var data = obj.data;
|
|
|
+ var event = obj.event;
|
|
|
+
|
|
|
+ switch (event) {
|
|
|
+ case "del":
|
|
|
+ obj.del();
|
|
|
+ layer.msg('删除成功', {icon: 6});
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ var getdetailsData = function () {
|
|
|
+ var rows = table.cache[details_table];
|
|
|
+ var data = [];
|
|
|
+ for (var n in rows) {
|
|
|
+ if (rows[n] == false) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+
|
|
|
+ var notes = $('#notes'+n).val();
|
|
|
+ var name = $('#name'+n).val();
|
|
|
+ var amount = $('#amount'+n).val();
|
|
|
+ var rebate = $('#rebate'+n).val();
|
|
|
+
|
|
|
+ var item = {
|
|
|
+ id: rows[n].id,
|
|
|
+ index: rows[n].index,
|
|
|
+ name: name,
|
|
|
+ amount: amount,
|
|
|
+ rebate: rebate,
|
|
|
+ notes:notes
|
|
|
+ };
|
|
|
+ data.push(item);
|
|
|
+ }
|
|
|
+ return data;
|
|
|
+ };
|
|
|
+
|
|
|
+ $('#detills-btn-add').on('click', function () {
|
|
|
+ var oldData = getdetailsData();
|
|
|
+ var index = oldData.length;
|
|
|
+ var newRow = {
|
|
|
+ id: '',
|
|
|
+ index: index,
|
|
|
+ name: '',
|
|
|
+ amount: '',
|
|
|
+ rebate: '',
|
|
|
+ notes: ''
|
|
|
+ };
|
|
|
+ oldData.push(newRow);
|
|
|
+
|
|
|
+ goods_tableIns.reload({
|
|
|
+ data: oldData
|
|
|
});
|
|
|
- }
|
|
|
+ });
|
|
|
|
|
|
form.render(null, 'component-form-element');
|
|
|
form.on('submit(component-form-element)', function(data){
|
|
|
- var amount = data.field['amount'];
|
|
|
- var rebate = data.field['rebate'];
|
|
|
- if (parseFloat(amount * 0.3) < parseFloat(rebate)) {
|
|
|
- layer.msg('返利不得超过价格的30%');
|
|
|
- return false;
|
|
|
- }
|
|
|
- // var describe = UM.getEditor('myEditor').getContent();
|
|
|
- // data.field['describe'] = describe;
|
|
|
+ var items = getdetailsData();
|
|
|
|
|
|
admin.req({
|
|
|
- url: '/activity/activity/save/?id='+id
|
|
|
- ,data: JSON.stringify(data.field)
|
|
|
+ url: '/activity/activity/edit/?id='+id
|
|
|
+ ,data: {production: JSON.stringify(data.field), items: JSON.stringify(items)}
|
|
|
,type: 'post'
|
|
|
,done: function(res){
|
|
|
parent.layui.onSubmitChild(res.data);
|