print.html 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>秒过学习 www.kylx365.com</title>
  5. <meta charset="UTF-8">
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7. <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
  8. <script src="https://kylx365-1253256735.file.myqcloud.com/js/vue.min.js"></script>
  9. <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
  10. <link rel="stylesheet" href="/mg/common.css">
  11. <link rel="stylesheet" href="/mg/print.css">
  12. <style>@page {
  13. size: A4
  14. }</style>
  15. <script type="text/javascript">
  16. var serverurl1='[导出内容]';
  17. var serverurl2='[访问路径]';
  18. var serverurl3=[是否显示答案];
  19. var serverurl4='[用户昵称]';
  20. </script>
  21. <script src="./mg/common.js"></script>
  22. <script src="/mg/[JS版本]"></script>
  23. </head>
  24. <body class="A4">
  25. <div id="app1">
  26. <section :id=" 'sheet'+indexParent " class="sheet FlexColumn" v-for="(itemParent,indexParent) in PrintList">
  27. <div class="panelTop FlexRow">
  28. <div class="left FlexColumn">
  29. <div class="panelTopTitle">题卡打印卷</div>
  30. <div class="panelTopTitle2">出题时间 {{CreateTime}}</div>
  31. <div class="panelTopTitle2">共 {{CardNumber}} 张题卡</div>
  32. </div>
  33. <div class="right FlexRow">
  34. <div class="panelTopRight FlexColumn">
  35. <div class="panelTopRight2 FlexColumn">
  36. <div class="panelTopTitle3">秒过练一练,记牢多一点</div>
  37. <div class="panelTopTitle3">基于记忆科学的练习工具和一个服务于家长的社群</div>
  38. </div>
  39. <div class="panelTopTitle3">用“{{NickName}}”的微信扫码可查看源题卡</div>
  40. </div>
  41. <img :src="QRCodeImg" class="imgQRCode" :οnerrοr="defaultImg" />
  42. </div>
  43. </div>
  44. <div class="panelMain FlexColumn">
  45. <div :id=" 'item'+indexMain " class="main FlexColumn" v-for="(itemMain,indexMain) in itemParent">
  46. <template v-if="IsShowAnswer==0 || IsShowAnswer==2 || IsShowAnswer==3 || IsShowAnswer==4">
  47. <!--第一段-->
  48. <div class="panelField1 FlexColumn">
  49. <div class="panelField11 panelItem">
  50. <div class="editFieldNull"></div>
  51. <div class="textProblem">题目 {{itemMain.Index}}</div>
  52. <div class="textReturn"></div>
  53. <template v-for="(item,index) in itemMain.Content.Field[1]">
  54. <div class="textReturn" v-if="index>0 && item.Type=='return'"></div>
  55. <div class="textBr" v-if="index>0 && item.Type=='br'" style="height:9px;"></div>
  56. <span class="textNormal" v-if="item.Type=='normal'">{{item.Content}}</span>
  57. <template v-if="item.Type=='line'" v-for="(contentItem,contentIndex) in item.Content">
  58. <span class="" v-if="contentItem.key=='normal'">{{contentItem.value}}</span>
  59. <span class="textLine" v-if="contentItem.key=='line'">{{contentItem.value}}</span>
  60. <span class="textHighlighter"
  61. v-if="contentItem.key=='highlighter'">{{contentItem.value}}</span>
  62. </template>
  63. <div class="textPinyin" v-if="item.Type=='sound'">{{item.Content}}</div>
  64. <div class="imageContainer FlexColumn" :style="itemMain.ImageHeight" v-if="item.Type=='image' && (IsShowAnswer==0 || IsShowAnswer==2 || IsShowAnswer==4) ">
  65. <img class="imageFree" :style="itemMain.ImageHeight2" :src='item.Content' />
  66. </div>
  67. <div class="imageContainer3 FlexColumn" :style="itemMain.ImageHeight" v-if="item.Type=='image' && IsShowAnswer==3">
  68. <img class="imageFree3" :style="itemMain.ImageHeight2" :src='item.Content' />
  69. </div>
  70. </template>
  71. </div>
  72. </div>
  73. <!-- 标签 -->
  74. <div class="panelTag FlexColumn"
  75. v-if=" itemMain.Content.Field[1] && itemMain.Content.Tags && itemMain.Content.Tags.length>0">
  76. <div class="panelTag1 FlexRow">
  77. <div class="tag" v-for="(item,index) in itemMain.Content.Tags">{{item}}</div>
  78. </div>
  79. </div>
  80. </template>
  81. <template v-if="IsShowAnswer==1 || IsShowAnswer==2 || IsShowAnswer==4">
  82. <!--答案-->
  83. <div :class=" 'ShowAnswer'+IsShowAnswer+' panelField2 FlexColumn'">
  84. <div class="panelField11 panelItem">
  85. <div class="editFieldNull" v-if="IsShowAnswer==1"></div>
  86. <div class="textProblem" v-if="IsShowAnswer==1">答案 {{itemMain.Index}}</div>
  87. <div class="textReturn" v-if="IsShowAnswer==1"></div>
  88. <template v-for="(item,index) in itemMain.Content.Field[2]">
  89. <div class="textReturn" v-if="index>0 && item.Type=='return'"></div>
  90. <div class="textBr" v-if="index>0 && item.Type=='br'" style="height:9px;"></div>
  91. <span class="textNormal" v-if="item.Type=='normal'">{{item.Content}}</span>
  92. <template v-if="item.Type=='line'" v-for="(contentItem,contentIndex) in item.Content">
  93. <span class="" v-if="contentItem.key=='normal'">{{contentItem.value}}</span>
  94. <span class="textLine" v-if="contentItem.key=='line'">{{contentItem.value}}</span>
  95. <span class="textHighlighter"
  96. v-if="contentItem.key=='highlighter'">{{contentItem.value}}</span>
  97. </template>
  98. <div class="textPinyin" v-if="item.Type=='sound'">{{item.Content}}</div>
  99. <div class="imageContainer FlexColumn" :style="itemMain.ImageHeight" v-if="item.Type=='image'">
  100. <img class="imageFree" :style="itemMain.ImageHeight2" :src='item.Content'/>
  101. </div>
  102. <div class="imageContainerSmall FlexColumn" :style="itemMain.ImageHeight" v-if="item.Type=='imageSmall'">
  103. <img class="imageFreeSmall" :style="itemMain.ImageHeight2" :src='item.Content'/>
  104. </div>
  105. </template>
  106. </div>
  107. </div>
  108. <div :class="'ShowAnswer'+IsShowAnswer+' panelField3 panelField2 FlexColumn'">
  109. <div class="panelField11 panelItem">
  110. <template v-for="(item,index) in itemMain.Content.Field[3]">
  111. <div class="textReturn" v-if="index>0 && item.Type=='return'"></div>
  112. <div class="textBr" v-if="index>0 && item.Type=='br'" style="height:9px;"></div>
  113. <span class="textNormal" v-if="item.Type=='normal'">{{item.Content}}</span>
  114. <template v-if="item.Type=='line'" v-for="(contentItem,contentIndex) in item.Content">
  115. <span class="" v-if="contentItem.key=='normal'">{{contentItem.value}}</span>
  116. <span class="textLine" v-if="contentItem.key=='line'">{{contentItem.value}}</span>
  117. <span class="textHighlighter" v-if="contentItem.key=='highlighter'">{{contentItem.value}}</span>
  118. </template>
  119. <div class="textPinyin" v-if="item.Type=='sound'">{{item.Content}}</div>
  120. <div class="imageContainer FlexColumn" :style="itemMain.ImageHeight" v-if="item.Type=='image'">
  121. <img class="imageFree" :style="itemMain.ImageHeight2" :src='item.Content'/>
  122. </div>
  123. <div class="imageContainerSmall FlexColumn" :style="itemMain.ImageHeight" v-if="item.Type=='imageSmall'">
  124. <img class="imageFreeSmall" :style="itemMain.ImageHeight2" :src='item.Content'/>
  125. </div>
  126. </template>
  127. </div>
  128. </div>
  129. </template>
  130. </div>
  131. </div>
  132. <div class="footer FlexRow">
  133. <div class="pageNumber">第{{indexParent+1}}页</div>
  134. </div>
  135. </section>
  136. <img src="https://kylx365-1253256735.file.myqcloud.com/web/timg.gif" class="timg" id="loading"/>
  137. </div>
  138. </body>
  139. </html>