paperpreview.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. {extend name="public/layout" /} {block name="title"}商学院{/block} {block name="body"}
  2. <style type="text/css">
  3. html,
  4. body {
  5. display: block;
  6. width: 100%;
  7. background-color: #fff;
  8. }
  9. .layui-fluid {
  10. display: block;
  11. border-radius: 5px;
  12. background-color: #ffffff;
  13. padding: 15px 30px;
  14. }
  15. .layui-icon{font-size:20px !important;line-height: 38px;}
  16. .layui-input-inline{line-height: 38px;}
  17. .layui-input-inline input{margin-right: 10px;}
  18. .layui-form-item .layui-input-inline{}
  19. .input-indent-box-small{margin-left:10px;}
  20. .layui-tab {
  21. padding: 15px;
  22. height: 100%;
  23. }
  24. .layui-table-view .layui-table th,
  25. .layui-table-view .layui-table td {
  26. text-align: center;
  27. border-color: #B6CADE;
  28. }
  29. .layui-table thead tr,
  30. .layui-table-header {
  31. background-color: #D8E6F1;
  32. }
  33. .upload-img .area i {
  34. font-size: 50px;
  35. color: #009688;
  36. }
  37. /*///*/
  38. .text-detail>span {
  39. font-size: 40px;
  40. }
  41. .imageDiv div {
  42. width: 100%;
  43. height: 100%;
  44. position: absolute;
  45. top: 0px;
  46. background-color: #e6e6e600;
  47. }
  48. .imageDiv div i {
  49. display: none;
  50. font-size: 31px;
  51. position: absolute;
  52. top: 37%;
  53. left: 40%;
  54. }
  55. .imageDiv div:hover {
  56. background-color: #e6e6e680;
  57. }
  58. .imageDiv div:hover i {
  59. display: block;
  60. cursor: pointer;
  61. }
  62. .layui-input-inline.input-longer-inline {
  63. width: 290px;
  64. }
  65. .layui-item-inline{
  66. width: 290px;
  67. display: inline;
  68. margin-left: 20px;
  69. margin-bottom: 5px;
  70. }
  71. .submit-btn{
  72. text-align: right;
  73. }
  74. .select_items{
  75. display: block;
  76. float:left;
  77. margin-left:10px;
  78. }
  79. .layui-input-answer{
  80. width: 330px;
  81. }
  82. .question{
  83. border: 1px solid lightgrey;
  84. border-radius: 5px;
  85. margin: 5px 0;
  86. padding:10px;
  87. }
  88. </style>
  89. <body>
  90. <div class="layui-fluid">
  91. <div class="layui-card">
  92. <div class="layui-card-header ">
  93. <div class="layui-form-item">
  94. <span>考卷名称: {:$info.name} </span> <span>总分: {:$info.total_score}</span> <span>及格分: {:$info.base_score}</span>
  95. </div>
  96. </div>
  97. <div class="layui-card-body">
  98. {foreach $info.questions as $vo}
  99. <div class="question">
  100. <p><span>题目:</span><span>{:$vo.ask}</span></p>
  101. <div>
  102. {if condition='$vo.types eq 1'}
  103. 内容:
  104. {foreach $vo.content as $k => $v}
  105. <p>{$k} : {:$v}</p>
  106. {/foreach}
  107. {elseif($vo.types == 2)/}
  108. 内容:
  109. <p>{$vo.content}</p>
  110. {elseif($vo.types == 3)/}
  111. 内容:
  112. <p>{$vo.content}</p>
  113. {/if}
  114. </div>
  115. <p><span>分值:</span><span>{:$vo.pivot.score}</span></p>
  116. <p><span>答案:</span><span>{:$vo.answer}</span></p>
  117. </div>
  118. {/foreach}
  119. </div>
  120. </div>
  121. </div>
  122. </body>
  123. {/block}
  124. {block name="js"}
  125. <script src="__STATIC__/layui/layui/layui.js"></script>
  126. <script>
  127. layui.config({
  128. base: '__LAYUI__/' //静态资源所在路径
  129. ,
  130. urlbase: '/sys'
  131. }).extend({
  132. index: 'lib/index' //主入口模块
  133. }).use(['index', 'table', 'layedit', 'laydate'], function() {
  134. var $ = layui.$,
  135. layedit = layui.layedit,
  136. laydate = layui.laydate;
  137. laydate.render({
  138. elem: '#starttime'
  139. ,type: 'datetime'
  140. });
  141. laydate.render({
  142. elem: '#endtime'
  143. ,type: 'datetime'
  144. });
  145. });
  146. </script>
  147. {/block}