iteach-plugins-tk

1.5.30 • Public • Published

export

Bank // 题库组件
questionTypeConfig // 题型-组件映射 配置文件

DanXuan // 单选(包括多选)
Fill // 填空
PeiDui // 配对
ZhuGuan // 主观
FuHe // 复合
Sequencing // 排序
ShuDu // 数独
Completion // 补全
Cloze // 完形填空
PanDuan // 判断

<component
  :is="componentName"
  :content="questionInfo"
  :small-questions="smallQuestions"
  :analysis-status="unit.analysisStatus">
</component>

@Component({
  components: {
    'dan-xuan': DanXuan,
    'fill': Fill,
    'pei-dui': PeiDui,
    'zhu-guan': ZhuGuan,
    'fu-he': FuHe,
    'sequencing': Sequencing,
    'shu-du': ShuDu,
    'completion': Completion,
    'cloze': Cloze,
    'pan-duan: PanDuan
  }
})

public get componentName(): any {
  // structureType 为题库题型
  return questionTypeConfig[structureType] || {};
}

Bank Props

[required]
1.base-params

public baseParams: any = {
  subjectId: '2'
};

2.color (6位 hex 颜色格式 不支持rgba)

public color: string = '#31C27C';

3.extend-tabs

public extendTabs: { label: string; value: string; }[] = [{ label: '切片', value: 'slice' }];
提供插槽 solt name="slice"

4.city-list

public cityList: string[] = []; // 分校ID
默认集团['65']

5、queryParams 题的查询参数(中文)
queryParams={
  tikuType?: string;
  businessType?: string; //单选题
  schNumber?: string;
  paperUsage?: string;
  grade?: string;
  difficulty?: string;
  knwIds?: string[];
}

6、knowTreeDirection 知识树方向 
public knowTreeDirection:string = 'vertical'
默认横向 horizontal

7、haveAddOperation 是否需要操作按钮(添加)
  public haveAddOperation: boolean = false
  默认有操作按钮 true
8、newTabs 新的tab标签列表 如果有不需要显示的标签请传入,没有则不需要传
   [{label:'试卷', hide: true}]



Bank Emit func

@add-question="addQuestion"

public addQuestion(questions: any[]): void {
  console.log('addQuestion', questions);
}
questions数据结构如下:
[
  {
    // <-- tk提供字段 -->
    id: '',
    questionId: '',
    structureType: '', // 题型
    questionInfo: { // 试题信息
      stem: '', // 题干 (html string)
      options: [ // 选项
        {
          optCode: '',
          htmlCode: '', // html string
          title: ''
        },
        ...
      ],
      answer: '', // 答案 (html string | any[])
      analysis: '' // 解析
    },
    smallQuestions: [ // 子题信息 数据结构与questions-item相同
      ...
    ],
    // <-- 解析提供字段 -->
    questionInfoText: {
      stem: {
        // 文本 string (图片:`@image${index}@`;音频:`@audio${index}@`;填空:@fill@;数字填空:@fill1@;公式:$....$)
        text: '',
        audio: ['', ...], // 音频url string[]
        img: ['', ...] // 图片url string[]
      },
      options: [ // 选项
        {
          optCode: '',
          htmlCode: '',
          title: '',
          htmlCodeText: {
            text: '',
            audio: ['', ...],
            img: ['', ...]
          }
        },
        ...
      ],
      answer: {
        text: '',
        audio: ['', ...],
        img: ['', ...]
      },
      analysis: {
        text: '',
        audio: ['', ...],
        img: ['', ...]
      }
    },
    smallQuestionsText: [ // 子题信息 数据结构与questions-item相同
      ...
    ]
  },
  ...
]

工程结构

导出文件 index.js
打包文件 src/index.ts
demo src/App.vue & src/main.ts
题型结构mock数据 questionData.ts

文档

题型数据结构文档 http://confluence.staff.xdf.cn/pages/viewpage.action?pageId=339345512#TIKU%E7%8E%B0%E6%9C%89%E7%BB%93%E6%9E%84%E9%A2%98%E5%9E%8B%E6%A2%B3%E7%90%86-1%E3%80%81%E5%8D%95%E9%80%89%E9%A2%98


发布流程

1.注册npm账号:https://www.npmjs.com/
2.加入群组:https://www.npmjs.com/settings/pop-iteach/members
3.修改package.json中版本号verson
4.在项目中切换npm源:指令 npm config set registry https://registry.npmjs.org
5.在项目中登录npm用户:npm adduser
6.发布:npm publish(package.json中配置了prepare命令,publish自动build)
7.切回淘宝镜像:npm config set registry https://registry.npm.taobao.org
8.获取npm包tgz格式的下载地址:npm view 包名 dist.tarball 
9.将下载的包上传至 http://nexus.staff.xdf.cn/ 打开地址-登录-点击Upload-点击npm-hosted
10.提交代码合并分支

版本

xx.xx.xx 大版本迭代更新-部分功能迭代更新-bug修复小功能迭代

history
1.0.x 题库上线版本
1.1.0 新增解析html文本功能
  1.1.1 修复试题样式问题
  1.1.2 修复试题样式问题 - 字号不统一
  1.1.3 修复试题样式问题 - 答案解析样式被覆盖
  1.1.4 修复试题样式问题 - 复合题样式被覆盖
1.2.0 提供扩展插槽能力 新增过滤机构权限逻辑
  1.2.1 规范参数 修复非必填参数报错bug
  1.2.2 修复后端字段不完整导致的bug
  1.2.3 修复试卷给分校设置默认值报错bug
  1.2.4 update verson
  1.2.5 修复控制台警告
  1.2.6 测试修复学科下拉不展示问题
  1.2.7 添加试卷机构
1.3.0 重构试卷;新增试题组件教师、学生模式,默认学生模式;新增判断题题型;图片音频增加解析位置功能;已知bug修复
  1.3.1 修复判断题组件没有导出bug
  1.3.2 修复知识树下拉不消失bug,分数样式bug
  1.3.3 修复试卷翻页
  1.3.4 e2校验
  1.3.5 e2校验build
  1.3.6 http / https自适应
  1.3.7 修改测试环境域名
1.4.0 更改查询条件的交互模式
  1.4.1 适配符合题判断子题,样式内联
  1.4.2 修复打包命令中输出文件名称
  1.4.3 兼容接口为null
  1.4.4 解决请求异步返回问题
  1.4.5 添加试卷默认查询条件
  1.4.6 优化试卷初始化逻辑
  1.4.7 样式修复(下载)
  1.4.8 滚动条样式删除

target
  1.5.0 修改中央题库默认值、添加换行css

Readme

Keywords

none

Package Sidebar

Install

npm i iteach-plugins-tk

Weekly Downloads

1

Version

1.5.30

License

none

Unpacked Size

22.2 MB

Total Files

69

Last publish

Collaborators

  • sixiaoyu
  • xiaohongmao
  • congqianman
  • duyunlong1
  • yangmin29
  • wangjiale16
  • yingxu.wang