printTpl.js 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384
  1. var styleStr = `/*printstyle:start*/@media print {@page {size: "auto";margin: 0mm;}}
  2. html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;}body {background-color: #666;color: #333;font: 3.7041666666666666mm Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;line-height: 1;}* {margin: 0;padding: 0;border: 0;list-style: none;}.fl {float: left;}.fr {float: right;}img{vertical-align: middle;}.clearfix:after {content: "";display: block;clear: both;}.red {color: red;}.printIframeContent {background: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto;position: relative;}.printIframeContent.previewIframe {margin-bottom: 2.6458333333333335mm;}.printIframeContent.column1 .pageContent {width: 100%;}.printIframeContent.column2 .pageContent {width: 50%;}.printIframeContent.column3 .pageContent {width: 33.33%;}.pageContent {position: relative;}
  3. .hasBindingLine .pageContent .dtk-content {padding-left: 13.229166666666666mm;}.printIframeContent .pageContent {position: relative;background: #fff;}.printIframeContent .pageContent .forbiddenArea {position: absolute;display: flex;align-items: center;justify-content: center;width: calc(100% - 15.875mm);height: calc(100% - 26.458333333333332mm);top: 13.229166666666666mm;right: 7.9375mm;border: 0.2645833333333333mm solid #ddd;box-sizing: border-box;border-radius: 1.0583333333333331mm;}
  4. .pageContent .pageLabel {position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;bottom: 1.3229166666666667mm;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);color: #999;}.pageContent .pageLabel .item {width: 22.489583333333332mm;height: 5.820833333333333mm;font-size: 3.175mm;text-align: center;line-height: 5.820833333333333mm;}.pageContent .bindingLine {position: absolute;top: 0;left: 0;height: 100%;width: 10.054166666666665mm;border-right: 0.5291666666666666mm dashed #bbb;display: none;}
  5. .pageContent .bindingLine img {position: absolute;width: 0.5291666666666666mm;height: 100%;right: 0;top: 50%;margin-top: -148.16666666666666mm;}.pageContent .bindingLine .line {position: absolute;right: -2.1166666666666663mm;width: 4.2333333333333325mm;height: 100%;display: flex;flex-direction: column;justify-content: space-around;}.pageContent .bindingLine.left,.pageContent .bindingLine.right {display: block;width: 5.291666666666667mm;border: 0;}.pageContent .bindingLine.right{left: auto;right: 0;border-left: 0.5291666666666666mm dashed #bbb;}.pageContent .bindingLine.left {left: 0;border-right: 0.5291666666666666mm dashed #bbb;}.pageContent .bindingLine.right .line {left: -2.1166666666666663mm;}.pageContent .bindingLine.left .line {right: -2.1166666666666663mm;}.pageContent .bindingLine .line span {display: block;font-size: 3.175mm;color: #999;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);/* Firefox */-moz-transform: rotate(-90deg);}.pageContent .bindingLine .examineeInfo {position: absolute;display: flex;justify-content: space-around;flex-direction: column;height: 100%;width: 10.583333333333334mm;top: 50%;transform: translateY(-50%);transform: translateY(-50%);left: 0;}.pageContent .bindingLine .examineeInfo .item {height: 71.4375mm;font-style: normal;}.pageContent .bindingLine .examineeInfo .item em {display: block;width: 3.7041666666666666mm;margin-left: 2.6458333333333335mm;font-size: 3.7041666666666666mm;font-style: normal;}.pageContent .bindingLine .examineeInfo .item em i {display: block;font-size: 3.7041666666666666mm;font-style: normal;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}.pageContent .bindingLine .examineeInfo .item span {display: flex;flex-direction: column-reverse;justify-content: center;align-items: center;position: relative;width: 5.291666666666667mm;height: 52.916666666666664mm;margin-left: 2.6458333333333335mm;border-right: 0.5291666666666666mm solid #333;}.pageContent .bindingLine .examineeInfo .item span b {transform: rotate(-90deg);}.pageContent .bindingLine .examineeInfo .item span .red {font-weight: normal;}.dtk-content {padding: 13.229166666666666mm 7.9375mm;}.dtk-content .dtkName {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 14.552083333333332mm;font-size: 4.762499999999999mm;margin-bottom: 2.6458333333333335mm;text-align: center;}.dtk-content .dtkName textarea {display: block;width: 100%;height: 14.552083333333332mm;text-align: center;resize: none;outline: none;font-size: 4.762499999999999mm;box-sizing: border-box;-webkit-box-sizing: border-box;border: 0.2645833333333333mm solid #bbbbbb;}.dtk-content .examineeInfo {display: flex;height: 5.820833333333333mm;margin-bottom: 2.645833333333333mm;}.dtk-content .examineeInfo .item {display: flex;flex: 1;padding: 0 3.96875mm;font-style: normal;}.dtk-content .examineeInfo .item em {height: 5.820833333333333mm;line-height: 5.820833333333333mm;color: #333;font-style: normal;font-size: 4.2333333333333325mm;}.dtk-content .examineeInfo .item span {flex: 1;height: 5.291666666666667mm;border-bottom: 0.5291666666666666mm solid #bbbbbb;display: flex;justify-content: center;}.dtk-content .examineeInfo .item span .red {font-weight: normal;}.dtk-content .examInfo {display: flex;height: 13.229166666666666mm;justify-content: space-around;align-items: center;}.dtk-content .examInfo span {font-size: 3.7041666666666666mm;color: #333;line-height: 13.229166666666666mm;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;}.dtk-content .examInfo span:nth-child(1){min-width: 29.104166666666664mm;}.dtk-content .examInfo span:nth-child(2){min-width: 29.104166666666664mm;}.dtk-content .noticeInfo {position: relative;display: flex;align-items: center;border: 0.5291666666666666mm solid #bbbbbb;border-radius: 1.0583333333333331mm;font-size: 3.175mm;flex-wrap: wrap;margin-bottom: 5.291666666666667mm;height: 31.75mm;}.pageContent.smallLayout .dtk-content .noticeInfo {height: 37.041666666666664mm;}.pageContent.smallLayout .dtk-content .noticeInfo .tipsInfo {width: 66.14583333333333mm;}.pageContent.smallLayout .dtk-content .noticeInfo .simpleBorder.right {left: 87.3125mm;}.pageContent.smallLayout .dtk-content .noticeInfo .noticeEwm {width: 21.166666666666668mm;}.pageContent.smallLayout .ticketNumber{flex-direction: column;}
  6. .pageContent .dtk-content .noticeInfo .noticeEwm {position: relative;}.pageContent .dtk-content .noticeInfo .noticeEwm .cover {position: absolute;width: 21.166666666666668mm;height: 21.166666666666668mm;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;background: #fff;font-style: normal;text-align: center;border: 0.2645833333333333mm dashed #bbb;display: none;z-index: 10;}.pageContent.smallLayout .dtk-content .noticeInfo .noticeEwm .dtkEwm {width: 18.520833333333332mm;height: 18.520833333333332mm;}.dtk-content .noticeInfo .tipsInfo {display: flex;position: relative;width: 100.54166666666667mm;}.dtk-content .noticeInfo .warmingInfo {display: flex;flex: 1;}
  7. .dtk-content .noticeInfo .simpleBorder {position: absolute;height: 100%;width: 0.5291666666666666mm;background: #bbb;left: 7.9375mm;top: 0;}.dtk-content .noticeInfo .simpleBorder.right {left: 124.35416666666666mm;}.dtk-content .noticeInfo .noticeTitle {width: 7.9375mm;display: flex;flex-direction: column;justify-content: space-around;font-size: 3.7041666666666666mm;align-items: center;font-weight: bold;}.dtk-content .noticeInfo .noticeTitle i {font-style: normal;}.dtk-content .noticeInfo .noticeDetail {flex: 1;padding: 1.3229166666666667mm;padding-right: 0;line-height: 4.2333333333333325mm;color: #333;border-right: 0.5291666666666666mm solid #bbb;}.dtk-content .noticeInfo .noticeDetail p {line-height: 4.2333333333333325mm;}.dtk-content .noticeInfo .noticeEwm {width: 23.8125mm;display: flex;justify-content: center;align-items: center;}.dtk-content .noticeInfo .noticeEwm .dtkEwm {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);width: 21.166666666666668mm;height: 21.166666666666668mm;}.dtk-content .noticeInfo .noticeEwm .dtkEwm canvas {width: 100%;height: 100%;}.dtk-content .noticeInfo .noticeLose {flex: 1;padding: 1.3229166666666667mm;box-sizing: border-box;}.dtk-content .noticeInfo .noticeLose p {line-height: 4.2333333333333325mm;}.dtk-content .noticeInfo .noticeLose h4 {display: flex;align-items: center;font-weight: normal;}.dtk-content .noticeInfo .noticeLose h4 i {width: 5.291666666666667mm;height: 2.6458333333333335mm;margin-left: 2.6458333333333335mm;border: 0.5291666666666666mm solid #bbb;}.dtk-content .examNumberLayout.useqrcode .examNumber {display: none !important;}.dtk-content .examNumber {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2.6458333333333335mm;}.dtk-content .examNumber.examNumberForQrCode {display: none;}.dtk-content .examNumber.examNumberForQrCode .ticketNumber {display: flex;height: auto;align-items: center;font-size: 3.7041666666666666mm;}.dtk-content .examNumber.examNumberForQrCode .ticketNumber em {font-style: normal;}.dtk-content .examNumber.examNumberForQrCode .ticketNumber p {display: flex;border: 0.5291666666666666mm solid #bbb;}.dtk-content .examNumber.examNumberForQrCode .ticketNumber p span {width: 5.291666666666667mm;height: 5.291666666666667mm;border-right: 0.5291666666666666mm solid #bbb;}.dtk-content .examNumber.examNumberForQrCode .ticketNumber p span:last-child {border: none;}/* .dtk-content .examNumber .ticketNumber{height: 58.20833333333333mm;} */.dtk-content .examNumber .numberCol {position: relative;/* width: 5.291666666666667mm; */font-size: 3.175mm;text-align: center;}.dtk-content .examNumber .numberCol:last-child {border: 0;}/* //第一列 左边框//第一行 上边框 下边框//最后一行 下边框 */.dtk-content .examNumber .numberCol span {position: relative;display: flex;align-items: center;justify-content: center;width: 5.291666666666667mm;height: 5.291666666666667mm;border-right: 0.2645833333333333mm solid #bbbbbb;}/* 第一行 */.dtk-content .examNumber .numberCol span:nth-child(1) {border-top: 0.2645833333333333mm solid #bbbbbb;border-bottom: 0.2645833333333333mm solid #bbbbbb;}/* 最后一行 */.dtk-content .examNumber .numberCol span:last-child {border-bottom: 0.2645833333333333mm solid #bbbbbb;}/* 第一列 */.dtk-content .examNumber .numberCol:nth-child(1) span {border-left: 0.2645833333333333mm solid #bbbbbb;}.dtk-content .examNumber .numberCol span i {width: 3.96875mm;height: 3.175mm;font-style: normal;line-height: 3.175mm;text-align: center;font-size: 3.175mm;display: flex;align-items: center;justify-content: center;
  8. }.dtk-content .examNumber .numberCol span i b{font-weight: normal;padding: 0 0.396875mm;font-size: 2.6458333333333335mm;color: #777;}.dtk-content .examNumber .barCode {padding: 2.6458333333333335mm;border: 0.2645833333333333mm dashed #bbb;border-radius: 0.79375mm;}.dtk-content .examNumber.examNumberForQrCode .barCode .codeImg {width: 52.916666666666664mm;height: 26.458333333333332mm;}.dtk-content .examNumber.examNumberForQrCode .barCode .codeImg .barCodeTip {flex-direction: row;}.dtk-content .examNumber .barCode .codeImg {position: relative;width: 26.458333333333332mm;height: 52.916666666666664mm;border: 0.5291666666666666mm solid #bbb;border-radius: 0.79375mm;}.dtk-content .examNumber .barCode .codeImg .barCodeTip {position: absolute;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-around;color: #bbb;}.dtk-content .examNumber .barCode .codeImg .barCodeTip i {font-style: normal;}.dtk-content .examNumber .barCode .codeImg img {position: absolute;height: 100%;width: 100%;}.dtk-content h3 {font-family: 'SimSun';font-size: 3.7041666666666666mm;color: #333;line-height: 7.9375mm;}.dtk-content h3 span {font-size: 3.175mm;font-weight: normal;}.dtk-content .objectiveItem{
  9. font-size: 3.7041666666666666mm;}.dtk-content .objectiveItem p{padding:1.3229166666666667mm 0;}.dtk-content .objectiveItem img{max-width: 100%;}/* .dtk-content .objectiveItem .optionObjectiveWrap{display: flex;flex-wrap: wrap;} */.dtk-content .objectiveItem .optionObjectiveWrap .optionItemObjective{width: 100%;}.dtk-content .objectiveItem .optionObjectiveWrap.column-2 .optionItemObjective{width: 50%;}.dtk-content .objectiveItem .optionObjectiveWrap.column-4 .optionItemObjective{width: 25%;}
  10. /* .dtk-content .objectiveItem .optionItemObjective{display: flex;align-items: center;} */.dtk-content .objectiveItem p{display:inline-block;vertical-align: middle;}.dtk-content .objectiveItem span{display: inline-block;vertical-align: middle;}.dtk-content .objectiveItem p:nth-child(2){display: inline-block;}.dtk-content .completion-topic .module {padding: 0 2.6458333333333335mm 2.6458333333333335mm;}.dtk-content .module {position: relative;padding: 2.6458333333333335mm;font-size: 3.175mm;border: 0.5291666666666666mm solid #bbbbbb;border-radius: 1.0583333333333331mm;-webkit-border-radius: 1.0583333333333331mm;}.dtk-content .objectiveModule .module{padding: 0;border: 0;position: static;}.dtk-content .module .editorContent{font-size: 3.7mm;}.dtk-content .short-answer .module img{max-width: 100%;}.dtk-content .short-answer .module .customImg {position: absolute;max-width: calc(100% - 5.820833333333333mm);max-height: calc(100% - 7.9375mm);}.dtk-content h3 .originSubjectInfo{font-weight: normal;}.dtk-content h3 .originSubjectInfo .questionItemBody{position: relative;}.dtk-content h3 .originSubjectInfo .questionItemBody p:nth-child(2){text-indent: 2em;}.dtk-content h3 .originSubjectInfo .questionItemBody b{position: absolute;top: 0.5291666666666666mm;left: 0;font-weight: normal;}.dtk-content .short-answer .module {padding: 10.583333333333334mm 2.6458333333333335mm 2.6458333333333335mm;margin: 2.6458333333333335mm 0;}.dtk-content .short-answer .module.pdt10 {padding-top: 2.6458333333333335mm;}.dtk-content .short-answer .module .selTopic {position: absolute;height: 3.96875mm;right: 2.6458333333333335mm;}.dtk-content .short-answer .module .selTopic span {width: 10.583333333333334mm;height: 3.96875mm;margin: 0 2.6458333333333335mm;line-height: 3.96875mm;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;}.dtk-content .module .scortColumn {position: absolute;top: 0;left: 0;width: 100%;display: flex;border-bottom: 0.2645833333333333mm solid #bbb;}
  11. .dtk-content .module .scortColumn span {float: left;position: relative;height: 7.9375mm;text-align: center;line-height: 7.9375mm;flex: 1;border-right: 0.2645833333333333mm solid #bbb;}.dtk-content .module .scortColumn span:last-child {border-right: 0;}.dtk-content .module .editorQuestionNum{float: left;}.single-select {position: relative;}.single-select.vertical .single-option {flex-direction: column;}.single-select.vertical .single-option li {flex-direction: row;}.singleContent.module {position: relative;padding: 0;display: flex;flex-wrap: wrap;}.single-option {position: relative;padding: 2.6458333333333335mm;display: flex;font-size: 3.175mm;flex-direction: row;flex-wrap: wrap;align-content: flex-start;max-height: 26.458333333333332mm;}/* .single-option.more-option{width: 55.5625mm;} */.single-option li {display: flex;align-items: center;flex-direction: column;}.single-option li em,.single-option li span {display: flex;width: 3.96875mm;height: 3.175mm;text-align: center;line-height: 3.175mm;margin: 0.79375mm 1.3229166666666667mm;font-style: normal;align-items: center;justify-content: center;}.single-option li span i{font-style: normal;padding: 0 0.5291666666666666mm;color: #777;font-size: 2.6458333333333335mm;}.single-option li em {margin: 0.79375mm 0;}.short-answer textarea {width: 100%;resize: vertical;outline: none;}.subjectCol {width: 100%;line-height: 10.583333333333334mm;}
  12. .subjectCol.rowLineHeight-25 .subjectItem em {height: 6.614583333333333mm;}.subjectCol.rowLineHeight-30 .subjectItem em {height: 7.9375mm;}.subjectCol.rowLineHeight-35 .subjectItem em {height: 9.260416666666666mm;}.subjectCol.rowLineHeight-40 .subjectItem em {height: 10.583333333333334mm;}.subjectCol.rowLineHeight-45 .subjectItem em {height: 11.90625mm;}.subjectCol.rowLineHeight-50 .subjectItem em {height: 13.229166666666666mm;}.subjectCol.rowLineHeight-25 {line-height: 6.614583333333333mm;}.subjectCol.rowLineHeight-30 {line-height: 7.9375mm;}.subjectCol.rowLineHeight-35 {line-height: 9.260416666666666mm;}.subjectCol.rowLineHeight-40 {line-height: 10.583333333333334mm;}.subjectCol.rowLineHeight-45 {line-height: 11.90625mm;}.subjectCol.rowLineHeight-50 {line-height: 13.229166666666666mm;}.subjectCol.col-1 .subjectItem {width: 100%;}.subjectCol.col-2 .subjectItem {width: calc(50% - 2.6458333333333335mm);}.subjectCol.col-3 .subjectItem {width: calc(33% - 2.6458333333333335mm);}.subjectCol .subjectItem {float: left;align-items: flex-end;padding-right: 2.6458333333333335mm;padding-top: 2.6458333333333335mm;width: 100%;display: flex;}
  13. .subjectCol .subjectItem span {display: flex;width: 6.614583333333333mm;align-items: flex-end;text-align: center;line-height: 6.614583333333333mm;}.subjectCol .subjectItem em {position: relative;height: 10.583333333333334mm;flex: 1;border-bottom: 0.2645833333333333mm solid #bbbbbb;}.subjectCol .subjectItem strong {display: flex;align-items: flex-end;}.subjectCol .subjectItem strong i {width: 6.614583333333333mm;height: 6.614583333333333mm;font-style: normal;text-align: center;line-height: 6.614583333333333mm;border: 0.2645833333333333mm solid #bbb;font-weight: normal;color: #999;}.scan-dot {position: absolute;height: 5.291666666666667mm;top: 5.291666666666667mm;left: 7.9375mm;width: calc(100% - 15.875mm);}.printIframeContent.hasBindingLine .scan-dot {width: calc(100% - 21.166666666666668mm);left: 13.229166666666666mm;}.scan-dot.bot {top: auto;bottom: 5.291666666666667mm;}.scan-dot span {position: absolute;width: 10.583333333333334mm;height: 5.291666666666667mm;left: 0;top: 0;background: #000;}.scan-dot span.center1 {right: auto;left: 40%;}.scan-dot span.center2 {left: auto;right: 40%;}.scan-dot span.right {left: auto;right: 0;}
  14. .module table {
  15. margin-bottom: 10px;
  16. border-collapse: collapse;
  17. display: table;
  18. }
  19. .module table td,
  20. .module table th {
  21. padding: 5px 10px;
  22. border: 1px solid #DDD;
  23. font-size: 12px;
  24. line-height: 12px;
  25. }
  26. .module .composition-column {
  27. position: relative;
  28. display: flex;
  29. margin-top: 10px;
  30. border-bottom: 1px solid #333;
  31. border-top: 1px solid #333;
  32. }
  33. .module .composition-column.en {
  34. margin-top: 33px;
  35. border-bottom: 0;
  36. }
  37. .module .composition-column.en:after,
  38. .module .composition-column.en:before {
  39. display: none;
  40. }
  41. .module .composition-column span {
  42. position: relative;
  43. flex: 1;
  44. height: 30px;
  45. border-right: 1px solid #333;
  46. }
  47. .module .composition-column span:nth-child(1) {
  48. border-left: 1px solid #333;
  49. }
  50. .module .composition-column span b {
  51. position: absolute;
  52. font-size: 10px;
  53. left: 50%;
  54. transform: translateX(-50%);
  55. bottom: -13px;
  56. }
  57. .module .composition-column:after,
  58. .module .composition-column:before {
  59. position: absolute;
  60. content: '';
  61. height: 12px;
  62. top: 30px;
  63. right: 0;
  64. width: 1px;
  65. background: #333;
  66. }
  67. .module .composition-column:last-child:after,
  68. .module .composition-column:last-child:before {
  69. width: 0;
  70. }
  71. .module .composition-column:before {
  72. left: 0;
  73. }
  74. hr{
  75. border-top: none;
  76. border-left: none;
  77. border-right: none;
  78. border-bottom: 1px solid #bbbbbb;
  79. margin: 7px 0;
  80. }
  81. .answerModule h3 td, .answerModule h3 th{
  82. vertical-align: middle;
  83. border: 1px solid #ccc !important;
  84. font-size: 3.7041666666666666mm;
  85. line-height: 3.7041666666666666mm;
  86. }
  87. .w-e-text{
  88. font-family: 'SimSun';
  89. font-size: 3.175mm;
  90. }
  91. .w-e-text:after{display:block;clear:both;content:"";visibility:hidden;height:0}
  92. .w-e-text{zoom:1}
  93. .w-e-text p:after{display:block;clear:both;content:"";visibility:hidden;height:0}
  94. .w-e-text p{zoom:1}
  95. .dtk-content .examInfo .input-examInfo{
  96. width: 17mm;
  97. background: #fff;
  98. font-family: inherit;
  99. font-size: inherit;
  100. font-style: inherit;
  101. font-weight: inherit;
  102. outline: 0;
  103. }
  104. .dtk-content .examInfo .input-examInfo.time , .dtk-content .examInfo .input-examInfo.fraction {
  105. width: 6.6mm;
  106. }/*printstyle:end*/;`
  107. var PRINT_TPL = {
  108. examInfoTpl:
  109. '<span>时间:{wpTimes}分钟</span>\
  110. <span>满分:{fullScore}分</span>\
  111. <span>命卷人:{wpAuthor}</span>\
  112. <span>审核人:{wpReviewer}</span>',
  113. //用于打印pdf的html
  114. htmlSkeleton:
  115. '<!DOCTYPE html>\
  116. <html lang="en">\
  117. <head>\
  118. <meta charset="UTF-8">\
  119. <meta name="viewport" content="width=device-width, initial-scale=1.0">\
  120. <meta http-equiv="X-UA-Compatible" content="ie=edge">\
  121. <title>Document</title>\
  122. <style>' +
  123. styleStr +
  124. '</style>\
  125. </head>\
  126. <body>',
  127. //准考证区域
  128. examNumberItemTpl:
  129. '<li class="numberCol fl">\
  130. <span></span>\
  131. <span>\
  132. <i>[<b>0</b>]</i>\
  133. </span>\
  134. <span>\
  135. <i>[<b>1</b>]</i>\
  136. </span>\
  137. <span>\
  138. <i>[<b>2</b>]</i>\
  139. </span>\
  140. <span>\
  141. <i>[<b>3</b>]</i>\
  142. </span>\
  143. <span>\
  144. <i>[<b>4</b>]</i>\
  145. </span>\
  146. <span>\
  147. <i>[<b>5</b>]</i>\
  148. </span>\
  149. <span>\
  150. <i>[<b>6</b>]</i>\
  151. </span>\
  152. <span>\
  153. <i>[<b>7</b>]</i>\
  154. </span>\
  155. <span>\
  156. <i>[<b>8</b>]</i>\
  157. </span>\
  158. <span>\
  159. <i>[<b>9</b>]</i>\
  160. </span>\
  161. </li>',
  162. moduleTitleTpl: '<h3 contenteditable="true">{title}</h3>',
  163. //系统默认提示
  164. systemClassNoticeInfoTpl:'<b class="red">系统自动生成班级信息</b>',
  165. systemNameNoticeInfoTpl:'<b class="red">系统自动生成姓名信息</b>',
  166. systemClassNoticeInfoForLineTpl:'<b class="red">系</b><b class="red">统</b><b class="red">生</b><b class="red">成</b><b class="red">班</b><b class="red">级</b><b class="red">信</b><b class="red">息</b>',
  167. systemNameNoticeInfoForLineTpl:'<b class="red">系</b><b class="red">统</b><b class="red">生</b><b class="red">成</b><b class="red">姓</b><b class="red">名</b><b class="red">信</b><b class="red">息</b>',
  168. moduleTitleContentTpl:'本大题共{subjectCount}小题,每小题{subjectPoint}分,共{totalPoint}分',
  169. //选择题模板
  170. selectTpl:
  171. '<div class="single-select answerModule {moduleType} clearfix {direction}" data-type="{moduleType}" data-direction="{direction}">\
  172. {title}\
  173. <div class="singleContent module clearfix">\
  174. {settingBtn}\
  175. {selectContent}</div></div>',
  176. settingBtnTpl:'<div class="settingBtn" data-type="{moduleType}"></div>',
  177. selectContentTpl:'<div class="singleContent module clearfix">\
  178. <div class="settingBtn" data-type="{moduleType}"></div>\
  179. {selectContent}</div>',
  180. selectAnswerTpl:'<div class="single-select {moduleType} answerModule clearfix {direction}" data-type="{moduleType}" data-direction="{direction}">{editModule}</div>',
  181. //单选题moduletpl
  182. selectSubjectModuleTpl:
  183. '<div class="singleContent module clearfix">{moduleHtml}</div>',
  184. singleSelectOptionTpl:
  185. '<li class="clearfix" title-number="{questionNum}" data-answer="{answer}">\
  186. <em>{questionNum}</em>\
  187. {singleContent}\
  188. </li>',
  189. //填空题模块
  190. fillInBlankTpl:
  191. '<div class="completion-topic answerModule" data-type="fillInBlank">\
  192. {title}\
  193. <div class="module">\
  194. <div class="settingBtn" data-type="fillInBlank"></div>\
  195. <div class="subjectCol col-{columns} clearfix rowLineHeight-{rowLineHeight}" data-column="{columns}" data-rowLineHeight="{rowLineHeight}" data-scoreStyle="{scoreStyle}" id="fillInBlank">\
  196. {fillInBlankContent}\
  197. </div>\
  198. </div>\
  199. </div>',
  200. fillInBlankItemTpl:
  201. '<div class="subjectItem clearfix" title-number="{questionNum}" data-fullScore="{fullScore}">\
  202. <span>{questionNum}、</span>\
  203. <em></em>\
  204. <strong>{scoreHtml}</strong>\
  205. </div>',
  206. //解答题模块
  207. shortAnswerTpl:
  208. '<div class="short-answer answerModule" data-type="answer" id="shortAnswerModule">\
  209. <h3 contenteditable="true">{title}</h3>\
  210. {shortAnswerContent}\
  211. </div>',
  212. shortAnswerItemTpl:
  213. '<div class="module" data-cutId="{questionNum}" data-editorIndex="{questionNum}" title-number="{questionNum}" data-fullScore="{fullScore}" scoreLimit="{scoreLimit}">\
  214. <div class="dragBtn"></div>\
  215. <div class="settingBtn" data-type="shortANswer"></div>\
  216. <div class="scortColumn clearfix col-16">\
  217. {scoreColumnHtml}\
  218. </div>\
  219. <script id="toolbar{questionNum}" type="text/plain" style="width:100%"></script>\
  220. <div id="editorContent{questionNum}" class="editorContent">\
  221. <div class="w-e-text"><div class="editorQuestionNum">{questionNum}、</div></div>\
  222. </div>\
  223. </div>',
  224. //选做题模块
  225. chooseAnswerTpl:
  226. '<div class="short-answer answerModule" data-type="chooseAnswer" id="chooseAnswerModule">\
  227. <h3>{title}</h3>\
  228. {chooseAnswerContent}\
  229. </div>',
  230. chooseAnswerItemTpl:
  231. '<div class="module" data-cutId="{questionNum}" data-editorIndex="{questionNum}" title-number="{titleNumber}" data-fullScore="{fullScore}" scoreLimit="{scoreLimit}">\
  232. <div class="dragBtn"></div>\
  233. <div class="settingBtn" data-type="shortANswer"></div>\
  234. <div class="selTopic">{selOptionHtml}</div>\
  235. <div class="scortColumn clearfix col-16">\
  236. {scoreColumnHtml}\
  237. </div>\
  238. <div id="toolbar{questionNum}" class="toolbar"></div>\
  239. <div id="editorContent{questionNum}" class="editorContent">\
  240. <div class="w-e-text"><div class="editorQuestionNum">{questionNumShow}、</div></div>\
  241. </div>\
  242. </div>',
  243. printPageStyle:
  244. '<style id="pageSizeStyle">\
  245. .printcontent{width:{pageWidth}px;}\
  246. .pageContent{height:{pageHeight}px;}\
  247. </style>',
  248. pageLabelTpl:'<div class="number item">第{currentPage}页 共<b class="totalPage">{totalPage}</b>页</div>\
  249. <div class="size item">\
  250. <div class="itemContent">\
  251. 第{currentPaper}张纸<b class="currentPaperPage">{currentPaperPage}</b>\
  252. </div>',
  253. pageModuleTpl:
  254. '<div class="pageContent" style="page-break-after:always;">\
  255. <div class="dtk-content">{subjectModule}</div>\
  256. <div class="pageLabel">\
  257. <div class="number item">第{currentPage}页 共<b class="totalPage">{totalPage}</b>页</div>\
  258. <div class="size item">\
  259. <div class="itemContent">\
  260. 第{currentPaper}张纸<b class="currentPaperPage">{currentPaperPage}</b>\
  261. </div>\
  262. </div>\
  263. </div>\
  264. </div>',
  265. //大题
  266. answerModuleTpl:
  267. '<div class="short-answer answerModule" data-type="{moduleType}">{editModule}</div>',
  268. //装订线
  269. bindLineTpl:'<div class="bindingLine {pos}">\
  270. <div class="line">\
  271. <span>线</span>\
  272. <span>订</span>\
  273. <span>装</span>\
  274. </div>\
  275. </div>',
  276. //禁止作答提示
  277. forbiddenAreaTpl:'<div class="dtk-content"><div class="forbiddenArea">此区域禁止作答</div></div>',
  278. fillInBlankSettingBtnTpl:
  279. '<div class="settingBtn" data-type="fillInBlank"></div>',
  280. fillInBlankContentTpl:
  281. '<div class="module">\
  282. {settingBtn}\
  283. <div class="subjectCol col-{columns} clearfix rowLineHeight-{rowLineHeight}" data-column="{columns}" data-scoreStyle="{scoreStyle}" data-rowLineHeight="{rowLineHeight}">{addFillInBlankHtml}</div>\
  284. </div>',
  285. answerModulForFillInBlankTpl:
  286. '<div class="completion-topic answerModule" data-type="{moduleType}">\
  287. {editModule}\
  288. </div>',
  289. moduleTpl:
  290. '<div class="module" title-number="{titleNumber}" data-cutId="{moduleIndex}" data-editorIndex="{moduleIndex}">\
  291. {moduleHtml}</div>',
  292. //小题
  293. overModuleTpl:
  294. '<div class="module pdt10" isSurplus title-number="{titleNumber}" data-linkparm="{linkparm}" data-cutId="{cutId}" data-editorIndex="{overIndex}"><div class="dragBtn"></div><div class="delBtn"></div>\
  295. <div id="toolbar{titleNumber}-{overIndex}" class="toolbar"></div>\
  296. <div id="editorContent{titleNumber}-{overIndex}" class="editorContent" style="height:{editorContentHeight}px;">{editorOverContent}\
  297. </div></div>',
  298. flexibleIconTpl:'<div class="flexible_icon"><i class="resize_nwse"></i></div>',
  299. scanDotPaper1:
  300. '<div class="scan-dot">\
  301. <span data-option="bl" class=""></span>\
  302. <span data-option="bl" class="center1"></span>\
  303. <span data-option="br" class="right"></span>\
  304. </div>\
  305. <div class="scan-dot bot">\
  306. <span data-option="bl" class="left"></span>\
  307. <span data-option="br" class="right"></span>\
  308. </div>',
  309. scanDotPaper2:
  310. '<div class="scan-dot">\
  311. <span data-option="bl" class=""></span>\
  312. <span data-option="bl" class="center2"></span>\
  313. <span data-option="br" class="right"></span>\
  314. </div>\
  315. <div class="scan-dot bot">\
  316. <span data-option="bl" class="left"></span>\
  317. <span data-option="br" class="right"></span>\
  318. </div>',
  319. //打印的模版
  320. printIframeContentTpl:
  321. '<div class="printIframeContent column{columns} {bindingLine} {previewClass}" style="width:{widthMm}mm;" id="printIframeContent">{printHtml}</div>',
  322. // 选择题设置选项
  323. selectSetTpl:
  324. '<div class="formItem">\
  325. <em>选择排列方向:</em>\
  326. <div class="h_radioBox" id="selectDirection">\
  327. <div class="h_radioItem {verticalChecked}" data-value="vertical">\
  328. <i></i><em>横向</em>\
  329. </div>\
  330. <div class="h_radioItem {horizontalChecked}" data-value="horizontal">\
  331. <i></i><em>纵向</em>\
  332. </div>\
  333. </div>\
  334. </div>',
  335. //填空题设置选项
  336. fillInBlankSetTpl:
  337. '<div class="formItem">\
  338. <em>每行列数:</em>\
  339. <select id="fillInBlankColumn">\
  340. <option value="1" {columnOneSelected}>1</option>\
  341. <option value="2" {columnTwoSelected}>2</option>\
  342. <option value="3" {columnThreeSelected}>3</option>\
  343. </select>\
  344. </div>\
  345. <div class="formItem">\
  346. <em>行间距:</em>\
  347. <select id="fillInBlankLineHeight">\
  348. <option {rowLineOneSelected} value="25">25px</option>\
  349. <option {rowLineTwoSelected} value="30">30px</option>\
  350. <option {rowLineThreeSelected} value="35">35px</option>\
  351. <option {rowLineFourSelected} value="40">40px</option>\
  352. <option {rowLineFiveSelected} value="45">45px</option>\
  353. <option {rowLineSixSelected} value="50">50px</option>\
  354. </select>\
  355. </div>\
  356. <div class="formItem">\
  357. <em>手写打分:</em>\
  358. <select id="scoringBox">\
  359. <option value="">空白方框</option>\
  360. <option {scoreOneSelected} {max4disabled} value="2/3/5">2/3/5</option>\
  361. <option {scoreTwoSelected} {max6disabled} value="2/3/4/6">2/3/4/6</option>\
  362. <option {scoreThreeSelected} {max4disabled} value="2/4">2/4</option>\
  363. </select>\
  364. </div>',
  365. //解答题设置选项
  366. shortAnswerOptionTpl:
  367. '<div class="formItem">\
  368. <em>分值上限:</em>\
  369. <select id="scoreLimit">\
  370. <option value="15" {limit15selected} {disabled15}>上限15分</option>\
  371. <option value="16" {limit16selected} {disabled16}>上限16分</option>\
  372. <option value="29" {limit29selected} {disabled29}>上限29分</option>\
  373. <option value="49" {limit49selected} {disabled49}>上限49分</option>\
  374. </select>\
  375. </div>\
  376. <div class="formItem">\
  377. <em></em>\
  378. <p class="halfPoint"><input {isAddHalfChecked} type="checkbox" id="isAddHalf" />\
  379. <b>加入0.5分</b></p>\
  380. </div>',
  381. objectiveWrapTpl:'<div class="objectiveModule answerModule" data-type="objective">{editModule}</div>',
  382. objectiveItemTpl:'<div class="objectiveItem" contenteditable="true">{content}{options}</div>'
  383. }