score.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>广西自学考试网上系统</title>
  5. <meta charset="UTF-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <!--<link rel="stylesheet" href="https://unpkg.com/element-ui@2.4.11/lib/theme-chalk/index.css">-->
  8. <link rel="stylesheet" href="https://lib.baomitu.com/element-ui/2.12.0/theme-chalk/index.css">
  9. <script src="https://lib.baomitu.com/vue/2.5.17/vue.min.js"></script>
  10. <script src="https://lib.baomitu.com/element-ui/2.4.11/index.js"></script>
  11. <script src="https://lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
  12. <script src="./js/tool.js"></script>
  13. </head>
  14. <body>
  15. <div id="app" style="width:80%;left:10%;position:absolute;margin: 10px 10px;display: none;">
  16. <el-card class="box-card" v-loading="loading" element-loading-text="初始化数据加载中...">
  17. <div slot="header" class="clearfix">
  18. <div style="text-align: center;font-size: 20px;">
  19. {{year_code}}批次成绩查询
  20. </div>
  21. </div>
  22. <div class="majorDiv" style="width: 100%;margin-bottom: 20px">
  23. <!-- <el-col :span="8" v-for="(item,index) in majorList" :key="item.id" >
  24. <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_" >
  25. {{index + 1}}. {{item.course_code}} - {{item.course_name}}
  26. </div>
  27. </el-col>
  28. -->
  29. <el-table
  30. v-loading="loading"
  31. :data="scoreList"
  32. style="width: 100%;margin-bottom: 10px;">
  33. <el-table-column
  34. type="index"
  35. label="序号"
  36. width="50">
  37. </el-table-column>
  38. <el-table-column
  39. prop="ticket_no"
  40. label="准考证号"
  41. width="120">
  42. </el-table-column>
  43. <el-table-column
  44. prop="course_code"
  45. label="课程代码"
  46. width="80">
  47. </el-table-column>
  48. <el-table-column
  49. prop="course_name"
  50. label="课程名称"
  51. width="300">
  52. </el-table-column>
  53. <el-table-column
  54. prop="final_score"
  55. label="成绩"
  56. width="80">
  57. <template slot-scope="scope">
  58. <span v-if="scope.row.final_score == '998' || scope.row.final_score == '999'">
  59. 免考
  60. </span>
  61. <span v-if="scope.row.final_score == '887' || scope.row.final_score == '888'">
  62. 课程顶替
  63. </span>
  64. <span v-if="scope.row.final_score != '887' && scope.row.final_score != '888' && scope.row.final_score != '998' && scope.row.final_score != '999'">
  65. <span v-if="scope.row.final_score == '-9'">
  66. 缺考
  67. </span>
  68. <span v-else-if="scope.row.final_score == '-3'">
  69. 违纪
  70. </span>
  71. <span v-else-if="scope.row.final_score == '-2'">
  72. 免考
  73. </span>
  74. <span v-else-if="scope.row.final_score == '-1'">
  75. 舞弊
  76. </span>
  77. <span v-else-if="scope.row.final_score == '201'">
  78. 及格
  79. </span>
  80. <span v-else-if="scope.row.final_score == '202'">
  81. 中等
  82. </span>
  83. <span v-else-if="scope.row.final_score == '203'">
  84. 良好
  85. </span>
  86. <span v-else-if="scope.row.final_score == '204'">
  87. 优秀
  88. </span>
  89. <span v-else>
  90. {{scope.row.final_score}}
  91. </span>
  92. </span>
  93. </template>
  94. </el-table-column>
  95. <el-table-column
  96. prop="score_source"
  97. label="成绩性质"
  98. width="120">
  99. <template slot-scope="scope">
  100. <span v-if="scope.row.score_source == 7">
  101. 合成
  102. </span>
  103. <span v-if="scope.row.score_source == 8">
  104. 合成
  105. </span>
  106. <span v-if="scope.row.score_source == 9">
  107. 合成
  108. </span>
  109. <span v-if="scope.row.score_source == 1">
  110. 统考
  111. </span>
  112. <span v-if="scope.row.score_source == 5">
  113. 免考
  114. </span>
  115. <span v-if="scope.row.score_source == 14">
  116. 违规
  117. </span>
  118. <span v-if="scope.row.score_source == 15">
  119. 作弊
  120. </span>
  121. </template>
  122. </el-table-column>
  123. </el-table>
  124. <cente style="width:100%;left:45%;position:absolute;">
  125. <el-button @click="goLogin">返回登录页面</el-button>
  126. </center>
  127. </div>
  128. <div style="height: 35px;">
  129. &nbsp;
  130. </div>
  131. </el-card>
  132. </div>
  133. </body>
  134. <script>
  135. new Vue({
  136. el: '#app',
  137. data: function () {
  138. return {
  139. loading: false,
  140. scoreList: null,
  141. year_code:null
  142. };
  143. },
  144. mounted: function() {
  145. window['Vue'] = this;
  146. let _this = this;
  147. this.query();
  148. },
  149. created: function() {
  150. setTimeout(function() {
  151. document.getElementById("app").style.display="block";
  152. }, 500);
  153. },
  154. methods: {
  155. query: function(){
  156. let std_id = '';
  157. let uerStr = localStorage.getItem("user");
  158. if(uerStr){
  159. let user = JSON.parse(uerStr);
  160. if(user){
  161. std_id = user.id;
  162. }else{
  163. return;
  164. }
  165. }
  166. this.loading = true;
  167. let this_ = window['Vue'];
  168. ajaxRequest("", '/kj/kjUnifiedScoreDetail/listAllByStd.htm', {
  169. std_id: std_id,
  170. }, function (res) {
  171. if(res.success){
  172. this_.scoreList = res.array;
  173. }else{
  174. $.Pop(resp.errorMsg, 'alert', function () {});
  175. }
  176. this_.loading = false;
  177. }),
  178. ajaxRequest("", '/kj/kjUnifiedScoreDetail/queryYearCode.htm', {
  179. std_id: std_id,
  180. }, function (res) {
  181. if(res.success){
  182. this_.year_code = res.entity;
  183. }else{
  184. $.Pop(resp.errorMsg, 'alert', function () {});
  185. }
  186. })
  187. },
  188. goLogin: function() {
  189. window.location.href = "./login.html";
  190. },
  191. }
  192. });
  193. </script>
  194. <style scoped>
  195. .footer {
  196. height: 30px;
  197. }
  198. .abs-bottom {
  199. width: 100%;
  200. position: absolute;
  201. bottom: 0;
  202. left: 0;
  203. right: 0;
  204. margin-bottom: 5px
  205. }
  206. #particles-js {
  207. position: absolute;
  208. top: 0;
  209. left: 0;
  210. right: 0;
  211. bottom: 0;
  212. }
  213. .particles-js-canvas-el {
  214. background-color: aliceblue
  215. }
  216. .btn-long {
  217. width: 100%;
  218. }
  219. .el-card__header {
  220. padding: 8px 8px !important;
  221. }
  222. body {
  223. background-color: #F3F3F3;
  224. }
  225. .el-checkbox__inner{
  226. vertical-align: text-top !important;
  227. }
  228. .el-checkbox__input{
  229. margin-bottom: 6px !important;
  230. }
  231. .el-alert--warning {
  232. background-color: #fdf6ec !important;
  233. color: #e6a23c;
  234. }
  235. .el-alert {
  236. margin: 20px 0 0;
  237. }
  238. .el-alert {
  239. width: 100%;
  240. padding: 8px 16px;
  241. margin: 0;
  242. box-sizing: border-box;
  243. border-radius: 4px;
  244. position: relative;
  245. background-color: #fff;
  246. overflow: hidden;
  247. opacity: 1;
  248. display: flex;
  249. align-items: center;
  250. transition: opacity .2s;
  251. }
  252. .el-tabs__nav{
  253. width: 100% !important
  254. }
  255. .el-tabs__item{
  256. width: 50% !important
  257. }
  258. .cell_:hover{
  259. background-color: #b3d8ff
  260. }
  261. </style>
  262. </html>