@zykjcommon/questions 0.0.1

package/design/views/exam/exam.vue

@@ -0,0 +1,355 @@
+<template>
+  <div class="exam">
+    <div class="header">
+      <div class="header-main">
+        <div class="header-left">
+          <div>班级：课程名称（班级名称）</div>
+          <div>姓名：张三</div>
+        </div>
+        <div class="header-title">测评名称</div>
+        <div class="header-right">
+          <span>测评剩余时间</span>
+          <span class="time">01:30:03</span>
+        </div>
+      </div>
+    </div>
+    <div class="content-outter">
+      <div class="content">
+        <div class="content-left">
+          <div class="return-top"></div>
+          <div class="intro">
+            <div class="intro-tit">测评说明：</div>
+            <div class="intro-txt">主要以考察基础语法、算法和实践应用能力为主。让学生掌握基本的Python编程相关知识和方法，会使用IDLE进行编程,熟悉Python的基本语法规则;会用turtle库完成简单的顺序执行的Python程序，能解决较为简单的问题。</div>
+          </div>
+          <div class="question-main">
+            <ul class="question-list">
+              <li>
+                <div class="question-type">1、编程题（15分）</div>
+                <div class="question-box">
+                  <div class="question-stem">根据题目内容完成编程设计。</div>
+                  <div class="editor-content">富文本！！</div>
+                  <button class="bcdt-btn">进入Scratch答题</button>
+                </div>
+              </li>
+              <li>
+                <div class="question-type">2、单选题（15分）</div>
+                <div class="question-box">
+                  <div class="question-stem">根据题目内容完成编程设计。</div>
+                  <div class="question-option-list">
+                    <div class="question-option">
+                      <div class="radio-box" :class="{'checked':radio == 1}">
+                        <input type="radio"
+                               id="radio0"
+                               class="radio"
+                               v-model="radio"
+                               name="rr"
+                               value="1">
+                        <div class="radio-bg"></div>
+                      </div>
+                      <div class="label-box">
+                        <label for="radio0">正确</label>
+                      </div>
+                    </div>
+                    <div class="question-option">
+                      <div class="radio-box" :class="{'checked':radio == 0}">
+                        <input type="radio"
+                               id="radio1"
+                               class="radio"
+                               v-model="radio"
+                               name="rr"
+                               value="0">
+                        <div class="radio-bg"></div>
+                      </div>
+                      <div class="label-box">
+                        <label for="radio1">错误</label>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </li>
+              <li>
+                <div class="question-type">2、单选题（15分）</div>
+                <div class="question-box">
+                  <div class="question-stem">根据题目内容完成编程设计。</div>
+                  <div class="question-option-list">
+                    <div class="question-option">
+                      <div class="radio-box" :class="{'checked':radio == 1}">
+                        <input type="radio"
+                               id="radioimg1"
+                               class="radio"
+                               v-model="radio"
+                               name="rr"
+                               value="1">
+                        <div class="radio-bg"></div>
+                      </div>
+                      <div class="label-box">
+                        <label for="radioimg1">
+                          <span>A.</span>
+                          <div class="img-box">
+                            <img src="~@src/assets/img/header-bg.png">
+                          </div>
+                        </label>
+                      </div>
+                    </div>
+                    <div class="question-option">
+                      <div class="radio-box" :class="{'checked':radio == 0}">
+                        <input type="radio"
+                               id="radioimg2"
+                               class="radio"
+                               v-model="radio"
+                               name="rr"
+                               value="0">
+                        <div class="radio-bg"></div>
+                      </div>
+                      <div class="label-box">
+                        <label for="radioimg2">
+                          <span>B.</span>
+                          <div class="img-box">
+                            <img src="~@src/assets/img/header-bg.png">
+                          </div>
+                        </label>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </li>
+              <li>
+                <div class="question-type">3、多选题（15分）</div>
+                <div class="question-box">
+                  <div class="question-stem">如何操作，才能让小马小牛安全过河。</div>
+                  <div class="question-option-list">
+                    <div class="question-option">
+                      <div class="checkbox-box" :class="{'checked':checkboxList.indexOf('0') > -1}">
+                        <input id="checkbox0" type="checkbox"
+                               v-model="checkboxList"
+                               class="checkbox"
+                               value="0">
+                        <div class="checkbox-bg"></div>
+                      </div>
+                      <div class="label-box">
+                        <label for="checkbox0">A</label>
+                      </div>
+                    </div>
+                    <div class="question-option">
+                      <div class="checkbox-box" :class="{'checked':checkboxList.indexOf('1') > -1}">
+                        <input id="checkbox1" type="checkbox"
+                               v-model="checkboxList"
+                               class="checkbox"
+                               value="1">
+                        <div class="checkbox-bg"></div>
+                      </div>
+                      <div class="label-box">
+                        <label for="checkbox1">B</label>
+                      </div>
+                    </div>
+                    <div class="question-option">
+                      <div class="checkbox-box" :class="{'checked':checkboxList.indexOf('2') > -1}">
+                        <input id="checkbox2" type="checkbox"
+                               v-model="checkboxList"
+                               class="checkbox"
+                               value="2">
+                        <div class="checkbox-bg"></div>
+                      </div>
+                      <div class="label-box">
+                        <label for="checkbox2">C</label>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </li>
+
+              <li>
+                <div class="question-type">4、多选题（15分）</div>
+                <div class="question-box">
+                  <div class="question-stem">如何操作，才能让小马小牛安全过河。</div>
+                  <div class="question-option-list">
+                    <div class="question-option">
+                      <div class="checkbox-box" :class="{'checked':checkboxList.indexOf('0') > -1}">
+                        <input id="checkboximg1" type="checkbox"
+                               v-model="checkboxList"
+                               class="checkbox"
+                               value="0">
+                        <div class="checkbox-bg"></div>
+                      </div>
+                      <div class="label-box">
+                        <label for="checkboximg1">
+                          <span>A.</span>
+                          <div class="img-box">
+                            <img src="~@src/assets/img/header-bg.png">
+                          </div>
+                        </label>
+                      </div>
+                    </div>
+                    <div class="question-option">
+                      <div class="checkbox-box" :class="{'checked':checkboxList.indexOf('0') > -1}">
+                        <input id="checkboximg2" type="checkbox"
+                               v-model="checkboxList"
+                               class="checkbox"
+                               value="0">
+                        <div class="checkbox-bg"></div>
+                      </div>
+                      <div class="label-box">
+                        <label for="checkboximg2">
+                          <span>B.</span>
+                          <div class="img-box">
+                            <img src="~@src/assets/img/afei.jpg">
+                          </div>
+                        </label>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </li>
+
+              <li>
+                <div class="question-type">5、简答题（15分）</div>
+                <div class="question-box">
+                  <div class="question-stem">晶晶赴约会。</div>
+                  <div class="editor-content">富文本！！</div>
+
+                  <div class="editor-tit">样例输入</div>
+                  <div class="editor-output" style="margin-bottom: 0.3rem">
+                    哇哈哈哈哈哈
+                  </div>
+
+                  <div class="editor-tit">样例输出</div>
+                  <div class="editor-textarea">
+                    <textarea maxlength="5000"></textarea>
+                    <div class="len">88/5000</div>
+                  </div>
+                </div>
+              </li>
+
+              <li>
+                <div class="question-type">6、阅读理解</div>
+                <div class="question-box">
+                  <div class="question-stem">晶晶赴约会。</div>
+                  <div class="editor-content">Reading comprehension. Humanity uses a little less than half the water available worldwide. Yet occurrences of shortages and droughts are causing famine and distress in some areas, and industrial and agricultural by-products are polluting water supplies. Since the world's population is expected to double in the next 50 years, many experts think we are on the edge of a widespread water crisis. But that doesn't have to be the outcome. Water shortages do not have to trouble the world---if we start valuing water more than we did in the past. Just as we began to appreciate petroleum more after the 1970s oil crises, today we must start looking at water from a fresh economic perspective. We can no longer afford to consider water a virtually free resource of which we can use as much as we like in any way we want. Instead, for all uses except the domestic demand of the poor, governments should price water to reflect its actual value. This means charging a fee for the water itself as well as for the supply costs. Governments should also protect this resource by providing water in more economically and environmentally sound ways. For example, often the cheapest way to provide irrigation water in the dry tropics is through small-scale projects, such as gathering rainfall in depressions (凹地) and pumping it to nearby cropland. No matter what steps governments take to provide water more efficiently, they must change their institutional and legal approaches to water use. Rather than spread control among hundreds or even thousands of local.</div>
+                  <div class="reading-question-item">
+                    <div class="question-box">
+                      <div class="question-stem">1、What is the real cause of the potentials water crisis?</div>
+                      <div class="question-option-list">
+                        <div class="question-option">
+                          <div class="radio-box" :class="{'checked':radio == 1}">
+                            <input type="radio"
+                                   id="radio0"
+                                   class="radio"
+                                   v-model="radio"
+                                   name="rr"
+                                   value="1">
+                            <div class="radio-bg"></div>
+                          </div>
+                          <div class="label-box">
+                            <label for="radio0">正确</label>
+                          </div>
+                        </div>
+                        <div class="question-option">
+                          <div class="radio-box" :class="{'checked':radio == 0}">
+                            <input type="radio"
+                                   id="radio1"
+                                   class="radio"
+                                   v-model="radio"
+                                   name="rr"
+                                   value="0">
+                            <div class="radio-bg"></div>
+                          </div>
+                          <div class="label-box">
+                            <label for="radio1">错误</label>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div class="reading-question-item">
+                    <div class="question-box">
+                      <div class="question-stem">2、As is indicated in the passage, the water problem _________ .</div>
+                      <div class="question-option-list">
+                        <div class="question-option">
+                          <div class="checkbox-box" :class="{'checked':checkboxList.indexOf('0') > -1}">
+                            <input id="checkbox0" type="checkbox"
+                                   v-model="checkboxList"
+                                   class="checkbox"
+                                   value="0">
+                            <div class="checkbox-bg"></div>
+                          </div>
+                          <div class="label-box">
+                            <label for="checkbox0">A</label>
+                          </div>
+                        </div>
+                        <div class="question-option">
+                          <div class="checkbox-box" :class="{'checked':checkboxList.indexOf('1') > -1}">
+                            <input id="checkbox1" type="checkbox"
+                                   v-model="checkboxList"
+                                   class="checkbox"
+                                   value="1">
+                            <div class="checkbox-bg"></div>
+                          </div>
+                          <div class="label-box">
+                            <label for="checkbox1">B</label>
+                          </div>
+                        </div>
+                        <div class="question-option">
+                          <div class="checkbox-box" :class="{'checked':checkboxList.indexOf('2') > -1}">
+                            <input id="checkbox2" type="checkbox"
+                                   v-model="checkboxList"
+                                   class="checkbox"
+                                   value="2">
+                            <div class="checkbox-bg"></div>
+                          </div>
+                          <div class="label-box">
+                            <label for="checkbox2">C</label>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <div class="content-right">
+          <div class="question-car-box">
+            <div class="question-car-tit">答题卡</div>
+            <ul class="question-car-list clear">
+              <li class="current">1</li>
+              <li>1</li>
+              <li>2</li>
+              <li>3</li>
+              <li>4</li>
+              <li>5</li>
+              <li>6</li>
+              <li>7</li>
+              <li>8</li>
+              <li>9</li>
+            </ul>
+            <div class="question-car-btngroud">
+              <button class="submit">提交</button>
+              <button class="quit">退出</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import {defineComponent, ref, toRefs, reactive, watch, computed, onMounted,getCurrentInstance} from 'vue'
+import QuestionReader from '@src/components/questions/QuestionReader.js'
+
+
+
+
+
+
+export default defineComponent({
+  data(){
+    return {
+      radio:'0',
+      checkboxList:['1','2']
+    }
+  },
+})
+</script>
+

package/design/views/home/illustrate.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="home">
+    <div class="illustrate-bg">
+      <div class="logo-box">
+        <img src="~@src/assets/img/logoByText.png" width="116" height="45" alt="">
+      </div>
+      <div class="illustrate-main">
+        <div class="illustrate-tit">考试说明</div>
+        <ul class="illustrate-text-list">
+          <li>1、考试时长：60分钟， </li>
+          <li>2、请确保网络稳定，笔记本等设备电量充足。</li>
+          <li>3、考试界面设有倒计时器，考试结束前10分钟系统会弹窗提醒。</li>
+          <li>4、在考试时间内，未完成作答，不允许提交试卷。</li>
+          <li>5、考试过程中，不允许离开考试界面。</li>
+          <li>6、考试结束时，若未提交试卷，系统将自动收卷。</li>
+          <li>7、本次考试全程视频监控，请遵守考试纪律，诚信考试。</li>
+        </ul>
+        <div class="start-btn-box">
+          <div class="start-btn">开始考试</div>
+          <a href="javascript:void(0)" class="refresh">刷新页面</a>
+        </div>
+        <div class="deer-logo">
+
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import {defineComponent} from 'vue'
+
+
+
+
+
+
+export default defineComponent({
+  data(){
+    return {
+
+    }
+  },
+})
+</script>
+

package/design/views/home/login.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="home">
+    <div class="login-bg">
+      <div class="login-box">
+        <div class="login-tit">九色鹿招聘.在线考试系统</div>
+        <div class="login-txt">考生登录</div>
+        <div class="login-box-logo"></div>
+        <div class="login-main">
+          <ul>
+            <li>
+              <input type="text" placeholder="请输入手机号">
+            </li>
+            <li>
+              <input type="text"
+                     maxlength="8"
+                     placeholder="请输入验证码">
+              <div class="yzm-btn">获取验证码</div>
+            </li>
+            <div class="login-btn">登 录</div>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import {defineComponent} from 'vue'
+
+
+
+
+
+
+
+export default defineComponent({
+  data(){
+    return {
+
+    }
+  },
+})
+</script>
+

package/design/vueMapper.js

@@ -0,0 +1,8 @@
+import dialog_contentDialog from './views/dialog/contentDialog.vue';
+import dialog_contentDialog2 from './views/dialog/contentDialog2.vue';
+import dialog_contentDialog3 from './views/dialog/contentDialog3.vue';
+import exam_analysis from './views/exam/analysis.vue';
+import exam_exam from './views/exam/exam.vue';
+import home_illustrate from './views/home/illustrate.vue';
+import home_login from './views/home/login.vue';
+export default {dialog_contentDialog,dialog_contentDialog2,dialog_contentDialog3,exam_analysis,exam_exam,home_illustrate,home_login, }

package/design/vueMapperTree.js

@@ -0,0 +1,2 @@
+let treeData = [{"label":"dialog","children":[{"label":"contentDialog","name":"dialog_contentDialog"},{"label":"contentDialog2","name":"dialog_contentDialog2"},{"label":"contentDialog3","name":"dialog_contentDialog3"}]},{"label":"exam","children":[{"label":"analysis","name":"exam_analysis"},{"label":"exam","name":"exam_exam"}]},{"label":"home","children":[{"label":"illustrate","name":"home_illustrate"},{"label":"login","name":"home_login"}]}]
+export default treeData

package/dist/demo.html

@@ -0,0 +1 @@
+<!doctype html><meta charset="utf-8"><title>zykjcommon-questions demo</title><script src="./zykjcommon-questions.umd.js"></script><link rel="stylesheet" href="./zykjcommon-questions.css"><script>console.log(zykjcommon-questions)</script>