@zykjcommon/questions 0.0.1

package/.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

package/.env

@@ -0,0 +1,7 @@
+# 全局环境变量
+# 除NODE_ENV、BASE_URL两个特殊的变量，其他变量格式必须为：VUE_APP_*
+# html页面中引用：<%= VUE.APP.VUE_APP_EXAMPLE %>
+# js代码中引用：process.env.VUE_APP_EXAMPLE
+
+VUE_APP_TITLE = 九色鹿在线招聘考试
+VUE_APP_SERVER = https://api.thedeer.cn/micro/resource/api/operation

package/.env.buildTest

@@ -0,0 +1,9 @@
+# 测试环境变量
+# 除NODE_ENV、BASE_URL两个特殊的变量，其他变量格式必须为：VUE_APP_*
+# html页面中引用：<%= VUE.APP.VUE_APP_EXAMPLE %>
+# js代码中引用：process.env.VUE_APP_EXAMPLE
+
+NODE_ENV = production
+VUE_APP_FLAG = buildTest
+BASE_URL = /
+VUE_APP_SERVER = https://pre-api.thedeer.cn

package/.env.development

@@ -0,0 +1,9 @@
+# 开发环境变量
+# 除NODE_ENV、BASE_URL两个特殊的变量，其他变量格式必须为：VUE_APP_*
+# html页面中引用：<%= VUE.APP.VUE_APP_EXAMPLE %>
+# js代码中引用：process.env.VUE_APP_EXAMPLE
+
+VUE_APP_SERVER = http://dev-ip.thedeer.cn:22105
+# VUE_APP_SERVER = http://172.36.133.219:22303
+# VUE_APP_SERVER = http://172.40.109.213:22106
+VUE_APP_ENV = 'local'

package/.env.production

@@ -0,0 +1,13 @@
+# 生产环境变量
+# 除NODE_ENV、BASE_URL两个特殊的变量，其他变量格式必须为：VUE_APP_*
+# html页面中引用：<%= VUE.APP.VUE_APP_EXAMPLE %>
+# js代码中引用：process.env.VUE_APP_EXAMPLE
+
+BASE_URL = https://jsl-static.thedeer.cn/recruit-exam/
+VUE_APP_SERVER = https://jsl-api.thedeer.cn/education/
+#正式环境地址
+#https://jsl-exam.thedeer.cn/
+
+
+VUE_APP_ERROR_SERVER = https://api.deerclass.com
+VUE_APP_ENV = 'prod'

package/.env.test

@@ -0,0 +1,12 @@
+# 测试环境变量
+# 除NODE_ENV、BASE_URL两个特殊的变量，其他变量格式必须为：VUE_APP_*
+# html页面中引用：<%= VUE.APP.VUE_APP_EXAMPLE %>
+# js代码中引用：process.env.VUE_APP_EXAMPLE
+
+NODE_ENV = production
+VUE_APP_FLAG = test
+BASE_URL = https://pre-jsl-recruit-exam.thedeer.cn
+VUE_APP_SERVER = https://pre-api.thedeer.cn/education/
+
+VUE_APP_ERROR_SERVER = https://pre-api.thedeer.cn
+VUE_APP_ENV = 'pre'

package/@types/global.d.ts

@@ -0,0 +1,33 @@
+/*declare module "@src/assets/js/http.js" {
+    export  const  postWeb:  any
+}*/
+
+interface Document {
+  createRange:any,
+  selection:any
+}
+
+interface audiosContainerItem{
+  uid:number|string,
+  node:HTMLAudioElement
+}
+
+interface contentDialogItem{
+  uid:number|string,
+  scope:any
+}
+
+interface Window {
+  applicant_id:any,
+  audiosContainer: Array<audiosContainerItem>,
+  contentDialogs:Array<contentDialogItem>
+  WebKitMutationObserver:any,
+  MozMutationObserver:any,
+  vm: any
+}
+
+declare var $ = {
+  json2html:any,
+  ajax:any
+}
+declare var jQuery: (selector: any) => any;

package/@types/shims-vue.d.ts

@@ -0,0 +1,6 @@
+/* eslint-disable */
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/@types/shims-vuex.d.ts

@@ -0,0 +1,15 @@
+import {ComponentCustomProperties} from 'vue'
+import {Store} from 'vuex'
+
+declare module '@vue/runtime-core' {
+  // Declare your own store states.
+  interface State {
+    //添加modulesState
+    home: any
+  }
+
+  interface ComponentCustomProperties {
+    //this.xxx this的扩展属性需要在这里声明
+    $store: Store<State>
+  }
+}

package/auto-imports.d.ts

@@ -0,0 +1,6 @@
+// Generated by 'unplugin-auto-import'
+// We suggest you to commit this file into source control
+declare global {
+  const ElTree: typeof import('element-plus/es')['ElTree']
+}
+export {}

package/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

package/components.d.ts

@@ -0,0 +1,23 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/vue-next/pull/3399
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    ContentDialog: typeof import('./src/components/common/ContentDialog.vue')['default']
+    ElTree: typeof import('element-plus/es')['ElTree']
+    IframeComponent: typeof import('./src/components/common/IframeComponent.vue')['default']
+    Loading: typeof import('./src/components/common/Loading.vue')['default']
+    MediaLooker: typeof import('./src/components/common/MediaLooker.vue')['default']
+    Question_BriefAnswer: typeof import('./src/components/questions/Question_BriefAnswer.vue')['default']
+    Question_MultipleChoice: typeof import('./src/components/questions/Question_MultipleChoice.vue')['default']
+    Question_Programming: typeof import('./src/components/questions/Question_Programming.vue')['default']
+    Question_SingleChoice: typeof import('./src/components/questions/Question_SingleChoice.vue')['default']
+    QuestionCard: typeof import('./src/components/exam/QuestionCard.vue')['default']
+    QuestionHeader: typeof import('./src/components/exam/QuestionHeader.vue')['default']
+    TextAreaEditor: typeof import('./src/components/common/TextAreaEditor.vue')['default']
+    TimeCounter: typeof import('./src/components/exam/TimeCounter.vue')['default']
+  }
+}
+
+export { }

package/design/App.vue

@@ -0,0 +1,60 @@
+<template>
+  <div style="padding:10px 10px">
+    <div class="tree-tit">静态页面列表</div>
+    <el-tree :data="treeData"
+             :props="defaultProps"
+             @node-click="handleNodeClick"></el-tree>
+  </div>
+</template>
+
+<style lang="scss">
+@import "~@src/assets/scss/index.scss";
+</style>
+
+<style>
+.tree-tit {
+  text-align: center;
+  font-size: 30px;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+
+.el-tree-node__label {
+  font-size: 22px !important;
+}
+
+.el-tree-node__expand-icon {
+  font-size: 20px !important;
+}
+</style>
+<script>
+import {defineComponent} from 'vue'
+import treeData from './vueMapperTree.js'
+
+export default defineComponent({
+  data() {
+    return {
+      treeData: treeData,
+      defaultProps: {
+        children: 'children',
+        label: 'label'
+      }
+    };
+  },
+  components: {},
+  mounted() {
+
+  },
+  methods: {
+    handleNodeClick(data) {
+      if (!(data.children && data.children.length)) {
+        console.log(data.name);
+        window.open(`/?page=${data.name}`)
+      } else {
+        console.log('不是叶子节点无法点击');
+      }
+    }
+  }
+});
+</script>
+

package/design/main.js

@@ -0,0 +1,23 @@
+import {createApp} from 'vue'
+import App from './App.vue'
+import VueMapper from './vueMapper.js'
+import setRem from '@src/assets/js/rem'
+setRem()
+// import ElementPlus from 'element-plus'
+// import 'element-plus/dist/index.css'
+// import 'element-plus/es/components/button/style/css'
+// import 'element-plus/es/components/tree/style/css'
+let getUrlParam = (key) => {
+  let reg = new RegExp('[?|&]' + key + '=([^&]+)')
+  let match = location.search.match(reg)
+  return match && match[1]
+}
+let page = getUrlParam('page')
+let router = VueMapper[page] || App
+let app = createApp(router)
+// app.use(ElementPlus)
+app.mount('#app')
+
+
+
+

package/design/views/dialog/contentDialog.vue

@@ -0,0 +1,18 @@
+<template>
+  <teleport to="body">
+    <div class="dialog">
+      <div class="mask"></div>
+      <div class="contentDialog">
+        <div class="content">
+          <div class="con-text-1">你还有题目未作答， <br>请全部作答后，再提交。</div>
+        </div>
+        <div class="footer">
+          <button class="btn btn-cancel">再检查一下</button>
+          <button class="btn btn-confirm ml20">提交</button>
+        </div>
+      </div>
+    </div>
+  </teleport>
+</template>
+
+

package/design/views/dialog/contentDialog2.vue

@@ -0,0 +1,18 @@
+<template>
+  <teleport to="body">
+    <div class="dialog">
+      <div class="mask"></div>
+      <div class="contentDialog">
+        <div class="content">
+          <div class="con-text-1">你还有题目未作答，<br>
+            请全部作答后，再提交。</div>
+        </div>
+        <div class="footer">
+          <button class="btn btn-confirm">我知道了</button>
+        </div>
+      </div>
+    </div>
+  </teleport>
+</template>
+
+

package/design/views/dialog/contentDialog3.vue

@@ -0,0 +1,19 @@
+<template>
+  <teleport to="body">
+    <div class="dialog">
+      <div class="mask"></div>
+      <div class="contentDialog">
+        <div class="content">
+          <div class="con-text-1">测评时间到！<br>
+            <span class="con-text-2">测评结束，试卷已自动提交，如有疑问请联系老师。</span>
+          </div>
+        </div>
+        <div class="footer">
+          <button class="btn btn-confirm">我知道了</button>
+        </div>
+      </div>
+    </div>
+  </teleport>
+</template>
+
+

package/design/views/exam/analysis.vue

@@ -0,0 +1,208 @@
+<template>
+  <div class="exam">
+    <div class="header">
+      <div class="header-main">
+        <div class="header-left">
+          <div>班级：课程名称（班级名称）</div>
+          <div>姓名：张三 <span class="exam-time">答卷时间：2022-03-12  15:00—16:30</span></div>
+        </div>
+        <div class="header-title">测评名称22222</div>
+        <div class="header-right">
+          <span>测评成绩</span>
+          <span class="score">99.5<span>分</span></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="tab-list">
+              <li class="current">全部<span class="line"></span></li>
+              <li>错题(3)</li>
+            </ul>
+            <ul class="question-list">
+              <li>
+                <div class="question-type clear">1、编程题（15分）<span class="score fr">得分：3分</span></div>
+                <div class="question-box">
+                  <div class="question-stem">根据题目内容完成编程设计。</div>
+                  <div class="editor-content">富文本！！</div>
+                  <button class="bcdt-btn">进入Scratch答题</button>
+                  <div class="question-analysis">
+                    <div class="triangle-top"></div>
+                    <div class="question-analysis-item">
+                      <span class="txt">【你的答案】：</span>
+                      <div class="img-box">
+                        <img src="~@src/assets/img/bc-type-bg.png">
+                        <div class="mask-text-box">
+                          <div class="mask"></div>
+                          <div class="mask-text">去修改</div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="question-analysis-item">
+                      <span class="txt">【正确答案】：</span>
+                      <div class="img-box">
+                        <img src="~@src/assets/img/bc-type-bg.png">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </li>
+              <li>
+                <div class="question-type">2、单选题（15分）<span class="score fr">得分：3分</span></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"
+                               :disabled="true"
+                               class="radio"
+                               v-model="radio"
+                               name="rr"
+                               value="1">
+                        <div class="radio-bg"></div>
+                        <span>正确</span>
+                      </div>
+                    </div>
+                    <div class="question-option">
+                      <div class="radio-box" :class="{'checked':radio == 0}">
+                        <input type="radio"
+                               :disabled="true"
+                               class="radio"
+                               v-model="radio"
+                               name="rr"
+                               value="0">
+                        <div class="radio-bg"></div>
+                        <span>错误</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="question-analysis">
+                    <div class="triangle-top"></div>
+                    <div class="question-analysis-item">
+                      <span class="txt">【你的答案】：</span>
+                      <div class="txt-box"><span class="right">正确</span></div>
+                    </div>
+                  </div>
+                </div>
+              </li>
+              <li>
+                <div class="question-type">3、多选题（15分）<span class="score fr">得分：3分</span></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 type="checkbox"
+                               v-model="checkboxList"
+                               class="checkbox"
+                               value="0">
+                        <div class="checkbox-bg"></div>
+                        <span>A</span>
+                      </div>
+                    </div>
+                    <div class="question-option">
+                      <div class="checkbox-box" :class="{'checked':checkboxList.indexOf('1') > -1}">
+                        <input type="checkbox"
+                               v-model="checkboxList"
+                               class="checkbox"
+                               value="1">
+                        <div class="checkbox-bg"></div>
+                        <span>B</span>
+                      </div>
+                    </div>
+                    <div class="question-option">
+                      <div class="checkbox-box" :class="{'checked':checkboxList.indexOf('2') > -1}">
+                        <input type="checkbox"
+                               v-model="checkboxList"
+                               class="checkbox"
+                               value="2">
+                        <div class="checkbox-bg"></div>
+                        <span>C</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="question-analysis">
+                    <div class="triangle-top"></div>
+                    <div class="question-analysis-item">
+                      <span class="txt">【你的答案】：</span>
+                      <div class="txt-box"><span class="wrong">错误</span></div>
+                    </div>
+                    <div class="question-analysis-item">
+                      <span class="txt">【正确答案】：</span>
+                      <div class="txt-box"><span>正确</span></div>
+                    </div>
+                    <div class="question-analysis-item">
+                      <span class="txt">【本题解析】：</span>
+                      <div class="txt-box"><span class="analysis-txt">显示解析答案显示解析答案显示解析答案显示解析答案，显示解析答案显示解析答案显示解析答案显示解析答案显示解析答案显示解析答案显示解析答案显示解析答案显示解析答案显示解析答案</span></div>
+                    </div>
+                  </div>
+                </div>
+              </li>
+
+              <li>
+                <div class="question-type">4、简答题（15分）<span class="score fr">得分：3分</span></div>
+                <div class="question-box">
+                  <div class="question-stem">晶晶赴约会。</div>
+                  <div class="editor-content">富文本！！</div>
+
+                  <div class="editor-output" style="margin-bottom: 0.3rem">
+                    <div class="editor-tit">【你的答案】:</div>
+                    <div class="output-main" v-html="editorStr"></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 class="err">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="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'],
+      editorStr:'<h2>这是我的答案<span style="color:deepskyblue">哈哈哈哈哈哈</span></h2>'
+    }
+  },
+})
+</script>
+