zk-platform
/
student-web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434
							<!DOCTYPE html>
<html>

<head>
  <title>广西自学考试网上系统</title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
  <!-- import CSS -->
  <!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> -->
  <!--<link rel="stylesheet" href="https://unpkg.com/element-ui@2.4.11/lib/theme-chalk/index.css">-->
  <link rel="stylesheet" href="https://lib.baomitu.com/element-ui/2.12.0/theme-chalk/index.css">
  <!-- <link rel="stylesheet" href="./vendor/element/element-ui-2.4.11.css"> -->
  <link rel="stylesheet" href="./css/icons.css">

<!-- 
  <link href="./vendor/step/bootstrap.min.css" rel="stylesheet">
  <link href="./vendor/step/gloab.css" rel="stylesheet"> -->

  <script src="./vendor/md5/md5.js" type="text/javascript"></script>
  <!--<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>-->

</head>

<body>
  <div id="app" style="width:60%;left:20%;position:absolute;margin: 10px 10px;display: none;">
 
    <el-card class="box-card" v-loading="loading" element-loading-text="初始化数据加载中...">

      <div slot="header" class="clearfix">
          <a style="color:blue;position: absolute;right: 20px;top: 15px;font-size: 14px;" href="http://www.gxeea.cn/view/content_1013_24985.htm?from=singlemessage" target="_new">关于设置与调整自考专业的通知</a>
         <!-- <a style="color:blue;position: absolute;right: 20px;top: 50px;font-size: 14px;" href="https://www.gxeea.cn/view/content_633_15806.htm" target="_new">《关于高等教育自学考试英语和数学等课程由必考课改为选考课有关事项的通知》（桂考委办[2010]21号文件）</a>
         -->
          <a style="color:blue;position: absolute;right: 20px;top: 50px;font-size: 14px;" href="https://www.gxeea.cn/view/content_1148_15806.htm" target="_new">我区高等教育自学考试英语和数学等课程由必考课改为选考课</a>


          <div style="text-align: center;font-size: 20px;">
          专业计划查询
        </div>
      </div>
      
          <div style="padding-top:15px;">
              专业层次: 
              <!-- @change="major_level_change()" -->
            <el-select @change="query()" size="medium" v-model="item.major_level" filterable clearable placeholder="专科/本科">
                <el-option label="专科" value="0"></el-option>
                <el-option label="本科" value="1"></el-option>
            </el-select>
    <!--
            &nbsp;&nbsp;
            是否新专业:
            <el-select size="medium" v-model="item.is_new_major" filterable clearable placeholder="是否新专业">
                <el-option label="是" value="1"></el-option>
                <el-option label="否" value="0"></el-option>
            </el-select>
            &nbsp;&nbsp;
              <el-button @click="query()" type="primary" size="small" plain>查询</el-button>
            <br>
            <br>
             -->
          </div>

          <div class="majorDiv" style="width: 100%;margin-bottom: 20px">
            <el-col :span="8" v-for="(item,index) in majorList" :key="item.id" >
              <div style="height: 35px;vertical-align: middle;margin-left: 4px;font-size:14px;cursor:pointer;margin-top: 6px;padding-top: 8px;padding-left: 6px;" class="cell_" @click="goShowCourseList(item)">
                  {{index + 1}}. {{item.major_code}} - {{item.major_name}}
              </div>
            </el-col>
            <center>
              <el-button @click="goLogin">返回登录页面</el-button>
            </center>
          </div> 

          <div style="height: 35px;">
            &nbsp;
          </div>
    </el-card>

    <el-dialog width="900px" title="专业课程列表" :visible.sync="courseDialogVisible">
        <el-row>
          <el-col :span="24">
            <div v-if="selectedMajor" style="width:90%;height:100%;margin-left: 14px;;padding: 8px 16px;background-color: #ecf8ff;border-radius: 4px;margin: 0px 0;">
                <!-- <div style="font-size:17px;font-weight:400;margin-top: 8px 0"><center></center></div>
                
  
                <div style="font-size:17px;font-weight:400;margin-top: 8px 0"><center>主考院校</center></div> -->
  
                <table>
                  <tr>
                    <td style="width:120px;"><div style="font-size:17px;font-weight:400;margin-top: 8px 0">专业说明：</div>
                    </td>
                    <td colspan="3">{{selectedMajor.remark?selectedMajor.remark:""}}
                    </td>
                  </tr>
                  <tr>
                    <td colspan="4">
                      <hr style=" height:2px;border:none;border-top:2px dotted #185598;" />
                    </td>
                  </tr>
                  <tr>
                    <td style="width:120px;"><div style="font-size:17px;font-weight:400;margin-top: 8px 0">专业名称：</div></td>
                    <td>{{selectedMajor.major_code}}-{{selectedMajor.major_name}}</td>
                
                    <td style="width:120px;"><div style="font-size:17px;font-weight:400;margin-top: 8px 0">主考院校：</div></td>
                    <td>{{school_name}}</td>
                  </tr>
                </table>
  
            </div>
            <br>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-table
          v-loading="courseLoading"
          :data="courseList"
          style="width: 100%">
          <el-table-column
            type="index"
            label="序号"
            width="60">
          </el-table-column>
          <el-table-column
            prop="course_name"
            label="课程名称"
            width="250">
          </el-table-column>
          <el-table-column
            prop="course_code"
            label="课程代码"
            width="120">
          </el-table-column>
          <el-table-column
            prop="course_nature"
            label="课程类型"
            width="120">
          </el-table-column>
          <el-table-column
            prop="course_score"
            label="学分"
            width="120"
            >
          </el-table-column>
        
          <!-- <el-table-column v-if="item.is_new_major == '0'"
            prop="repl_course_name"
            label="课程顶替名称"
            width="150">
          </el-table-column> -->
          <el-table-column
            prop=""
            label="课程教材"
            width="150">
             <template slot-scope="scope">
                <el-button @click="showCourseTextBook(scope.row)" type="primary" size="small" plain>查看</el-button>
              
            </template>
          </el-table-column>
        </el-table>
          </el-col>
          <!-- <el-col :span="9">
              <div v-if="selectedMajor" style="width:85%;heigth:100%;margin-left: 14px;;padding: 8px 16px;background-color: #ecf8ff;border-radius: 4px;margin: 0px 0;">
                <div style="font-size:17px;font-weight:400;margin-top: 8px 0"><center>专业说明</center></div>
                {{selectedMajor.remark}}
              </div>
          </el-col> -->
        </el-row>
        <center>
          <el-button type="alert" @click="courseDialogVisible=false;">关闭</el-button>
        </center>
      </el-dialog>
  
      <el-dialog width="1000px" title="课程教材列表" :visible.sync="textBookDialogVisible">
        <el-table
          v-loading="textBookLoading"
          :data="textBookList"
          style="width: 100%">
          <el-table-column
            prop="year_code"
            label="启用批次"
            width="80">
          </el-table-column>
          <el-table-column
            prop="textbook_outline"
            label="教材大纲"
            width="220">
          </el-table-column>
          <el-table-column
            prop="textbook_name"
            label="教材名称"
            width="220">
          </el-table-column>
          <el-table-column
            prop="textbook_code"
            label="教材编码"
            width="80">
          </el-table-column>
          <el-table-column
            prop="textbook_writer"
            label="作者"
            width="120">
          </el-table-column>
          <el-table-column
            prop="textbook_publisher"
            label="出版社">
          </el-table-column>
          <el-table-column
            prop="textbook_revision"
            label="版次">
          </el-table-column>
     
        </el-table>
  
      </el-dialog>

  </div>
</body>
<!-- import Vue before Element -->
<!-- <script src="https://unpkg.com/vue/dist/vue.js"></script> -->
<script src="https://lib.baomitu.com/vue/2.5.17/vue.min.js"></script>
<!-- import JavaScript -->
<!-- <script src="https://unpkg.com/element-ui/lib/index.js"></script> -->
<script src="https://lib.baomitu.com/element-ui/2.4.11/index.js"></script>

<script src="https://lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
<script src="./vendor/jqueryPlugPop/plug-in.min.js"></script>
<script src="./js/tool.js"></script>

<script>
  new Vue({
    el: '#app',
    data: function () {
      return {
            loading: false,
            item:{
              major_level: "1",
              is_new_major: "1"
            },
            majorList: null,
            selectedMajor: null,
            courseLoading: false,
            school_name:"",
            courseList: null,
            courseDialogVisible: false,
            textBookDialogVisible: false,
            textBookList:[],
            textBookLoading:false
          };
    },
    mounted: function() {
      window['Vue'] = this;
      let _this = this;
      this.item.is_new_major = "1";
      
      this.query();
    },
    created: function() {
      setTimeout(function() {
        document.getElementById("app").style.display="block";
      }, 500);
    },
    methods: {
      query: function(){
        // let loading = this.showLoading();
         this.loading = true;
         let this_ = window['Vue'];
         ajaxRequest("", '/pl/plMajor/listByMajorLevel.htm', {
            major_level: this_.item.major_level,
            is_new_major:this_.item.is_new_major
          }, function (res) {
          if(res.success){
            this_.majorList = res.array;
       
          }else{
            $.Pop(resp.errorMsg, 'alert', function () {});
          }
          this_.loading = false;
        })
        // let res = await this.$http.post("/pl/plMajor/listByMajorLevel.htm",
        // this.Qs.stringify({
        //     major_level: this.item.major_level,
        //     is_new_major:this.item.is_new_major
        //   })
        // )
        // this.majorList = res.data.array;
        // this.hideLoading(loading);
      },

      goShowCourseList: function(major){
        this.selectedMajor = major;
        this.courseLoading = true;
        let this_ = window['Vue'];
        ajaxRequest("", '/std/cfOrganization/querySchoolListByMajorId.htm', {
          major_id: major.id
          }, function (res) {
          if(res.success){
            let orgArray = res.array;
            if(orgArray.length >0){
              this_.school_name = orgArray[0].org_code + "-" + orgArray[0].org_name;
            }
            ajaxRequest("", '/pl/plMajor/listCourseByMajor.htm', {
              major_id: major.id
              }, function (res) {
                if(res.success){
                  this_.courseList = res.array;
                  this_.courseDialogVisible = true;
                  this_.courseLoading = false;
                }
                this_.courseLoading = false;
            });
       
          }else{
            $.Pop(resp.errorMsg, 'alert', function () {});
          }
          
        })
       
      },

      showCourseTextBook: function(item){
        this.textBookLoading = true;
        let this_ = window['Vue'];
        this_.textBookList = [];
        ajaxRequest("", '/pl/plMajorCourse/textBookListByCourse.htm', {
              course_id: item.id
              }, function (res) {
                if(res.success){
                  for (let index = 0; index < res.array.length; index++) {
                    const element = res.array[index];
                    if(index<=1){
                      this_.textBookList.push(element);
                    }else{
                      break;
                    }
                  }
                  // this_.textBookList = res.array;
                  this_.textBookDialogVisible = true;
                }
                this_.textBookLoading = false;
                this_.courseLoading = false;
          });
 
      },

      goLogin: function() {
        window.location.href = "./login.html";
      },

    }
  });
</script>


<style scoped>
  .footer {
    height: 30px;
  }

  .abs-bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 5px
  }

  #particles-js {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .particles-js-canvas-el {
    background-color: aliceblue
  }

  .btn-long {
    width: 100%;
  }

  .el-card__header {
    padding: 8px 8px !important;
  }

  body {
    background-color: #F3F3F3;
  }

  .el-checkbox__inner{
    vertical-align: text-top !important;
  }
  .el-checkbox__input{
    margin-bottom: 6px !important;
  }

  .el-alert--warning {
    background-color: #fdf6ec !important;
    color: #e6a23c;
  }
  .el-alert {
    margin: 20px 0 0;
  }
  .el-alert {
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    opacity: 1;
    display: flex;
    align-items: center;
    transition: opacity .2s;
  }
  .el-tabs__nav{
    width: 100% !important
  }
  .el-tabs__item{
    width: 50% !important
  }
 
  .cell_:hover{
    background-color: #b3d8ff
  }

  
</style>

</html>