|
@@ -409,7 +409,6 @@ export default {
|
|
},
|
|
},
|
|
initList() {
|
|
initList() {
|
|
if (this.paperInfo.questions.length > 0) {
|
|
if (this.paperInfo.questions.length > 0) {
|
|
- debugger;
|
|
|
|
this.list = this.paperInfo.questions.map((item) => {
|
|
this.list = this.paperInfo.questions.map((item) => {
|
|
return {
|
|
return {
|
|
id: item.id,
|
|
id: item.id,
|
|
@@ -436,6 +435,24 @@ export default {
|
|
});
|
|
});
|
|
this.curBoxIndex == this.paperInfo.questions.length - 1;
|
|
this.curBoxIndex == this.paperInfo.questions.length - 1;
|
|
}
|
|
}
|
|
|
|
+ if (Object.keys(this.paperInfo.ans_points).length > 0) {
|
|
|
|
+ this.answerList = [
|
|
|
|
+ {
|
|
|
|
+ order: 0,
|
|
|
|
+ name: "answer",
|
|
|
|
+ ele: [
|
|
|
|
+ {
|
|
|
|
+ sqno:0,
|
|
|
|
+ img: this.getDetailCutImage(this.paperInfo.ans_points),
|
|
|
|
+ imgCss: this.getDetailCutImageCss(this.paperInfo.ans_points,0),
|
|
|
|
+ point: this.paperInfo.ans_points,
|
|
|
|
+ page: 0,
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ ],
|
|
|
|
+ },
|
|
|
|
+ ];
|
|
|
|
+ }
|
|
},
|
|
},
|
|
formatResData(res) {
|
|
formatResData(res) {
|
|
var listArr = [];
|
|
var listArr = [];
|
|
@@ -459,31 +476,35 @@ export default {
|
|
},
|
|
},
|
|
getDetailCutImageCss(point, pageIndex) {
|
|
getDetailCutImageCss(point, pageIndex) {
|
|
var ratio = 326 / 1040; // 显示宽度/左边切图区域宽度
|
|
var ratio = 326 / 1040; // 显示宽度/左边切图区域宽度
|
|
|
|
+ var ratio2 = (point.w * ratio) / 326; // 同比例扩大右边的预览图
|
|
let standardPoint = this.paperInfo.points[this.curLeftIndex][0]; // 标准点
|
|
let standardPoint = this.paperInfo.points[this.curLeftIndex][0]; // 标准点
|
|
- debugger;
|
|
|
|
- if (point.w * ratio > 340) {
|
|
|
|
- return {
|
|
|
|
- backgroundImage: `url(${this.leftImgs[pageIndex]})`,
|
|
|
|
- width: `${(point.w * ratio) / 1.9}px`,
|
|
|
|
- height: `${(point.h * ratio) / 1.9}px`,
|
|
|
|
- backgroundSize: `${(this.naturalWidth * ratio) / 1.9}px`,
|
|
|
|
- backgroundPositionX: `-${
|
|
|
|
- ((point.x + standardPoint.x) * ratio) / 1.9
|
|
|
|
- }px`,
|
|
|
|
- backgroundPositionY: `-${
|
|
|
|
- ((point.y + standardPoint.y) * ratio) / 1.9
|
|
|
|
- }px`,
|
|
|
|
- };
|
|
|
|
- } else {
|
|
|
|
- return {
|
|
|
|
- backgroundImage: `url(${this.leftImgs[pageIndex]})`,
|
|
|
|
- width: `${point.w * ratio}px`,
|
|
|
|
- height: `${point.h * ratio}px`,
|
|
|
|
- backgroundSize: `${this.naturalWidth * ratio}px`,
|
|
|
|
- backgroundPositionX: `-${(point.x + standardPoint.x) * ratio}px`,
|
|
|
|
- backgroundPositionY: `-${(point.y + standardPoint.y) * ratio}px`,
|
|
|
|
- };
|
|
|
|
- }
|
|
|
|
|
|
+ // if (point.w * ratio > 340) {
|
|
|
|
+ // return {
|
|
|
|
+ // backgroundImage: `url(${this.leftImgs[pageIndex]})`,
|
|
|
|
+ // width: `${(point.w * ratio) / 1.9}px`,
|
|
|
|
+ // height: `${(point.h * ratio) / 1.9}px`,
|
|
|
|
+ // backgroundSize: `${(this.naturalWidth * ratio) / 1.9}px`,
|
|
|
|
+ // backgroundPositionX: `-${
|
|
|
|
+ // ((point.x + standardPoint.x) * ratio) / 1.9
|
|
|
|
+ // }px`,
|
|
|
|
+ // backgroundPositionY: `-${
|
|
|
|
+ // ((point.y + standardPoint.y) * ratio) / 1.9
|
|
|
|
+ // }px`,
|
|
|
|
+ // };
|
|
|
|
+ // } else {
|
|
|
|
+ return {
|
|
|
|
+ backgroundImage: `url(${this.leftImgs[pageIndex]})`,
|
|
|
|
+ width: `${(point.w * ratio) / ratio2}px`,
|
|
|
|
+ height: `${(point.h * ratio) / ratio2}px`,
|
|
|
|
+ backgroundSize: `${(this.naturalWidth * ratio) / ratio2}px`,
|
|
|
|
+ backgroundPositionX: `-${
|
|
|
|
+ ((point.x + standardPoint.x) * ratio) / ratio2
|
|
|
|
+ }px`,
|
|
|
|
+ backgroundPositionY: `-${
|
|
|
|
+ ((point.y + standardPoint.y) * ratio) / ratio2
|
|
|
|
+ }px`,
|
|
|
|
+ };
|
|
|
|
+ // }
|
|
},
|
|
},
|
|
// 提交保存
|
|
// 提交保存
|
|
submit() {
|
|
submit() {
|