Home Explore Help
Sign In
examcloud-backend
/
examcloud-core-questions
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

update paper preview templates.

deason 5 years ago
parent
c6aa22f0dc
commit
de700154dd
6 changed files with 1504 additions and 4 deletions
Split View Show Diff Stats
  1. 375 0
      examcloud-core-questions-starter/src/main/resources/templates/default_answer.ftl
  2. 375 0
      examcloud-core-questions-starter/src/main/resources/templates/default_paper.ftl
  3. 2 2
      examcloud-core-questions-starter/src/main/resources/templates/sddxExportPaperService_answer.ftl
  4. 2 2
      examcloud-core-questions-starter/src/main/resources/templates/sddxExportPaperService_paper.ftl
  5. 375 0
      examcloud-core-questions-starter/src/main/resources/templates/sxsfExportPaperService_answer.ftl
  6. 375 0
      examcloud-core-questions-starter/src/main/resources/templates/sxsfExportPaperService_paper.ftl

+ 375 - 0
examcloud-core-questions-starter/src/main/resources/templates/default_answer.ftl
View File 

@@ -0,0 +1,375 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-cn">
 
+<head>
 
+    <title>试卷答案</title>
 
+    <meta charset="UTF-8"/>
 
+    <meta name="renderer" content="webkit"/>
 
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
 
+    <style type="text/css">
 
+        * {
 
+            margin: 0;
 
+            padding: 0;
 
+            /* 宋体 */
 
+            font-family: "SimSun";
 
+            /* 微软雅黑 */
 
+            /*font-family: "Microsoft YaHei";*/
 
+            font-size: 22px;
 
+            line-height: 1.5;
 
+        }
 
+
 
+        .e_description {
 
+            padding: 60px 0;
 
+        }
 
+
 
+        .e_description span {
 
+            display: inline-block;
 
+            width: 48%;
 
+            line-height: 60px;
 
+            font-weight: 700;
 
+        }
 
+
 
+        .e_description em {
 
+            font-style: normal;
 
+            margin-left: 10px;
 
+            text-align: center;
 
+            text-decoration: underline;
 
+        }
 
+
 
+        .e_page_no {
 
+            z-index: 1;
 
+            display: block;
 
+            width: 50px;
 
+            height: 20px;
 
+            line-height: 20px;
 
+            text-align: right;
 
+            position: absolute;
 
+            right: 0;
 
+            bottom: 0;
 
+            font-weight: 700;
 
+            color: #666;
 
+        }
 
+
 
+        .e_paper_title {
 
+            height: 480px;
 
+        }
 
+
 
+        .e_paper_title h1 {
 
+            font-size: 2.2em;
 
+            font-family: "黑体";
 
+            font-weight: bolder;
 
+            text-align: center;
 
+        }
 
+
 
+        .e_paper_title h3 {
 
+            margin-top: 10px;
 
+            font-size: 30px;
 
+            font-family: "黑体";
 
+            text-align: center;
 
+        }
 
+
 
+        .e_paper_title h3 b, .e_paper_title h3 em {
 
+            font-style: normal;
 
+            font-size: 30px;
 
+            color: #f00;
 
+        }
 
+
 
+        .e_paper_title h3 em {
 
+            font-family: "Times New Roman", Times, serif;
 
+            font-weight: bolder;
 
+        }
 
+
 
+        .e_tip {
 
+            margin-top: 10px;
 
+        }
 
+
 
+        /* 第一版面 */
 
+        .e_first_page {
 
+            width: 2300px;
 
+            position: relative;
 
+        }
 
+
 
+        .e_first_part {
 
+            position: absolute;
 
+            width: 1407px;
 
+            height: 80px;
 
+            position: absolute;
 
+            top: 773px;
 
+            left: -625px;
 
+            /* 逆时针旋转90度 */
 
+            transform: rotateZ(270deg);
 
+            /* 往左平移 */
 
+            -webkit-transform: rotateZ(270deg);
 
+        }
 
+
 
+        /* 侧边栏 */
 
+        .e_sidebar_font {
 
+            text-align: center;
 
+        }
 
+
 
+        .e_sidebar_font span {
 
+            margin-left: 30px;
 
+        }
 
+
 
+        /* 密封线 */
 
+        .e_sidebar_thread {
 
+            margin-top: 30px;
 
+            height: 20px;
 
+            line-height: 25px;
 
+            text-align: center;
 
+        }
 
+
 
+        #allContent {
 
+            float: left;
 
+            width: 2170px;
 
+            padding: 0 65px;
 
+        }
 
+
 
+        #tempContent {
 
+            visibility: hidden;
 
+        }
 
+
 
+        .e_detail {
 
+            /* nothing */
 
+        }
 
+
 
+        .e_question {
 
+            /* nothing */
 
+        }
 
+
 
+        .e_option {
 
+            /* nothing */
 
+        }
 
+
 
+        .e_item {
 
+            display: inline-block;
 
+            line-height: 20px;
 
+            padding-right: 15px;
 
+            box-sizing: border-box;
 
+            -webkit-box-zizig: border-box;
 
+            word-break: break-all;
 
+        }
 
+
 
+        .e_w25 {
 
+            width: 25%;
 
+        }
 
+
 
+        .e_w50 {
 
+            width: 50%;
 
+        }
 
+
 
+        .e_w100 {
 
+            width: 100%;
 
+        }
 
+
 
+        .e_num {
 
+            font-style: normal;
 
+            color: red;
 
+        }
 
+
 
+        .e_box {
 
+            float: left;
 
+            width: 100%;
 
+            overflow: hidden;
 
+        }
 
+
 
+        .e_box p {
 
+            margin: 0 !important;
 
+        }
 
+
 
+        .e_box p.e_option_end {
 
+            margin-bottom: 30px !important;
 
+        }
 
+
 
+        .e_content {
 
+            /*background: #efefef;*/
 
+            float: left;
 
+            width: 985px;
 
+            height: 1407px;
 
+            margin: 110px 50px;
 
+            padding-bottom: 40px;
 
+
 
+            position: relative;
 
+            border-top: 0px dashed black;
 
+            border-bottom: 0px dashed black;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        .e_content:nth-child(1) {
 
+            width: 915px;
 
+            margin-left: 120px;
 
+        }
 
+
 
+        @media print {
 
+            .e_content:nth-child(even) {
 
+                page-break-before: always;
 
+            }
 
+
 
+            .e_content:first-child {
 
+                page-break-before: auto;
 
+            }
 
+
 
+            @page {
 
+                size: A3 landscape;
 
+            }
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+<div class="e_first_page">
 
+    <div class="e_first_part">
 
+        <div class="e_sidebar_font">
 
+            <span style="margin-left: 0">学习中心_______________________</span>
 
+            <span>姓名_______________________</span>
 
+            <span>学校_______________________</span>
 
+            <span>专业名称_______________________</span>
 
+        </div>
 
+        <div class="e_sidebar_thread">
 
+            <i style="font-style: normal;font-size: 20px">..............................</i> 密
 
+            <i style="font-style: normal;font-size: 20px">..............................</i> 封
 
+            <i style="font-style: normal;font-size: 20px">..............................</i> 线
 
+            <i style="font-style: normal;font-size: 20px">..............................</i>
 
+        </div>
 
+    </div>
 
+
 
+    <div id="allContent">
 
+        <div class="e_content">
 
+            <div id="e_box_0" class="e_box">
 
+                <div class="e_paper_title">
 
+                    <h1><#if orgName??>${orgName!}<#else >大学</#if>继续(网络)教育</h1>
 
+                    <h3>${examName!}&nbsp;</h3>
 
+                    <div class="e_description">
 
+                        <span>课程名称：<em style="color: #FF0000">${courseName!}</em></span>
 
+                        <span>课程代码：<em style="color: #FF0000">${courseNo!}</em></span>
 
+                        <span>考试时间：<em>90分钟</em></span>
 
+                        <span>课程层次：<em style="color: #FF0000">${courseLevel!}</em></span>
 
+                    </div>
 
+                    <div class="e_tip"><span><b>注意事项：必须按试题顺序在“答题卡”上按要求填涂、作答，答在试卷上的答案无效。</b></span></div>
 
+                </div>
 
+            </div>
 
+            <span class="e_page_no">-1-</span>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+<!-- 临时内容DIV -->
 
+<div id="tempContent"></div>
 
+</body>
 
+<script type="text/javascript">
 
+    var a3Width = 985;
 
+    var a3Height = 1407;
 
+    var tempContent = document.getElementById("tempContent");
 
+    var tempOptions = [];
 
+    var theBox = document.getElementById("e_box_0");
 
+    var boxIndex = 0;
 
+
 
+    function renderQuestions(list) {
 
+        for (var i = 0; i < list.length; i++) {
 
+            var div = createElement(list[i], i);
 
+            if (div.className.indexOf("e_item") > -1) {
 
+                /* 选项 */
 
+                tempOptions.push(div);
 
+                tempContent.appendChild(div);
 
+            } else if ((div.className.indexOf("e_detail") > -1 || div.className.indexOf("e_question") > -1) && tempOptions.length > 0) {
 
+                /* 大题或小题 */
 
+                handleQuestionOption();
 
+                appendBox(div);
 
+            } else {
 
+                appendBox(div);
 
+            }
 
+        }
 
+
 
+        /* 处理最后一题选项 */
 
+        if (tempOptions.length > 0) {
 
+            handleQuestionOption();
 
+        }
 
+
 
+        console.log('finished');
 
+    }
 
+
 
+    function createElement(val, index) {
 
+        var divElement = document.createElement('div');
 
+        var className = "";
 
+        if (val.indexOf("e_detail") > -1) {
 
+            className = "e_detail";
 
+        }
 
+        if (val.indexOf("e_question") > -1) {
 
+            className = "e_question";
 
+        }
 
+        if (val.indexOf("e_option") > -1) {
 
+            className = "e_item e_option_end";
 
+        }
 
+        divElement.setAttribute('class', className);
 
+        divElement.setAttribute('e_index', index);
 
+        divElement.innerHTML = val;
 
+        return divElement;
 
+    }
 
+
 
+    function createPager(pageNo) {
 
+        var span = document.createElement('span');
 
+        span.setAttribute("class", "e_page_no");
 
+        span.innerText = '-' + pageNo + '-';
 
+        return span;
 
+    }
 
+
 
+    function appendBox(elements) {
 
+        theBox.appendChild(elements);
 
+        var curHeight = theBox.clientHeight;
 
+        if (curHeight > a3Height) {
 
+            theBox.removeChild(elements);
 
+            boxIndex++;
 
+
 
+            var allContent = document.getElementById("allContent");
 
+            var curContent = document.createElement('div');
 
+            curContent.setAttribute('class', 'e_content');
 
+
 
+            if (boxIndex % 2 == 0) {
 
+                var curPager = createPager((boxIndex / 2) + 1);
 
+                curContent.appendChild(curPager);
 
+            }
 
+
 
+            var curBox = document.createElement('div');
 
+            var curBoxIndex = "e_box_" + boxIndex;
 
+            curBox.id = curBoxIndex;
 
+            curBox.setAttribute('class', 'e_box');
 
+            curBox.appendChild(elements);
 
+
 
+            curContent.appendChild(curBox);
 
+            allContent.appendChild(curContent);
 
+            theBox = document.getElementById(curBoxIndex);
 
+        }
 
+    }
 
+
 
+    function handleQuestionOption() {
 
+        var className = calculateLine(tempOptions);
 
+        tempContent.innerHTML = '';
 
+        tempOptions.forEach(function (item) {
 
+            item.setAttribute('class', 'e_item ' + className);
 
+            appendBox(item);
 
+        });
 
+        tempOptions = [];
 
+    }
 
+
 
+    function calculateLine(options) {
 
+        var className = 'e_w25';
 
+        for (var i = 0; i < options.length; i++) {
 
+            var rate = options[i].clientWidth / a3Width;
 
+            if (rate > 0.5) {
 
+                className = 'e_w100';
 
+                return className
 
+            }
 
+            if (rate > 0.25) {
 
+                className = 'e_w50';
 
+            }
 
+        }
 
+        return className;
 
+    }
 
+
 
+    window.onload = function () {
 
+        var list = eval(${htmlList!});
 
+
 
+        renderQuestions(list);
 
+    };
 
+</script>
 
+</html>

+ 375 - 0
examcloud-core-questions-starter/src/main/resources/templates/default_paper.ftl
View File 

@@ -0,0 +1,375 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-cn">
 
+<head>
 
+    <title>试卷</title>
 
+    <meta charset="UTF-8"/>
 
+    <meta name="renderer" content="webkit"/>
 
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
 
+    <style type="text/css">
 
+        * {
 
+            margin: 0;
 
+            padding: 0;
 
+            /* 宋体 */
 
+            font-family: "SimSun";
 
+            /* 微软雅黑 */
 
+            /*font-family: "Microsoft YaHei";*/
 
+            font-size: 22px;
 
+            line-height: 1.5;
 
+        }
 
+
 
+        .e_description {
 
+            padding: 60px 0;
 
+        }
 
+
 
+        .e_description span {
 
+            display: inline-block;
 
+            width: 48%;
 
+            line-height: 60px;
 
+            font-weight: 700;
 
+        }
 
+
 
+        .e_description em {
 
+            font-style: normal;
 
+            margin-left: 10px;
 
+            text-align: center;
 
+            text-decoration: underline;
 
+        }
 
+
 
+        .e_page_no {
 
+            z-index: 1;
 
+            display: block;
 
+            width: 50px;
 
+            height: 20px;
 
+            line-height: 20px;
 
+            text-align: right;
 
+            position: absolute;
 
+            right: 0;
 
+            bottom: 0;
 
+            font-weight: 700;
 
+            color: #666;
 
+        }
 
+
 
+        .e_paper_title {
 
+            height: 480px;
 
+        }
 
+
 
+        .e_paper_title h1 {
 
+            font-size: 2.2em;
 
+            font-family: "黑体";
 
+            font-weight: bolder;
 
+            text-align: center;
 
+        }
 
+
 
+        .e_paper_title h3 {
 
+            margin-top: 10px;
 
+            font-size: 30px;
 
+            font-family: "黑体";
 
+            text-align: center;
 
+        }
 
+
 
+        .e_paper_title h3 b, .e_paper_title h3 em {
 
+            font-style: normal;
 
+            font-size: 30px;
 
+            color: #f00;
 
+        }
 
+
 
+        .e_paper_title h3 em {
 
+            font-family: "Times New Roman", Times, serif;
 
+            font-weight: bolder;
 
+        }
 
+
 
+        .e_tip {
 
+            margin-top: 10px;
 
+        }
 
+
 
+        /* 第一版面 */
 
+        .e_first_page {
 
+            width: 2300px;
 
+            position: relative;
 
+        }
 
+
 
+        .e_first_part {
 
+            position: absolute;
 
+            width: 1407px;
 
+            height: 80px;
 
+            position: absolute;
 
+            top: 773px;
 
+            left: -625px;
 
+            /* 逆时针旋转90度 */
 
+            transform: rotateZ(270deg);
 
+            /* 往左平移 */
 
+            -webkit-transform: rotateZ(270deg);
 
+        }
 
+
 
+        /* 侧边栏 */
 
+        .e_sidebar_font {
 
+            text-align: center;
 
+        }
 
+
 
+        .e_sidebar_font span {
 
+            margin-left: 30px;
 
+        }
 
+
 
+        /* 密封线 */
 
+        .e_sidebar_thread {
 
+            margin-top: 30px;
 
+            height: 20px;
 
+            line-height: 25px;
 
+            text-align: center;
 
+        }
 
+
 
+        #allContent {
 
+            float: left;
 
+            width: 2170px;
 
+            padding: 0 65px;
 
+        }
 
+
 
+        #tempContent {
 
+            visibility: hidden;
 
+        }
 
+
 
+        .e_detail {
 
+            /* nothing */
 
+        }
 
+
 
+        .e_question {
 
+            /* nothing */
 
+        }
 
+
 
+        .e_option {
 
+            /* nothing */
 
+        }
 
+
 
+        .e_item {
 
+            display: inline-block;
 
+            line-height: 20px;
 
+            padding-right: 15px;
 
+            box-sizing: border-box;
 
+            -webkit-box-zizig: border-box;
 
+            word-break: break-all;
 
+        }
 
+
 
+        .e_w25 {
 
+            width: 25%;
 
+        }
 
+
 
+        .e_w50 {
 
+            width: 50%;
 
+        }
 
+
 
+        .e_w100 {
 
+            width: 100%;
 
+        }
 
+
 
+        .e_num {
 
+            font-style: normal;
 
+            color: red;
 
+        }
 
+
 
+        .e_box {
 
+            float: left;
 
+            width: 100%;
 
+            overflow: hidden;
 
+        }
 
+
 
+        .e_box p {
 
+            margin: 0 !important;
 
+        }
 
+
 
+        .e_box p.e_option_end {
 
+            margin-bottom: 30px !important;
 
+        }
 
+
 
+        .e_content {
 
+            /*background: #efefef;*/
 
+            float: left;
 
+            width: 985px;
 
+            height: 1407px;
 
+            margin: 110px 50px;
 
+            padding-bottom: 40px;
 
+
 
+            position: relative;
 
+            border-top: 0px dashed black;
 
+            border-bottom: 0px dashed black;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        .e_content:nth-child(1) {
 
+            width: 915px;
 
+            margin-left: 120px;
 
+        }
 
+
 
+        @media print {
 
+            .e_content:nth-child(even) {
 
+                page-break-before: always;
 
+            }
 
+
 
+            .e_content:first-child {
 
+                page-break-before: auto;
 
+            }
 
+
 
+            @page {
 
+                size: A3 landscape;
 
+            }
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+<div class="e_first_page">
 
+    <div class="e_first_part">
 
+        <div class="e_sidebar_font">
 
+            <span style="margin-left: 0">学习中心_______________________</span>
 
+            <span>姓名_______________________</span>
 
+            <span>学校_______________________</span>
 
+            <span>专业名称_______________________</span>
 
+        </div>
 
+        <div class="e_sidebar_thread">
 
+            <i style="font-style: normal;font-size: 20px">..............................</i> 密
 
+            <i style="font-style: normal;font-size: 20px">..............................</i> 封
 
+            <i style="font-style: normal;font-size: 20px">..............................</i> 线
 
+            <i style="font-style: normal;font-size: 20px">..............................</i>
 
+        </div>
 
+    </div>
 
+
 
+    <div id="allContent">
 
+        <div class="e_content">
 
+            <div id="e_box_0" class="e_box">
 
+                <div class="e_paper_title">
 
+                    <h1><#if orgName??>${orgName!}<#else >大学</#if>继续(网络)教育</h1>
 
+                    <h3>${examName!}&nbsp;</h3>
 
+                    <div class="e_description">
 
+                        <span>课程名称：<em style="color: #FF0000">${courseName!}</em></span>
 
+                        <span>课程代码：<em style="color: #FF0000">${courseNo!}</em></span>
 
+                        <span>考试时间：<em>90分钟</em></span>
 
+                        <span>课程层次：<em style="color: #FF0000">${courseLevel!}</em></span>
 
+                    </div>
 
+                    <div class="e_tip"><span><b>注意事项：必须按试题顺序在“答题卡”上按要求填涂、作答，答在试卷上的答案无效。</b></span></div>
 
+                </div>
 
+            </div>
 
+            <span class="e_page_no">-1-</span>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+<!-- 临时内容DIV -->
 
+<div id="tempContent"></div>
 
+</body>
 
+<script type="text/javascript">
 
+    var a3Width = 985;
 
+    var a3Height = 1407;
 
+    var tempContent = document.getElementById("tempContent");
 
+    var tempOptions = [];
 
+    var theBox = document.getElementById("e_box_0");
 
+    var boxIndex = 0;
 
+
 
+    function renderQuestions(list) {
 
+        for (var i = 0; i < list.length; i++) {
 
+            var div = createElement(list[i], i);
 
+            if (div.className.indexOf("e_item") > -1) {
 
+                /* 选项 */
 
+                tempOptions.push(div);
 
+                tempContent.appendChild(div);
 
+            } else if ((div.className.indexOf("e_detail") > -1 || div.className.indexOf("e_question") > -1) && tempOptions.length > 0) {
 
+                /* 大题或小题 */
 
+                handleQuestionOption();
 
+                appendBox(div);
 
+            } else {
 
+                appendBox(div);
 
+            }
 
+        }
 
+
 
+        /* 处理最后一题选项 */
 
+        if (tempOptions.length > 0) {
 
+            handleQuestionOption();
 
+        }
 
+
 
+        console.log('finished');
 
+    }
 
+
 
+    function createElement(val, index) {
 
+        var divElement = document.createElement('div');
 
+        var className = "";
 
+        if (val.indexOf("e_detail") > -1) {
 
+            className = "e_detail";
 
+        }
 
+        if (val.indexOf("e_question") > -1) {
 
+            className = "e_question";
 
+        }
 
+        if (val.indexOf("e_option") > -1) {
 
+            className = "e_item e_option_end";
 
+        }
 
+        divElement.setAttribute('class', className);
 
+        divElement.setAttribute('e_index', index);
 
+        divElement.innerHTML = val;
 
+        return divElement;
 
+    }
 
+
 
+    function createPager(pageNo) {
 
+        var span = document.createElement('span');
 
+        span.setAttribute("class", "e_page_no");
 
+        span.innerText = '-' + pageNo + '-';
 
+        return span;
 
+    }
 
+
 
+    function appendBox(elements) {
 
+        theBox.appendChild(elements);
 
+        var curHeight = theBox.clientHeight;
 
+        if (curHeight > a3Height) {
 
+            theBox.removeChild(elements);
 
+            boxIndex++;
 
+
 
+            var allContent = document.getElementById("allContent");
 
+            var curContent = document.createElement('div');
 
+            curContent.setAttribute('class', 'e_content');
 
+
 
+            if (boxIndex % 2 == 0) {
 
+                var curPager = createPager((boxIndex / 2) + 1);
 
+                curContent.appendChild(curPager);
 
+            }
 
+
 
+            var curBox = document.createElement('div');
 
+            var curBoxIndex = "e_box_" + boxIndex;
 
+            curBox.id = curBoxIndex;
 
+            curBox.setAttribute('class', 'e_box');
 
+            curBox.appendChild(elements);
 
+
 
+            curContent.appendChild(curBox);
 
+            allContent.appendChild(curContent);
 
+            theBox = document.getElementById(curBoxIndex);
 
+        }
 
+    }
 
+
 
+    function handleQuestionOption() {
 
+        var className = calculateLine(tempOptions);
 
+        tempContent.innerHTML = '';
 
+        tempOptions.forEach(function (item) {
 
+            item.setAttribute('class', 'e_item ' + className);
 
+            appendBox(item);
 
+        });
 
+        tempOptions = [];
 
+    }
 
+
 
+    function calculateLine(options) {
 
+        var className = 'e_w25';
 
+        for (var i = 0; i < options.length; i++) {
 
+            var rate = options[i].clientWidth / a3Width;
 
+            if (rate > 0.5) {
 
+                className = 'e_w100';
 
+                return className
 
+            }
 
+            if (rate > 0.25) {
 
+                className = 'e_w50';
 
+            }
 
+        }
 
+        return className;
 
+    }
 
+
 
+    window.onload = function () {
 
+        var list = eval(${htmlList!});
 
+
 
+        renderQuestions(list);
 
+    };
 
+</script>
 
+</html>

+ 2 - 2
examcloud-core-questions-starter/src/main/resources/templates/sddxExportPaperService_answer.ftl
View File 

@@ -237,8 +237,8 @@
 
         <div class="e_content">
 
             <div id="e_box_0" class="e_box">
 
                 <div class="e_paper_title">
 
-                    <h1><#if orgName??>${orgName!}<#else >大学</#if>继续(网络)教育</h1>
 
-                    <h3>${examName!}&nbsp;</h3>
 
+                    <h1>山东大学继续(网络)教育</h1>
 
+                    <h3>&nbsp;</h3>
 
                     <div class="e_description">
 
                         <span>课程名称：<em style="color: #FF0000">${courseName!}</em></span>
 
                         <span>课程代码：<em style="color: #FF0000">${courseNo!}</em></span>

+ 2 - 2
examcloud-core-questions-starter/src/main/resources/templates/sddxExportPaperService_paper.ftl
View File 

@@ -237,8 +237,8 @@
 
         <div class="e_content">
 
             <div id="e_box_0" class="e_box">
 
                 <div class="e_paper_title">
 
-                    <h1><#if orgName??>${orgName!}<#else >大学</#if>继续(网络)教育</h1>
 
-                    <h3>${examName!}&nbsp;</h3>
 
+                    <h1>山东大学继续(网络)教育</h1>
 
+                    <h3>&nbsp;</h3>
 
                     <div class="e_description">
 
                         <span>课程名称：<em style="color: #FF0000">${courseName!}</em></span>
 
                         <span>课程代码：<em style="color: #FF0000">${courseNo!}</em></span>

+ 375 - 0
examcloud-core-questions-starter/src/main/resources/templates/sxsfExportPaperService_answer.ftl
View File 

@@ -0,0 +1,375 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-cn">
 
+<head>
 
+    <title>试卷答案</title>
 
+    <meta charset="UTF-8"/>
 
+    <meta name="renderer" content="webkit"/>
 
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
 
+    <style type="text/css">
 
+        * {
 
+            margin: 0;
 
+            padding: 0;
 
+            /* 宋体 */
 
+            font-family: "SimSun";
 
+            /* 微软雅黑 */
 
+            /*font-family: "Microsoft YaHei";*/
 
+            font-size: 22px;
 
+            line-height: 1.5;
 
+        }
 
+
 
+        .e_description {
 
+            padding: 60px 0;
 
+        }
 
+
 
+        .e_description span {
 
+            display: inline-block;
 
+            width: 48%;
 
+            line-height: 60px;
 
+            font-weight: 700;
 
+        }
 
+
 
+        .e_description em {
 
+            font-style: normal;
 
+            margin-left: 10px;
 
+            text-align: center;
 
+            text-decoration: underline;
 
+        }
 
+
 
+        .e_page_no {
 
+            z-index: 1;
 
+            display: block;
 
+            width: 50px;
 
+            height: 20px;
 
+            line-height: 20px;
 
+            text-align: right;
 
+            position: absolute;
 
+            right: 0;
 
+            bottom: 0;
 
+            font-weight: 700;
 
+            color: #666;
 
+        }
 
+
 
+        .e_paper_title {
 
+            height: 480px;
 
+        }
 
+
 
+        .e_paper_title h1 {
 
+            font-size: 2.2em;
 
+            font-family: "黑体";
 
+            font-weight: bolder;
 
+            text-align: center;
 
+        }
 
+
 
+        .e_paper_title h3 {
 
+            margin-top: 10px;
 
+            font-size: 30px;
 
+            font-family: "黑体";
 
+            text-align: center;
 
+        }
 
+
 
+        .e_paper_title h3 b, .e_paper_title h3 em {
 
+            font-style: normal;
 
+            font-size: 30px;
 
+            color: #f00;
 
+        }
 
+
 
+        .e_paper_title h3 em {
 
+            font-family: "Times New Roman", Times, serif;
 
+            font-weight: bolder;
 
+        }
 
+
 
+        .e_tip {
 
+            margin-top: 10px;
 
+        }
 
+
 
+        /* 第一版面 */
 
+        .e_first_page {
 
+            width: 2300px;
 
+            position: relative;
 
+        }
 
+
 
+        .e_first_part {
 
+            position: absolute;
 
+            width: 1407px;
 
+            height: 80px;
 
+            position: absolute;
 
+            top: 773px;
 
+            left: -625px;
 
+            /* 逆时针旋转90度 */
 
+            transform: rotateZ(270deg);
 
+            /* 往左平移 */
 
+            -webkit-transform: rotateZ(270deg);
 
+        }
 
+
 
+        /* 侧边栏 */
 
+        .e_sidebar_font {
 
+            text-align: center;
 
+        }
 
+
 
+        .e_sidebar_font span {
 
+            margin-left: 30px;
 
+        }
 
+
 
+        /* 密封线 */
 
+        .e_sidebar_thread {
 
+            margin-top: 30px;
 
+            height: 20px;
 
+            line-height: 25px;
 
+            text-align: center;
 
+        }
 
+
 
+        #allContent {
 
+            float: left;
 
+            width: 2170px;
 
+            padding: 0 65px;
 
+        }
 
+
 
+        #tempContent {
 
+            visibility: hidden;
 
+        }
 
+
 
+        .e_detail {
 
+            /* nothing */
 
+        }
 
+
 
+        .e_question {
 
+            /* nothing */
 
+        }
 
+
 
+        .e_option {
 
+            /* nothing */
 
+        }
 
+
 
+        .e_item {
 
+            display: inline-block;
 
+            line-height: 20px;
 
+            padding-right: 15px;
 
+            box-sizing: border-box;
 
+            -webkit-box-zizig: border-box;
 
+            word-break: break-all;
 
+        }
 
+
 
+        .e_w25 {
 
+            width: 25%;
 
+        }
 
+
 
+        .e_w50 {
 
+            width: 50%;
 
+        }
 
+
 
+        .e_w100 {
 
+            width: 100%;
 
+        }
 
+
 
+        .e_num {
 
+            font-style: normal;
 
+            color: red;
 
+        }
 
+
 
+        .e_box {
 
+            float: left;
 
+            width: 100%;
 
+            overflow: hidden;
 
+        }
 
+
 
+        .e_box p {
 
+            margin: 0 !important;
 
+        }
 
+
 
+        .e_box p.e_option_end {
 
+            margin-bottom: 30px !important;
 
+        }
 
+
 
+        .e_content {
 
+            /*background: #efefef;*/
 
+            float: left;
 
+            width: 985px;
 
+            height: 1407px;
 
+            margin: 110px 50px;
 
+            padding-bottom: 40px;
 
+
 
+            position: relative;
 
+            border-top: 0px dashed black;
 
+            border-bottom: 0px dashed black;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        .e_content:nth-child(1) {
 
+            width: 915px;
 
+            margin-left: 120px;
 
+        }
 
+
 
+        @media print {
 
+            .e_content:nth-child(even) {
 
+                page-break-before: always;
 
+            }
 
+
 
+            .e_content:first-child {
 
+                page-break-before: auto;
 
+            }
 
+
 
+            @page {
 
+                size: A3 landscape;
 
+            }
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+<div class="e_first_page">
 
+    <div class="e_first_part">
 
+        <div class="e_sidebar_font">
 
+            <span style="margin-left: 0">学习中心_______________________</span>
 
+            <span>姓名_______________________</span>
 
+            <span>学校_______________________</span>
 
+            <span>专业名称_______________________</span>
 
+        </div>
 
+        <div class="e_sidebar_thread">
 
+            <i style="font-style: normal;font-size: 20px">..............................</i> 密
 
+            <i style="font-style: normal;font-size: 20px">..............................</i> 封
 
+            <i style="font-style: normal;font-size: 20px">..............................</i> 线
 
+            <i style="font-style: normal;font-size: 20px">..............................</i>
 
+        </div>
 
+    </div>
 
+
 
+    <div id="allContent">
 
+        <div class="e_content">
 
+            <div id="e_box_0" class="e_box">
 
+                <div class="e_paper_title">
 
+                    <h1>陕西师范大学远程教育学院(网络教育)</h1>
 
+                    <h3>课程考试</h3>
 
+                    <div class="e_description">
 
+                        <span>考试时间：<em>90分钟</em></span>
 
+                        <span>课程层次：<em>${courseLevel!}</em></span>
 
+                        <span>课程名称：<em style="color: #FF0000">${courseName!}</em></span>
 
+                        <span>课程代码：<em style="color: #FF0000">${courseNo!}</em></span>
 
+                    </div>
 
+                    <div class="e_tip"><span><b>注意事项：必须按试题顺序在“答题卡”上按要求填涂、作答，答在试卷上的答案无效。</b></span></div>
 
+                </div>
 
+            </div>
 
+            <span class="e_page_no">-1-</span>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+<!-- 临时内容DIV -->
 
+<div id="tempContent"></div>
 
+</body>
 
+<script type="text/javascript">
 
+    var a3Width = 985;
 
+    var a3Height = 1407;
 
+    var tempContent = document.getElementById("tempContent");
 
+    var tempOptions = [];
 
+    var theBox = document.getElementById("e_box_0");
 
+    var boxIndex = 0;
 
+
 
+    function renderQuestions(list) {
 
+        for (var i = 0; i < list.length; i++) {
 
+            var div = createElement(list[i], i);
 
+            if (div.className.indexOf("e_item") > -1) {
 
+                /* 选项 */
 
+                tempOptions.push(div);
 
+                tempContent.appendChild(div);
 
+            } else if ((div.className.indexOf("e_detail") > -1 || div.className.indexOf("e_question") > -1) && tempOptions.length > 0) {
 
+                /* 大题或小题 */
 
+                handleQuestionOption();
 
+                appendBox(div);
 
+            } else {
 
+                appendBox(div);
 
+            }
 
+        }
 
+
 
+        /* 处理最后一题选项 */
 
+        if (tempOptions.length > 0) {
 
+            handleQuestionOption();
 
+        }
 
+
 
+        console.log('finished');
 
+    }
 
+
 
+    function createElement(val, index) {
 
+        var divElement = document.createElement('div');
 
+        var className = "";
 
+        if (val.indexOf("e_detail") > -1) {
 
+            className = "e_detail";
 
+        }
 
+        if (val.indexOf("e_question") > -1) {
 
+            className = "e_question";
 
+        }
 
+        if (val.indexOf("e_option") > -1) {
 
+            className = "e_item e_option_end";
 
+        }
 
+        divElement.setAttribute('class', className);
 
+        divElement.setAttribute('e_index', index);
 
+        divElement.innerHTML = val;
 
+        return divElement;
 
+    }
 
+
 
+    function createPager(pageNo) {
 
+        var span = document.createElement('span');
 
+        span.setAttribute("class", "e_page_no");
 
+        span.innerText = '-' + pageNo + '-';
 
+        return span;
 
+    }
 
+
 
+    function appendBox(elements) {
 
+        theBox.appendChild(elements);
 
+        var curHeight = theBox.clientHeight;
 
+        if (curHeight > a3Height) {
 
+            theBox.removeChild(elements);
 
+            boxIndex++;
 
+
 
+            var allContent = document.getElementById("allContent");
 
+            var curContent = document.createElement('div');
 
+            curContent.setAttribute('class', 'e_content');
 
+
 
+            if (boxIndex % 2 == 0) {
 
+                var curPager = createPager((boxIndex / 2) + 1);
 
+                curContent.appendChild(curPager);
 
+            }
 
+
 
+            var curBox = document.createElement('div');
 
+            var curBoxIndex = "e_box_" + boxIndex;
 
+            curBox.id = curBoxIndex;
 
+            curBox.setAttribute('class', 'e_box');
 
+            curBox.appendChild(elements);
 
+
 
+            curContent.appendChild(curBox);
 
+            allContent.appendChild(curContent);
 
+            theBox = document.getElementById(curBoxIndex);
 
+        }
 
+    }
 
+
 
+    function handleQuestionOption() {
 
+        var className = calculateLine(tempOptions);
 
+        tempContent.innerHTML = '';
 
+        tempOptions.forEach(function (item) {
 
+            item.setAttribute('class', 'e_item ' + className);
 
+            appendBox(item);
 
+        });
 
+        tempOptions = [];
 
+    }
 
+
 
+    function calculateLine(options) {
 
+        var className = 'e_w25';
 
+        for (var i = 0; i < options.length; i++) {
 
+            var rate = options[i].clientWidth / a3Width;
 
+            if (rate > 0.5) {
 
+                className = 'e_w100';
 
+                return className
 
+            }
 
+            if (rate > 0.25) {
 
+                className = 'e_w50';
 
+            }
 
+        }
 
+        return className;
 
+    }
 
+
 
+    window.onload = function () {
 
+        var list = eval(${htmlList!});
 
+
 
+        renderQuestions(list);
 
+    };
 
+</script>
 
+</html>

+ 375 - 0
examcloud-core-questions-starter/src/main/resources/templates/sxsfExportPaperService_paper.ftl
View File 

@@ -0,0 +1,375 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-cn">
 
+<head>
 
+    <title>试卷</title>
 
+    <meta charset="UTF-8"/>
 
+    <meta name="renderer" content="webkit"/>
 
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
 
+    <style type="text/css">
 
+        * {
 
+            margin: 0;
 
+            padding: 0;
 
+            /* 宋体 */
 
+            font-family: "SimSun";
 
+            /* 微软雅黑 */
 
+            /*font-family: "Microsoft YaHei";*/
 
+            font-size: 22px;
 
+            line-height: 1.5;
 
+        }
 
+
 
+        .e_description {
 
+            padding: 60px 0;
 
+        }
 
+
 
+        .e_description span {
 
+            display: inline-block;
 
+            width: 48%;
 
+            line-height: 60px;
 
+            font-weight: 700;
 
+        }
 
+
 
+        .e_description em {
 
+            font-style: normal;
 
+            margin-left: 10px;
 
+            text-align: center;
 
+            text-decoration: underline;
 
+        }
 
+
 
+        .e_page_no {
 
+            z-index: 1;
 
+            display: block;
 
+            width: 50px;
 
+            height: 20px;
 
+            line-height: 20px;
 
+            text-align: right;
 
+            position: absolute;
 
+            right: 0;
 
+            bottom: 0;
 
+            font-weight: 700;
 
+            color: #666;
 
+        }
 
+
 
+        .e_paper_title {
 
+            height: 480px;
 
+        }
 
+
 
+        .e_paper_title h1 {
 
+            font-size: 2.2em;
 
+            font-family: "黑体";
 
+            font-weight: bolder;
 
+            text-align: center;
 
+        }
 
+
 
+        .e_paper_title h3 {
 
+            margin-top: 10px;
 
+            font-size: 30px;
 
+            font-family: "黑体";
 
+            text-align: center;
 
+        }
 
+
 
+        .e_paper_title h3 b, .e_paper_title h3 em {
 
+            font-style: normal;
 
+            font-size: 30px;
 
+            color: #f00;
 
+        }
 
+
 
+        .e_paper_title h3 em {
 
+            font-family: "Times New Roman", Times, serif;
 
+            font-weight: bolder;
 
+        }
 
+
 
+        .e_tip {
 
+            margin-top: 10px;
 
+        }
 
+
 
+        /* 第一版面 */
 
+        .e_first_page {
 
+            width: 2300px;
 
+            position: relative;
 
+        }
 
+
 
+        .e_first_part {
 
+            position: absolute;
 
+            width: 1407px;
 
+            height: 80px;
 
+            position: absolute;
 
+            top: 773px;
 
+            left: -625px;
 
+            /* 逆时针旋转90度 */
 
+            transform: rotateZ(270deg);
 
+            /* 往左平移 */
 
+            -webkit-transform: rotateZ(270deg);
 
+        }
 
+
 
+        /* 侧边栏 */
 
+        .e_sidebar_font {
 
+            text-align: center;
 
+        }
 
+
 
+        .e_sidebar_font span {
 
+            margin-left: 30px;
 
+        }
 
+
 
+        /* 密封线 */
 
+        .e_sidebar_thread {
 
+            margin-top: 30px;
 
+            height: 20px;
 
+            line-height: 25px;
 
+            text-align: center;
 
+        }
 
+
 
+        #allContent {
 
+            float: left;
 
+            width: 2170px;
 
+            padding: 0 65px;
 
+        }
 
+
 
+        #tempContent {
 
+            visibility: hidden;
 
+        }
 
+
 
+        .e_detail {
 
+            /* nothing */
 
+        }
 
+
 
+        .e_question {
 
+            /* nothing */
 
+        }
 
+
 
+        .e_option {
 
+            /* nothing */
 
+        }
 
+
 
+        .e_item {
 
+            display: inline-block;
 
+            line-height: 20px;
 
+            padding-right: 15px;
 
+            box-sizing: border-box;
 
+            -webkit-box-zizig: border-box;
 
+            word-break: break-all;
 
+        }
 
+
 
+        .e_w25 {
 
+            width: 25%;
 
+        }
 
+
 
+        .e_w50 {
 
+            width: 50%;
 
+        }
 
+
 
+        .e_w100 {
 
+            width: 100%;
 
+        }
 
+
 
+        .e_num {
 
+            font-style: normal;
 
+            color: red;
 
+        }
 
+
 
+        .e_box {
 
+            float: left;
 
+            width: 100%;
 
+            overflow: hidden;
 
+        }
 
+
 
+        .e_box p {
 
+            margin: 0 !important;
 
+        }
 
+
 
+        .e_box p.e_option_end {
 
+            margin-bottom: 30px !important;
 
+        }
 
+
 
+        .e_content {
 
+            /*background: #efefef;*/
 
+            float: left;
 
+            width: 985px;
 
+            height: 1407px;
 
+            margin: 110px 50px;
 
+            padding-bottom: 40px;
 
+
 
+            position: relative;
 
+            border-top: 0px dashed black;
 
+            border-bottom: 0px dashed black;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        .e_content:nth-child(1) {
 
+            width: 915px;
 
+            margin-left: 120px;
 
+        }
 
+
 
+        @media print {
 
+            .e_content:nth-child(even) {
 
+                page-break-before: always;
 
+            }
 
+
 
+            .e_content:first-child {
 
+                page-break-before: auto;
 
+            }
 
+
 
+            @page {
 
+                size: A3 landscape;
 
+            }
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+<div class="e_first_page">
 
+    <div class="e_first_part">
 
+        <div class="e_sidebar_font">
 
+            <span style="margin-left: 0">学习中心_______________________</span>
 
+            <span>姓名_______________________</span>
 
+            <span>学校_______________________</span>
 
+            <span>专业名称_______________________</span>
 
+        </div>
 
+        <div class="e_sidebar_thread">
 
+            <i style="font-style: normal;font-size: 20px">..............................</i> 密
 
+            <i style="font-style: normal;font-size: 20px">..............................</i> 封
 
+            <i style="font-style: normal;font-size: 20px">..............................</i> 线
 
+            <i style="font-style: normal;font-size: 20px">..............................</i>
 
+        </div>
 
+    </div>
 
+
 
+    <div id="allContent">
 
+        <div class="e_content">
 
+            <div id="e_box_0" class="e_box">
 
+                <div class="e_paper_title">
 
+                    <h1>陕西师范大学远程教育学院(网络教育)</h1>
 
+                    <h3>课程考试</h3>
 
+                    <div class="e_description">
 
+                        <span>考试时间：<em>90分钟</em></span>
 
+                        <span>课程层次：<em>${courseLevel!}</em></span>
 
+                        <span>课程名称：<em style="color: #FF0000">${courseName!}</em></span>
 
+                        <span>课程代码：<em style="color: #FF0000">${courseNo!}</em></span>
 
+                    </div>
 
+                    <div class="e_tip"><span><b>注意事项：必须按试题顺序在“答题卡”上按要求填涂、作答，答在试卷上的答案无效。</b></span></div>
 
+                </div>
 
+            </div>
 
+            <span class="e_page_no">-1-</span>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+<!-- 临时内容DIV -->
 
+<div id="tempContent"></div>
 
+</body>
 
+<script type="text/javascript">
 
+    var a3Width = 985;
 
+    var a3Height = 1407;
 
+    var tempContent = document.getElementById("tempContent");
 
+    var tempOptions = [];
 
+    var theBox = document.getElementById("e_box_0");
 
+    var boxIndex = 0;
 
+
 
+    function renderQuestions(list) {
 
+        for (var i = 0; i < list.length; i++) {
 
+            var div = createElement(list[i], i);
 
+            if (div.className.indexOf("e_item") > -1) {
 
+                /* 选项 */
 
+                tempOptions.push(div);
 
+                tempContent.appendChild(div);
 
+            } else if ((div.className.indexOf("e_detail") > -1 || div.className.indexOf("e_question") > -1) && tempOptions.length > 0) {
 
+                /* 大题或小题 */
 
+                handleQuestionOption();
 
+                appendBox(div);
 
+            } else {
 
+                appendBox(div);
 
+            }
 
+        }
 
+
 
+        /* 处理最后一题选项 */
 
+        if (tempOptions.length > 0) {
 
+            handleQuestionOption();
 
+        }
 
+
 
+        console.log('finished');
 
+    }
 
+
 
+    function createElement(val, index) {
 
+        var divElement = document.createElement('div');
 
+        var className = "";
 
+        if (val.indexOf("e_detail") > -1) {
 
+            className = "e_detail";
 
+        }
 
+        if (val.indexOf("e_question") > -1) {
 
+            className = "e_question";
 
+        }
 
+        if (val.indexOf("e_option") > -1) {
 
+            className = "e_item e_option_end";
 
+        }
 
+        divElement.setAttribute('class', className);
 
+        divElement.setAttribute('e_index', index);
 
+        divElement.innerHTML = val;
 
+        return divElement;
 
+    }
 
+
 
+    function createPager(pageNo) {
 
+        var span = document.createElement('span');
 
+        span.setAttribute("class", "e_page_no");
 
+        span.innerText = '-' + pageNo + '-';
 
+        return span;
 
+    }
 
+
 
+    function appendBox(elements) {
 
+        theBox.appendChild(elements);
 
+        var curHeight = theBox.clientHeight;
 
+        if (curHeight > a3Height) {
 
+            theBox.removeChild(elements);
 
+            boxIndex++;
 
+
 
+            var allContent = document.getElementById("allContent");
 
+            var curContent = document.createElement('div');
 
+            curContent.setAttribute('class', 'e_content');
 
+
 
+            if (boxIndex % 2 == 0) {
 
+                var curPager = createPager((boxIndex / 2) + 1);
 
+                curContent.appendChild(curPager);
 
+            }
 
+
 
+            var curBox = document.createElement('div');
 
+            var curBoxIndex = "e_box_" + boxIndex;
 
+            curBox.id = curBoxIndex;
 
+            curBox.setAttribute('class', 'e_box');
 
+            curBox.appendChild(elements);
 
+
 
+            curContent.appendChild(curBox);
 
+            allContent.appendChild(curContent);
 
+            theBox = document.getElementById(curBoxIndex);
 
+        }
 
+    }
 
+
 
+    function handleQuestionOption() {
 
+        var className = calculateLine(tempOptions);
 
+        tempContent.innerHTML = '';
 
+        tempOptions.forEach(function (item) {
 
+            item.setAttribute('class', 'e_item ' + className);
 
+            appendBox(item);
 
+        });
 
+        tempOptions = [];
 
+    }
 
+
 
+    function calculateLine(options) {
 
+        var className = 'e_w25';
 
+        for (var i = 0; i < options.length; i++) {
 
+            var rate = options[i].clientWidth / a3Width;
 
+            if (rate > 0.5) {
 
+                className = 'e_w100';
 
+                return className
 
+            }
 
+            if (rate > 0.25) {
 
+                className = 'e_w50';
 
+            }
 
+        }
 
+        return className;
 
+    }
 
+
 
+    window.onload = function () {
 
+        var list = eval(${htmlList!});
 
+
 
+        renderQuestions(list);
 
+    };
 
+</script>
 
+</html>