kylx365
/
miaoguo_system_server


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分数线</title>
    <link rel="stylesheet" href="../mg/common.css">
    <style type="text/css">

        .container {
            margin: 0 10px 0 10px;
            font-size: 24px;
            justify-content: flex-start;
        }

        .panelTop{
            width:100%;
            height:50px;

            justify-content: flex-start;
        }


        .panelTop1{
            width:150px;
            justify-content: space-between;
        }

        .title{
            margin-left: 30px;
        }

        .title2{
            margin-left: 10px;
        }

        .select{
            font-size: 22px;
        }

        .select2{
            font-size: 18px;
            margin: 0 4px;
        }

        .font16{
            font-size: 16px;
        }

        table thead{
            width:100%;
            display: block;
        }

        table tbody{
            width:100%;
            display: block;
            height:800px;
            overflow-y:scroll;
            border-bottom: 1px solid #ddd;
         }

        th td {
            white-space:nowrap;
            overflow: hidden;
        }

        .mainHeight{
            margin: 0 10px;
        }
        .main{
            margin: 0 10px 20px 10px;
        }

        .list{
            font-size:16px;
            width:100%;
            table-layout:fixed;
        }
        .itemHeader{
            background-color: #999;
            color:#fff;
            font-weight: bold;
        }

        .item{
            padding: 0 0 0 3px;
        }

        .item0{
            width:60px;
        }

        .item1{
            width:350px;
        }
        .item2{
            width:110px;
        }
        .item2Center{
            text-align: center;
        }

        .item3{
            width:80px;
        }

        .item4{
            width:60px;
        }

        .item5{
            width:400px;
        }

        input{
            border:1px solid #ddd;
            border-color:-internal-light-dark(rgb(255, 255, 255), rgb(255, 255, 255));
            background-color:#fff;
            height:20px;
        }

        input[disabled]{
            color:rgb(255, 255, 255);
            background-color: rgb(255, 255, 255);
            border:1rpx solid rgb(255, 255, 255);
        }

        .input0{
            width:30px;
        }

        .input1{
            width:50px;
        }

        .input2{
            width:80px;
        }

        .input3{
            width:400px;
        }

        .mainNull{
            width:100%;
            text-align: center;
            margin-top: 100px;
            font-size: 24px;
            color:#aaa;
        }

        .trNull{
            width:100%;
            height:20px;
        }


    </style>
    <script src="js/jquery-1.6.4.min.js"></script>
    <script src="js/vue.js"></script>
    <script>
        var vm;

        var txtSchoolFullNameJunior="";
        var txtSchoolFullName="";
        var txtSchoolTargetRemark="";
        var selectPublicOrPrivate="";
        var selectSchoolType2Short="";

        $(document).ready(function () {
            vm = new Vue({
                el: '#app',
                data: {
                    ListMain:[],
                    ListSchool:[],
                    ListSchoolJunior:[],
                    ScoreYear:"2025",
                    ScoreType:"自主招生",
                    DistrictID:"全部",
                    District:"",
                    cbkPlan:true,
                    cbkScore:true,
                },
                computed: {
                    evenListMain: function () {

                        return this.ListMain.filter(function (item) {
                            var result=[1,1,1,1,1,1];
                            if (txtSchoolFullNameJunior && IsChinese(txtSchoolFullNameJunior))
                                result[0] = item.SchoolFullNameJunior.indexOf(txtSchoolFullNameJunior)>=0;
                            if (txtSchoolFullName && IsChinese(txtSchoolFullName)) {
                                if ($("#cbxSelected").prop("checked"))
                                    result[1] = item.SchoolFullName == txtSchoolFullName;
                                else
                                    result[1] = item.SchoolFullName.indexOf(txtSchoolFullName) >= 0;
                            }
                            if (txtSchoolTargetRemark && IsChinese(txtSchoolTargetRemark))
                                result[2] = item.SchoolTargetRemark.indexOf(txtSchoolTargetRemark)>=0;
                            if (selectPublicOrPrivate)
                                result[3] = item.PublicOrPrivate == selectPublicOrPrivate;
                            if (selectSchoolType2Short)
                                result[4] = item.SchoolType2Short == selectSchoolType2Short;

                            return result[0] && result[1] && result[2] && result[3] && result[4];
                        });

                    }
                },
                methods: {
                    getList: function (event,isClient) {
                        vm.ScoreYear= $("#selectScoreYear").val();
                        vm.ScoreType= $("#selectScoreType").val();
                        vm.DistrictID= $("#selectDistrict").val();
                        vm.District=getDistrict(vm.DistrictID);

                        if (!isClient){
                            txtSchoolFullNameJunior="";
                            txtSchoolFullName="";
                            txtSchoolTargetRemark="";
                            selectPublicOrPrivate="";
                            selectSchoolType2Short="";

                            vm.ListMain =[];
                        }

                        $.get("/api/GetMPSScoreWeb?ScoreYear="+vm.ScoreYear+"&ScoreType="+vm.ScoreType+"&DistrictID="+vm.DistrictID, function (data) {

                            vm.ListMain = data.result;

                            for (var i=0;i<vm.ListMain.length;i++){
                                if (i > 0) {
                                    vm.ListMain[i].TempSchoolFullNameJunior = vm.ListMain[i-1].SchoolFullNameJunior;
                                }
                            }
                            vm.onCheckboxChange({currentTarget:{id:"cbkPlan"}});


                            $(".list").css("background-color","#fff");
                            $(".input1").css("background-color","#fff");
                            $(".input2").css("background-color","#fff");
                            $(".input3").css("background-color","#fff");
                            $(".btnUpdate").attr("disabled",false);

                            setTimeout(function () {
                                var len=vm.ListMain.length;
                                for(var i=0;i<len;i++){
                                    var obj=$("#btnUpdate_"+i)[0];
                                    if (obj && obj.tID)
                                        $("#tdID_"+i).text(obj.tID);
                                }
                                vm.resizeFunction();
                            },800);
                        });

                        if(vm.DistrictID!="全部"){

                            $.get("/api/GetMPSSchoolWeb?SchoolType1=初中&DistrictID="+vm.DistrictID, function (data) {
                                vm.ListSchoolJunior = data.result;
                            });

                            setTimeout(function () {
                                var num=vm.DistrictID;
                                $('#selectDistrict2').val(num);
                            },1000);

                        }


                        var url="/api/GetMPSSchoolWeb?SchoolType1=高中&DistrictID="+vm.DistrictID+"&ScoreType="+vm.ScoreType;

                        if (vm.ScoreType=="名额到校")
                            url+="&SchoolType2Short=市重点";

                        $.get(url, function (data) {
                            vm.ListSchool = data.result;
                        });


                    },
                    btnFilter:function(event) {

                        var obj = $("#"+event.currentTarget.id)[0];
                        //console.log(str);
                        var index = obj.selectedIndex;
                        var selectID=obj.options[index].value;
                        console.log(selectID);


                        if (event.currentTarget.id=="selectPublicPrivate") {
                            selectPublicOrPrivate = selectID;
                        }
                        else if (event.currentTarget.id=="selectSchoolType2Short") {
                            selectSchoolType2Short = selectID;
                        }

                        this.getList(null,true);
                    },
                    btnFilter2:function(event) {

                        var obj = $("#"+event.currentTarget.id)[0];
                        //console.log(obj.value);
                        if (event.currentTarget.id=="txtSchoolFullNameJunior") {
                            txtSchoolFullNameJunior = obj.value;
                        }
                        else if (event.currentTarget.id=="txtSchoolFullName") {
                            txtSchoolFullName = obj.value;
                        }
                        else if (event.currentTarget.id=="txtSchoolTargetRemark") {
                            txtSchoolTargetRemark = obj.value;
                        }

                        this.getList(null,true);
                    },
                    changeDistrict:function(event) {

                        var obj = $("#"+event.currentTarget.id)[0];
                        //console.log(str);
                        var index = obj.selectedIndex;
                        var selectID=obj.options[index].value;
                        console.log(selectID);

                        $.get("/api/GetMPSSchoolWeb?SchoolType1=高中&DistrictID="+selectID, function (data) {
                            vm.ListSchool = data.result;
                        });
                    },
                    clearText:function(event) {

                        var str=event.currentTarget.id.substr(3);
                        var obj = $("#"+str)[0];
                        obj.value="";

                        if (str=="txtSchoolFullNameJunior") {
                            txtSchoolFullNameJunior = "";
                        }
                        else if (str=="txtSchoolFullName") {
                            txtSchoolFullName = "";
                        }
                        else if (str=="txtSchoolTargetRemark") {
                            txtSchoolTargetRemark = "";
                        }

                        //console.log(obj);

                        vm.ListMain =[];

                        this.getList(null,true);
                    },
                    updateData:function(event){

                        var index=$(event.currentTarget).attr("Index");
                        var ID=$(event.currentTarget).attr("tID");
                        var param={};
                        param.ID=ID;

                        if (vm.cbkPlan) {
                            param.PlanNum = Trim($("#txtPlanNum_" + index).val());
                        }

                        if (vm.cbkScore) {
                            param.ScoreTotal = Trim($("#txtScoreTotal_" + index).val());
                            param.Score1 = Trim($("#txtScore1_" + index).val());
                            param.Score2 = Trim($("#txtScore2_" + index).val());
                            param.Score3 = Trim($("#txtScore3_" + index).val());
                            param.Score4 = Trim($("#txtScore4_" + index).val());
                        }

                        if (ID==0){
                            param.ScoreYear= $("#selectScoreYear").val();
                            param.ScoreType= $("#selectScoreType").val();
                            param.DistrictID= $(event.currentTarget).attr("DistrictID");
                            param.SchoolOfGraduation=$(event.currentTarget).attr("SchoolOfGraduation");
                            param.SchoolTarget=$(event.currentTarget).attr("SchoolTarget");
                        }

                        if (vm.ScoreType=="自主招生" || vm.ScoreType=="1-15志愿") {
                            //console.log("txtSchoolTargetRemark2:"+$("#txtSchoolTargetRemark2_" + index).val());
                            param.SchoolTargetRemark = Trim($("#txtSchoolTargetRemark_" + index).val());
                            param.SchoolTargetRemark2 = Trim($("#txtSchoolTargetRemark2_" + index).val());
                        }

                        console.log(param);
                        $.post("/api/UpdateMPSScore",param, function (data) {
                            $("#btnUpdate_"+index).attr("disabled",true);
                            $("#tr_"+index).css("background-color","rgb(153, 153, 153)");
                            if ($("#tdID_"+index).text()=="0")
                                $("#tdID_"+index).text(data.result);
                        });
                    },
                    addData:function(event){

                        var param={};
                        param.ID=0;
                        param.ScoreYear= "2025";
                        param.ScoreType= vm.ScoreType;
                        param.DistrictID=$("#selectDistrict2").val();
                        param.SchoolOfGraduation=$("#selectSchoolJunior").val();
                        param.SchoolTarget=$("#selectSchool1").val();
                        console.log(param);
                        $.post("/api/UpdateMPSScore",param, function (data) {
                            vm.getList(null,true);
                            $("#btnSaveAll").attr("disabled",true);
                            setTimeout(function () {
                                $("#btnSaveAll").attr("disabled",false);
                            },2000);
                        });
                    },
                    updateDataAll:function(){
                        var len=vm.ListMain.length;

                        var arr=[];
                        for(var i=0;i<len;i++){
                            var updated=$("#tr_"+i).attr("title");
                            if (updated==1){
                                arr.push(i);
                            }
                        }

                        var index=0;
                        var interval = setInterval(function () {
                             var updated=$("#tr_"+arr[index]).attr("title");

                             var obj=$("#btnUpdate_"+arr[index])[0];
                             //console.log(obj.disabled);
                             if (!obj.disabled) {
                                 var event = {};
                                 event.currentTarget = obj;
                                 vm.updateData(event);
                             }
                             index++;
                             if (index>=arr.length){
                                 clearInterval(interval);
                                 $(".list").attr("title","0");
                             }
                        },200);
                    },
                    updateTextShow:function(event){
                        var ID=event.currentTarget.id;
                        var title = event.currentTarget.title;
                        var val=$("#"+ID).val();

                        if (val!=title) {
                            $("#" + ID).css("background-color", "rgb(226, 255, 211)");
                            var trid=event.currentTarget.parentNode.parentNode.id;
                            $("#"+trid).attr("title","1");
                        }
                        else {
                            $("#"+ID).css("background-color", "#fff");
                        }
                    },
                    onFocus:function(event){
                        $("tr").css("background-color","#fff");
                        var ID=event.currentTarget.parentNode.parentNode.id;
                        $("#"+ID).css("background-color","#eee");
                    },
                    onCheckboxChange:function(event){
                        var str=event.currentTarget.id;
                        var obj = $("#"+str)[0];

                        if (str=="cbkPlan") {

                            vm.cbkPlan=obj.checked;
                            var TempSchoolFullNameJuniorIndex = 1;
                            for (var i=0;i<vm.ListMain.length;i++){
                                if (vm.ListMain[i].TempSchoolFullNameJunior == vm.ListMain[i].SchoolFullNameJunior) {
                                    TempSchoolFullNameJuniorIndex++;
                                }
                                else {
                                    TempSchoolFullNameJuniorIndex = 1
                                }
                                if (!vm.cbkPlan && vm.ListMain[i].PlanNum==0){
                                    TempSchoolFullNameJuniorIndex--;
                                }
                                vm.ListMain[i].TempSchoolFullNameJuniorIndex = TempSchoolFullNameJuniorIndex;
                            }

                            setTimeout(function () {
                                if (!vm.cbkPlan){
                                    for (var i=0;i<vm.ListMain.length;i++){
                                        if (vm.ListMain[i].PlanNum==0){
                                            $("#tr_"+i).css("color","rgb(200, 200, 200)");

                                            $("#txtScoreTotal_"+i).prop("disabled",true);

                                            $("#txtScore1_"+i).prop("disabled",true);
                                            $("#txtScore2_"+i).prop("disabled",true);
                                            $("#txtScore3_"+i).prop("disabled",true);
                                            $("#txtScore4_"+i).prop("disabled",true);

                                            $("#btnUpdate_"+i).prop("disabled",true);

                                        }
                                    }
                                }
                                else{
                                    $(".input1").prop("disabled",false);
                                    $(".btnUpdate").prop("disabled",false);
                                    $(".list").css("color","#000");
                                }

                            },500);
                        }
                        else if (str=="cbkScore") {
                            vm.cbkScore=obj.checked;
                        }

                    },
                    resizeFunction:function(){
                        var h = document.documentElement.clientHeight
                            || window.innerHeight
                            || document.body.clientHeight;
                        // console.log("window.innerHeight："+window.innerHeight);
                        // console.log("document.documentElement.clientHeight："+document.documentElement.clientHeight);
                        // console.log("document.body.clientHeight："+document.body.clientHeight);
                        //
                        // console.log("h："+h);

                        $("tbody").css("height",h-190);

                    },
                }
            });

        });

        function IsChinese(temp) {
            var reg = /^[\u4e00-\u9fa5]|[\uFE30-\uFFA0]+$/;   /*定义验证表达式*/
            return reg.test(temp);     /*进行验证*/
        }

        function Trim(str) { //删除左右两端的空格
            if (str)
                return str.replace(/(^\s*)|(\s*$)/g, "");
            else
                return str;
        }

        function  getDistrict(id) {
            switch (Number(id)){
                case 0:
                    return "上海市";
                case 1:
                    return "黄浦区";
                case 2:
                    return "徐汇区";
                case 3:
                    return "长宁区";
                case 4:
                    return "静安区";
                case 5:
                    return "普陀区";
                case 6:
                    return "虹口区";
                case 7:
                    return "杨浦区";
                case 8:
                    return "闵行区";
                case 9:
                    return "宝山区";
                case 10:
                    return "嘉定区";
                case 11:
                    return "浦东新区";
                case 12:
                    return "金山区";
                case 13:
                    return "松江区";
                case 14:
                    return "青浦区";
                case 15:
                    return "奉贤区";
                case 16:
                    return "崇明区";
                case 17:
                    return "梅山";
                case 18:
                    return "大屯";
                case 19:
                    return "鲁中矿（张家洼）";
            }
        }

    </script>
</head>
<body class="container FlexRow">
<div id="app">
    <div class="panelTop FlexRow">
        <div class="title">年份：</div>
        <div>
            <select class="select" id="selectScoreYear" >
                <option value="2022">2022</option>
                <option value="2023">2023</option>
                <option value="2024">2024</option>
                <option value="2025">2025</option>
            </select>
        </div>

        <div class="title">类别：</div>
        <div>
            <select class="select" id="selectScoreType" >
                <option value="自主招生">自主招生</option>
                <option value="名额到区">名额到区</option>
                <option value="名额到校">名额到校</option>
                <option value="1-15志愿">1-15志愿</option>
            </select>
        </div>

        <div class="title">区选择：</div>
        <div>
            <select class="select" id="selectDistrict" >
                <option value="全部">--全部--</option>
                <option value="0">委属</option>
                <option value="1" selected="selected">黄浦区</option>
                <option value="2">徐汇区</option>
                <option value="3">长宁区</option>
                <option value="4">静安区</option>
                <option value="5">普陀区</option>
                <option value="6">虹口区</option>
                <option value="7">杨浦区</option>
                <option value="8">闵行区</option>
                <option value="9">宝山区</option>
                <option value="10">嘉定区</option>
                <option value="11">浦东新区</option>
                <option value="12">金山区</option>
                <option value="13">松江区</option>
                <option value="14">青浦区</option>
                <option value="15">奉贤区</option>
                <option value="16">崇明区</option>
                <option value="17">梅山</option>
                <option value="18">大屯</option>
                <option value="19">鲁中矿（张家洼）</option>
            </select>
        </div>

        <div class="title panelTop1 FlexRow">
            <div class="FlexRow">
            <div>计划</div>
            <input id="cbkPlan" type="checkbox" checked="checked" @change="onCheckboxChange" />
            </div>
            <div class="FlexRow">
            <div>分数</div>
            <input id="cbkScore" type="checkbox" checked="checked" @change="onCheckboxChange" />
            </div>
        </div>

        <button class="title" v-on:click="getList">查询</button>
    </div>
    <hr />
    <div class="scroll_table">
        <div class="mainNull" v-if="ListMain.length==0">无数据</div>
        <table class="mainHeight" v-if="ListMain.length>0">
            <thead>
                <tr class="list">
                    <th class="itemHeader item0">编号</th>
                    <th class="itemHeader item2" v-if=" ScoreType!='名额到区' && ScoreType!='名额到校' "><select class="font16" id="selectSchoolType2Short"  @change='btnFilter'>
                        <option value="">学校等级</option>
                        <option value="市重点">市重点</option>
                        <option value="区重点（特色）">区重点（特色）</option>
                        <option value="区重点">区重点</option>
                        <option value="一般高中">一般高中</option>
                    </select></th>
                    <th class="itemHeader item2" v-if=" ScoreType!='名额到区' && ScoreType!='名额到校' "><select class="font16" id="selectPublicPrivate"  @change='btnFilter'>
                        <option value="">公办民办</option>
                        <option value="公办">公办</option>
                        <option value="民办">民办</option>
                        <option value="中外合作">中外合作</option>
                    </select></th>
                    <th class="itemHeader item1" v-if=" ScoreType=='名额到校' ">
                        初中校名
                        <input id="txtSchoolFullNameJunior" class="input1 title2" type="text" value="" @keyup,enter="btnFilter2" @input="btnFilter2" />
                        <button id="btntxtSchoolFullNameJunior" v-on:click="clearText">X</button>
                    </th>
                    <th class="itemHeader item2" v-if=" ScoreType=='名额到区'">高中所属区</th>
                    <th class="itemHeader item1 FlexRow">
                        高中校名
                        <input id="txtSchoolFullName" class="input1 title2" type="text" value="" @keyup,enter="btnFilter2" @input="btnFilter2" />
                        <button id="btntxtSchoolFullName" v-on:click="clearText">X</button>
                        <input type="checkbox" id="cbxSelected" value="" @change='btnFilter2' />
                    </th>
                    <th class="itemHeader item2" v-if=" ScoreType!='名额到校' && ScoreType!='1-15志愿' && cbkPlan">招生区名称</th>
                    <th class="itemHeader item2" v-if=" ScoreType=='自主招生' ">住宿条件</th>
                    <th class="itemHeader item4" v-if=" cbkPlan ">计划</th>
                    <th class="itemHeader item4" v-if=" ScoreType!='自主招生' && cbkScore ">总分</th>
                    <th class="itemHeader item4" v-if=" ScoreType!='自主招生' && cbkScore ">语数外</th>
                    <th class="itemHeader item4" v-if=" ScoreType!='自主招生' && cbkScore ">数学</th>
                    <th class="itemHeader item4" v-if=" ScoreType!='自主招生' && cbkScore ">语文</th>
                    <th class="itemHeader item4" v-if=" ScoreType!='自主招生' && cbkScore ">理综</th>
                    <th class="itemHeader item2" v-if=" ScoreType!='名额到区' && ScoreType!='名额到校' ">备注1<input id="txtSchoolTargetRemark" class="input0 title2" type="text" value="" @keyup,enter="btnFilter2" @input="btnFilter2" /><button id="btntxtSchoolTargetRemark" v-on:click="clearText">X</button></th>
                    <th class="itemHeader item5" v-if=" ScoreType!='名额到区' && ScoreType!='名额到校' ">备注2</th>
                    <th class="itemHeader item4">
                        <button id="btnSaveAll" v-on:click="updateDataAll">全部存</button>
                    </th>
                    <th class="itemHeader item4" v-if=" ScoreType=='名额到校' ">序号</th>
                </tr>
            </thead>
        </table>
        <table class="main" v-if="ListMain.length>0">
            <tbody>
                <template v-for="(item, index) in evenListMain">
                    <tr class="trNull" v-if=" ScoreType=='名额到校' && index>0 && item.SchoolFullNameJunior!=item.TempSchoolFullNameJunior"></tr>
                    <tr :id=" 'tr_'+index " class="list"  >
                        <td class="tdID item0 item2Center" :id=" 'tdID_'+index ">{{item.ID}}</td>
                        <td class="item2 item2Center" v-if=" ScoreType!='名额到区' && ScoreType!='名额到校' ">{{item.SchoolType2Short}}</td>
                        <td class="item2 item2Center" v-if=" ScoreType!='名额到区' && ScoreType!='名额到校' ">{{item.PublicOrPrivate}}</td>
                        <td class="item item1" v-if=" ScoreType=='名额到校' " >{{item.SchoolFullNameJunior}}</td>
                        <td class="item2Center item2" v-if=" ScoreType=='名额到区'">{{item.DistrictName}}</td>
                        <td class="item item1">{{item.SchoolFullName}}</td>
                        <td class="item2Center item2" v-if=" ScoreType!='名额到校' && ScoreType!='1-15志愿' && cbkPlan ">{{item.District}}</td>
                        <td class="item2Center item2" v-if=" ScoreType=='自主招生' ">{{item.Accommodation}}</td>
                        <td class="item4" v-if=" cbkPlan "><input :id=" 'txtPlanNum_'+index " class="input1" type="text" :value="item.PlanNum" @keyup,enter="updateTextShow" @input="updateTextShow" :title="item.PlanNum" @focus="onFocus" /></td>
                        <td class="item4" v-if=" ScoreType!='自主招生' && cbkScore "><input :id=" 'txtScoreTotal_'+index " class="input1" type="text" :value="item.ScoreTotal" @keyup,enter="updateTextShow" @input="updateTextShow" :title="item.ScoreTotal" @focus="onFocus" /></td>
                        <td class="item4" v-if=" ScoreType!='自主招生' && cbkScore "><input :id=" 'txtScore1_'+index " class="input1" type="text" :value="item.Score1" @keyup,enter="updateTextShow" @input="updateTextShow" :title="item.Score1" @focus="onFocus" /></td>
                        <td class="item4" v-if=" ScoreType!='自主招生' && cbkScore "><input :id=" 'txtScore2_'+index " class="input1" type="text" :value="item.Score2" @keyup,enter="updateTextShow" @input="updateTextShow" :title="item.Score2" @focus="onFocus" /></td>
                        <td class="item4" v-if=" ScoreType!='自主招生' && cbkScore "><input :id=" 'txtScore3_'+index " class="input1" type="text" :value="item.Score3" @keyup,enter="updateTextShow" @input="updateTextShow" :title="item.Score3" @focus="onFocus" /></td>
                        <td class="item4" v-if=" ScoreType!='自主招生' && cbkScore "><input :id=" 'txtScore4_'+index " class="input1" type="text" :value="item.Score4" @keyup,enter="updateTextShow" @input="updateTextShow" :title="item.Score4" @focus="onFocus" /></td>
                        <td class="item2 item2Center" v-if=" ScoreType!='名额到区' && ScoreType!='名额到校' "><input :id=" 'txtSchoolTargetRemark_'+index " class="input2" type="text" :value="item.SchoolTargetRemark" @keyup,enter="updateTextShow" @input="updateTextShow" :title="item.SchoolTargetRemark" @focus="onFocus" /></td>
                        <td class="item5" v-if=" ScoreType!='名额到区' && ScoreType!='名额到校' "><input :id=" 'txtSchoolTargetRemark2_'+index " class="input3" type="text" :value="item.SchoolTargetRemark2" @keyup,enter="updateTextShow" @input="updateTextShow" :title="item.SchoolTargetRemark2" @focus="onFocus" /></td>
                        <td class="item4 item2Center"><button class="btnUpdate" :id=" 'btnUpdate_'+index " :tID="item.ID" :SchoolOfGraduation="item.SchoolOfGraduation" :SchoolTarget="item.SchoolTarget"  :DistrictID="item.DistrictID" :Index="index" v-on:click="updateData">保存</button></td>
                        <td class="item4 item2Center" v-if=" ScoreType=='名额到校' && (cbkPlan || (!cbkPlan && item.PlanNum>0))">{{item.TempSchoolFullNameJuniorIndex}}</td>
                    </tr>
                </template>
            </tbody>
        </table>

        <div class="FlexRow"  v-if="ListMain.length>0">
                <div class="select2">
                    {{ScoreYear}}
                </div>
                <div class="select2">
                    {{ScoreType}}
                </div>
                <div class="select2">
                    <select class="select2 selectDistrict2" id="selectDistrict2">
                        <option value="0">委属</option>
                        <option value="1">黄浦区</option>
                        <option value="2">徐汇区</option>
                        <option value="3">长宁区</option>
                        <option value="4">静安区</option>
                        <option value="5">普陀区</option>
                        <option value="6">虹口区</option>
                        <option value="7">杨浦区</option>
                        <option value="8">闵行区</option>
                        <option value="9">宝山区</option>
                        <option value="10">嘉定区</option>
                        <option value="11">浦东新区</option>
                        <option value="12">金山区</option>
                        <option value="13">松江区</option>
                        <option value="14">青浦区</option>
                        <option value="15">奉贤区</option>
                        <option value="16">崇明区</option>
                        <option value="17">梅山</option>
                        <option value="18">大屯</option>
                        <option value="19">鲁中矿（张家洼）</option>
                    </select>
                </div>

                <div v-if="ScoreType=='名额到校'">
                    <select class="select2" id="selectSchoolJunior">
                        <option :value="item.ID" v-for="(item, index) in ListSchoolJunior">{{item.SchoolFullName}}</option>
                    </select>
                </div>
                <div>
                    <select class="select2" id="selectSchool1">
                        <option :value="item.ID" v-for="(item, index) in ListSchool">{{item.SchoolFullName}}</option>
                    </select>
                </div>
                <div>
                    <button class="" v-on:click="addData">新增</button>
                </div>
        </div>

    </div>

</div>
</body>
</html>