|
-
- @{
- 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>
|