<?php include_once(mvc::$cfg['PATH_TPL'] . 'public/headBase.php'); ?>
    <style type="text/css">
   .layui-btn-sm {
      height: 26px;
      line-height: 26px;
    }
    </style>
    <script type="text/javascript" src="<?php echo mvc::$cfg['SELF_URL'];?>static/ueditor1_4_3-utf8-php/ueditor.config.js"></script>
    <script type="text/javascript" src="<?php echo mvc::$cfg['SELF_URL'];?>/static/ueditor1_4_3-utf8-php/ueditor.all.min.js"></script>
    <form style="margin-top: 30px;;" class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label">公告标题</label>
            <div class="layui-input-block">
                <input style="width: 66%;" type="text" id="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off"
                       class="layui-input" value="<?php echo $data['not_title'] ?: '' ?>">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">公告内容</label>
            <div class="layui-input-block">
                <script id="ctr_remark" name="artInfo" type="text/plain"><?php echo $data['not_txt'];?></script>
                <script type="text/javascript">
                    var ue = UE.getEditor('ctr_remark', { initialFrameWidth:1200, initialFrameHeight: 460,toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|','bold', 'italic','simpleupload','pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'cleardoc', '|','fontfamily', 'fontsize', 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|','link', 'unlink',  '|', 'spechars',  'wordimage', '|','inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows']]});
                    UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
                    UE.Editor.prototype.getActionUrl = function(action)
                    {
                        if (action == 'uploadimage')
                        {
                            //跳转到后来的上传action
                            return SELF_URI+"upload/uploadEditorImg?isAjax=1&cate=article";
                        }else
                        {
                            return this._bkGetActionUrl.call(this, action);
                        }
                    }
                </script>
            </div>
        </div>

        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">关联配件列表</label>
            <button  type="button" class="layui-btn layui-btn-sm layui-btn-normal" id="addAsset">点击添加配件</button>
            <table style="width: 350px;" class="gridtable layui-table" id="gridtable">
                <tr>
                    <th style="display: none">配件ID</th>
                    <th>商家编号</th>
                    <th>配件分类</th>
                    <th>操作</th>
                </tr>
                <?php if (isset($data['product'])) { ?>
                <?php foreach ($data['product'] as $value) { ?>
                    <tr id="item<?php echo $value['pro_id']; ?> ">
                        <td style="display: none"><?php echo $value['pro_id'] ?></td>
                        <td><?php echo ($value['prb_name'] ?: '').':'.$value['pri_code'] ?></td>
                        <td><?php echo $value['pro_name'] ?></td>
                        <td><a class="layui-btn layui-btn-sm layui-btn-danger"  onclick="deleteItem(this)">删除</a></td>
                    </tr>
                <?php } ?>
                <?php } ?>
            </table>
        </div>
        <div id="tables"  class="layui-table-box" style="width: 50%;margin-left: 2%">
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">发布时间</label>
            <div class="layui-input-block" id="IsPurchased">
                <input type="radio"  name="t" value="1" title="保存后立即发布" / <?php if($data['set'] == 1){ echo 'checked';} ?> checked>
                <input  type="radio"  name="t" value="2" title="定时发布,设置为" / <?php if($data['set'] == 2){ echo 'checked';} ?>>
                <input  type="text" name="date" style="display:inline;position: absolute;width: 200px;margin-left: 0px;" class="layui-input"
                       id="test5" autocomplete="off" placeholder="yyyy-MM-dd HH:mm:ss" lay-key="6" value="<?php if($data['set'] == 2){ echo date('Y-m-d h:i:s',$data['not_btime']) ;} ?>">
                <div class="layui-unselect layui-form-radio"></div>
                <label style="margin-left: 190px; width: 80px;font-weight: 400;line-height: 30px";>发布</label>
            </div>
        </div>
    </form>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button onclick="index()" class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
        </div>
    </div>

    <script>
        function deleteItem(r) {
            var i=r.parentNode.parentNode.rowIndex;
            document.getElementById('gridtable').deleteRow(i);
        }
        function searchNum()
        {

            var businessNum = $('#businessNum').val();
            if (!businessNum) {
                layer.msg('请输入商家编码');
                return false;
            }

          $("#search-index").each(function(businessNum) {  // 获取表格table中，第几个td的文本

                var t1 =$(this).find('td').eq(1).text().split(":");
                if(t1[1] == $('#businessNum').val()){
                    layer.msg('您已经搜索过了，无需再搜索');
                    return false;
                }
                return true;

            })

            $("#search-index  tr:not(:first)").html("");

            // return false;
            var data = {};
            data['isAjax'] = 1;
            data['number'] = businessNum;
            $.ajax({
                url: SELF_URI+"index/searchNum",
                async: false,
                type: "POST",
                dataType: "json",
                data: data,
                success: function (result) {
                    if (result.code == 0) {
                        if(result.count == 0){
                            layer.msg('未搜索到该结果');
                            return false;
                        }
                        var html = '';
                        for (var i = 0; i < result.count; i++) {
                            html += '         <tr data-index="0" class="">\n' +
                                '                        <td style="display: none" data-field="username" data-key="2-0-0" class="">\n' +
                                '                            <div class="layui-table-cell laytable-cell-2-0-0">'+ result.data[i].pro_id +'</div>\n' +
                                '                        </td>\n' +
                                '                        <td data-field="experience" data-key="2-0-1" class="">\n' +
                                '                            <div class="layui-table-cell laytable-cell-2-0-1">'+ result.data[i].prb_name+':'+result.data[i].pri_code +'</div>\n' +
                                '                        </td>\n' +
                                '                        <td data-field="sign" data-key="2-0-2" class="">\n' +
                                '                            <div class="layui-table-cell laytable-cell-2-0-2">'+ result.data[i].pro_name +'</div>\n' +
                                '                        </td>\n' +
                                '                        <td data-field="sign" data-key="2-0-2" class="">\n' +
                                '                            <div class="layui-table-cell laytable-cell-2-0-2">'+ '<a id="add'+ result.data[i].pro_id +'" class="layui-btn layui-btn-sm" onclick=\"add(' + result.data[i].pro_id +',' + '\''+ result.data[i].prb_name+':'+result.data[i].pri_code +'\''+','+'\''+result.data[i].pro_name+'\''+')\" >添加<a>' +'<a id="adds'+ result.data[i].pro_id +'" style="margin-left: 5px;" class="layui-btn layui-btn-sm layui-btn-danger layui-btn-disabled" onclick=\"deleteParts(' + result.data[i].pro_id +',' + '\''+ result.data[i].prb_name+':'+result.data[i].pri_code +'\''+','+'\''+result.data[i].pro_name+'\''+')\" >删除<a>'+'</div>\n' +
                                '                        </td>\n' +
                                '                    </tr>'
                        }

                        $('#search-index').append(html);
                    } else {
                        layer.msg(result.msg);
                    }
                }
            })
        }
        $("#addAsset").on("click", function () {
            var html = '<div class="layui-input-block">\n' +
                '                <input style="width: 40%;inline-block;position:absolute;top:10px;" type="text" id="businessNum"\n' +
                '                       class="layui-input" placeholder="请输入商家编码">\n' +
                '                <button style="margin-left:41%;margin-top: 10px"  type="button" class="layui-btn" onclick="searchNum()">查询</button>\n' +
                '            </div><div style="margin-top: 3px" class="search-index"></div>'
               html += '            <div class="layui-table-header">\n' +
                '                <table cellspacing="0" cellpadding="0" border="0" class="layui-table" id="search-index">\n' +
                '                    <thead>\n' +
                '                    <tr>\n' +
                '                        <th style="display: none" data-field="username" data-key="2-0-0" class="">\n' +
                '                            <div class="layui-table-cell laytable-cell-2-0-0"><span>配件ID</span></div>\n' +
                '                        </th>\n' +
                '                        <th data-field="experience" data-key="2-0-1" class=" layui-unselect">\n' +
                '                            <div class="layui-table-cell laytable-cell-2-0-1"><span>商家编号</span><span\n' +
                '                                        class="layui-table-sort layui-inline"></span></div>\n' +
                '                        </th>\n' +
                '                        <th data-field="sign" data-key="2-0-2" class="">\n' +
                '                            <div class="layui-table-cell laytable-cell-2-0-2"><span>配件分类</span></div>\n' +
                '                        </th>\n' +

                   '                        <th data-field="sign" data-key="2-0-2" class="">\n' +
                   '                            <div class="layui-table-cell laytable-cell-2-0-2"><span>操作</span></div>\n' +
                   '                        </th>\n' +

                '                    </tr>\n' +
                '                    </thead>\n' +
                '                </table>\n' +
                '            </div>\n' +
                '            <div class="layui-table-body layui-table-main">\n' +
                '                <table cellspacing="0" cellpadding="0" border="0" class="layui-table">\n' +
                '                    <tbody>\n' +
                '\n';
                html +=                         '                    </tbody>\n' +
                '                </table>\n' +
                '            </div>';
            layer.open({
                type: 1
                ,anim: -1
                ,title: '搜索结果'
                ,content: html
                ,shadeClose: true
                ,scrollbar: false
                ,area: ['30%', '70%']
            });

        });

        function add(id,number,name)
        {
            var arr = getTableContent();
            var arrs = [];
            for (var i = 1 ; i < arr.length ; i++){
                  if(arr[i]['0'] == id){
                      layer.msg('已经添加过了');
                      return false;
                  }
            }

            var html = '                <tr id="item'+ id +'">\n' +
                '                    <td style="display: none">'+id+'</td>\n' +
                '                    <td>'+number+'</td>\n' +
                '                    <td>'+name+'</td>\n' +'<td><a class="layui-btn layui-btn-sm layui-btn-danger "  onclick="deleteItem(this)">删除</a></td>'
                '                </tr>'

            $('.gridtable').append(html);
            $('#add'+id).addClass('layui-btn-disabled');
            $('#adds'+id).removeClass('layui-btn-disabled');
        }

        function deleteParts(id,number,name)
        {
            $('#item'+id).remove();
            $('#adds'+id).addClass('layui-btn-disabled');
            $('#add'+id).removeClass('layui-btn-disabled');
        }

        layui.use(['form', 'laydate', 'layer'], function () {
            var $ = layui.jquer,
                layer = layui.layer //弹
            var form = layui.form
            var laydate = layui.laydate
            laydate.render({
                elem: '#test5'
                , type: 'datetime'
                ,min: '<?php echo date('Y-m-d',time()) ?>'

            })
        });

        /**
         * 遍历表格内容返回数组
         * @param  Int   id 表格id
         * @return Array
         */
        function getTableContent(id = ''){
            if(id == 1){
                var id = "search-index";
            }else{
                var id = "gridtable";
            }
            var mytable = document.getElementById(id);
            var data = [];
            for(var i=0,rows=mytable.rows.length; i<rows; i++){
                for(var j=0,cells=mytable.rows[i].cells.length; j<cells; j++){
                    if(!data[i]){
                        data[i] = new Array();
                    }
                    data[i][j] = mytable.rows[i].cells[j].innerHTML;
                }
            }
            return data;
        }
        
        function index()
        {
            var arr = getTableContent();
            var arrs = [];
            for (var i = 1 ; i < arr.length ; i++){
                arrs[i-1] = arr[i]['0'];
            }
            var data = {};
            data['id'] = <?php if(isset($data['not_id'])){ echo $data['not_id']; }else{ echo '0';} ?>;
            data['title'] = $('#title').val();
            if(!data['title']){
                layer.msg('标题不可为空');
                return false
            }

            data['content'] = ue.body.innerHTML;
            var dd=data['content'].replace(/<\/?.+?>/g,"");

            var dds=dd.replace(/ /g,"");//dds为得到后的内容

            data['numId'] = arrs.join(',');

            if(data['numId'].split(',').length > 10){
                layer.msg('关联配件ID不能超过十个');
                return false;
            }
            if(!dds && !data['numId']){
                layer.msg('内容或者配件ID必须存在一个');
                return false;
            }
            data['date'] = $('#IsPurchased input[name="date"]').val()
            data['set'] = $('#IsPurchased input[name="t"]:checked ').val();
            if(data['set'] == 2){
                if(!data['date']){
                    layer.msg('选择定时发布需要选择时间');
                    return false;
                }
            }
            data['isAjax'] = 1;
            var swich = $('#res input[name="close"]:checked ').val();
            data['swich'] = swich === 'on' ? 1 : 0;
            $.ajax({
                url: SELF_URI+"index/add",
                type: "POST",
                dataType: "json",
                data: data,
                success: function (result) {
                    if(!AJAX.checkData(result)) return false;
                    layer.msg('操作成功', {icon: 1, time: 1000}, function(){window.location.reload(true);});
                }
            })
        }
    </script>

<?php include_once(mvc::$cfg['PATH_TPL'] . 'public/footBase.php'); ?>