query_ability_test.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
  2. <div class="form">
  3. <div class="btn">
  4. <button name="" class="query" ng-click="queryAbilityTestData()">查询</button>
  5. <button name="" class="export" ng-click="exportAbilityTestData()">导出</button>
  6. <button name="" class="query" data-toggle="modal" data-target="#importAbilityTestModal" style="margin-top:10px">导入面试成绩</button>
  7. </div>
  8. <dl class="col2">
  9. <dt>学生姓名:</dt>
  10. <dd><input type="text" ng-model="abilitytestParm.name" class="txt1" /></dd>
  11. </dl>
  12. <dl class="col2">
  13. <dt>能力测试情况:</dt>
  14. <dd>
  15. <select name="" ng-model="abilitytestParm.accepted">
  16. <option value="">请选择</option>
  17. <option value="1">通过</option>
  18. <option value="0">未通过</option>
  19. </select>
  20. </dd>
  21. </dl>
  22. <dl class="col2" ng-init="getProvList()">
  23. <dt>学校区域:</dt>
  24. <dd>
  25. <select name="" ng-model="abilitytestParm.province" ng-options="list.value as list.text for list in stdprovlists">
  26. <option value="">请选择</option>
  27. </select>
  28. </dd>
  29. </dl>
  30. </div>
  31. <div class="table">
  32. <table>
  33. <thead>
  34. <tr>
  35. <th width="20%">学校名称</th>
  36. <th width="15%">区域</th>
  37. <th width="14%">报名号</th>
  38. <th width="15%">姓名</th>
  39. <th width="10%">性别</th>
  40. <th width="10%">分数</th>
  41. <th width="20%">测试情况</th>
  42. </tr>
  43. </thead>
  44. <tbody ng-init="getAbilityTestData()">
  45. <tr ng-show="pageData.totalCounts == 0">
  46. <td colspan="6" align="center">无任何数据</td>
  47. </tr>
  48. <tr ng-show="pageData.totalCounts > 0" ng-repeat="list in abilitytestlists">
  49. <td>{{list.school}}</td>
  50. <td>{{list.province}}</td>
  51. <td>{{list.bmnumber}}</td>
  52. <td>{{list.name}}</td>
  53. <td>{{list.sex==0?'女':'男'}}</td>
  54. <td>{{list.score}}</td>
  55. <td>{{list.accepted==1?'通过':'未通过'}}</td>
  56. </tr>
  57. </tbody>
  58. </table>
  59. </div>
  60. <div class="page" ng-show="pageData.totalPages > 1"><span>{{pageData.totalCounts}}条记录</span><a href="javascript:;" class="first" ng-click="bmFirstPage()">首页</a><a href="javascript:;" class="prev" ng-click="bmPrevPage()">上一页</a><span>{{pageData.pageIndex}}/{{pageData.totalPages}}页</span><a href="javascript:;" class="next" ng-click="bmNextPage()">下一页</a><a href="javascript:;" class="last" ng-click="bmLastPage()">尾页</a></div>
  61. <!-- <div class="form">
  62. <button name="" class="save">保存</button>
  63. </div> -->
  64. <div class="modal fade" id="importAbilityTestModal" tabindex="-1" role="dialog" aria-labelledby="importAbilityTestModal">
  65. <div class="modal-dialog" role="document">
  66. <div class="modal-content">
  67. <div class="modal-header">
  68. <button type="button" class="close close_modal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  69. <h4 class="modal-title" id="myModalLabel">导入考生能力测试成绩</h4>
  70. </div>
  71. <div class="modal-body">
  72. <div>
  73. 选择Excel文件:<input id="importabilityscore" type="file" name="importabilityscore" />
  74. <input id="importabilityscorepath" type="hidden" />
  75. </div>
  76. <div class="import_error_msg" style="color:red;display:none">
  77. 文件格式错误,只支持Excel格式的文件导入
  78. </div>
  79. <div class="import_success_msg" style="color:green;display:none">
  80. </div>
  81. </div>
  82. <div class="modal-footer">
  83. <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
  84. <button type="button" class="btn btn-primary pull-right" ng-click="doimportstdabilityScore()">导入</button>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. <script src="./bootstrap/js/jQuery-2.1.4.min.js"></script>
  90. <script src="./bootstrap/js/bootstrap.js"></script>
  91. <script src="./js/ajaxfileupload.js"></script>
  92. <script type="text/javascript">
  93. $(function(){
  94. function check_type(str){
  95. var index=str.lastIndexOf('.');
  96. var strtype=str.substr(index+1);
  97. strtype=strtype.toLowerCase();
  98. if(strtype=='xls' || strtype=='xlsx'){
  99. return true;
  100. }
  101. return false;
  102. }
  103. //考生面试成绩导入
  104. $('#importAbilityTestModal').on('shown.bs.modal', function (e) {
  105. $(".import_error_msg").hide();
  106. $(".import_success_msg").hide();
  107. $('#importabilityscore').val('');
  108. $('#importabilityscore').on('change',function(){
  109. $(".import_success_msg").hide();
  110. var a = check_type($(this).val());
  111. if(!a) {
  112. $(".import_error_msg").show();
  113. return false;
  114. }
  115. else{
  116. $(".import_error_msg").hide();
  117. }
  118. //上传
  119. var upload_url = main_host + '/api/FileUploads';
  120. $.ajaxFileUpload({
  121. url: upload_url, //用于文件上传的服务器端请求地址
  122. secureuri: false, //是否需要安全协议,一般设置为false
  123. fileElementId: 'importabilityscore', //文件上传域的ID
  124. dataType: 'json', //返回值类型 一般设置为json
  125. data:{
  126. type:31 //31 考生参加能力测试成绩导入
  127. },
  128. success: function (data, status){ //服务器成功响应处理函数
  129. if (data.code=='1'){
  130. $(".import_success_msg").html(data.files[0].originalFilename + '上传成功');
  131. $(".import_success_msg").show();
  132. $('#importabilityscorepath').val(data.files[0].path);
  133. }
  134. },
  135. error: function (data, status, e){//服务器响应失败处理函数
  136. alert('上传失败,请重新上传!');
  137. }
  138. })
  139. });
  140. });
  141. });
  142. </script>