@zykjcommon/questions 0.0.1

package/src/views/exam/ReviewPaper.vue

@@ -0,0 +1,178 @@
+<template>
+  <div class="exam">
+    <QuestionHeader :resData="responsiveObj.resData"></QuestionHeader>
+    <div class="content-outter">
+      <div class="content">
+        <div class="content-left">
+          <div class="return-top" v-returnTop></div>
+          <div class="intro">
+            <div class="intro-tit">测评说明：</div>
+            <div class="intro-txt">-</div>
+          </div>
+          <div class="question-main">
+            <ul class="question-list">
+              <li v-for="(item,index) in responsiveObj.questionList" :id="'question'+ index">
+                <component :is="item.questionComponent"
+                           :mode="'review'"
+                           :questionInfo="item"
+                           :key="'question'+ index"
+                           :ref="'question'+ index"/>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <div class="content-right">
+<!--          {{responsiveObj.questionList}}-->
+          <QuestionCard v-model:questionList="responsiveObj.questionList"></QuestionCard>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import {defineComponent, ref, toRefs, reactive, watch, computed, onMounted, getCurrentInstance, onUnmounted} from 'vue'
+// import QuestionReader from '@src/components/questions/QuestionReader.js'
+import QuestionCard from '@src/components/exam/QuestionCard.vue'
+import TimeCounter from '@src/components/exam/TimeCounter.vue'
+import QuestionHeader from '@src/components/exam/QuestionHeader.vue'
+import {createNamespacedHelpers} from 'vuex-composition-helpers';
+import {useRouter,useRoute} from 'vue-router'
+import fun from "@/assets/js/fun";
+import bus from "@/assets/js/bus";
+import {questionMapper} from '@src/common/const.ts'
+
+interface dataInterface{
+  warnVisible:boolean,
+  autoSubmitTimer:any,
+  routeName:string
+}
+
+interface responsiveData{
+  questionList:Array<any>,
+  resData:any
+}
+
+
+export default defineComponent({
+  components: {
+    // ...QuestionReader,
+    QuestionCard,
+    QuestionHeader,
+    TimeCounter
+  },
+  setup(props,context) {
+    const {useState, useActions,useMutations} = createNamespacedHelpers('exam'); // specific module name
+    const {getExamPaperActions,resetExamActions} = useActions(['getExamPaperActions','resetExamActions'])
+    const {setExamPaperInfo} = useMutations(['setExamPaperInfo'])
+    let route = useRoute()
+    //不需要响应式或者写死的数据放里面
+    let data:dataInterface = reactive({
+      autoSubmitTimer:null,
+      warnVisible:false,
+      routeName:route.name as string
+    })
+
+    //需要响应式放里面
+    let responsiveObj:{value:responsiveData} = ref({
+      questionList:[],
+      resData:{}
+    })
+
+
+    window.addEventListener('message',messageEvent)
+    fun.postMessageByType('reviewReady')
+
+    onMounted(()=>{
+
+    })
+
+    onUnmounted(()=>{
+      removeIframeEvents()
+    })
+
+
+    function parseQuestionListItem(question_list:Array<any>,parentIndex:any = undefined){
+      question_list.forEach((item:any,index:number)=>{
+        item.questionComponent = questionMapper[item.question_type]
+        // item.questionIndex = index + 1
+        if(parentIndex === undefined){
+          item.questionIndex = index + 1
+        }else{
+          item.questionIndex = (parentIndex + 1) + '-' + (index + 1)
+          item.questionIndex2 = index + 1
+        }
+        item.answerMap = null
+        let question_type = item.question_type
+        if(question_type == 3){
+          //判断题手动构造选项数组
+          item.exam_options_data = [
+            {
+              index:1,data:{
+                name:'正确'
+              }
+            },
+            {
+              index:2,data:{
+                name:'错误'
+              }
+            }
+          ]
+        }else{
+          if(item.exam_options_data && item.exam_options_data.length){
+            item.exam_options_data.forEach((subItem:any,subIndex:number)=>{
+              subItem.enIndex = fun.indexToEnIndex(subIndex+1)
+            })
+          }
+        }
+
+        //转化富文本
+        try{
+          item.htmlContent = $.json2html({}, JSON.parse(item.content));
+        }catch(e){
+          item.htmlContent = item.content
+          console.log('json2html转化出错：', e);
+        }
+        //如果是阅读题要递归解析
+        if(item.sub_questions && item.sub_questions.length){
+          parseQuestionListItem(item.sub_questions,index)
+        }
+
+      })
+      // console.log(question_list,33333);
+    }
+
+    function messageEvent(data:any){
+      if(typeof(data.data)==='string'){
+        try {
+          let obj = JSON.parse(data.data)
+          if(obj.type === 'getPaperReviewData'){
+            responsiveObj.value.resData = obj.data
+            responsiveObj.value.resData.remain_second = responsiveObj.value.resData.remain_second * 1000
+            let {questionList} = obj.data
+            parseQuestionListItem(questionList)
+            responsiveObj.value.questionList = questionList
+            setExamPaperInfo(responsiveObj.value.resData.user_id)
+            // console.log(questionList,12345);
+          }
+        } catch(e) {
+          let res = data.data
+          // console.log(res,88888);
+        }
+      }
+    }
+    function removeIframeEvents(){
+      window.removeEventListener('message',messageEvent)
+    }
+
+
+    return {
+      ...toRefs(data),
+      responsiveObj
+    }
+  }
+})
+</script>
+<style lang="scss" scoped>
+
+</style>

package/src/views/exam/ReviewQuestion.vue

@@ -0,0 +1,167 @@
+<template>
+  <div class="exam">
+    <div class="content-outter">
+      <div class="content">
+        <div class="content-left" style="width: 100%">
+          <div class="question-main">
+            <ul class="question-list">
+              <li v-for="(item,index) in responsiveObj.questionList" :id="'question'+ index">
+                <component :is="item.questionComponent"
+                           :mode="'review'"
+                           :questionInfo="item"
+                           :key="'question'+ index"
+                           :ref="'question'+ index"/>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import {defineComponent, ref, toRefs, reactive, watch, computed, onMounted, getCurrentInstance, onUnmounted} from 'vue'
+// import QuestionReader from '@src/components/questions/QuestionReader.js'
+import QuestionCard from '@src/components/exam/QuestionCard.vue'
+import TimeCounter from '@src/components/exam/TimeCounter.vue'
+import {createNamespacedHelpers} from 'vuex-composition-helpers';
+import {useRouter,useRoute} from 'vue-router'
+import fun from "@/assets/js/fun";
+import bus from "@/assets/js/bus";
+import {questionMapper} from '@src/common/const.ts'
+
+interface dataInterface{
+  warnVisible:boolean,
+  enterCode:boolean,
+  autoSubmitTimer:any,
+  routeName:string
+}
+
+interface responsiveData{
+  questionList:Array<any>,
+  resData:any
+}
+
+
+export default defineComponent({
+  components: {
+    // ...QuestionReader,
+    QuestionCard,
+    TimeCounter
+  },
+  setup(props,context) {
+    const {useState, useActions,useMutations} = createNamespacedHelpers('exam'); // specific module name
+    const {getExamPaperActions,resetExamActions} = useActions(['getExamPaperActions','resetExamActions'])
+    const {setExamPaperInfo} = useMutations(['setExamPaperInfo'])
+    let route = useRoute()
+    //不需要响应式或者写死的数据放里面
+    let data:dataInterface = reactive({
+      autoSubmitTimer:null,
+      warnVisible:false,
+      enterCode:false,
+      routeName:route.name as string
+    })
+
+    //需要响应式放里面
+    let responsiveObj:{value:responsiveData} = ref({
+      questionList:[],
+      resData:{}
+    })
+
+
+    window.addEventListener('message',messageEvent)
+    onMounted(()=>{
+      bus.$on('enterCode',(bol)=>{
+        data.enterCode = bol as boolean
+      })
+    })
+
+    onUnmounted(()=>{
+      removeIframeEvents()
+    })
+
+
+    function parseQuestionListItem(question_list:Array<any>,parentIndex:any = undefined){
+      question_list.forEach((item:any,index:number)=>{
+        item.questionComponent = questionMapper[item.question_type]
+        // item.questionIndex = index + 1
+        if(parentIndex === undefined){
+          item.questionIndex = index + 1
+        }else{
+          item.questionIndex = (parentIndex + 1) + '-' + (index + 1)
+          item.questionIndex2 = index + 1
+        }
+        item.answerMap = null
+        let question_type = item.question_type
+        if(question_type == 3){
+          //判断题手动构造选项数组
+          item.exam_options_data = [
+            {
+              index:1,data:{
+                name:'正确'
+              }
+            },
+            {
+              index:2,data:{
+                name:'错误'
+              }
+            }
+          ]
+        }else{
+          if(item.exam_options_data && item.exam_options_data.length){
+            item.exam_options_data.forEach((subItem:any,subIndex:number)=>{
+              subItem.enIndex = fun.indexToEnIndex(subIndex+1)
+            })
+          }
+        }
+
+        //转化富文本
+        try{
+          item.htmlContent = $.json2html({}, JSON.parse(item.content));
+        }catch(e){
+          item.htmlContent = item.content;
+          console.log('json2html转化出错：', e);
+        }
+        //如果是阅读题要递归解析
+        if(item.sub_questions && item.sub_questions.length){
+          parseQuestionListItem(item.sub_questions,index)
+        }
+
+      })
+      // console.log(question_list,33333);
+    }
+
+    function messageEvent(data:any){
+      if(typeof(data.data)==='string'){
+        try {
+          let obj = JSON.parse(data.data)
+          if(obj.type === 'getQuestionReviewData'){
+            responsiveObj.value.resData = obj.data
+            let {questionList} = obj.data
+            parseQuestionListItem(questionList)
+            responsiveObj.value.questionList = questionList
+            setExamPaperInfo(responsiveObj.value.resData.user_id)
+            // console.log(questionList,12345);
+          }
+        } catch(e) {
+          let res = data.data
+          // console.log(res,88888);
+        }
+      }
+    }
+    function removeIframeEvents(){
+      window.removeEventListener('message',messageEvent)
+    }
+
+
+    return {
+      ...toRefs(data),
+      responsiveObj
+    }
+  }
+})
+</script>
+<style lang="scss" scoped>
+
+</style>

package/tasks/vueMapper.js

@@ -0,0 +1,37 @@
+/**
+ * Created by Allen Liu on 2021/6/5.
+ */
+let fs = require('fs')
+let path = require('path')
+function resolvePath(p){
+  let result = path.resolve(__dirname,p)
+  return result
+}
+let dirs = fs.readdirSync(resolvePath('../design/views'))
+let result = ''
+let vueRouterNameStrs = ''
+dirs.forEach((dir)=>{
+  let subDirStr = resolvePath(`../design/views/${dir}`)
+  let data = fs.statSync(subDirStr)
+  let isDirectory = data.isDirectory()
+  if(isDirectory){
+    let subDirs = fs.readdirSync(subDirStr)
+    subDirs = subDirs.map((item)=>{
+      //去除xx.vue
+      let i = item.split('.')[0]
+      return i
+    })
+    subDirs.forEach((subDir,index)=>{
+      let vueRouterName = `${dir}_${subDir}`
+      let resultItem = `import ${vueRouterName} from './views/${dir}/${subDir}.vue';\r\n`
+      result += resultItem
+      vueRouterNameStrs += vueRouterName + `,`
+    })
+  }
+  // console.log(data.isDirectory());
+})
+result += `export default {${vueRouterNameStrs} }`
+fs.writeFile(resolvePath('../design/vueMapper.js'),result,function(){
+  console.log('生成vueMapper成功！！！');
+})
+

package/tasks/vueMapperTree.js

@@ -0,0 +1,42 @@
+/**
+ * Created by Allen Liu on 2021/6/5.
+ */
+let fs = require('fs')
+let path = require('path')
+function resolvePath(p){
+  let result = path.resolve(__dirname,p)
+  return result
+}
+let dirs = fs.readdirSync(resolvePath('../design/views'))
+let result = 'let treeData = '
+let arr = []
+dirs.forEach((dir)=>{
+  let subDirStr = resolvePath(`../design/views/${dir}`)
+  let data = fs.statSync(subDirStr)
+  let isDirectory = data.isDirectory()
+  if(isDirectory){
+    let dataItem = {label:dir, children:[]}
+    let subDirs = fs.readdirSync(subDirStr)
+    subDirs = subDirs.map((item)=>{
+      //去除xx.vue
+      let i = item.split('.')[0]
+      return i
+    })
+    subDirs.forEach((subDir,index)=>{
+      let vueRouterName = `${dir}_${subDir}`
+      dataItem.children.push({
+        label:subDir,
+        name:vueRouterName
+      })
+    })
+    arr.push(dataItem)
+  }
+  // console.log(data.isDirectory());
+})
+result += JSON.stringify(arr) + `\r\n`
+result += `export default treeData`
+fs.writeFile(resolvePath('../design/vueMapperTree.js'),result,function(){
+  console.log('生成vueMapperTree成功！！！');
+})
+
+

package/tsconfig.json

@@ -0,0 +1,46 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "strict": true,
+    "allowJs": true,
+    "jsx": "preserve",
+    "importHelpers": true,
+    "moduleResolution": "node",
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "types": [
+      "webpack-env",
+      "node"
+    ],
+    "paths": {
+      "@/*": [
+        "src/*","@types/*"
+      ],
+      //加了@src/的解析后 import xx from '@src/xxx'才不会找不到
+      "@src/*": [
+        "src/*","@types/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  },
+  "include": [
+    "@types/**/*.ts",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "tests/**/*.ts",
+    "tests/**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/tslint.json

@@ -0,0 +1,19 @@
+{
+  "defaultSeverity": "none",
+  "extends": [
+    "tslint:recommended"
+  ],
+  "linterOptions": {
+    "exclude": [
+      "node_modules/**"
+    ]
+  },
+  "rules": {
+    "indent": [true, "spaces", 2],
+    "interface-name": false,
+    "no-consecutive-blank-lines": false,
+    "object-literal-sort-keys": false,
+    "ordered-imports": false,
+    "quotemark": [true, "single"]
+  }
+}

package/vue.config.js

@@ -0,0 +1,107 @@
+const path = require('path');
+let argv = require('yargs').argv
+const isProduction = (process.env.NODE_ENV === 'production');
+function resolve(dir) {
+  return path.join(__dirname, dir)
+}
+let version = require('./package.json').version;
+process.env.VUE_APP_VERSION = version;
+// console.log(process.env.NODE_ENV,33);
+
+const webpack = require('webpack');
+const AutoImport = require('unplugin-auto-import/dist/webpack.js')
+const Components = require('unplugin-vue-components/dist/webpack.js')
+// const elementPlugin = require('unplugin-element-plus/dist/webpack.js')
+const {ElementPlusResolver} = require('unplugin-vue-components/dist/resolvers.js')
+
+//design需要用到elementui src暂时用不到
+let elementUiPlugins = []
+if(argv.design){
+  elementUiPlugins = [
+    AutoImport({
+      resolvers: [ElementPlusResolver()],
+    }),
+    Components({
+      resolvers: [ElementPlusResolver()],
+    })
+  ]
+}
+module.exports = {
+  // lintOnSave: 'warning',
+  productionSourceMap:!(!argv.mode && isProduction),
+  lintOnSave: !isProduction,
+  //里面是真正的webpack配置
+  configureWebpack: {
+    resolveLoader: {
+      mainFields: ['main'],
+      modules: [path.resolve(__dirname, "loaders")]
+    },
+    module: {
+      rules: [
+        /*{
+          test: /py-bg\.png$/,
+          type:'asset',
+          parser:{
+            dataUrlCondition:{
+              //小于这个数会被转成base64
+              maxSize: 2*1024
+            }
+          }
+        }*/
+      ]
+    },
+    plugins: [
+      new webpack.DefinePlugin({
+        isDev: true
+      }),
+        ...elementUiPlugins
+    ]
+  },
+  chainWebpack: (config) => {
+    config.externals({jquery: 'jQuery'});
+    if (argv.design) {
+      config.entry('app').clear().add('./design/main.js')
+      config.devServer.set('port', '8088');
+    }
+    config.resolve.alias
+        .set('@src', path.resolve('./src'))
+
+    /*config.module
+        .rule('images')
+        // .rule('min-image')
+        .use('image-webpack-loader')
+        .loader('image-webpack-loader')
+        .options({
+          disable:true,
+          mozjpeg: {
+            progressive: true,
+            quality: 50
+          },
+          optipng: {
+            enabled: true
+          },
+          pngquant: {
+            quality: [0.5, 0.65],
+            speed: 4
+          },
+          gifsicle: {
+            interlaced: false
+          }
+        })
+        .end()*/
+  },
+  publicPath: process.env.BASE_URL ? process.env.BASE_URL : '/',
+  assetsDir: 'static',
+  devServer:{
+    proxy:{
+      '/education':{
+        target:'https://pre-api.thedeer.cn/'
+        // target:'http://193.168.251.23:22397/'
+      },
+      '/event':{
+        // target:'https://pre-api.thedeer.cn/'
+        target:'http://193.168.251.189:22397/'
+      }
+    }
+  }
+}