longping
/
subject_gxj


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946
							<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <jsp:include page="../../../common/common-meta-include.jsp"></jsp:include>
    <jsp:include page="../../../common/common-js-include.jsp"></jsp:include>
    <jsp:include page="../../../common/common-css-include.jsp"></jsp:include>
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        .layui-colla-content {
            border-width: 0px;
            left: 11px;
            top: 0px;
            width: -webkit-fill-available;
            height: 522px;
            background: inherit;
            background-color: rgba(255, 255, 255, 0.996078431372549);
            border: none;
            border-radius: 12px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .table_box h2 {
            margin-left: 30px;
            margin-top: 20px;
            height: 25px;
            width: 200px;
            font-size: 16px;
            color: #1c56a3;
        }

        #addAmt {
            font-size: 50px;
        }

        .layui-form-label {
            color: #6E6F80 !important;
        }

        .layui-colla-content {
            background: none;
            padding: 10px 0;
        }

        .layui-form-label {
            width: 130px;
            text-align: justify;
            text-align-last: justify;
            display: flex;
            justify-content: end;
            align-items: center;
            color: #666;
            padding: 9px 15px;
        }

        .layui-input {
            height: 38px;
        }

        .layui-input-block {
            display: flex;
            width: auto;
        }

        .layui-layout-admin {
            padding: 20px 40px;
        }

        .layui-show {
            height: auto;
            border: none;
        }

        .layui-input-block xm-select {
            height: 38px !important;
        }

        .layui-table-body .layui-table-cell {
            /*padding: 10px !important;*/
        }

        .layui-table-cell {
            height: 42px !important;
            line-height: 42px;
        }

        /*.table_box .layui-form{*/
        /*	width: 90.2%;*/
        /*}*/
    </style>
</head>
<body>
<div id="app"></div>
<input type="hidden" id="id" value="${id}"/>
<template id="template">
    <div>
        <form class="layui-form" lay-filter="formData" style="padding: 0 20px">
            <div class="layui-colla-content layui-show" style="height: auto;">
                <div class="table_box">
                    <%--    <div class="layui-row">
                            <h2>资金信息</h2>
                        </div>--%>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6">
                            <div class="layui-form-item">
                                <label class="layui-form-label required" style="width: 186px;margin-left: 30px;">${zjlyTitle}申报(万元)</label>
                                <div class="layui-input-block">
									<span id="addAmt" @click="addAmt" class="layui-btn layui-btn-sm layui-btn-normal">
									    <i class="layui-icon">&#xe654;</i>
									</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm12">
                            <div class="layui-form-item">
                                <label class="layui-form-label"
                                       style="width: 186px;margin-left: 30px;color: transparent !important;;">总投资金额(万元)</label>
                                <div class="layui-input-block">
                                    <table class="layui-table" id="amtSource" lay-filter="amtSource"
                                           style="width: 0"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="btn_group">
                        <input type="button" class="btn btn1" style="color: #fff; background-color: #3362c9;"
                               value="保存" lay-submit lay-filter="saveSubInfo"/>
                    </div>
                </div>
            </div>
        </form>

        <div id="amtSourceEdit" style="display: none; padding: 10px 0 0;">
            <div class="layuimini-main">

                <div class="layui-form" lay-filter="amtSourceEdit" action=""
                     onkeydown="if(event.keyCode==13){return false;}">
                    <div class="layui-row">
                        <div class="layui-col-xs24 layui-col-sm24">
                            <div class="layui-form-item">
                                <div class="layui-form-label label-longers required">
                                    申报年度
                                </div>
                                <div class="layui-input-block">
                                    <input type="text" id="year" lay-verify="required" v-model="year" readonly="readonly" name="year"
                                           class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs24 layui-col-sm24">
                            <div class='layui-form-item'>
                                <label class="layui-form-label required" style="width: 150px">资金来源</label>
                                <div class="layui-input-block">
                                    <select id="testAmt"  disabled="disabled"  name="testAmt" v-model="zjly" lay-verify="required" lay-filter="testAmt">
                                        <option value="">请选择</option>
                                        <c:forEach items="${ZJLY }" var="zj">
                                            <c:if test="${zjylId eq zj.id}">
                                                <option value="${zj.id }" selected="selected">${zj.title }</option>
                                            </c:if>
                                            <c:if test="${zjylId!=zj.id}">
                                                <option value="${zj.id }">${zj.title }</option>
                                            </c:if>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
           <%--         <div class="layui-row">
                        <div class="layui-col-xs24 layui-col-sm24">
                            <div class='layui-form-item'>
                                <label class="layui-form-label " style="width: 150px">申报金额(万元)</label>
                                <div class="layui-input-block">
                                    <input id="zjAmt" min="0" class="layui-input" type="number"/>
                                </div>
                            </div>
                        </div>
                    </div>--%>
                    <div class="layui-row">
                        <div class="layui-col-xs24 layui-col-sm24">
                            <div class='layui-form-item'>
                                <label class="layui-form-label required" style="width: 150px">申报金额(万元)</label>
                                <div class="layui-input-block">
                                    <input id="zjAmtSj" min="0"  lay-verify="required" class="layui-input" type="number"/>
                                </div>
                            </div>
                        </div>
                    </div><%--
                    <div class="layui-row">
                        <div class="layui-col-xs24 layui-col-sm24">
                            <div class='layui-form-item'>
                                <label class="layui-form-label " style="width: 150px">已支付金额(万元)</label>
                                <div class="layui-input-block">
                                    <input id="zjAmtPay" min="0" class="layui-input" type="number"/>
                                </div>
                            </div>
                        </div>
                    </div>--%>
                    <div class="layui-row">
                        <div class="layui-col-xs24 layui-col-sm24">
                            <div class='layui-form-item'>
                                <label class="layui-form-label required" style="width: 150px">申报时间</label>
                                <div class="layui-input-block">
                                    <input type="text" id="taskDate" v-model="taskDate"
                                           name="taskDate"
                                           lay-verify="required"
                                           readonly="readonly" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 150px"></label>
                            <div class="layui-input-block">
                                <button class="layui-btn-submit" @click="closePane">取消</button>
                                <button class="layui-btn-submit" style="margin-left: 10px" lay-submit
                                        lay-filter="amtConfirm">确定
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</template>
<script type="text/text" id="amtToolBar">
    <div class="toolBar">
        <span javascript:void(0); lay-event="delAmt">删除</span>
    </div>
</script>
<script type="text/html" id="planToolBar">
    <div class="toolBar">
        <span title="编辑" lay-event="planEdit">编辑</span>
        {{#if(d.id == null || d.statusSp == '0') { }}
        <span title="删除" lay-event="delPlan">删除</span>
        {{#}}}
    </div>
</script>
<script type="text/html" id="manageToolBar">
    <div class="toolBar"><span title="删除" lay-event="delManage">删除</span></div>
</script>
<script type="text/html" id="dateEdit">
    <input type="text" class="layui-input planDate" value="{{d.planDate}}" name="planDate" style="margin-top: -4%"
           readonly="readonly"
    >
</script>
<script type="text/html" id="yearEdit">
    <input type="text" class="layui-input yearDate" value="{{d.year}}" name="year" style="margin-top: -4%"
           readonly="readonly"
    >
</script>
<script type="text/javascript">
    new Vue({
        el: "#app",
        template: "#template",
        data: {
            taskDate: new Date().format("yyyy-MM-dd"),
            tabActive: 1,
            subInfo: {
                unitId: "${currUnitId}",
                subjectId: "",

                indusKind: "",
                mainId: "",
                subName: "",
                kindNature: "",
                isRk: "1",
                propKind: "",
                kind: ""
            },
            subInfo:{id:'${id}'},
            zjly:'${zjlyId}',
            year:'',
            kindAmt: {},
            testAmt: "",
            testAmtName: "${zjlyTilte}",
            amtSource: [],
            delAmtSource: [],
            closeMark: false,
            kindSelect: null,
            cat:'1',
            planList: [],
            planEditInfo: {},
            currObjData: {},
            delPlanList: [],
            manageList: [],
            delManageList: []
        },
        mounted: function () {
            this.init();
        },
        methods: {
            init: function () {
                var self = this;
                layui.laydate.render({
                    elem: "#taskDate",
                    type: 'date',
                    theme: layDateTheme,
                    done: function (data) {
                        self.taskDate = data;
                    }
                });

                layui.laydate.render({
                    elem: '#year',
                    type: 'year',
                    theme: layDateTheme,
                    btns: ['now', 'confirm', 'clear']
                    /*          ,
                              value: new Date().getFullYear()*/
                });

                /*layui.laydate.render({
                    elem : "#beginDate",
                    type : "date",
                    theme: layDateTheme,
                    done : function(value){
                        if (self.subInfo.endDate!=null){
                            var endDate=new Date(self.subInfo.endDate);
                            var beginDate=new Date(value);
                            if (endDate>=beginDate){
                                self.subInfo.beginDate = value;
                            }else{
                                layer.msg("开始时间必须小于结束时间");
                                self.subInfo.beginDate = value;
                            }
                        }else{
                            self.subInfo.beginDate = value;
                        }
                    }
                });
                layui.laydate.render({
                    elem : "#endDate",
                    type : "date",
                    theme: layDateTheme,
                    done : function(value){
                        if (self.subInfo.beginDate!=null){
                            var endDate=new Date(value);
                            var beginDate=new Date(self.subInfo.beginDate);
                            if (beginDate<=endDate){
                                self.subInfo.endDate = value;
                            }else{
                                layer.msg("结束时间必须大于开始时间");
                                self.subInfo.endDate = value;
                            }
                        }else{
                            self.subInfo.endDate = value;
                        }
                    }
                });
                layui.laydate.render({
                    elem : "#planEndDate",
                    type : "date",
                    theme: layDateTheme,
                    done : function(value){
                        self.planEditInfo.endDate = value;
                    }
                });*/
                layui.form.on("submit(amtConfirm)", function (obj) {
           /*             var amt = $("#zjAmt").val();
                        if (amt.trim() != "") {
                            if (!isNumber(amt) || Number(amt) < 0) {
                                App.msg.warn("请填写正数的金额");
                                return;
                            }
                        }*/
                        var amtSj = $("#zjAmtSj").val();
                        if (amtSj.trim() != "") {
                            if (!isNumber(amtSj) || Number(amtSj) < 0) {
                                App.msg.warn("请填写正数的金额");
                                return;
                            }
                        }

                       // alert(JSON.stringify(self.testAmtName));
                       /* var amtPay = $("#zjAmtPay").val();
                        if (amtPay.trim() != "") {
                            if (!isNumber(amtPay) || Number(amtPay) < 0) {
                                App.msg.warn("请填写正数的已支付金额");
                                return;
                            }
                        }*/
                       /* //获取选择的值。
                        if (self.amtSource.filter((item, index) => {
                            return item.sourceId == self.testAmt;
                        }).length > 0) {
                            //存在，阻断
                            App.msg.warn("该类型已被选择");
                        } else {*/
                        var year = $("#year").val();
                            self.amtSource.push({
                                sourceId: self.zjly,
                                sourceName: "${zjlyTitle}",
                          /*      amt: amt,*/
                                amtSj: amtSj,
                        /*        amtPay: amtPay,*/
                                planDate: self.taskDate,
                                year:year,
                            });
                            self.initAmtSource();
                            self.closePane();
                    /*    }*/
                    }
                )
                ;
                /*layui.form.on("submit(planConfirm)", function(obj){
                    self.addPlanData();
                });
                layui.form.on("select(subjectId)",function(data){
                    var ztdw =  $("#subjectId option:checked").attr("ztdw");
                    self.subInfo.subjectId = data.value;
                    self.subInfo.mainId = ztdw;
                });
                layui.form.on("select(kindNature)",function(data){
                    self.subInfo.kindNature = data.value;
                    self.chooseTzxz(data.value);
                });*/
                var kind = [];
                <c:forEach items="${XMLX}" var="xm">
                kind.push({value: "${xm.code}", name: "${xm.title}"});
                </c:forEach>
                /*			this.kindSelect = layui.xmSelect.render({
                                el:'#kind',
                                language:'zn',
                                data: kind
                            });*/
                layui.form.on("select(indusKind)", function (data) {
                    self.subInfo.indusKind = data.value;
                });
                layui.form.on("select(propKind)", function (data) {
                    self.subInfo.propKind = data.value;
                });

                layui.form.on("select(testAmt)", function (data) {
                    self.zjly = data.value;
                    self.testAmtName = this.innerText;
                });

                layui.form.on("submit(saveSubInfo)", function (obj) {
                    self.saveSubInfo();
                });


                layui.table.on("edit(amtSource)", function (obj) {
                    var oldText = $(this).prev().text();
                    if (obj.value != '' && !isNumber(obj.value)) {
                        App.msg.warn("请填写数字");
                        $(this).val(oldText);
                        obj.value = oldText;
                        obj.data[obj.field] = oldText;
                        obj.update(obj.data);
                        self.amtSource = layui.table.getData("amtSource");
                    } else {
                        self.amtSource = layui.table.getData("amtSource");
                    }

                    layui.table.reload('amtSource', {
                        data: self.amtSource
                    });

                });
                this.getForm();
            },
            initAmtSource:

                function () {
                    var self = this;
                    layui.table.render({
                        elem: '#amtSource', // 指定原始表格元素选择器（推荐id选择器）
                        even: true,
                        cols: [[ // 设置表头
                            {type: 'numbers', title: '序号'},
                            {field: 'sourceName', title: '资金来源'},
                           /* {field: 'amt', title: '申报资金（万元）', edit: 'text'},*/
                            {field: 'amtSj', title: '申报资金（万元）', edit: 'text'},
                            {field: 'planDate', title: '申报时间', minWidth: 50, templet: "#dateEdit"},
                            {field: 'year', title: '申报年度',templet: "#yearEdit"},
                           /* {field: 'amtPay', title: '已支付资金（万元）', edit: 'text'},
                            {
                                field: 'payRate', title: '已支付率', templet: function (row) {
                                    if (row.amtPay && row.amtSj && row.amtSj > 0) {
                                        return (row.amtPay * 100 / row.amtSj).toFixed(2) + "%";
                                    } else {
                                        return "0%";
                                    }
                                }
                            },*/
                            {title: '操作', align: 'center', toolbar: '#amtToolBar'}
                        ]],
                        limit: self.amtSource.length,
                        data: self.amtSource,
                        done: function () {
                            $('.planDate').each(function () {
                                layui.laydate.render({
                                    elem: this,
                                    type: 'date',
                                    theme: layDateTheme,
                                    done: function (value) {
                                        $('.planDate').change();
                                        var elem = $(this.elem);
                                        var trElem = elem.parents('tr');
                                        var tableData = layui.table.cache['amtSource'];
                                        // 更新到表格的缓存数据中，才能在获得选中行等等其他的方法中得到更新之后的值
                                        tableData[trElem.data('index')][elem.attr('name')] = value;
                                        self.amtSource = tableData;
                                    }
                                })
                            })

                            $('.yearDate').each(function () {
                                layui.laydate.render({
                                    elem: this,
                                    type: 'year',
                                    theme: layDateTheme,
                                    done: function (value) {
                                        $('.yearDate').change();
                                        var elem = $(this.elem);
                                        var trElem = elem.parents('tr');
                                        var tableData = layui.table.cache['amtSource'];
                                        // 更新到表格的缓存数据中，才能在获得选中行等等其他的方法中得到更新之后的值
                                        tableData[trElem.data('index')][elem.attr('name')] = value;
                                        self.amtSource = tableData;
                                    }
                                })
                            })
                        }
                    });
                    layui.table.on("tool(amtSource)", function (obj) {
                        self[obj.event].call(this, obj);
                    });
                }

            ,
            delAllAmt: function () {
                for (var i = 0; i < this.amtSource.length; i++) {
                    if (this.amtSource[i].id) {
                        this.amtSource[i].logicDeleteFlag = 1;
                        this.delAmtSource.push(this.amtSource[i]);
                    }
                }
                this.amtSource = [];
            }
            ,
            delAmt: function (obj) {
                if (obj.data.id) {
                    obj.data.logicDeleteFlag = 1;
                    this.delAmtSource.push(obj.data);
                    obj.del();
                } else {
                    obj.del();
                }
                this.amtSource = layui.table.getData("amtSource");
                this.initAmtSource();
            }
            ,
            chooseTzxz: function (kindNature) {
                var self = this;
                if (kindNature == "2") {
                    $("#addAmt").hide();
                    //设置企业投资
                    if (self.amtSource.length == 1 && self.amtSource[0].sourceName == '社会资金') {
                        return;
                    }
                    self.delAllAmt();
                    var qyzj = $("#testAmt").find("option").filter((index, item) => {
                        return item.innerText == '社会资金';
                    }).eq(0);
                    self.amtSource.push({sourceId: qyzj.val(), sourceName: qyzj.text().trim()});
                    this.initAmtSource();
                } else {
                    $("#addAmt").show();
                    //非企业投资
                    if (self.amtSource.length == 1 && self.amtSource[0].sourceName == '社会资金') {
                        self.delAllAmt();
                        this.initAmtSource();
                        return;
                    }
                }
            },
            getForm: function () {
                var id = $("#id").val();
                var self = this;
                if (id == "") {
                    App.msg.warn("请从正规页面进入");
                    return;
                } else {
                    App.postJson("/api/subject/subInfo/getDetailById",{id: self.subInfo.id,cat:self.cat,}, function (resc) {
                        if (resc.success) {
                            /*      self.amtSource = resc.data;*/
                            //self.kindSelect.setValue(self.subInfo.kind.split(","));
                            self.amtSource = resc.data || [];
                            self.initAmtSource();
                            self.delAmtSource = [];
                            setTimeout(function () {
                                layui.form.render();
                            }, 200);
                            // self.closeWin();
                        }
                    });
                    /* App.postJson("/api/subject/process/getPlanList",{subId : id}, function(res){
                        if(res.success){
                            self.planList = res.data;
                            self.loadPlanTable();
                        }
                    }); */
                    /*			App.postJson("/api/subject/subInfo/getManageList",{subId : id}, function(res){
                                    if(res.success){
                                        self.manageList = res.data;
                                        self.loadManageTable();
                                    }
                                });*/
                }
            }
            ,
            addAmt: function () {
                var self = this;
                $("#zjAmt").val("");
                $("#zjAmtSj").val("");
                this.planEditPanl = layer.open({
                    title: "资金选择",
                    type: 1,
                    content: $("#amtSourceEdit"),
                    area: ['600px', '480px']
                });
                layui.form.render();
            }
            ,
            closePane: function () {
                layer.close(this.planEditPanl);
            }
            ,
            onChangeActive: function (ind) {
                this.tabActive = ind;
                $(".layui-colla-content").removeClass("layui-show");
                $($(".layui-colla-content")[ind - 1]).addClass("layui-show");
            }
            ,
            saveSubInfo: function () {
                var self = this;
                var saveAmtSource = this.amtSource.concat(this.delAmtSource);
                this.subInfo.subSourceDetail = saveAmtSource;
        /*        alert(JSON.stringify(this.subInfo.subSourceDetail))*/
                var data={
                    subInfo:this.subInfo,
                    zjlyId:'${zjlyId}',
                    cat:self.cat
                }
                App.msg.confirm("确认提交资金来源信息吗？", function () {
                    App.postJson("/api/subject/subInfo/saveEditFundDetail", data, function (res) {
                        if (res.success) {
                            self.closeMark = true;
                            App.msg.success("保存成功");
                            App.postJson("/api/subject/subInfo/getDetailById", {id: self.subInfo.id,cat:self.cat,zjlyId:'${zjlyId}'}, function (resc) {
                                if (resc.success) {
                              /*      self.amtSource = resc.data;*/
                                    //self.kindSelect.setValue(self.subInfo.kind.split(","));
                                    self.amtSource = resc.data || [];
                                    self.initAmtSource();
                                    self.delAmtSource = [];
                                    setTimeout(function () {
                                        layui.form.render();
                                    }, 200);
                                    // self.closeWin();
                                }
                            });
                        }
                    });
                })
            }
            ,
            addPlan: function () {
                var self = this;
                this.edit = false;
                this.planEditInfo = {
                    numRate: 1
                };
                this.planEditPanl = layer.open({
                    title: "新增计划",
                    type: 1,
                    content: $("#planEdit"),
                    area: ['500px', 'auto']
                })
            }
            ,
            addPlanData: function () {
                if (this.planEditInfo.numRate > 10 || this.planEditInfo.numRate <= 0 || this.planEditInfo.numRate % 1 != 0) {
                    layer.msg("进度权重必须是1-10的整数", {icon: 5, time: 2000});
                    return;
                }
                var startDate = $("#beginDate").val();
                var endDate = new Date(this.planEditInfo.endDate);
                if (startDate > endDate) {
                    layer.msg("计划结束时间不能小于项目开始时间！！！  项目开始时间" + startDate);
                    return;
                }
                if (this.edit) {
                    var dataIndex = this.currPlanObj.tr[0].dataset.index;
                    if (this.planList.filter((item, index) => {
                        return index != dataIndex && item.endDate == this.planEditInfo.endDate
                    }).length > 0) {
                        App.msg.warn(this.planEditInfo.endDate + "结束时间已存在，不能重复");
                        return;
                    }
                    this.currPlanObj.update(this.planEditInfo);
                } else {
                    if (this.planList.filter(item => {
                        return item.endDate == this.planEditInfo.endDate
                    }).length > 0) {
                        App.msg.warn(this.planEditInfo.endDate + "结束时间已存在，不能重复");
                        return;
                    }
                    this.planList.push(this.planEditInfo);
                }
                this.sort();
                this.closePane();
            }
            ,
            planEdit: function (obj) {
                this.currPlanObj = obj;
                this.edit = true;
                this.planEditInfo = obj.data;
                var self = this;
                this.planEditPanl = layer.open({
                    title: "新增计划",
                    type: 1,
                    content: $("#planEdit"),
                    area: ["500px", "500px"]
                });
            }
            ,
            delPlan: function (obj) {
                var self = this;
                App.msg.confirm("确认删除该计划吗？", function () {
                    if (obj.data.id) {
                        obj.data.logicDeleteFlag = 1;
                        self.delPlanList.push(obj.data);
                        obj.del();
                        self.planList = layui.table.getData("planList");
                    } else {
                        obj.del();
                        self.planList = layui.table.getData("planList");
                    }
                    self.sort();
                })
            }
            ,
            /* loadPlanTable : function(){
                var self = this;
                layui.table.render({
                    elem: '#planList', // 指定原始表格元素选择器（推荐id选择器）
                    even: true,
                    cols: [[ // 设置表头
                        {type: 'numbers',title:'序号'},
                        {field: 'beginDate', title: '开始时间', minWidth: 120},
                        {field: 'endDate', title: '结束时间', minWidth: 120},
                        {field: 'content', title: '工作内容', minWidth: 200},
                        {field: 'numRate', title: '进度权重', minWidth: 100},
                        {field: 'remark', title: '备注', width: 250},
                        {title: '操作', align:'center', toolbar: '#planToolBar'}
                    ]],
                    data : self.planList
                });
                layui.table.on("tool(planList)", function(obj){
                    self[obj.event].call(this, obj);
                })
            }, */
            sort: function () {
                var beginDate = $("#beginDate").val();
                this.planList.sort(function (a, b) {
                    var date1 = new Date(a.endDate);
                    var date2 = new Date(b.endDate);
                    return date1.getTime() > date2.getTime() ? 1 : -1;
                });
                for (var i = 0; i < this.planList.length; i++) {
                    if (i == 0) {
                        this.planList[i].beginDate = beginDate;
                    } else {
                        var endDate = new Date(this.planList[i - 1].endDate);
                        endDate = endDate.addDays(1);
                        this.planList[i].beginDate = layui.util.toDateString(endDate, "yyyy-MM-dd");
                    }
                }
                this.loadPlanTable();
            }
            ,
            savePlan: function () {
                var plans = this.planList;
                var subId = this.subInfo.id;
                for (var i = 0; i < this.delPlanList.length; i++) {
                    plans.push(this.delPlanList[i]);
                }
                this.planList = plans;
                var self = this;
                var data = {
                    subId: subId,
                    list: self.planList
                }
                App.msg.confirm("确认提交计划吗？", function () {
                    App.postJson("/api/subject/subInfo/saveEditSubInfo", {planList: data}, function (res) {
                        if (res.success) {
                            App.msg.warn("提交成功");
                            App.postJson("/api/subject/process/getPlanList", {subId: subId}, function (resc) {
                                if (resc.success) {
                                    self.planList = resc.data;
                                    self.delPlanList = [];
                                    self.loadPlanTable();
                                }
                            });
                        }
                    });
                });
            }
            ,
            addManage: function () {
                var self = this;
                this.currObjData = {
                    manageId: "",
                    departId: "",
                    nameLead: "",
                    tel: ""
                };
                $("select[name='manageId']").next().find("input").eq(0).val("")
                this.setJgDept("");
                layui.form.render();
                layui.use('form', function () {
                    layui.form.render('select');
                })

                this.planEditPanl = layer.open({
                    title: "新增监管单位",
                    type: 1,
                    content: $("#manageEdit"),
                    area: ['500px', 'auto']
                })
            }
            ,
            loadManageTable: function () {
                var self = this;
                layui.table.render({
                    elem: '#manageList', // 指定原始表格元素选择器（推荐id选择器）
                    even: true,
                    cols: [[ // 设置表头
                        {type: 'numbers', title: '序号', align: 'center'},
                        {field: 'manageName', title: '监管单位'},
                        {field: 'departName', title: '责任科室'},
                        {field: 'nameLead', title: '责任领导',},
                        {field: 'tel', title: '联系电话'},
                        {title: '操作', align: 'center', toolbar: '#manageToolBar'}
                    ]],
                    data: self.manageList
                });
                layui.table.on("tool(manageList)", function (obj) {
                    self[obj.event].call(this, obj);
                })
            }
            ,
            setJgDept: function (unitId) {
                $("select[name='departId']").html("<option value=''>--请选择--</option>");
                layui.form.render();
                if (unitId != '') {
                    App.postJson("/api/jdepart/listByUnit", {unitId: unitId}, function (res) {
                        for (var i = 0; i < res.data.length; i++) {
                            let cuData = res.data[i];
                            $("select[name='departId']")
                                .append("<option value='" + cuData.id + "' tel='" + cuData.tel + "' nameLead='" + cuData.nameLead + "'>" + cuData.title + "</option>");
                        }
                        layui.form.render();
                    });
                }
            }
            ,
            addManageData: function () {
                this.manageList.push(this.currObjData);
                this.loadManageTable();
                this.closePane();
            }
            ,
            delManage: function (obj) {
                var self = this;
                App.msg.confirm("确认删除该监管单位吗？", function () {
                    if (obj.data.id) {
                        obj.data.logicDeleteFlag = 1;
                        self.delManageList.push(obj.data);
                        obj.del();
                        self.manageList = layui.table.getData("manageList");
                    } else {
                        obj.del();
                        self.manageList = layui.table.getData("manageList");
                    }
                })
            }
            ,
            saveManage: function () {
                var manages = this.manageList;
                var subId = this.subInfo.id;
                for (var i = 0; i < this.delManageList.length; i++) {
                    manages.push(this.delManageList[i]);
                }
                var data = {
                    subId: subId,
                    manage: manages
                };
                var self = this;
                App.msg.confirm("确认提交监管单位信息吗？", function () {
                    App.postJson("/api/subject/subInfo/saveEditSubInfo", {manage: data}, function (res) {
                        if (res.success) {
                            App.msg.warn("提交成功");
                            App.postJson("/api/subject/subInfo/getManageList", {subId: subId}, function (resc) {
                                if (resc.success) {
                                    self.manageList = resc.data;
                                    self.delManageList = [];
                                    self.loadManageTable();
                                }
                            });
                        }
                    });
                });
            }
            ,
            closeWin: function () {
                var self = this;
                if (!this.closeMark) {
                    App.msg.confirm("当前信息未保存或未保存成功，确认关闭？", function () {
                        window.history.back(-1);
                    });
                } else {
                    window.history.back(-1);
                }
            }
        }
    })
</script>
</body>
</html>