发现栏目

css/model/sys/disbanner.css

@@ -0,0 +1,39 @@
@charset "utf-8";
.sys_disbanner_index .tpl-btns .row {
    padding-left: 10px;
}
.sys_disbanner_index th.opt-check {
    width: 35px;
}
.sys_disbanner_index td.table-opt.edit {
    padding: 1px;
    text-align: center;
}
.sys_disbanner_index .table-opt .name {
    cursor: pointer;
}
.sys_disbanner_insert .pics {
    position: absolute;
    top: 140px;
    right: 110px;
}
.sys_disbanner_putup, .sys_disbanner_insert {
    width: 800px;
    height: 450px;
    padding: 0 20px 10px;
}
.sys_disbanner_putup .item-caption {
    text-align: center;
}
.sys_disbanner_insert .content, .sys_disbanner_putup .content {
    font-size: 25px;
    font-weight: bold;
}

html/model/sys/disbanner/index.html

@@ -0,0 +1,78 @@
<div class="sys_disbanner_index" loadUri="../ajax/disBanner/pq" pageSize="10" pageNo="1" pageIndex="pi">
    <div class="modal-ctrl">
        <i class="icon icon-times"></i>
    </div>
    <div class="container dt-form">
        <div class="row">
            <div class="col-1"></div>
            <div class="col-1 item-caption ">名称</div>
            <div class="col-5">
                <div class="form-item text" defVal="" name="title"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-8">
            </div>
            <div class="col-2">
                <div class="btn opt-query pull-right">
                    <i class="icon-search"></i> 查询
                </div>
            </div>
            <div class="col-2"></div>
        </div>
    </div>
    <div class="container page-split"></div>
    <div class="container tpl-btns">
        <div class="row">
            <div class="btn opt-insert">
                添加
            </div>
            <div class="btn opt-putup">
                上架
            </div>
            <div class="btn opt-putup2">
                上架2
            </div>
        </div>
    </div>
    <div class="container dt-tpl">
        <table class="table table-bordered">
            <thead>
            <tr>
                <!--<th class="opt-check" ><i class="icon icon-st-check"></i> </th>-->
                <th class="number">序号</th>
                <th>编号</th>
                <th>外显标题</th>
                <th>栏目</th>
                <th>显示位置</th>
                <th>上架时间</th>
                <th>下架时间</th>
                <th class="number">点击量</th>
                <th class="number">备注</th>
            </tr>
            </thead>
            <tbody>
            <tr ch-dir="list">
                <!--<td class="opt-check" ><i class="icon icon-st-check" articleId="{{articleId}}"></i></td>-->
                <td>{{pi}}</td>
                <td>{{id}}</td>
                <td>{{title}}</td>
                <td class="hand-dict" dict="banner" code="{{banner}}"></td>
                <td>{{location}}</td>
                <td>{{beginTime-showDay}}</td>
                <td>{{endTime-showDay}}</td>
                <td>{{clicks}}</td>
                <td>{{descp}}</td>
            </tr>
            </tbody>
            <tbody ch-dir="array.empty">
            <tr>
                <td class="empty-desc" colspan="10">表格暂无数据</td>
            </tr>
            </tbody>
        </table>
    </div>
    <ul class="dt-pager"></ul>
</div>

html/model/sys/disbanner/insert.html

@@ -0,0 +1,51 @@
<div class="sys_disbanner_insert centerModal">
    <div class="modal-ctrl">
        <i class="icon icon-times"></i>
    </div>
    <div class="container newForm">
        <div class="row">
            <div class="col-2"></div>
            <div class="col-4 item-caption content ">添加</div>
        </div>
        <div class="row">
            <div class="col-2"></div>
            <div class="col-5">
                <div class="form-item text trim" placeholder="请输入文章ID" name="id"></div>
            </div>
            <div class="col-2">
                <div class="btn pull-right opt-search">
                    <i class="icon-check"></i> 查找
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">外显标题</div>
            <div class="col-5">
                <div class="form-item text readOnly" name="title"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">栏目</div>
            <div class="col-5">
                <div class="form-item select readOnly" dictCode="banner" name="banner"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">处理备注</div>
            <div class="col-5">
                <div class="form-item textarea" placeholder="处理备注不得超过500个字" name="descp"></div>
            </div>
        </div>
        <div class="pics"></div>
        <div class="row">
            <div class="col-9"></div>
            <div class="col-2">
                <div class="btn pull-right opt-save">
                    <i class="icon-check"></i> 添加到备选列表
                </div>
            </div>
        </div>
    </div>
</div>

html/model/sys/disbanner/putup.html

@@ -0,0 +1,88 @@
<div class="sys_disbanner_putup centerModal">
    <div class="modal-ctrl">
        <i class="icon icon-times"></i>
    </div>
    <div class="container newForm">
        <div class="row">
            <div class="col-2"></div>
            <div class="col-4 item-caption content ">上架</div>
        </div>
        <div class="row">
            <div class="col-1 item-caption">显示位置</div>
            <div class="col-2 item-caption xmtt">编号</div>
            <div class="col-4 item-caption">外显标题</div>
            <div class="col-2 item-caption">所属栏目</div>
        </div>
        <div class="row">
            <div class="col-1 item-caption">1</div>
            <div class="col-2">
                <div class="form-item text trim xmtt" placeholder="请输入编号" name="id1"></div>
            </div>
            <div class="col-4">
                <div class="form-item text readOnly" name="title1"></div>
            </div>
            <div class="col-2">
                <div class="form-item select readOnly" dictCode="banner" name="banner1"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-1 item-caption">2</div>
            <div class="col-2">
                <div class="form-item text trim xmtt" placeholder="请输入编号" name="id2"></div>
            </div>
            <div class="col-4">
                <div class="form-item text readOnly" name="title2"></div>
            </div>
            <div class="col-2">
                <div class="form-item select readOnly" dictCode="banner" name="banner2"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-1 item-caption">3</div>
            <div class="col-2">
                <div class="form-item text trim xmtt" placeholder="请输入编号" name="id3"></div>
            </div>
            <div class="col-4">
                <div class="form-item text readOnly" name="title3"></div>
            </div>
            <div class="col-2">
                <div class="form-item select readOnly" dictCode="banner" name="banner3"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-1 item-caption">4</div>
            <div class="col-2">
                <div class="form-item text trim xmtt" placeholder="请输入编号" name="id4"></div>
            </div>
            <div class="col-4">
                <div class="form-item text readOnly" name="title4"></div>
            </div>
            <div class="col-2">
                <div class="form-item select readOnly" dictCode="banner" name="banner4"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-1 item-caption">5</div>
            <div class="col-2">
                <div class="form-item text trim xmtt" placeholder="请输入编号" name="id5"></div>
            </div>
            <div class="col-4">
                <div class="form-item text readOnly" name="title5"></div>
            </div>
            <div class="col-2">
                <div class="form-item select readOnly" dictCode="banner" name="banner5"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-10"></div>
            <div class="col-2">
                <div class="btn pull-right opt-save">
                    <i class="icon-check"></i> 添加到备选列表
                </div>
            </div>
        </div>
    </div>
</div>

html/model/sys/disbanner/putup2.html

@@ -0,0 +1,41 @@
<div class="sys_disbanner_putup2 centerModal">
    <div class="modal-ctrl">
        <i class="icon icon-times"></i>
    </div>
    <div class="container newForm">
        <div class="row">
            <div class="col-2"></div>
            <div class="col-4 item-caption content ">上架</div>
        </div>
    </div>
    <div class="container dt-tpl">
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>显示位置</th>
                <th>编号</th>
                <th>外显标题</th>
                <th>所属栏目</th>
            </tr>
            </thead>
            <thead>
            <tr ch-dir="list">
                <td>{{location}}</td>
                <td><div class="form-item text"><input class="xmtt" type="text"></div></td>
                <td>{{title}}</td>
                <td >{{banner}}</td>
            </tr>
            </thead>
        </table>
    </div>
    <div class="row">
        <div class="col-10"></div>
        <div class="col-2">
            <div class="btn pull-right opt-save">
                <i class="icon-check"></i> 确定
            </div>
        </div>
    </div>
</div>

js/model/sys/disbanner/index.js

@@ -0,0 +1,60 @@
/**
 * Created by TT on 2017/8/28.
 */
;
spa_define(function () {
    return $.use(["spa", "pagedatagrid", "util"], function (spa, pdgf, util) {
        return {
            main: function () {
                var root = spa.findInMain(".sys_disbanner_index");
                var pdg = pdgf.build(root);
                pdg.code.shell("showDay", function (env) {
                    if (env.cd && env.cd[this.k]) {
                        var day = env.cd[this.k];
                        return day.substring(0, 4) + "年" + day.substring(4, 6) + "月" + day.substring(6, 8) + "日  " + day.substring(8, 10) + ":" + day.substring(10, 12);
                    }
                    return "";
                });
                pdg.code.listen($.dict.doTransfer);
                root.find(".opt-query").on("click", function () {
                    pdg.load();
                });
                pdg.load();
                root.find(".dt-tpl").on("click", "th.opt-check>i.icon-st-check", function () {
                    var $this = $(this);
                    $this.toggleClass("checked");
                    if ($this.hasClass("checked")) {
                        root.find(".dt-tpl td.opt-check>i.icon-st-check").addClass("checked");
                    } else {
                        root.find(".dt-tpl td.opt-check>i.icon-st-check").removeClass("checked");
                    }
                });
                root.find(".dt-tpl").on("click", "td.opt-check>i.icon-st-check", function () {
                    var $this = $(this);
                    $this.toggleClass("checked");
                });
                root.find(".opt-insert").on("click", function() {
                    spa.showModal("sys_disbanner_insert", function () {
                        pdg.reload()
                    });
                });
                root.find(".opt-putup").on("click", function () {
                    spa.showModal("sys_disbanner_putup", function () {
                        pdg.reload()
                    });
                });
                root.find(".opt-putup2").on("click", function () {
                    spa.showModal("sys_disbanner_putup2", function () {
                        pdg.load()
                    });
                });
            }, mainDestory: function () {
            }
        };
    });
});

js/model/sys/disbanner/insert.js

@@ -0,0 +1,52 @@
/**
 * Created by TT on 2017/8/28.
 */
;
spa_define(function () {
    return $.use(["spa", "util", "form"], function (spa, util, fb) {
        return {
            modal: function (data) {
                var root = spa.findInModal(".sys_disbanner_insert");
                var form = fb.build(root.find(".newForm"));
                var saveBtn = root.find(".opt-save"),
                    save = function () {
                    };
                root.find(".modal-ctrl .icon-times").on("click", function () {
                    spa.closeModal();
                });
                saveBtn.on("click", function () {
                    save();
                });
                root.find(".opt-search").on("click", function () {
                    util.get("../ajax/article/id/"+form.val().id,null,function (article) {
                        if (article) {
                            form.val({title: article.articleTitle, banner: article.colNum});
                            var pics = root.find(".pics");
                            pics.append($("<img src='http://www.ekexiu.com/data/article/" + article.articleImg + "' width='210px' height='120px'/>"));
                            // pics.append($("<img src='../data/images/"+ article.articleImg +"' width='210px' height='120px'/>"));
                        }else {
                            util.alert("此文章不存在");
                        }
                    })
                });
                root.find(".opt-save").on("click", function () {
                    util.post("../ajax/disBanner", {
                        title: form.val().title,
                        descp: form.val().descp,
                        articleId: form.val().id,
                        banner:form.val().banner
                    }, function () {
                        spa.closeModal();
                        if (data) {
                            data();
                        }
                    }, {});
                });
                form.val(data.data);
            }
        }
    });
});

js/model/sys/disbanner/putup.js

@@ -0,0 +1,85 @@
/**
 * Created by TT on 2017/8/28.
 */
;
spa_define(function () {
    return $.use(["spa", "util", "form"], function (spa, util, fb) {
        return {
            modal: function (data) {
                var root = spa.findInModal(".sys_disbanner_putup");
                var form = fb.build(root.find(".newForm"));
                var b = false;
                var saveBtn = root.find(".opt-save"),
                    save = function () {
                        if (b) {
                            var arr = [];
                            for (var i = 1; i <= 5; i++) {
                                if (form.val()["id" + i] == null || form.val()["id" + i] == "") {
                                    util.alert("请填写五个编号ID");
                                    return;
                                }
                                arr.push(form.val()["id" + i]);
                            }
                            // var banner = [];
                            // for (var i = 1; i <= 5; i++) {
                            //     banner.push(form.val()["banner" + i]);
                            // }
                            // if (isRepeat(banner)){
                            //     util.alert("不可以有重复栏目");
                            //     return;
                            // }
                            if (!isRepeat(arr)) {
                                form.doPost("../ajax/disBanner/putUp", function () {
                                    spa.closeModal();
                                    if (data) {
                                        data();
                                    }
                                }, {});
                                console.log(form.val());
                            }else {
                                util.alert("编号ID不可重复");
                            }
                        }else{
                            util.alert("请检查数据是否正确");
                        }
                    };
                var isRepeat = function (arr) {
                    var hash = {};
                    for (var i in arr) {
                        if (hash[arr[i]])
                            return true;
                        hash[arr[i]] = true;
                    }
                    return false;
                };
                root.find(".modal-ctrl .icon-times").on("click", function () {
                    spa.closeModal();
                });
                root.find(".xmtt").on("focusout", function () {
                    var idx = $(this).attr("name").substring(2);
                    if (form.val()["id" + idx]) {
                        util.get("../ajax/disBanner/id/" + form.val()["id" + idx], null, function (banner) {
                            if (banner) {
                                var obj = {};
                                obj["title" + idx] = banner.title;
                                obj["banner" + idx] = banner.banner;
                                form.val(obj);
                                b = true;
                            }else {
                                b = false;
                                util.alert("此编号下没有数据，请更换");
                            }
                        })
                    }
                });
                saveBtn.on("click", function () {
                    save();
                });
            }
        }
    });
});

js/model/sys/disbanner/putup2.js

@@ -0,0 +1,62 @@
/**
 * Created by TT on 2017/8/28.
 */
;
spa_define(function () {
    return $.use(["spa", "util", "form", "code"], function (spa, util, fb, code) {
        return {
            modal: function () {
                var root = spa.findInModal(".sys_disbanner_putup2");
                var form = fb.build(root.find(".newForm"));
                var cr = code.parseCode(root.find(".dt-tpl"));
                var allData = [];
                allData.push({location: 1});
                allData.push({location: 2});
                allData.push({location: 3});
                allData.push({location: 4});
                allData.push({location: 5});
                cr.val(allData);
                var saveBtn = root.find(".opt-save"),
                    save = function () {
                        var $banner = root.find("td");
                        if ($banner.length) {
                            var ret = [];
                            $banner.forEach(function () {
                                ret.push($(".xmtt").val());
                            });
                        }
                    };
                root.find(".modal-ctrl .icon-times").on("click", function () {
                    spa.closeModal();
                });
                root.on("focusout", ".xmtt", function () {
                    var $e = $(this);
                    if ($e.val()) {
                        util.get("../ajax/disBanner/id/" + $e.val(), null, function (banner) {
                            if (banner) {
                                $e.parent().parent().parent().find("td").eq(2).text(banner.title);
                                $e.parent().parent().parent().find("td").eq(3).text(dictBanner(banner.banner));
                            }
                        });
                    }
                });
                var dictBanner = function (i) {
                    if (i == 0) return "未设置";
                    if (i == 1) return "个人原创";
                    if (i == 2) return "企业原创";
                    if (i == 3) return "前沿动态";
                    if (i == 4) return "学术经验";
                    if (i == 5) return "分析检测";
                    if (i == 6) return "会议培训";
                    if (i == 7) return "科袖访谈";
                    if (i == 8) return "招聘招生";
                    if (i == 9) return "重大新闻";
                };
                saveBtn.on("click", function () {
                    save();
                });
            }
        }
    });
});