2.1 研究成果管理

css/model/sys/resresult.css

@@ -0,0 +1,236 @@
@charset "utf-8";
.sys_result_index .tpl-btns .row {
    padding-left: 10px;
}
.sys_result_index th.opt-check {
    width: 35px;
}
.sys_result_index .table {
    table-layout: fixed;
}
.sys_result_index .number {
    width: 4%;
}
.sys_result_index .orderBy .icon-close {
    display: none;
}
.sys_result_new,.sys_result_edit{
    width: 55%;
    height: 80%;
    padding: 0 20px 10px;
}
.sys_result_new .requiredSpan,.sys_result_edit .requiredSpan{
    color: #ff0000;
    position:relative;
    top:2px;
    left: -4px;
}
.sys_result_new .newForm, .sys_result_edit .newForm {
    position: relative;
}
.sys_result_new .newForm .head-ctn, .sys_result_edit .newForm .head-ctn {
    /*position: absolute;*/
    top: 330px;
    right: 30px;
    width: auto;
    height: 190px;
}
.sys_result_new .orgSize.dyn-mselect .icon-drop, .sys_result_edit .orgSize.dyn-mselect .icon-drop {
    display: none !important;
}
.sys_result_new .orgSize.dyn-mselect .dd-drop, .sys_result_edit .orgSize.dyn-mselect .dd-drop {
    display: none !important;
}
.sys_result_new .orgSize.dyn-mselect .placeholder, .sys_result_edit .orgSize.dyn-mselect .placeholder {
    display: none !important;
}
.sys_result_new .newForm .head-ctn .upload-btn, .sys_result_edit .newForm .head-ctn .upload-btn {
    position: absolute;
    bottom: 10px;
    left: 40px;
    width: 110px;
    height: 36px;
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    text-align: center;
    border: 1px solid #555555;
    padding-top: 6px;
}
.sys_result_new .newForm .head-ctn .upload-btn i, .sys_result_edit .newForm .head-ctn .upload-btn i {
    font-size: 16px;
    color: rgb(95, 184, 120);
}
.sys_result_new .newForm .head-ctn img, .sys_result_edit .newForm .head-ctn img {
    width: 100%;
    height: 100%;
}
.sys_result_new .upload-item, .sys_result_edit .upload-item {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.sys_result_new .upload-item .progress, .sys_result_edit .upload-item .progress {
    width: 1px;
    height: 30px;
    background-color: #3280FC;
}
.sys_result_new .webuploader-pick, .sys_result_edit .webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #00b7ee;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.sys_result_new .webuploader-container, .sys_result_edit .webuploader-container {
    position: relative;
    float: left;
    top: 18%;
}
.sys_result_new .webuploader-element-invisible, .sys_result_edit .webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
.sys_result_new .webuploader-pick-hover, .sys_result_edit .webuploader-pick-hover {
    background: #00a2d4;
}
.sys_result_new .webuploader-pick-disable, .sys_result_edit .webuploader-pick-disable {
    opacity: 0.6;
    pointer-events: none;
}
.sys_result_new #picker, .sys_result_edit #picker {
    display: inline-block;
    line-height: 1.428571429;
    vertical-align: middle;
    margin: 0 12px 0 0;
}
.sys_result_new #picker .webuploader-pick, .sys_result_edit #picker .webuploader-pick {
    position: relative;
    display: block;
    top: 50%;
    margin-top: -58px;
}
.sys_result_new .head-ctn .thumbnail, .sys_result_edit .head-ctn .thumbnail {
    width: 110px;
    height: 110px;
}
.sys_result_new #uploader-demo .thumbnail img, .sys_result_edit #uploader-demo .thumbnail img {
    width: 100%;
}
.sys_result_new .uploader-list, .sys_result_edit .uploader-list {
    width: auto;
    overflow: hidden;
    float: left;
}
.sys_result_new .file-item, .sys_result_edit .file-item {
    /*float: left;*/
    position: relative;
    margin: 0 20px 20px 0;
    padding: 4px;
    display: table-cell;
}
.sys_result_new .file-item .error, .sys_result_edit .file-item .error {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    background: red;
    color: white;
    text-align: center;
    height: 20px;
    font-size: 14px;
    line-height: 23px;
}
.sys_result_new .file-item .info, .sys_result_edit .file-item .info {
    position: absolute;
    left: 4px;
    bottom: 4px;
    right: 4px;
    height: 20px;
    line-height: 20px;
    text-indent: 5px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    z-index: 10;
}
.sys_result_new .file-item .progress, .sys_result_edit .file-item .progress {
    position: absolute;
    right: 4px;
    bottom: 4px;
    left: 4px;
    height: 4px;
    /*width: 110px;*/
    overflow: hidden;
    z-index: 15;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
}
.sys_result_new .file-item .progress span, .sys_result_edit .file-item .progress span {
    display: block;
    overflow: hidden;
    width: 0;
    height: 100%;
    /*background: #d14 url(/images/progress.png) repeat-x;*/
    background: #d14;
    -webit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    transition: width 200ms linear;
    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;
    -webkit-transform: translateZ(0);
}
.sys_result_new .filelist div.file-panel span.cancel, .sys_result_edit .filelist div.file-panel span.cancel {
    /* background-position: -48px -24px; */
}
.sys_result_new .filelist div.file-panel span.cancel:hover, .sys_result_edit .filelist div.file-panel span.cancel:hover {
    background-position: -48px 0;
}

html/login.html

@@ -84,6 +84,11 @@
				});
				$("body").keydown(function () {
					if (event.keyCode == 13) {
                        $(".login-btn").click();
                    }
                })
			});
		</script>
	</body>

html/model/sys/consult/msgidx.html

@@ -29,7 +29,7 @@
                <th>所有者</th>
                <th>参与者</th>
                <th>最后发送时间</th>
                <th>最后信息内容</th>
                <th class="col-7">最后信息内容</th>
            </tr>
            </thead>
            <tbody>
@@ -39,12 +39,12 @@
                <td>{{ownerName}}</td>
                <td>{{actorName}}</td>
                <td>{{lastTime-showDay}}</td>
                <td>{{lastCnt}}</td>
                <td class="col-7">{{lastCnt}}</td>
            </tr>
            </tbody>
            <tbody ch-dir="array.empty">
            <tr>
                <td class="empty-desc" colspan="4">表格暂无数据</td>
                <td class="empty-desc" colspan="6">表格暂无数据</td>
            </tr>
            </tbody>
        </table>

html/model/sys/resresult/index.html

@@ -0,0 +1,107 @@
<div class="sys_result_index" loadUri="../ajax/resResult/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 item-caption ">成果名称</div>
            <div class="col-2">
                <div class="form-item text" defVal="" name="name"></div>
            </div>
            <div class="col-1 item-caption">研究者</div>
            <div class="col-2">
                <div class="form-item text" defVal="" name="key"></div>
            </div>
            <div class="col-1 item-caption ">录入时间</div>
            <div class="col-2">
                <div class="form-item date" defVal="" name="bt"></div>
            </div>
            <div class="col-1 item-caption center">至</div>
            <div class="col-2">
                <div class="form-item date" defVal="" name="et"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-1 item-caption">所属机构</div>
            <div class="col-2">
                <div class="form-item text" defVal="" name="orgName"></div>
            </div>
            <div class="col-1 item-caption">所属部门</div>
            <div class="col-2">
                <div class="form-item text" defVal="" name="department"></div>
            </div>
            <div class="col-1 item-caption">行业领域</div>
            <div class="col-2">
                <div class="form-item text" defVal="" name="subject"></div>
            </div>
            <div class="col-1 item-caption">应用领域</div>
            <div class="col-2">
                <div class="form-item text" defVal="" name="industry"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-10">
            </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-new">
                录入
            </div>
            <div class="btn opt-edit">
                编辑
            </div>
            <div class="btn opt-del">
                删除
            </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>成果简介</th>
                <th>创建时间</th>
            </tr>
            </thead>
            <tbody>
            <tr ch-dir="list">
                <td class="opt-check" ><i class="icon icon-st-check" resultId="{{id}}"></i></td>
                <td>{{pi}}</td>
                <td>{{name}}</td>
                <td class="hand-resultId" resultId="{{id}}"></td>
                <td>{{orgName}}</td>
                <td>{{department}}</td>
                <td>{{subject}}</td>
                <td>{{industry}}</td>
                <td class="elip">{{descp}}</td>
                <td>{{createTime-showDay}}</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/resresult/new.html

@@ -0,0 +1,167 @@
<div class="sys_result_new centerModal">
    <div class="modal-ctrl">
        <i class="icon icon-times"></i>
    </div>
    <div class="container newForm">
        <div class="row">
            <div class="col-2 item-caption"><span class="requiredSpan">*</span>成果名称</div>
            <div class="col-6">
                <div class="form-item text" defVal="" name="name"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption researcher">研究者</div>
            <div class="col-4">
                <div class="form-item typeahead res" uri="../ajax/sys/professor/name?s=10&q=" name="researcher"></div>
            </div>
            <div class="col-2">
                <div class="btn pull-right opt-res">
                    <i class="icon-check"></i> 添加
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-2"></div>
            <div class="col-6">
                <div class="form-item dyn-mselect orgSize"  name="researcherList"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">技术水平</div>
            <div class="col-4">
                <div class="form-item text" name="level"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">所属机构</div>
            <div class="col-4">
                <div class="form-item typeahead org" uri="../ajax/sys/org/orgName?s=10&q=" name="orgName"></div>
            </div>
            <div class="col-2 item-caption">所属部门</div>
            <div class="col-4">
                <div class="form-item text" defVal="" name="department"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">行业领域</div>
            <div class="col-4">
                <div class="form-item typeahead sub" uri="../ajax/article/typeHotKey?s=10&q="  name="newSubject"></div>
            </div>
            <div class="col-2">
                <div class="btn pull-right opt-subject">
                    <i class="icon-check"></i> 添加
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-2"></div>
            <div class="col-6">
                <div class="form-item dyn-mselect orgSize"  name="subjectList"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">应用领域</div>
            <div class="col-4">
                <div class="form-item typeahead ind" uri="../ajax/article/typeHotKey?s=10&q=" name="newIndustry"></div>
            </div>
            <div class="col-2">
                <div class="btn pull-right opt-industry">
                    <i class="icon-check"></i> 添加
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-2"></div>
            <div class="col-6">
                <div class="form-item dyn-mselect orgSize"  name="industryList"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">成果简介</div>
            <div class="col-6">
                <div class="form-item textarea" name="descp"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">应用介绍</div>
            <div class="col-6">
                <div class="form-item textarea" name="applyDescp"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">产业化前景</div>
            <div class="col-6">
                <div class="form-item textarea" name="prospect"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">技术指标</div>
            <div class="col-6">
                <div class="form-item textarea" name="indicator"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">技术优势</div>
            <div class="col-6">
                <div class="form-item textarea" name="advantage"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">经济和社会效益</div>
            <div class="col-6">
                <div class="form-item textarea" name="benefit"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">合作备注</div>
            <div class="col-6">
                <div class="form-item textarea" name="cooperation"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">联系人</div>
            <div class="col-4">
                <div class="form-item text" name="linkman"></div>
            </div>
            <div class="col-2 item-caption">地址</div>
            <div class="col-4">
                <div class="form-item text" defVal="" name="addr"></div>
            </div>
        </div>
        <div class="row me">
            <div class="col-2 item-caption">邮编</div>
            <div class="col-4">
                <div class="form-item text" name="zipCode"></div>
            </div>
            <div class="col-2 item-caption">办公电话</div>
            <div class="col-4">
                <div class="form-item text" defVal="" name="tel"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2 item-caption">手机</div>
            <div class="col-4">
                <div class="form-item text" defVal="" name="mobile"></div>
            </div>
            <div class="col-2 item-caption">邮箱</div>
            <div class="col-4">
                <div class="form-item text" defVal="" name="email"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-2"></div>
        <div class="head-ctn">
            <div id="fileList" class="uploader-list"></div>
            <div id="filePicker">选择图片</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>

js/model/sys/article/articleModify.js

@@ -1,4 +1,5 @@
$(function() {
    loginStatus();
    var articleId = GetQueryString("articleId");
    var experarray = [];
    var resourcesarray = [];
@@ -18,6 +19,24 @@ $(function() {
    // relevantExperts();
    // relevantResources();
    function loginStatus() {
        $.ajax({
            type: "get",
            async:false,
            url:"/ajax/sys/user",
            success:function (data) {
                if(data.success == true) {
                    var userid = data.data.id;
                    if (userid == undefined || userid.length == 0 || userid == "null") {
                        location.href = "http://localhost:81/html/index.html";
                    }
                }else {
                    location.href = "http://localhost:81/html/index.html";
                }
            }
        });
    }
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg); //��ȡurl��"?"�����ַ�����ƥ��

js/model/sys/consult/msgcnt.js

@@ -12,10 +12,14 @@ spa_define(function () {
                });
                var ef = form.build(root.find(".opt-form"));
                util.get("../ajax/sys/professor/id/" + data.data.owner, null, function (owner) {
                    ef.val({ownerOrg: owner.orgName});
                    if (owner) {
                        ef.val({ownerOrg: owner.orgName});
                    }
                });
                util.get("../ajax/sys/professor/id/" + data.data.actor, null, function (actor) {
                    ef.val({actorOrg: actor.orgName});
                    if (actor) {
                        ef.val({actorOrg: actor.orgName});
                    }
                });
                ef.val(data.data);
                var cr = code.parseCode(root.find(".dt-tpl"));
@@ -31,7 +35,7 @@ spa_define(function () {
                    cnt.forEach(function (item) {
                        if (item.sender == data.data.owner) {
                            item.senderName = data.data.ownerName;
                            item.reciverName = data.data.actorname;
                            item.reciverName = data.data.actorName;
                            item.right = 1;
                        } else {
                            item.senderName = data.data.actorName;

js/model/sys/resourceinfo/index.js

@@ -70,7 +70,7 @@ spa_define(function () {
                            });
                        }
                    } else {
                        util.alert("请选择一个用户");
                        util.alert("请选择一个资源");
                    }
                });
                root.find(".opt-sort-num").on("click", function() {

js/model/sys/resresult/edit.js

@@ -0,0 +1,430 @@
/**
 * Created by TT on 2017/10/23.
 */
;
spa_define(function () {
    return $.use(["spa", "util", "form", "upload"], function (spa, util, fb, upload) {
        return {
            modal: function (data) {
                var root = spa.findInModal(".sys_result_new");
                var ca = {ready: true, items: []},
                    ba = {ready: true, items: []};
                var form = fb.build(root.find(".newForm"), {
                    industryList: ca,
                    subjectList: ca,
                    researcherList: ba,
                    researcher: {
                        keyPressInterval: 1,
                        hide: function () {
                            this.shown = false;
                            this.ctn.removeClass("open");
                            this.lastQuerying = null;
                            this.lastQueryed = null;
                        },
                        select: function () {
                            if (this.shown) {
                                var item = this.menu.find(".active");
                                this.rv = item.attr('code');
                                this.caption = item.attr("caption");
                                var caption = this.caption.toString();
                                var name = caption.substr(0, caption.indexOf(","));
                                this.ve.val("");
                                var res = this.rv + "," + name;
                                part2(name, form.val().researcherList, res, 20);
                                form.val({researcherList: oJudge});
                                return this.hide();
                            }
                        }
                    },
                    orgName: {keyPressInterval: 1},
                    newSubject: {
                        keyPressInterval: 1,
                        hide: function () {
                            this.shown = false;
                            this.ctn.removeClass("open");
                            this.lastQuerying = null;
                            this.lastQueryed = null;
                        },
                        select: function () {
                            if (this.shown) {
                                var item = this.menu.find(".active");
                                this.rv = item.attr('code');
                                this.caption = item.attr("caption");
                                var caption = this.caption.toString();
                                this.ve.val("");
                                part(caption, form.val().subjectList, 20);
                                form.val({subjectList: oJudge});
                                return this.hide();
                            }
                        }
                    },
                    newIndustry: {
                        keyPressInterval: 1,
                        hide: function () {
                            this.shown = false;
                            this.ctn.removeClass("open");
                            this.lastQuerying = null;
                            this.lastQueryed = null;
                        },
                        select: function () {
                            if (this.shown) {
                                var item = this.menu.find(".active");
                                this.rv = item.attr('code');
                                this.caption = item.attr("caption");
                                var caption = this.caption.toString();
                                this.ve.val("");
                                part(caption, form.val().industryList, 20);
                                form.val({industryList: oJudge});
                                return this.hide();
                            }
                        }
                    }
                });
                var oValue;
                var oJudge;
                var trim = function (str) {
                    return str.replace(/(^\s*)|(\s*$)/g, "");
                };
                var saveBtn = root.find(".opt-save"),
                    headArea = root.find(".head-ctn"),
                    save = function () {
                        // console.log(form.val().researcherList);
                        var pic = [];
                        $('#fileList').find('img').each(function () {
                            pic.push($(this).attr("name"));
                        });
                        form.val({pic: oString(pic), researchers: form.val().researcherList});
                        form.val({
                            industry: oString(form.val().industryList),
                            subject: oString(form.val().subjectList)
                        });
                        if (form.val().name == null) {
                            util.alert("请输入成果名称");
                            return;
                        }
                        else form.doPost("../ajax/resResult/update", function () {
                            spa.closeModal();
                            if (data.hand) {
                                data.hand();
                            }
                            // location.reload();
                        }, {});
                    };
                util.get("../ajax/resResult/queryResearcher", {id: data.data.id}, function (res) {
                    if (res) {
                        var arr = [];
                        for (var m = 0; m < res.length; m++) {
                            var caption = res[m].name;
                            var code = res[m].professorId + "," + res[m].name;
                            ba.items.push({code: code, caption: caption});
                            arr.push(code);
                        }
                        form.val({researcherList: arr});
                    }
                });
                form.val(data.data);
                if (data.data.industry) {
                    form.val({industryList: split1(data.data.industry)});
                }
                if (data.data.subject) {
                    form.val({subjectList: split1(data.data.subject)});
                }
                var part = function (one, list, num) {
                    oValue = one;
                    oJudge = list || [];
                    if (oJudge.length >= num) {
                        util.alert("最多" + num + "个");
                        return;
                    }
                    var repeat,
                        b;
                    if (!oValue) {
                        util.alert('提示', '请先填写内容');
                        return;
                    }
                    if (oValue.length > 15) {
                        util.alert('提示', '添加内容不能超过15个字');
                        return;
                    } else {
                        var oValueList = oValue.split(","),
                            length = oValueList.length;
                        for (var j = 0; j < length; j++) {
                            for (var n = j + 1; n < oValueList.length + 1;) {
                                if (oValueList[j] == oValueList[n]) {
                                    oValueList.remove(n);
                                    repeat = false;
                                } else {
                                    n++;
                                }
                            }
                        }
                        for (var j = 0; j < oValueList.length;) {
                            for (var i = 0; i < oJudge.length; i++) {
                                if (oValueList[j] == oJudge[i]) {
                                    oValueList.remove(j);
                                    repeat = false;
                                    b = true;
                                }
                            }
                            if (b) {
                                b = false
                            } else j++;
                        }
                        if (repeat == false) {
                            util.alert('提示', '添加内容不能重复');
                        }
                        for (var m = 0; m < oValueList.length; m++) {
                            ca.items.push({code: oValueList[m], caption: oValueList[m]});
                            oJudge.push(oValueList[m]);
                        }
                    }
                };
                var part2 = function (one, list, value, num) {
                    oValue = one;
                    oJudge = list || [];
                    if (oJudge.length >= num) {
                        util.alert("最多" + num + "个");
                        return;
                    }
                    // var repeat,
                    //     b;
                    if (!oValue) {
                        util.alert('提示', '请先填写内容');
                        return;
                    }
                    if (oValue.length > 50) {
                        util.alert('提示', '添加内容不能超过50个字');
                        return;
                    } else {
                        // var oValueList = oValue.split(","),
                        //     length = oValueList.length;
                        // for (var j = 0; j < length; j++) {
                        //     for (var n = j + 1; n < oValueList.length + 1;) {
                        //         if (oValueList[j] == oValueList[n]) {
                        //             oValueList.remove(n);
                        //             repeat = false;
                        //         } else {
                        //             n++;
                        //         }
                        //     }
                        // }
                        // for (var j = 0; j < oValueList.length;) {
                        //     for (var i = 0; i < oJudge.length; i++) {
                        //         if (oValueList[j] == oJudge[i]) {
                        //             oValueList.remove(j);
                        //             repeat = false;
                        //             b = true;
                        //         }
                        //     }
                        //     if (b) {
                        //         b = false
                        //     } else j++;
                        // }
                        // if (repeat == false) {
                        //     util.alert('提示', '添加内容不能重复');
                        // }
                        // for (var m = 0; m < oValueList.length; m++) {
                        ba.items.push({code: value, caption: oValue});
                        oJudge.push(value);
                        // }
                    }
                };
                Array.prototype.remove = function (obj) {
                    for (var i = 0; i < this.length; i++) {
                        var temp = this[i];
                        if (!isNaN(obj)) {
                            temp = i;
                        }
                        if (temp == obj) {
                            for (var j = i; j < this.length; j++) {
                                this[j] = this[j + 1];
                            }
                            this.length = this.length - 1;
                        }
                    }
                };
                function split1(data) {
                    var index = data.split(",");
                    var arr = [];
                    for (var m = 0; m < index.length; m++) {
                        ca.items.push({code: index[m], caption: index[m]});
                        arr.push(index[m]);
                    }
                    return arr;
                }
                function oString(data) {
                    var arry = new Array();
                    if (data) {
                        for (var i = 0; i < data.length; i++) {
                            arry.push(data[i]);
                        }
                    }
                    return arry.join(",");
                }
                root.find(".modal-ctrl .icon-times").on("click", function () {
                    spa.closeModal();
                });
                root.find(".opt-industry").on("click", function () {
                    var ind = $(".ind").find("input");
                    part(trim(ind.val()), form.val().industryList, 20);
                    ind.val("");
                    form.val({newIndustry: "", industryList: oJudge});
                });
                root.find(".opt-subject").on("click", function () {
                    var sub = $(".sub").find("input");
                    part(trim(sub.val()), form.val().subjectList, 20);
                    sub.val("");
                    form.val({newSubject: "", subjectList: oJudge});
                });
                root.find(".opt-res").on("click", function () {
                    var res = $(".typeahead").find("input");
                    var value = "################################," + trim(res.val());
                    part2(trim(res.val()), form.val().researcherList, value, 20);
                    res.val("");
                    form.val({researcherList: oJudge});
                });
                var $list = $('#fileList'),
                    ratio = window.devicePixelRatio || 1,
                    thumbnailWidth = 100 * ratio,
                    thumbnailHeight = 100 * ratio,
                    uploader;
                uploader = WebUploader.create({
                    auto: true,
                    server: '../ajax/cachedFileUpload',
                    pick: '#filePicker',
                    duplicate: true,
                    // fileNumLimit:5,
                    // fileSingleSizeLimit: 2*1024*1024,
                    accept: {
                        title: 'Images',
                        extensions: 'gif,jpg,jpeg,bmp,png',
                        mimeTypes: 'image/jpg,image/jpeg,image/png'
                    }
                });
                uploader.on('fileQueued', function (file) {
                    if ($(".file-item").length < 5) {
                        var $li = $(
                                '<div id="' + file.id + '" class="file-item thumbnail">' +
                                '<img>' +
                                '</div>'
                            ),
                            $img = $li.find('img');
                        $list.append($li);
                        if ($('#fileList').find('img').length > 4) {
                            $('#filePicker').hide();
                        }
                    }
                });
                uploader.on('uploadSuccess', function (file, data) {
                    $('#' + file.id).addClass('upload-state-done');
                    $.ajax({
                        type: "post",
                        url: "../ajax/image/researchResult",
                        async: false,
                        data: {fn: data.data[0].cacheKey},
                        contentType: "application/x-www-form-urlencoded"
                    }).done(function (rd) {
                        if (rd.success) {
                            $('#' + file.id).find('img').attr('name', rd.data);
                        }
                    });
                    uploader.makeThumb(file, function (error, src) {
                        var $img = $("#" + file.id).find('img');
                        if (error) {
                            $img.replaceWith('<span>不能预览</span>');
                            return;
                        }
                        $img.attr('src', src);
                    }, thumbnailWidth, thumbnailHeight);
                    if ($('#fileList').find('img').length < 5) {
                        $('#filePicker').show();
                    }
                    if (uploader.getStats().progressNum == 0 || uploader.getStats().queueNum == 0) {
                        saveBtn.on("click", save);
                    }
                });
                uploader.on('uploadComplete', function (file) {
                    var $li = $('#' + file.id);
                    $li.find('.progress').remove();
                    $('<div class="file-panel">' +
                        '<span class="cancel icon-remove-sign">删除</span>' +
                        '</div>').appendTo($li);
                });
                $list.on("click", ".cancel", function () {
                    $(this).parent().parent().remove();
                    if ($('#fileList').find('img').length < 5) {
                        $('#filePicker').show();
                    }
                    uploader.refresh();
                });
                uploader.on('uploadProgress', function (file, percentage) {
                    var $li = $('#' + file.id),
                        $percent = $li.find('.progress span');
                    // 避免重复创建
                    if (!$percent.length) {
                        $percent = $('<p class="progress"><span></span></p>')
                            .appendTo($li)
                            .find('span');
                    }
                    $percent.css('width', percentage * 100 + '%');
                    $('#filePicker').hide();
                    saveBtn.unbind("click");
                });
                uploader.on('error', function (type) {
                    switch (type) {
                        case 'Q_EXCEED_NUM_LIMIT':
                            alert("错误：上传文件数量过多！");
                            break;
                        case 'Q_EXCEED_SIZE_LIMIT':
                            alert("错误：文件总大小超出限制！");
                            break;
                        case 'F_EXCEED_SIZE':
                            alert("错误：文件大小超出限制！");
                            break;
                        case 'Q_TYPE_DENIED':
                            alert("错误：禁止上传该类型文件！");
                            break;
                        default:
                            alert('错误代码：' + type);
                            break;
                    }
                });
                if (data.data.pic) {
                    var image = split1(data.data.pic);
                    for (var i = 0; i < image.length; i++) {
                        var $li = $(
                                '<div class="file-item thumbnail">' +
                                '<img  src="http://www.ekexiu.com/data/researchResult/" id="oimg" />' +
                                '</div>'
                            ),
                            $btn = $('<div class="file-panel">' +
                                '<span class="cancel icon-remove-sign">删除</span>' +
                                '</div>').appendTo($li),
                            $img = $li.find('img');
                        $list.append($li);
                        $img.attr('src', "http://www.ekexiu.com/data/researchResult/" + data.data.id + ".jpg");
                        // $img.attr('src', "../data/images/researchResult/" + image[i]);
                        $img.attr('name', image[i]);
                    }
                    if ($('#fileList').find('img').length > 4) {
                        $('#filePicker').hide();
                    }
                }
                saveBtn.on("click", save);
            }
        }
    });
});

js/model/sys/resresult/index.js

@@ -0,0 +1,120 @@
/**
 * Created by TT on 2017/10/20.
 */
;
spa_define(function () {
    return $.use(["spa", "pagedatagrid", "util"], function (spa, pdgf, util) {
        return {
            main: function () {
                var root = spa.findInMain(".sys_result_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);
                pdg.code.listen(function(){
                    root.find(".hand-resultId").each(function() {
                        var $e = $(this);
                        var resultId = $e.attr("resultId");
                        if (resultId) {
                            util.get("/ajax/resResult/queryResearcher", {id: resultId}, function (data) {
                                $e.text(oString(data));
                            }, {});
                            $e.removeClass("hand-resultId");
                        }
                    });
                });
                function oString(data) {
                    var arry = new Array();
                    if (data) {
                        for (var i = 0; i < data.length; i++) {
                            arry.push(data[i].name);
                        }
                    }
                    return arry.join(",");
                }
                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-new").on("click", function() {
                    spa.showModal("sys_result_new", function () {
                        pdg.load();
                    });
                });
                root.find(".opt-edit").on("click", function() {
                    var $resultId = root.find("td.opt-check>i.checked");
                    if($resultId.length) {
                        if($resultId.length > 1) {
                            util.alert("只能选择一篇科研成果");
                        } else {
                            $.util.get("../ajax/resResult/id/"+$resultId.attr("resultId"),null,function(rd){
                                if(rd){
                                    spa.showModal("sys_result_edit", {
                                        data: rd, hand: function () {
                                            pdg.reload()
                                        }
                                    })
                                }else{
                                    util.alertMsg("科研成果不存在", function(){pdg.reload();});
                                }
                            },{});
                        }
                    } else {
                        util.alert("请选择一篇科研成果");
                    }
                });
                root.find(".opt-del").on("click", function() {
                    var $resultId = root.find("td.opt-check>i.checked");
                    if($resultId.length) {
                        if($resultId.length > 1) {
                            util.alert("只能选择一个科研成果");
                        } else {
                            util.boxMsg({
                                title: "确认删除",
                                content: "您是否要删除选中的科研成果？",
                                btns: [{
                                    caption: "删除",
                                    hand: function () {
                                        util.post("../ajax/resResult/delete", {id: $resultId.attr("resultId")}, function () {
                                            pdg.reload()
                                        }, {});
                                    }
                                },
                                    {caption: "取消"}
                                ]
                            });
                        }
                    } else {
                        util.alert("请选择一个科研成果");
                    }
                });
            }, mainDestory: function () {
            }
        };
    });
});

js/model/sys/resresult/new.js

@@ -0,0 +1,377 @@
/**
 * Created by TT on 2017/10/20.
 */
;
spa_define(function () {
    return $.use(["spa", "util", "form", "upload"], function (spa, util, fb, upload) {
        return {
            modal: function (data) {
                var root = spa.findInModal(".sys_result_new");
                var ca = {ready: true, items: []},
                    ba = {ready: true, items: []};
                var form = fb.build(root.find(".newForm"), {
                    industryList: ca,
                    subjectList: ca,
                    researcherList: ba,
                    researcher: {
                        keyPressInterval: 1,
                        hide: function () {
                            this.shown = false;
                            this.ctn.removeClass("open");
                            this.lastQuerying = null;
                            this.lastQueryed = null;
                        },
                        select: function () {
                            if (this.shown) {
                                var item = this.menu.find(".active");
                                this.rv = item.attr('code');
                                this.caption = item.attr("caption");
                                var caption = this.caption.toString();
                                var name = caption.substr(0, caption.indexOf(","));
                                this.ve.val("");
                                var res = this.rv + "," + name;
                                part2(name, form.val().researcherList, res, 20);
                                form.val({researcherList: oJudge});
                                return this.hide();
                            }
                        }
                    },
                    orgName:{keyPressInterval:1},
                    newSubject:{
                        keyPressInterval:1,
                        hide: function () {
                            this.shown = false;
                            this.ctn.removeClass("open");
                            this.lastQuerying = null;
                            this.lastQueryed = null;
                        },
                        select: function () {
                            if (this.shown) {
                                var item = this.menu.find(".active");
                                this.rv = item.attr('code');
                                this.caption = item.attr("caption");
                                var caption = this.caption.toString();
                                this.ve.val("");
                                part(caption,form.val().subjectList, 20);
                                form.val({subjectList: oJudge});
                                return this.hide();
                            }
                        }
                    },
                    newIndustry:{
                        keyPressInterval:1,
                        hide: function () {
                            this.shown = false;
                            this.ctn.removeClass("open");
                            this.lastQuerying = null;
                            this.lastQueryed = null;
                        },
                        select: function () {
                            if (this.shown) {
                                var item = this.menu.find(".active");
                                this.rv = item.attr('code');
                                this.caption = item.attr("caption");
                                var caption = this.caption.toString();
                                this.ve.val("");
                                part(caption,form.val().industryList, 20);
                                form.val({industryList: oJudge});
                                return this.hide();
                            }
                        }
                    }
                });
                var oValue;
                var oJudge;
                var trim = function (str) { //删除左右两端的空格			　　
                    return str.replace(/(^\s*)|(\s*$)/g, "");
                };
                var saveBtn = root.find(".opt-save"),
                    headArea = root.find(".head-ctn"),
                    save = function () {
                        var pic = [];
                        $('#fileList').find('img').each(function () {
                            pic.push($(this).attr("name"));
                        });
                        form.val({pic: oString(pic), researchers: form.val().researcherList});
                        form.val({
                            industry: oString(form.val().industryList),
                            subject: oString(form.val().subjectList)
                        });
                        if (form.val().name == null) {
                            util.alert("请输入成果名称");
                            return;
                        }
                        else form.doPost("../ajax/resResult", function () {
                            spa.closeModal();
                            if (data) {
                                data();
                            }
                        }, {});
                    };
                var part = function (one, list, num) {
                    oValue = one;
                    oJudge = list || [];
                    if (oJudge.length >= num) {
                        util.alert("最多" + num + "个");
                        return;
                    }
                    var repeat,
                        b;
                    if (!oValue) {
                        util.alert('提示', '请先填写内容');
                        return;
                    }
                    if (oValue.length > 15) {
                        util.alert('提示', '添加内容不能超过15个字');
                        return;
                    } else {
                        var oValueList = oValue.split(","),
                            length = oValueList.length;
                        for (var j = 0; j < length; j++) {
                            for (var n = j + 1; n < oValueList.length + 1;) {
                                if (oValueList[j] == oValueList[n]) {
                                    oValueList.remove(n);
                                    repeat = false;
                                } else {
                                    n++;
                                }
                            }
                        }
                        for (var j = 0; j < oValueList.length;) {
                            for (var i = 0; i < oJudge.length; i++) {
                                if (oValueList[j] == oJudge[i]) {
                                    oValueList.remove(j);
                                    repeat = false;
                                    b = true;
                                }
                            }
                            if (b) {
                                b = false
                            } else j++;
                        }
                        if (repeat == false) {
                            util.alert('提示', '添加内容不能重复');
                        }
                        for (var m = 0; m < oValueList.length; m++) {
                            ca.items.push({code: oValueList[m], caption: oValueList[m]});
                            oJudge.push(oValueList[m]);
                        }
                    }
                };
                var part2 = function (one, list, value, num) {
                    oValue = one;
                    oJudge = list || [];
                    if (oJudge.length >= num) {
                        util.alert("最多" + num + "个");
                        return;
                    }
                    // var repeat,
                    //     b;
                    if (!oValue) {
                        util.alert('提示', '请先填写内容');
                        return;
                    }
                    if (oValue.length > 50) {
                        util.alert('提示', '添加内容不能超过50个字');
                        return;
                    } else {
                        // var oValueList = oValue.split(","),
                        //     length = oValueList.length;
                        // for (var j = 0; j < length; j++) {
                        //     for (var n = j + 1; n < oValueList.length + 1;) {
                        //         if (oValueList[j] == oValueList[n]) {
                        //             oValueList.remove(n);
                        //             repeat = false;
                        //         } else {
                        //             n++;
                        //         }
                        //     }
                        // }
                        // for (var j = 0; j < oValueList.length;) {
                        //     for (var i = 0; i < oJudge.length; i++) {
                        //         if (oValueList[j] == oJudge[i]) {
                        //             oValueList.remove(j);
                        //             repeat = false;
                        //             b = true;
                        //         }
                        //     }
                        //     if (b) {
                        //         b = false
                        //     } else j++;
                        // }
                        // if (repeat == false) {
                        //     util.alert('提示', '添加内容不能重复');
                        // }
                        // for (var m = 0; m < oValueList.length; m++) {
                        ba.items.push({code: value, caption: oValue});
                        oJudge.push(value);
                        // }
                    }
                };
                Array.prototype.remove = function (obj) {
                    for (var i = 0; i < this.length; i++) {
                        var temp = this[i];
                        if (!isNaN(obj)) {
                            temp = i;
                        }
                        if (temp == obj) {
                            for (var j = i; j < this.length; j++) {
                                this[j] = this[j + 1];
                            }
                            this.length = this.length - 1;
                        }
                    }
                };
                function oString(data) {
                    var arry = new Array();
                    if (data) {
                        for (var i = 0; i < data.length; i++) {
                            arry.push(data[i]);
                        }
                    }
                    return arry.join(",");
                }
                root.find(".modal-ctrl .icon-times").on("click", function () {
                    spa.closeModal();
                });
                root.find(".opt-industry").on("click", function () {
                    var ind = $(".ind").find("input");
                    part(trim(ind.val()), form.val().industryList, 20);
                    ind.val("");
                    form.val({newIndustry: "", industryList: oJudge});
                });
                root.find(".opt-subject").on("click", function () {
                    var sub = $(".sub").find("input");
                    part(trim(sub.val()), form.val().subjectList, 20);
                    sub.val("");
                    form.val({newSubject: "", subjectList: oJudge});
                });
                root.find(".opt-res").on("click", function () {
                    var res = $(".res").find("input");
                    var value = "################################," + trim(res.val());
                    part2(trim(res.val()), form.val().researcherList, value, 20);
                    res.val("");
                    form.val({researcherList: oJudge});
                });
                var $list = $('#fileList'),
                    ratio = window.devicePixelRatio || 1,
                    thumbnailWidth = 100 * ratio,
                    thumbnailHeight = 100 * ratio,
                    uploader;
                uploader = WebUploader.create({
                    auto: true,
                    server: '../ajax/cachedFileUpload',
                    pick: '#filePicker',
                    duplicate:true,
                    // fileNumLimit:5,
                    // fileSingleSizeLimit: 2*1024*1024,
                    accept: {
                        title: 'Images',
                        extensions: 'gif,jpg,jpeg,bmp,png',
                        mimeTypes: 'image/jpg,image/jpeg,image/png'
                    }
                });
                uploader.on('fileQueued', function (file) {
                    if($(".file-item").length<5) {
                        var $li = $(
                                '<div id="' + file.id + '" class="file-item thumbnail">' +
                                '<img>' +
                                '</div>'
                            ),
                            $img = $li.find('img');
                        $list.append($li);
                        if ($('#fileList').find('img').length > 4) {
                            $('#filePicker').hide();
                        }
                    }
                });
                uploader.on('uploadSuccess', function (file, data) {
                    $('#' + file.id).addClass('upload-state-done');
                    $.ajax({
                        type: "post",
                        url: "../ajax/image/researchResult",
                        async: false,
                        data: {fn: data.data[0].cacheKey},
                        contentType: "application/x-www-form-urlencoded"
                    }).done(function (rd) {
                        if (rd.success) {
                            $('#' + file.id).find('img').attr('name', rd.data);
                        }
                    });
                    uploader.makeThumb(file, function (error, src) {
                        var $img = $("#" + file.id).find('img');
                        if (error) {
                            $img.replaceWith('<span>不能预览</span>');
                            return;
                        }
                        $img.attr('src', src);
                    }, thumbnailWidth, thumbnailHeight);
                    if ($('#fileList').find('img').length < 5) {
                        $('#filePicker').show();
                    }
                    if(uploader.getStats().progressNum == 0 || uploader.getStats().queueNum == 0) {
                        saveBtn.on("click", save);
                    }
                });
                uploader.on('uploadComplete', function (file) {
                    var $li = $('#' + file.id);
                    $li.find('.progress').remove();
                    $('<div class="file-panel">' +
                        '<span class="cancel icon-remove-sign">删除</span>' +
                        '</div>').appendTo($li);
                });
                $list.on("click", ".cancel", function () {
                    $(this).parent().parent().remove();
                    if ($('#fileList').find('img').length < 5) {
                        $('#filePicker').show();
                    }
                });
                uploader.on('uploadProgress', function (file, percentage) {
                    var $li = $('#' + file.id),
                        $percent = $li.find('.progress span');
                    if (!$percent.length) {
                        $percent = $('<p class="progress"><span></span></p>')
                            .appendTo($li)
                            .find('span');
                    }
                    $percent.css('width', percentage * 100 + '%');
                    $('#filePicker').hide();
                    saveBtn.unbind("click");
                });
                uploader.on('error', function (type) {
                    switch (type) {
                        case 'Q_EXCEED_NUM_LIMIT':
                            alert("错误：上传文件数量过多！");
                            break;
                        case 'Q_EXCEED_SIZE_LIMIT':
                            alert("错误：文件总大小超出限制！");
                            break;
                        case 'F_EXCEED_SIZE':
                            alert("错误：文件大小超出限制！");
                            break;
                        case 'Q_TYPE_DENIED':
                            alert("错误：禁止上传该类型文件！");
                            break;
                        default:
                            alert('错误代码：' + type);
                            break;
                    }
                });
                saveBtn.on("click", save);
            }
        }
    });
});

js/typeahead.js

@@ -127,7 +127,7 @@ $.use(["jQuery", "form", "doc", "util", "dropdown", "code"], function($, form, d
				tn: "li",
				attrs: [{
					an: "code",
					av: pt
					av: pc
				}, {
					an: "caption",
					av: pt