bjquanjiang
/
DigitalScholl

﻿
@{
    ViewBag.Title = "Guide";
    Layout = "~/Views/Shared/_Index.cshtml";
}
@using Learun.Application.TwoDevelopment.Permission
@using Learun.Util

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <link rel="shortcut icon" href="" />
    <title>数字化校园-使用引导</title>
    <meta name="keywords" content="数字化校园-使用引导" />
    <meta name="description" content="数字化校园-使用引导" />
    <link href="~/Content/css/bootstrap.css" rel="stylesheet" />
    <link href="~/Content/css/swiper.min.css" rel="stylesheet" />
    <link href="~/Content/css/common.css" rel="stylesheet" />
    <!--自适应-->

    <script src="~/Content/news/js/easing.js"></script>
    <script src="~/Content/jquery/plugin/jquery-ui/jquery-ui.min.js"></script>
    @Html.AppendCssFile("/Views/Home/Guide/guide.css",
        "/Views/Home/Guide/index.css")
    <!--自适应-->
    @Html.AppendJsFile("/Views/Home/Guide/index.js")


</head>
<body style="overflow: auto">
    <!--  / warpper  -->
    <div class="guide_warpper" id="app" style="background: #fff">
        <div class="index_sec index_sec1">
            <div class="guideTitle">
                使用引导
                <div class="guideSelect">
                    <span>{{AcademicYearNo[0]}}</span>学年
                    @*<ul>
                        <li v-for="year in AcademicYearNo">{{year}}</li>
                    </ul>*@
                </div>
                <div class="guideSelect">
                    第<span>{{Semester[0]}}</span>学期
                    @*<ul>
                        <li v-for="sem in Semester">{{sem}}</li>
                    </ul>*@
                </div>
            </div>
            <!--  / guide1  -->
            <div v-for="(guideDatas,index) in guideData" :key="index" class="guideSec1 guideSec">
                <div class="guideSecT">
                    {{guideDatas.title}}
                    <div class="complete">
                        <div class="completeLine">
                            <div :style="{width:guideDatas.complete}"></div>
                        </div>
                        完成度 <span>{{guideDatas.complete}}</span>
                    </div>
                    <div class="guideSecTBtn"><i class="fa fa-angle-down"></i></div>
                </div>
                <div class="guideSec1Box">
                    <div class="guideSec1Box1" v-for="(items,index2) in guideDatas.list" :key="index2">
                        <img v-if="index2 != 0" class="right" src="~/Content/images/guide/right.png" alt="" />
                        <div class="guideSec1Con">
                            <div class="guideSec1L">
                                <div class="line"></div>
                                <span>{{index2 + 1}}</span>
                                <div class="guideSec1Txt">{{items.txt}}</div>
                            </div>
                            <div v-if="items.state == 1" class="guideSec1R yellow">
                                <i class="fa fa-check"></i>
                                <span>已完成</span>
                            </div>
                            <div v-else class="guideSec1R blue" @@click="openIframe(items.moduleID)">
                                <i class="">· · ·</i>
                                <span>去完成</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--  / guide1  -->
            <!--  / guide2  -->
            <div class="guideSec1 guideSec">
                <div class="guideSecT">
                    {{guideData2[0].title}}
                    <div class="complete">
                        <div class="completeLine">
                            <div :style="{width:guideData2[0].complete}"></div>
                        </div>
                        完成度 <span>{{guideData2[0].complete}}</span>
                    </div>
                    <div class="guideSecTBtn"><i class="fa fa-angle-down"></i></div>
                </div>
                <div class="guideSec1Box">
                    <div class="guideSec1Box3" v-for="(items1,index3) in guideData2[0].list" :key="index3">
                        <div class="guideSecT2">{{items1.title}}</div>
                        <div class="guideSec1Box1" v-for="(items,index2) in items1.list" :key="index2">
                            <img v-if="index2 != 0" class="right" src="~/Content/images/guide/right.png" alt="" />
                            <div class="guideSec1Con">
                                <div class="guideSec1L">
                                    <div class="line"></div>
                                    <span>{{index2 + 1}}</span>
                                    <div class="guideSec1Txt">{{items.txt}}</div>
                                </div>
                                <div v-if="items.state == 1" class="guideSec1R yellow">
                                    <i class="fa fa-check"></i>
                                    <span>已完成</span>
                                </div>
                                <div v-else class="guideSec1R blue" @@click="openIframe(items.moduleID)">
                                    <i class="">· · ·</i>
                                    <span>去完成</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="guideSec1Box3">
                        <div class="guideSecT2">排课信息</div>
                        <div class="guideSec1Box1">
                            <div class="guideSec1Cons" @@click="openLessonUrl()">
                                <div class="line"></div>
                                <img src="~/Content/images/guide/guideSec1-2.png" alt="" />
                                <div class="guideSec1Txts">去排课</div>
                            </div>
                            <img class="right" src="~/Content/images/guide/right.png" alt="" />
                        </div>
                        <div class="guideSec1Box1">
                            <div class="guideSec1Con">
                                <div class="guideSec1L">
                                    <div class="line"></div>
                                    <div class="guideSec1Txt guideSec1Texts">排课状态</div>
                                </div>
                                <div v-if="arrangeLessonItem.state" class="guideSec1R yellow">
                                    <i class="fa fa-check"></i>
                                    <span>已完成</span>
                                </div>
                                <div v-else class="guideSec1R blue" @@click="openIframe('dace8fe3-87a7-4bd4-a450-d7eee576d73b')">
                                    <i class="">· · ·</i>
                                    <span>去完成</span>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="guideSec1Box3">
                        <div class="guideSecT2">排考信息</div>
                        <div class="guideSec1Box1">
                            <div class="guideSec1Cons" @@click="openExamUrl()">
                                <div class="line"></div>
                                <img src="~/Content/images/guide/guideSec1-2.png" alt="" />
                                <div class="guideSec1Txts">去排考</div>
                            </div>
                            <img class="right" src="~/Content/images/guide/right.png" alt="" />
                        </div>
                        <div class="guideSec1Box1">
                            <div class="guideSec1Con">
                                <div class="guideSec1L">
                                    <div class="line"></div>
                                    <div class="guideSec1Txt guideSec1Texts">排考状态</div>
                                </div>
                                <div v-if="arrangeExamItem.state" class="guideSec1R yellow">
                                    <i class="fa fa-check"></i>
                                    <span>已完成</span>
                                </div>
                                <div v-else class="guideSec1R blue" @@click="openIframe('609d9515-36ce-4e04-a53e-c1ea7143437e')">
                                    <i class="">· · ·</i>
                                    <span>去完成</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="guideSec1Box3">
                        <div class="guideSecT2">考试信息</div>
                        <div class="guideSec1Box1">
                            <div class="guideSec1Cons" @@click="openScoreUrl()">
                                <div class="line"></div>
                                <img src="~/Content/images/guide/guideSec1-3.png" alt="" />
                                <div class="guideSec1Txts">发布考试</div>
                            </div>
                            <img class="right" src="~/Content/images/guide/right.png" alt="" />
                        </div>
                        <div class="guideSec1Box1">
                            <div class="guideSec1Con">
                                <div class="guideSec1L">
                                    <div class="line"></div>
                                    <div class="guideSec1Txt guideSec1Texts">考试状态</div>
                                </div>
                                <div v-if="stuScore.state" class="guideSec1R yellow">
                                    <i class="fa fa-check"></i>
                                    <span>已完成</span>
                                </div>
                                <div v-else class="guideSec1R blue" @@click="openIframe('d928594d-1eae-48cf-a536-0a276ec85ad2')">
                                    <i class="">· · ·</i>
                                    <span>去完成</span>
                                </div>
                            </div>
                            <img class="right" src="~/Content/images/guide/right.png" alt="" />
                        </div>
                        <div class="guideSec1Box1">
                            <div class="guideSec1Cons" @@click="openIframe(622)">
                                <div class="line"></div>
                                <img src="~/Content/images/guide/guideSec1-4.png" alt="" />
                                <div class="guideSec1Txts">录入成绩</div>
                            </div>
                            <img class="right" src="~/Content/images/guide/right.png" alt="" />
                        </div>
                        <div class="guideSec1Box1">
                            <div class="guideSec1Cons" @@click="openIframe(947)">
                                <div class="line"></div>
                                <img src="~/Content/images/guide/guideSec1-5.png" alt="" />
                                <div class="guideSec1Txts">补考</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--  / guide2  -->
        </div>


    </div>
    <!--  / warpper  -->
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                AcademicYearNo: [],
                Semester: [],
                guideData: [
                    {
                        title: '基础信息',
                        complete: '0%',
                        list: [
                            //{
                            //    txt: '系统LOGO',
                            //    state: '1'
                            //},
                            //{
                            //    txt: '学校信息',
                            //    state: '1'
                            //},
                            //{
                            //    txt: '部门机构信息',
                            //    state: '1'
                            //},
                            //{
                            //    txt: '岗位信息',
                            //    state: '0'
                            //},
                        ]
                    },
                    {
                        title: '人员信息',
                        complete: '0%',
                        list: [
                            //{
                            //    txt: '教师信息',
                            //    state: '1'
                            //},
                            //{
                            //    txt: '账号信息',
                            //    state: '0'
                            //},
                        ]
                    }
                ],
                guideData2: [
                    {
                        title: '教务信息',
                        complete: '0%',
                        list: [
                            {
                                title: '基本信息',
                                list: [
                                    //{
                                    //    txt: '系部信息',
                                    //    state: '1'
                                    //},
                                    //{
                                    //    txt: '专业信息',
                                    //    state: '1'
                                    //},
                                    //{
                                    //    txt: '课程信息',
                                    //    state: '0'
                                    //},
                                    //{
                                    //    txt: '教学楼信息',
                                    //    state: '1'
                                    //},
                                    //{
                                    //    txt: '教室信息',
                                    //    state: '1'
                                    //},
                                    //{
                                    //    txt: '班级信息',
                                    //    state: '0'
                                    //}
                                ]
                            },
                            {
                                title: '学籍信息',
                                list: [
                                    //{
                                    //    txt: '学生信息',
                                    //    state: '1'
                                    //},
                                    //{
                                    //    txt: '账号信息',
                                    //    state: '1'
                                    //}
                                ]
                            }
                        ]
                    }
                ],
                arrangeLessonItem: {
                    state: false
                },
                arrangeExamItem: {
                    state: false
                },
                stuScore: {
                    state:false
                }
            },
            methods: {
                getData: function () {
                    ////设置同步
                    $.ajaxSetup({
                        async: false
                    });
                    //获取年度 学期
                    $.get('/Home/GetYearAndSemesteResult', function (ref) {
                        if (ref.code == "200") {
                            //var year1, year2, lastYear;
                            //year1 = ref.data.Item2.substring(0, 4);
                            //year2 = ref.data.Item2.substring(5);
                            //lastYear = "" + (year1 - 1) + "-" + (year2 - 1);

                            //this.AcademicYearNo.push(lastYear);
                            this.AcademicYearNo.push(ref.data.Item2);
                            this.Semester.push(ref.data.Item3);

                        }

                    }.bind(this), "json");


                    //获取logo设置完成度
                    $.get('/Home/GetDgree?moduleID=' + '2fdc1fdb-50f4-4e9c-97c7-0d53b161f9da', function (ref) {

                        if (ref.data) {
                            this.guideData[0].list.push({
                                txt: '系统LOGO',
                                state: '1',
                                moduleID: '2fdc1fdb-50f4-4e9c-97c7-0d53b161f9da'
                            });
                            this.guideData[0].complete = (parseInt(this.guideData[0].complete.substring(0, 2))) + 25 + "%";
                        } else {
                            this.guideData[0].list.push({
                                txt: '系统LOGO',
                                state: '0',
                                moduleID: '2fdc1fdb-50f4-4e9c-97c7-0d53b161f9da'
                            });
                        }
                    }.bind(this), "json");

                    //获取学校信息
                    $.get('/Home/GetCompanyDgree', function (ref) {
                        if (ref.code == "200") {
                            if (ref.data) {
                                this.guideData[0].list.push({
                                    txt: '学校信息',
                                    state: '1',
                                    moduleID: '881c109c-41dd-4046-ac9b-1f7e47a9f373'
                                });
                                this.guideData[0].complete = (parseInt(this.guideData[0].complete.substring(0, 2))) + 25 + "%";
                            } else {
                                this.guideData[0].list.push({
                                    txt: '学校信息',
                                    state: '0',
                                    moduleID: '881c109c-41dd-4046-ac9b-1f7e47a9f373'
                                });
                            }
                        }

                    }.bind(this), "json");
                    //获取部门机构信息
                    $.get('/Home/GetDepartment', function (ref) {
                        if (ref.code == "200") {
                            if (ref.data) {
                                this.guideData[0].list.push({
                                    txt: '部门机构信息',
                                    state: '1',
                                    moduleID: '20195f2e-bc0e-4a4a-a72f-b4e0dc4e12f4'
                                });
                                this.guideData[0].complete = (parseInt(this.guideData[0].complete.substring(0, 2))) + 25 + "%";
                            } else {
                                this.guideData[0].list.push({
                                    txt: '部门机构信息',
                                    state: '0',
                                    moduleID: '20195f2e-bc0e-4a4a-a72f-b4e0dc4e12f4'
                                });
                            }
                        }
                    }.bind(this), "json");

                    //获取岗位信息
                    $.get('/Home/GetPost', function (ref) {
                        if (ref.code == "200") {
                            if (ref.data) {
                                this.guideData[0].list.push({
                                    txt: '岗位信息',
                                    state: '1',
                                    moduleID: '0c941dbb-1e11-4f2a-b706-052d7324ee52'
                                });
                                this.guideData[0].complete = (parseInt(this.guideData[0].complete.substring(0, 2))) + 25 + "%";
                            } else {
                                this.guideData[0].list.push({
                                    txt: '岗位信息',
                                    state: '0',
                                    moduleID: '0c941dbb-1e11-4f2a-b706-052d7324ee52'
                                });
                            }
                        }
                    }.bind(this), "json");
                    //获取教师信息
                    $.get('/Home/GetEmpInfo', function (ref) {
                        if (ref.code == "200") {
                            if (ref.data) {
                                this.guideData[1].list.push({
                                    txt: '教师信息',
                                    state: '1',
                                    moduleID: '92a85055-67f2-4a06-902a-f10ec5576d92'
                                });
                                this.guideData[1].complete = (parseInt(this.guideData[1].complete.substring(0, 2))) + 50 + "%";
                            } else {
                                this.guideData[1].list.push({
                                    txt: '教师信息',
                                    state: '0',
                                    moduleID: '92a85055-67f2-4a06-902a-f10ec5576d92'
                                });
                            }
                        }
                    }.bind(this), "json");
                    //获取帐号信息
                    $.get('/Home/GetEmpAccount', function (ref) {
                        if (ref.code == "200") {
                            if (ref.data) {
                                this.guideData[1].list.push({
                                    txt: '教师帐号',
                                    state: '1',
                                    moduleID: '14164f16-331e-4cc5-a56f-b051b88e5454'
                                });
                                this.guideData[1].complete = (parseInt(this.guideData[1].complete.substring(0, 2))) + 50 + "%";
                            } else {
                                this.guideData[1].list.push({
                                    txt: '教师帐号',
                                    state: '0',
                                    moduleID: '14164f16-331e-4cc5-a56f-b051b88e5454'
                                });
                            }
                        }
                    }.bind(this), "json");

                    //获取系部信息
                    $.get('/Home/GetCdDept', function (ref) {
                        if (ref.code == "200") {
                            if (ref.data) {
                                this.guideData2[0].list[0].list.push({
                                    txt: '系部信息',
                                    state: '1',
                                    moduleID: '8ddc500e-2804-4333-9f27-a9912151c83a'
                                });
                                this.guideData2[0].complete = (parseFloat(this.guideData2[0].complete.replace("%", ""))) + 9+ "%";
                            } else {
                                this.guideData2[0].list[0].list.push({
                                    txt: '系部信息',
                                    state: '0',
                                    moduleID: '8ddc500e-2804-4333-9f27-a9912151c83a'
                                });
                            }
                        }
                    }.bind(this), "json");
                    //获取专业信息
                    $.get('/Home/GetMajor', function (ref) {
                        if (ref.code == "200") {
                            if (ref.data) {
                                this.guideData2[0].list[0].list.push({
                                    txt: '专业信息',
                                    state: '1',
                                    moduleID: '12d22a46-471c-424b-a34f-d16ef4bd1862'
                                });
                                this.guideData2[0].complete = (parseFloat(this.guideData2[0].complete.replace("%", ""))) + 9 + "%";
                            } else {
                                this.guideData2[0].list[0].list.push({
                                    txt: '专业信息',
                                    state: '0',
                                    moduleID: '12d22a46-471c-424b-a34f-d16ef4bd1862'
                                });
                            }
                        }
                    }.bind(this), "json");
                    //获取课程信息
                    $.get('/Home/GetLesson', function (ref) {
                        if (ref.code == "200") {
                            if (ref.data) {
                                this.guideData2[0].list[0].list.push({
                                    txt: '课程信息',
                                    state: '1',
                                    moduleID: 'fc3b7abe-8a05-4bff-9ac5-6b7f82e73fde'
                                });
                                this.guideData2[0].complete = (parseFloat(this.guideData2[0].complete.replace("%", ""))) + 9 + "%";
                            } else {
                                this.guideData2[0].list[0].list.push({
                                    txt: '课程信息',
                                    state: '0',
                                    moduleID: 'fc3b7abe-8a05-4bff-9ac5-6b7f82e73fde'
                                });
                            }
                        }
                    }.bind(this), "json");
                    //获取教学楼信息
                    $.get('/Home/GetClassroomBuilding', function (ref) {
                        if (ref.code == "200") {
                            if (ref.data) {
                                this.guideData2[0].list[0].list.push({
                                    txt: '教学楼信息',
                                    state: '1',
                                    moduleID: '84b6abb6-342a-4859-848a-3ab9b77e9216'
                                });
                                this.guideData2[0].complete = (parseFloat(this.guideData2[0].complete.replace("%", ""))) + 9 + "%";
                            } else {
                                this.guideData2[0].list[0].list.push({
                                    txt: '教学楼信息',
                                    state: '0',
                                    moduleID: '84b6abb6-342a-4859-848a-3ab9b77e9216'
                                });
                            }
                        }
                    }.bind(this), "json");

                    //获取教室信息
                    $.get('/Home/GetClassroomInfo', function (ref) {
                        if (ref.code == "200") {
                            if (ref.data) {
                                this.guideData2[0].list[0].list.push({
                                    txt: '教室信息',
                                    state: '1',
                                    moduleID: '7eb60eb6-c554-403b-bd2d-43f1893540d0'
                                });
                                this.guideData2[0].complete = (parseFloat(this.guideData2[0].complete.replace("%", ""))) + 9+ "%";
                            } else {
                                this.guideData2[0].list[0].list.push({
                                    txt: '教室信息',
                                    state: '0',
                                    moduleID: '7eb60eb6-c554-403b-bd2d-43f1893540d0'
                                });
                            }
                        }
                    }.bind(this), "json");

                    //获取班级信息
                    $.get('/Home/GetClassInfo', function (ref) {
                        if (ref.code == "200") {
                            if (ref.data) {
                                this.guideData2[0].list[0].list.push({
                                    txt: '班级信息',
                                    state: '1',
                                    moduleID: '07c01052-0e7c-43a2-a1fc-ddec1c15acb2'
                                });
                                this.guideData2[0].complete = (parseFloat(this.guideData2[0].complete.replace("%", ""))) + 9 + "%";
                            } else {
                                this.guideData2[0].list[0].list.push({
                                    txt: '班级信息',
                                    state: '0',
                                    moduleID: '07c01052-0e7c-43a2-a1fc-ddec1c15acb2'
                                });
                            }
                        }
                    }.bind(this), "json");

                    //获取学生信息
                    $.get('/Home/GetStudentInfo', function (ref) {
                        if (ref.code == "200") {
                            if (ref.data) {
                                this.guideData2[0].list[1].list.push({
                                    txt: '学生信息',
                                    state: '1',
                                    moduleID: '614'
                                });
                                this.guideData2[0].complete = (parseFloat(this.guideData2[0].complete.replace("%", ""))) + 9 + "%";
                            } else {
                                this.guideData2[0].list[1].list.push({
                                    txt: '学生信息',
                                    state: '0',
                                    moduleID: '614'
                                });
                            }
                        }
                    }.bind(this), "json");

                    //获取学生帐号管理
                    $.get('/Home/GetStudentInfo', function (ref) {
                        if (ref.code == "200") {
                            if (ref.data) {
                                this.guideData2[0].list[1].list.push({
                                    txt: '学生帐号',
                                    state: '1',
                                    moduleID: '982329b4-f6af-472f-83dd-d3d26270df24'
                                });
                                this.guideData2[0].complete = (parseFloat(this.guideData2[0].complete.replace("%", ""))) + 9 + "%";
                            } else {
                                this.guideData2[0].list[1].list.push({
                                    txt: '学生帐号',
                                    state: '0',
                                    moduleID: '982329b4-f6af-472f-83dd-d3d26270df24'
                                });
                            }
                        }
                    }.bind(this), "json");


                    //获取排课信息
                    $.get('/Home/GetArrangeLesson', function (ref) {
                        if (ref.code == "200") {
                            this.arrangeLessonItem.state = ref.data;
                            if (ref.data) {
                                this.guideData2[0].complete = (parseFloat(this.guideData2[0].complete.replace("%", ""))) + 9 + "%";
                            }
                        }
                    }.bind(this), "json");

                    //获取排考信息
                    $.get('/Home/GetArrangeExam', function (ref) {
                        if (ref.code == "200") {
                            this.arrangeExamItem.state = ref.data;
                            if (ref.data) {
                                this.guideData2[0].complete = (parseFloat(this.guideData2[0].complete.replace("%", ""))) + 9 + "%";
                            }
                        }
                    }.bind(this), "json");

                    //获取考试成绩
                    $.get('/Home/GetStuScore', function (ref) {
                        if (ref.code == "200") {
                            this.stuScore.state = ref.data;
                            if (ref.data) {
                                this.guideData2[0].complete = (parseFloat(this.guideData2[0].complete.replace("%", ""))) + 10 + "%";
                            }
                        }
                    }.bind(this), "json");


                },
                openIframe: function (moduleid) {
                    var guide = top.learun.clientdata.get(['modulesMap', moduleid]);
                    if (guide) {
                        //learun.frameTab.open(guide);
                        top.learun.frameTab.open({ F_ModuleId: guide.F_ModuleId, F_Icon: guide.F_Icon, F_FullName: guide.F_FullName, F_UrlAddress: guide.F_UrlAddress }, false);
                    }

                },
                openLessonUrl: function () {
                    window.open("/SSOSystem/GoTo?sysid=@DESEncrypt.Encrypt("d804faf8-87de-406c-9bd4-ec0610f3ed59",ViewBag.PublicKey)&openid=@DESEncrypt.Encrypt(ViewBag.userId,ViewBag.PublicKey)");
                },
                openExamUrl: function () {
                    window.open("/SSOSystem/GoTo?sysid=@DESEncrypt.Encrypt("d804faf8-87de-406c-9bd4-ec0610f3ed59",ViewBag.PublicKey)&openid=@DESEncrypt.Encrypt(ViewBag.userId,ViewBag.PublicKey)");
                },
                openScoreUrl: function () {
                    window.open("/SSOSystem/GoTo?sysid=@DESEncrypt.Encrypt("8056b63c-4584-4227-85b7-7df52a30542b",ViewBag.PublicKey)&openid=@DESEncrypt.Encrypt(ViewBag.userId,ViewBag.PublicKey)");
                }
            },
            created() {
                this.getData();
            },
        });


        $(document).on('click', '.guideSecTBtn', function () {
            var flag = $(this).hasClass('active');
            if (flag) {
                $(this).removeClass('active').parents('.guideSec1').find('.guideSec1Box').slideDown(500);
            } else {
                $(this).addClass('active').parents('.guideSec1').find('.guideSec1Box').slideUp(500);
            }
        }).on('click', '.guideSelect li', function () {
            $(this).parents('.guideSelect').find('span').text($(this).text())
        })
    </script>
</body>