Merge branch 'main' of http://10.10.14.176:3000/huanghai/ccDangJianExam

WebRoot/html/dangjian/view/exam.html

@@ -61,7 +61,6 @@
             border: 1px solid #E73A30;
             background-color: #E73A30;
         }
-        
     </style>
 </head>
 
@@ -111,32 +110,20 @@
                 <h1 class="mui-title">党史党建知识问答</h1>
             </header>
             <div class="mui-content mui-scroll-wrapper">
-                <div class="mui-card">
-                    <div class="mui-card-header" style="font-size:18px">1921年7月23日至8月初，中国共产党第一次全国代表大会先后在（ &nbsp&nbsp&nbsp&nbsp ）召开。</div>
+                <div class="mui-card" id="examinfo"></div>
+                <script id="myTemplate" type="text/x-jsrender">
+                    <div class="mui-card-header" style="font-size:18px">{{:content}}</div>
                     <div class="mui-card-content" style="font-size:16px">
-                        <div class="mui-card-content-inner">
-                            <form class="mui-input-group">
-                                <div class="mui-input-row mui-checkbox mui-left">
-                                    <label>A.上海、天津</label>
-                                    <input name="checkbox" value="Item 1" type="checkbox">
-                                </div>
-                                <div class="mui-input-row mui-checkbox mui-left">
-                                    <label>B.上海、嘉兴</label>
-                                    <input name="checkbox" value="Item 2" type="checkbox">
-                                </div>
-                                <div class="mui-input-row mui-checkbox mui-left">
-                                    <label>C.北京、上海</label>
-                                    <input name="checkbox" value="Item 2" type="checkbox">
-                                </div>
-                                <div class="mui-input-row mui-checkbox mui-left">
-                                    <label>D.北京、天津</label>
-                                    <input name="checkbox" value="Item 2" type="checkbox">
-                                </div>
-                            </form>
-                        </div>
+                        <div class="mui-card-content-inner mui-input-group">	
+                            {{for xuanxiang}}					
+                            <div class="mui-input-row mui-checkbox mui-left">
+                                <label>{{:key}}. {{:value}}</label>
+                                <input name="checkbox" value="{{:key}}" type="checkbox">
+                            </div>
+                            {{/for}}
+						</div>                        
                     </div>
-                </div>
-
+                </script>
             </div>
 
             <nav class="mui-bar mui-bar-tab">
@@ -160,28 +147,55 @@
     </div>
 
 
-
-
+    <script src="../js/jquery.min.js"></script>
     <script src="../js/mui.min.js"></script>
+    <script src="../js/jsrender.min.js"></script>
     <script>
-        // 右上角增加提交按钮
-        var header = document.getElementById("header");
-        var submitBtn = document.createElement('button');
-        submitBtn.className = 'mui-btn mui-btn-blue mui-btn-link mui-pull-right';
-        submitBtn.innerText = '提交';
-        header.appendChild(submitBtn);
-        submitBtn.addEventListener('tap', function () {
-            offCanvasWrapper.offCanvas('show');
-        });
 
-        var offCanvasWrapper = mui('#offCanvasWrapper');
 
-        document.getElementById('showMenu').addEventListener('tap', function () {
-            offCanvasWrapper.offCanvas('show');
-        });
 
-        document.getElementById('offCanvasHide').addEventListener('tap', function () {
-            offCanvasWrapper.offCanvas('close');
+        
+        $(function () {
+
+
+            getExamInfo(2);
+
+
+            // 右上角增加提交按钮
+            var header = document.getElementById("header");
+            var submitBtn = document.createElement('button');
+            submitBtn.className = 'mui-btn mui-btn-blue mui-btn-link mui-pull-right';
+            submitBtn.innerText = '提交';
+            header.appendChild(submitBtn);
+            submitBtn.addEventListener('tap', function () {
+                offCanvasWrapper.offCanvas('show');
+            });
+
+            // 侧边栏对象
+            var offCanvasWrapper = mui('#offCanvasWrapper');
+            document.getElementById('showMenu').addEventListener('tap', function () {
+                offCanvasWrapper.offCanvas('show');
+            });
+            document.getElementById('offCanvasHide').addEventListener('tap', function () {
+                offCanvasWrapper.offCanvas('close');
+            });
+
+
+            function getExamInfo(orderId) {
+                $.ajax({
+                    url: "/FengHuang/exam/getQuestion?order_id=" + orderId,
+                    async: false,
+                    type: 'GET',
+                    success: function (res) {
+                        var template = $.templates('#myTemplate');
+                        var htmlOutput = template.render(res);
+                        $('#examinfo').html(htmlOutput);
+                    }
+                });
+
+
+
+            }
         });