pre_publish.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  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="queryPrePublishStd()">查询</button>
  5. <button name="" class="query" ng-click="exportsStdData()">导出</button>
  6. <button name="" class="query" data-toggle="modal" data-target="#myModal">导入</button>
  7. </div>
  8. <dl class="col1" ng-init="getPrePublishProvinces()"> <!--getBmProv() -->
  9. <dt>高中区域:</dt>
  10. <dd>
  11. <select ng-model="prepublishstdParm.province" ng-options="item.province_id as item.province_name for item in provinces">
  12. <option value="">请选择</option>
  13. </select>
  14. </dd>
  15. </dl>
  16. <dl class="col1">
  17. <dt>文理类型:</dt>
  18. <dd>
  19. <select ng-model="prepublishstdParm.wenliType">
  20. <option value="">请选择</option>
  21. <option value="1">文科</option>
  22. <option value="2">理科</option>
  23. <option value="3">不分文理</option>
  24. </select>
  25. </dd>
  26. </dl>
  27. <dl class="col1">
  28. <dt>性别:</dt>
  29. <dd>
  30. <select ng-model="prepublishstdParm.sex">
  31. <option value="">请选择</option>
  32. <option value="1">男</option>
  33. <option value="2">女</option>
  34. </select>
  35. </dd>
  36. </dl>
  37. </div>
  38. <div class="ctitle">
  39. <h2>学生信息:</h2>
  40. </div>
  41. <div class="table" ng-init="queryPrePublishStd()">
  42. <table>
  43. <thead>
  44. <tr>
  45. <th width="10%">选择</th>
  46. <th width="24%">学校</th>
  47. <th width="15%">考生</th>
  48. <th width="12%">性别</th>
  49. <th width="20%">文理科类型</th>
  50. <th width="12%">分数</th>
  51. </tr>
  52. </thead>
  53. <tbody>
  54. <tr ng-show="pageData.totalCounts == 0">
  55. <td colspan="6" align="center">无任何数据</td>
  56. </tr>
  57. <tr ng-show="pageData.totalCounts > 0" ng-repeat="list in prepublishstdlists">
  58. <td><input type="checkbox" ng-model="prestdItem" ng-click="multipleChecked(prestdItem,list.studentId)" /></td>
  59. <td>{{list.school}}</td>
  60. <td>{{list.name}}</td>
  61. <td>{{list.sex==1?'男':'女'}}</td>
  62. <td>{{list.wenliType==1?'文科':(list.wenliType==2?'理科':'不分文理')}}</td>
  63. <td>{{list.score}}</td>
  64. </tr>
  65. </tbody>
  66. </table>
  67. </div>
  68. <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>
  69. <div class="form">
  70. <button name="" ng-click="launchPrePublish()" class="start">评审成绩预发布</button>
  71. </div>
  72. <div class="pop_dblist" id="showExpert">
  73. <ul class="group">
  74. <li ng-repeat="name in expertname">{{name}}</li>
  75. </ul>
  76. <ul class="list">
  77. <li ng-repeat="list in dbexpertlists"><label data-userid="{{list.id}}">{{list.name}}</label></li>
  78. </ul>
  79. </div>
  80. <!-- Modal -->
  81. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  82. <div class="modal-dialog" role="document">
  83. <div class="modal-content">
  84. <div class="modal-header">
  85. <button type="button" class="close close_modal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  86. <h4 class="modal-title" id="myModalLabel">导入预发布考生</h4>
  87. </div>
  88. <div class="modal-body">
  89. <div>
  90. 选择Excel文件:<input id="importprepublishstd" type="file" name="importprepublishstd" />
  91. <input id="importprepublishstdpath" type="hidden" />
  92. </div>
  93. <div class="import_error_msg" style="color:red;display:none">
  94. 文件格式错误,只支持Excel格式的文件导入
  95. </div>
  96. <div class="import_success_msg" style="color:green;display:none">
  97. </div>
  98. </div>
  99. <div class="modal-footer">
  100. <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
  101. <button type="button" class="btn btn-primary pull-right" ng-click="doimportstddata()">导入</button>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <script src="./bootstrap/js/jQuery-2.1.4.min.js"></script>
  107. <script src="./bootstrap/js/bootstrap.js"></script>
  108. <script src="./js/ajaxfileupload.js"></script>
  109. <script type="text/javascript">
  110. $(function(){
  111. function check_type(str){
  112. var index=str.lastIndexOf('.');
  113. var strtype=str.substr(index+1);
  114. strtype=strtype.toLowerCase();
  115. if(strtype=='xls' || strtype=='xlsx'){
  116. return true;
  117. }
  118. return false;
  119. }
  120. $('#myModal').on('shown.bs.modal', function (e) {
  121. $(".import_error_msg").hide();
  122. $(".import_success_msg").hide();
  123. $('#importprepublishstd').val('');
  124. $('#importprepublishstd').on('change',function(){
  125. $(".import_success_msg").hide();
  126. var a = check_type($(this).val());
  127. if(!a) {
  128. $(".import_error_msg").show();
  129. return false;
  130. }
  131. else{
  132. $(".import_error_msg").hide();
  133. }
  134. //上传
  135. var upload_url = main_host + '/api/FileUploads';
  136. $.ajaxFileUpload({
  137. url: upload_url, //用于文件上传的服务器端请求地址
  138. secureuri: false, //是否需要安全协议,一般设置为false
  139. fileElementId: 'importprepublishstd', //文件上传域的ID
  140. dataType: 'json', //返回值类型 一般设置为json
  141. data:{
  142. type:30 //0:个人头像 1:复语测试证明材料 2:课程以及成绩排名打印件 3:竞赛比赛证明材料 4:发表作品证明材料 5:发明成果证明材料 6:担任学生干部证明材料 7:综合奖励证明材料 8:班主任和年级组长推荐信证明材料
  143. },
  144. success: function (data, status){ //服务器成功响应处理函数
  145. if (data.code=='1'){
  146. $(".import_success_msg").html(data.files[0].originalFilename + '上传成功');
  147. $(".import_success_msg").show();
  148. $('#importprepublishstdpath').val(data.files[0].path);
  149. }
  150. },
  151. error: function (data, status, e){//服务器响应失败处理函数
  152. alert('上传失败,请重新上传!');
  153. }
  154. })
  155. });
  156. });
  157. });
  158. </script>