trialTable.php 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <title>试用记录trial</title>
  7. <meta name="description" content="">
  8. <meta name="keywords" content="">
  9. <link href="/css/ims/base.css" rel="stylesheet">
  10. <link rel="stylesheet" type="text/css" href="/css/ims/bootstrap.min.css"/>
  11. <link rel="stylesheet" type="text/css" href="/css/ims/ace.min.css"/>
  12. <style>
  13. input {
  14. height: 30px;
  15. border-radius: 4px;
  16. border: 1px solid #ccc;
  17. box-shadow: none;
  18. text-indent: 10px;
  19. margin-right: 5px;
  20. float:left;
  21. }
  22. .green {
  23. color: green;
  24. }
  25. .red {
  26. color: red;
  27. }
  28. .yellow {
  29. color: #FF9900;
  30. }
  31. .layui-layer-zxhx .layui-layer-title {
  32. background: #15ae68;
  33. }
  34. .layui-layer-zxhx .layui-layer-btn a {
  35. background: #15ae68;
  36. border-color: #15ae68;
  37. }
  38. .ims-box {
  39. margin: 20px;
  40. }
  41. .ims-box .title h1 {
  42. display: inline-block;
  43. font-size: 28px;
  44. }
  45. .ims-box .title a {
  46. margin-left: 30px;
  47. color: #0000FF;
  48. }
  49. .screen {
  50. height: 30px;
  51. margin-top: 20px;
  52. margin-bottom: 20px;
  53. }
  54. .screen > div {
  55. margin: 0 5px;
  56. line-height: 30px;
  57. }
  58. .apply-extend-trial {
  59. cursor: pointer;
  60. }
  61. .stop-layer-box, .resubmit-layer-box, .delete-layer-box {
  62. line-height: 140px;
  63. text-align: center;
  64. }
  65. </style>
  66. </head>
  67. <body>
  68. <div class="ims-box">
  69. <form action="<?php echo Yii::app()->createUrl('imsSale/trialTable'); ?>" method="get">
  70. <div class="screen">
  71. <div class="diy_select select-seasonId">
  72. <input type="hidden" id="seasonId" name="seasonId" class="diy_select_input" value="0">
  73. <div class="diy_select_txt">请选择学期</div>
  74. <div class="diy_select_btn"></div>
  75. <ul class="diy_select_list" style="display: none;">
  76. <?php if ($seasonList): ?>
  77. <li val="0">请选择学期</li>
  78. <?php foreach ($seasonList as $season): ?>
  79. <?php if($season['semesters']){
  80. foreach ($season['semesters'] as $val){
  81. echo '<li val="'.$season['schoolYearId'].'_'.$val['semesterId'].'">'.$season['periodName'].$val['semesterName'].'</li>';
  82. }
  83. }?>
  84. <?php endforeach; ?>
  85. <?php else: ?>
  86. <li val="0">暂无学期</li>
  87. <?php endif; ?>
  88. </ul>
  89. </div>
  90. <div class="diy_select select-goods">
  91. <input type="hidden" id="goodsTypeId" name="goodsTypeId" class="diy_select_input" value="0">
  92. <div class="diy_select_txt">请选择商品</div>
  93. <div class="diy_select_btn"></div>
  94. <ul class="diy_select_list" style="display: none;">
  95. <?php if ($goodList): ?>
  96. <li val="0">请选择商品</li>
  97. <?php foreach ($goodList as $good): ?>
  98. <li val="<?php echo $good['goodsTypeId']; ?>"><?php echo $good['goodsTypeName']; ?></li>
  99. <?php endforeach; ?>
  100. <?php else: ?>
  101. <li val="">暂无商品</li>
  102. <?php endif; ?>
  103. </ul>
  104. </div>
  105. <div class="diy_select select-subject">
  106. <input type="hidden" id="subject" name="subject" class="diy_select_input" value="0">
  107. <div class="diy_select_txt">请选择学科</div>
  108. <div class="diy_select_btn"></div>
  109. <ul class="diy_select_list" style="display: none;">
  110. <li val="0">请选择学科</li>
  111. <?php
  112. if(isset($subject) && $subject){
  113. foreach($subject as $key=> $val){
  114. echo '<li val="'.$key.'">'.$val.'</li>';
  115. }
  116. }
  117. ?>
  118. </ul>
  119. </div>
  120. <div class="diy_select select-grade">
  121. <input type="hidden" id="grade" name="grade" class="diy_select_input" value="0">
  122. <div class="diy_select_txt">请选择年级</div>
  123. <div class="diy_select_btn"></div>
  124. <ul class="diy_select_list" style="display: none;">
  125. <li val="0">请选择年级</li>
  126. <?php
  127. if(Yii::app()->params['grade_list']){
  128. foreach (Yii::app()->params['grade_list'] as $val){
  129. echo '<li val="'.$val['id'].'" >'.$val['grade_name'].'</li>';
  130. }
  131. }
  132. ?>
  133. </ul>
  134. </div>
  135. <div class="diy_select select-clazzId">
  136. <input type="hidden" id="clazzId" name="clazzId" class="diy_select_input" value="0">
  137. <div class="diy_select_txt">请选择班级</div>
  138. <div class="diy_select_btn"></div>
  139. <ul class="diy_select_list" style="display: none;">
  140. </ul>
  141. </div>
  142. <button type="submit" class="label-primary-s bth-s">查询</button>
  143. <a href="<?php echo Yii::app()->createUrl('imsSale/trial');?>" type="button" class="label-primary-s bth-s">开通试用</a>
  144. <button type="button" class="label-primary-s stu-query">试用学生查询</button>
  145. <a class="label-primary-s timetable">普通试用时间表</a>
  146. </div>
  147. </form>
  148. <div>
  149. <table id="record-table"
  150. class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable"
  151. style="font-size:12px">
  152. <thead>
  153. <tr>
  154. <th>订单号</th>
  155. <th>试用商品</th>
  156. <th>试用人数</th>
  157. <th>暂停人数</th>
  158. <th>年级</th>
  159. <th>试用学科</th>
  160. <th>开始试用时间</th>
  161. <th>试用结束时间</th>
  162. <th>已使用次数</th>
  163. <th>试用类型</th>
  164. <th>状态</th>
  165. <th>审批状态</th>
  166. <th>操作</th>
  167. </tr>
  168. </thead>
  169. <tbody>
  170. <?php if ($list): ?>
  171. <?php foreach ($list as $item): ?>
  172. <tr>
  173. <td><?php echo $item['orderNo']; ?></td>
  174. <td><?php echo $item['goodsName']; ?></td>
  175. <td>
  176. <a href="<?php echo Yii::app()->createUrl('imsSale/trialStudent', array('orderId' => $item['orderId'])) ?>">
  177. <?php echo $item['trialStudentNum']; ?>
  178. </a>
  179. </td>
  180. <td><?php echo $item['stopNum']; ?></td>
  181. <td><?php echo $item['gradeName']; ?></td>
  182. <td><?php echo $item['subjectName']; ?></td>
  183. <td><?php echo $item['beginTime']; ?></td>
  184. <td><?php echo $item['endTime']; ?></td>
  185. <td><?php echo $item['trialNum']; ?></td>
  186. <td><?php echo isset($item['trialTypeName'])?$item['trialTypeName']:'' ?></td>
  187. <td class="trial-type" status="<?php echo $item['status']; ?>"><?php echo $item['statusName']; ?></td>
  188. <td class="subject-type" status="<?php echo $item['applyStatus']; ?>"><?php echo $item['applyStatusName']; ?></td>
  189. <td businessKey="<?php echo $item['processInfo']['businessKey'] ?>">
  190. <?php if ($item['canDelay']): ?>
  191. <a href="#" orderId="<?php echo $item['orderId'];?>" class="canDelay">申请延长试用</a>
  192. <?php endif; ?>
  193. <?php if ($item['processInfo']['showStop']): ?>
  194. <a href="#" orderId="<?php echo $item['orderId'];?>" class="showStop">取消</a>
  195. <?php endif; ?>
  196. <?php if ($item['processInfo']['showDelete']): ?>
  197. <a href="#" orderId="<?php echo $item['orderId'];?>" class="showDelete">删除</a>
  198. <?php endif; ?>
  199. <a href="#" orderId="<?php echo $item['orderId'];?>" class="showLog">日志</a>
  200. <?php if($item['applyStatus']==1):?>
  201. <a href="<?php echo $this->createUrl('imsSale/trialDeleteApply',array('orderId'=>$item['orderId']))?>" class="showDeleteApply">删除学生</a>
  202. <?php endif;?>
  203. </td>
  204. </tr>
  205. <?php endforeach; ?>
  206. <?php endif; ?>
  207. </tbody>
  208. </table>
  209. <?php if ($page): ?>
  210. <div class="col-sm-12">
  211. <ul class="pagination">
  212. <?php
  213. $params = array();
  214. if (isset($_GET['goodsTypeId']) && $_GET['goodsTypeId']) {
  215. $params['goodsTypeId'] = $_GET['goodsTypeId'];
  216. }
  217. if (isset($_GET['grade']) && $_GET['grade']) {
  218. $params['grade'] = $_GET['grade'];
  219. }
  220. if (isset($_GET['clazzId']) && $_GET['clazzId']) {
  221. $params['clazzId'] = $_GET['clazzId'];
  222. }
  223. if (isset($_GET['seasonId']) && $_GET['seasonId']) {
  224. $params['seasonId'] = $_GET['seasonId'];
  225. }
  226. if (isset($_GET['page'])) {
  227. $params['page'] = $_GET['page'];
  228. }else{
  229. $params['page'] = 1;
  230. }
  231. if (isset($_GET['subject']) && $_GET['subject']) {
  232. $params['subject'] = $_GET['subject'];
  233. }
  234. echo formatPage($page, 'imsSale/trialTable', $params);
  235. ?>
  236. </ul>
  237. </div>
  238. <?php endif; ?>
  239. </div>
  240. </div>
  241. </div>
  242. <script src="/js/productset/jquery.min.js"></script>
  243. <script src="/js/layer/layer.js"></script>
  244. <script src="/js/ims/xsgl.js"></script>
  245. <!--日志弹层-->
  246. <link rel="stylesheet" href="/css/cylet.css" />
  247. <style>
  248. .class-modal-body-1{overflow: auto;height:400px;}
  249. .class-modal-body-1 td{font-size:14px;line-height:200%}
  250. </style>
  251. <div class="confirmbox-mask" style="display: none" id="classModal">
  252. <div class="class-modal">
  253. </div>
  254. </div>
  255. <div class="confirmbox-mask" style="display: none" id="classModal-1">
  256. <form name="table_set">
  257. <div class="class-modal-1">
  258. <i class="icon icon-close-1"></i><div class="class-modal-head-1">日志</div>
  259. <div class="class-modal-body-1">
  260. <table cellspacing="0" cellpadding="0" border="0" class="logList">
  261. </table>
  262. </div>
  263. </div>
  264. </form>
  265. </div>
  266. <div class="confirmbox-mask" style="display: none" id="classModal-2">
  267. <div class="class-modal-1">
  268. <i class="icon icon-close-1"></i><div class="class-modal-head-1">试用学生查询</div>
  269. <div style="margin: 5px 0 0 5px;color: red;font-size: 10px;">输入学生姓名或试用单号查询</div>
  270. <div style="margin: 5px 0 0 5px;width: 100%;" >
  271. <input type="text" class="clazzName" placeholder="输入学生姓名"/>
  272. <input type="text" class="clazzName" placeholder="试用订单号"/>
  273. <input type="button" class="label-primary-s order-module-query " value="查询"/>
  274. </div>
  275. <br><br>
  276. <div style="height: 300px;max-height:300px;overflow: auto;">
  277. <table id="record-table"
  278. class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable"
  279. style="font-size:12px;width: 680px;margin: 5px 5px 0 5px;">
  280. <thead id="student-info">
  281. </thead>
  282. </table>
  283. </div>
  284. </div>
  285. </div>
  286. <div class="confirmbox-mask" style="display: none" id="classModal-3">
  287. <div class="class-modal-1">
  288. <i class="icon icon-close-1"></i><div class="class-modal-head-1">普通试用时间表</div>
  289. <div style="height: 300px;max-height:300px;overflow: auto;">
  290. <table id="record-table"
  291. class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable"
  292. style="font-size:12px;width: 680px;margin: 5px 5px 0 5px;">
  293. <thead id="timetable-info">
  294. </thead>
  295. </table>
  296. </div>
  297. </div>
  298. </div>
  299. <script>
  300. $(document).ready(function () {
  301. //日志
  302. $('.showLog').click(function(){
  303. var orderId=$(this).attr('orderId');
  304. $.ajax({
  305. url:'<?php echo $this->createUrl('imsSale/getOrderLog')?>',
  306. type:'POST',
  307. dataType:'json',
  308. data:{orderId:orderId},
  309. success:function(res){
  310. console.log(res);
  311. if(res.status==1 && res.data.length>0){
  312. var html='';
  313. for(var i=0;i<res.data.length;i++){
  314. html+='<tr>';
  315. html+= '<td><img src="/images/right_head.png"></td>';
  316. html+='<td width="40%">'+res.data[i]['createTime']+'</td>';
  317. html+='<td width="40%">【'+res.data[i]['userName']+'】'+res.data[i]['info']+'</td>';
  318. html+='</tr>';
  319. }
  320. $('.logList').html(html);
  321. $('#classModal-1').show();
  322. }else{
  323. layer.msg('未获取到日志数据');
  324. }
  325. }
  326. });
  327. });
  328. $('.icon-close-1').click(function(){
  329. $('#classModal-1,#classModal-2,#classModal-3').hide();
  330. });
  331. $('.stu-query').click(function(){
  332. $('#student-info').html('<tr> <th>试用订单号</th> <th>学生姓名</th> <th>学生ID</th><th>年级</th> <th>班级</th> <th>试用商品</th> <th>学科</th> </tr>');
  333. $('#classModal-2').show();
  334. });
  335. $('.order-module-query').click(function () {
  336. var studentName = $(this).prev().prev().val();
  337. var orderNo = $(this).prev().val();
  338. studentName = $.trim(studentName);
  339. orderNo = $.trim(orderNo);
  340. $.ajax({
  341. url:'<?php echo $this->createUrl('imsSale/getStudentInfo')?>',
  342. type:'POST',
  343. dataType:'json',
  344. data:{studentName:studentName,orderNo:orderNo},
  345. success:function(res){
  346. console.log(res);
  347. if(res.status==1 && res.data.length>0){
  348. var html='<tr> <th>试用订单号</th> <th>学生姓名</th> <th>学生ID</th><th>年级</th> <th>班级</th> <th>试用商品</th> <th>学科</th> </tr>';
  349. for(var i=0;i<res.data.length;i++){
  350. html+='<tr>';
  351. html+= '<td>'+res.data[i]['orderNo']+'</td>';
  352. html+= '<td>'+res.data[i]['studentName']+'</td>';
  353. html+= '<td>'+res.data[i]['studentId']+'</td>';
  354. html+= '<td>'+res.data[i]['gradeName']+'</td>';
  355. html+= '<td>'+res.data[i]['clazzName']+'</td>';
  356. html+= '<td>'+res.data[i]['goodsName']+'</td>';
  357. html+= '<td>'+res.data[i]['subjectName']+'</td>';
  358. html+='</tr>';
  359. }
  360. $('#student-info').html(html);
  361. }else{
  362. $('#student-info').html('');
  363. layer.msg('未查询到数据');
  364. }
  365. }
  366. });
  367. })
  368. //筛选条件赋值
  369. <?php if(isset($_GET['grade']) && $_GET['grade']>0):?>
  370. var grade = "<?php echo $_GET['grade'];?>";
  371. $('#grade').val(grade);
  372. var txt = $('.select-grade li[val='+grade+']').html();
  373. $('.select-grade .diy_select_txt').html(txt);
  374. getClass(grade);
  375. <?php endif;?>
  376. <?php if(isset($_GET['subject']) && $_GET['subject']>0):?>
  377. var subject = "<?php echo $_GET['subject'];?>";
  378. $('#subject').val(subject);
  379. var txt = $('.select-subject li[val='+subject+']').html();
  380. $('.select-subject .diy_select_txt').html(txt);
  381. <?php endif;?>
  382. <?php if(isset($_GET['seasonId']) && $_GET['seasonId']):?>
  383. var seasonId = "<?php echo $_GET['seasonId'];?>";
  384. $('#seasonId').val(seasonId);
  385. var txt = $('.select-seasonId li[val='+seasonId+']').html();
  386. $('.select-seasonId .diy_select_txt').html(txt);
  387. <?php endif;?>
  388. <?php if(isset($_GET['goodsTypeId']) && $_GET['goodsTypeId']):?>
  389. var goodsTypeId = "<?php echo $_GET['goodsTypeId'];?>";
  390. $('#goodsTypeId').val(goodsTypeId);
  391. var txt = $('.select-goods li[val='+goodsTypeId+']').html();
  392. $('.select-goods .diy_select_txt').html(txt);
  393. <?php endif;?>
  394. function setType() {
  395. $(".trial-type").each(function (index) {
  396. if ($(this).attr('status') == 1) {
  397. $(this).addClass("red");
  398. } else {
  399. $(this).addClass("green");
  400. }
  401. })
  402. }
  403. function setSubjectType() {
  404. $(".subject-type").each(function (index) {
  405. if ($(this).attr('status') == '1') {
  406. $(this).addClass("green");
  407. } else if ($(this).attr('status') == '2') {
  408. $(this).addClass("red");
  409. } else if ($(this).attr('status') == '3') {
  410. $(this).addClass("grey");
  411. } else {
  412. $(this).addClass("yellow");
  413. }
  414. })
  415. }
  416. setType();
  417. setSubjectType();
  418. //获取班级
  419. $('.select-grade li').click(function () {
  420. var grade = $('#grade').val();
  421. var currentGrade = $(this).attr('val');
  422. if (currentGrade > 0 && currentGrade != grade) {
  423. getClass(currentGrade);
  424. }else {
  425. $('.select-clazzId .diy_select_txt').html('请选择班级');
  426. $('#clazzId').val(0);
  427. $('.select-clazzId ul').html("<li val='0'>请选择班级</li>");
  428. }
  429. });
  430. function getClass(currentGrade){
  431. $('.select-clazzId .diy_select_txt').html('请选择班级');
  432. $('.select-clazzId ul').html('');
  433. $.ajax({
  434. type: 'post',
  435. url: "<?php echo Yii::app()->createUrl('imsSale/getClassList');?>",
  436. data: {grade: currentGrade},
  437. dataType: 'json',
  438. success: function (data) {
  439. console.log(data);
  440. if (data.status) {
  441. var html = '<li val="0">请选择班级</li>';
  442. for (var i = 0; i < data.data.length; i++) {
  443. var item = data.data[i];
  444. if (item['class_id']) {
  445. html += '<li val="' + item['class_id'] + '">';
  446. html += item['class_name'];
  447. html += '</li>'
  448. }
  449. }
  450. } else {
  451. var html = '<li val="0">暂无班级数据</li>';
  452. }
  453. $('.select-clazzId ul').html(html);
  454. <?php if(isset($_GET['clazzId'])):?>
  455. var clazzId = "<?php echo $_GET['clazzId'];?>";
  456. $('#clazzId').val(clazzId);
  457. var txt = $('.select-clazzId li[val=' + clazzId + ']').html();
  458. $('.select-clazzId .diy_select_txt').html(txt);
  459. <?php endif;?>
  460. },
  461. error: function () {
  462. return;
  463. }
  464. })
  465. }
  466. $(".canDelay").on("click", function () {
  467. var orderId = $(this).attr('orderId');
  468. $(this).removeClass('canDelay');
  469. $.ajax({
  470. type: 'post',
  471. url: "<?php echo Yii::app()->createUrl('imsSale/relayTrial');?>",
  472. data: {'orderId': orderId},
  473. dataType: 'json',
  474. success: function (data) {
  475. if(data.status){
  476. layer.alert(data.msg, {icon:1},function () {
  477. location.reload();
  478. });
  479. }else{
  480. layer.alert(data.msg, {icon:7});
  481. }
  482. }
  483. });
  484. });
  485. //取消
  486. $("body").on("click", ".showStop", function () {
  487. // var $(this)
  488. var businessKey = $(this).parent().attr('businessKey');
  489. layer.confirm('确认取消流程吗?', {
  490. btn: ['确定', '取消'] //按钮
  491. }, function () {
  492. $.ajax({
  493. type: 'post',
  494. url: "<?php echo Yii::app()->createUrl('imsSale/stop');?>",
  495. data: {'businessKey': businessKey,'title':"试用订单-取消"},
  496. dataType: 'json',
  497. success: function (data) {
  498. if (data.status) {
  499. layer.alert("取消成功", {icon:1,closeBtn:0},function () {
  500. location.reload();
  501. })
  502. } else {
  503. layer.msg(data.msg);
  504. }
  505. },
  506. error: function () {
  507. layer.msg("网络异常");
  508. }
  509. });
  510. });
  511. });
  512. //删除
  513. $("body").on("click", ".showDelete", function () {
  514. // var $(this)
  515. var businessKey = $(this).parent().attr('businessKey');
  516. layer.confirm('确认删除该订单吗?', {
  517. btn: ['确定', '取消'] //按钮
  518. }, function () {
  519. $.ajax({
  520. type: 'post',
  521. url: "<?php echo Yii::app()->createUrl('imsSale/delete');?>",
  522. data: {'businessKey': businessKey,'title':"试用订单-删除"},
  523. dataType: 'json',
  524. success: function (data) {
  525. if (data.status) {
  526. layer.alert("删除成功", {icon:1,closeBtn:0},function () {
  527. location.reload();
  528. })
  529. } else {
  530. layer.msg(data.msg);
  531. }
  532. },
  533. error: function () {
  534. layer.msg("网络异常");
  535. }
  536. });
  537. });
  538. });
  539. $('.timetable').click(function () {
  540. $.ajax({
  541. type: 'post',
  542. url: "<?php echo Yii::app()->createUrl('imsSale/timetable');?>",
  543. dataType: 'json',
  544. success: function (res) {
  545. if (res.status) {
  546. var html='<tr> <th>年级</th> <th>学科</th> <th>产品</th><th>普通试用开始时间</th> <th>普通试用截止时间</th> </tr>';
  547. for(var i=0;i<res.data.length;i++){
  548. html+='<tr>';
  549. html+= '<td>'+res.data[i]['gradeName']+'</td>';
  550. html+= '<td>'+res.data[i]['subjectName']+'</td>';
  551. html+= '<td>'+res.data[i]['goodsTypeName']+'</td>';
  552. html+= '<td>'+res.data[i]['trialBeginDateStr']+'</td>';
  553. html+= '<td>'+res.data[i]['trailEndDateStr']+'</td>';
  554. html+='</tr>';
  555. }
  556. $('#timetable-info').html(html);
  557. $('#classModal-3').show();
  558. }else{
  559. $('#timetable-info').html('');
  560. layer.msg('未查询到数据');
  561. }
  562. },
  563. error: function () {
  564. layer.msg("网络异常");
  565. }
  566. });
  567. });
  568. $('.icon-close-3').click(function(){
  569. $('#classModal-3').hide();
  570. });
  571. });
  572. </script>
  573. </body>
  574. </html>