发包步骤
1.版本号修改;2.打包(npm run build);3.发包(npm publish)
凡是修改了.scss(sass)样式文件都需要运行npm run css 独立打包所有样式文件,交由后端,用于生成PDF
项目中引用
import answerCard from answerCard
let editor = new answerCard({
dom: '需要转化成editor的dom'
dataJSON: '题目结构json,注意生成和新建两条使用路线json数据结构不一样,参照下面文档'
both: '单/双面生成'
config: {
uploadUrl: '文件上传url'
queryData: {
Token: '接口token'
inType: 41
}
}
})
公共方法
editor.reRenderHeader(考号位数)
editor.getLayoutData()
editor.htmlToJson()
1、editor.getLayoutData() 更新所有数据
2、let { dataJson } = editor;
3、dataJson.cardHtml = editor.htmlToJson();
4、dataJson.pageCnt...
实际项目使用两条线路
注意不同线路对应不同方法,方法不可交叉使用
生成答题卡
传递特定数据json; 如 ./src/data.json
新建答题卡
基本可参考test.ts
传递特定数据json; 如 ./src/emptyDate.json
添加题目操作中,每执行一个添加操作回在生成一个operation对象;
此对象存放于dataJSON中的operations(Array类型)字段中;
对应的题目json结构中回存放此operation对象的operationId用于关联操作和题目结构;
且会为所添加的题目或小问生成随机proId和quId(唯一)用于方便题目操做如删除操作等。
editor.addChoose(添加数量, 选择个数)
editor.addChoose(添加数量, 选择个数, true)
editor.addChoose(添加数量)
editor.addBlankQues(true/false(同框/不同框), true/false(合并题号/不合并题号), argArr)
editor.addFrame(true/false(选做题/非选座题), true/false(合并小问/不合并小文), true/false(同框/不同框), 添加数量)
editor.addWrite()
editor.delPro(题目id,小题id,操作id)
答题卡绑定题目
传递特定数据json; 如 ./src/bindPro.json
绑定考试json中会比新建答题卡json中多出一个字段bindExam:ture 并且只始终位true