“a307420929” 2 년 전
부모
커밋
b75066b585
3개의 변경된 파일61개의 추가작업 그리고 45개의 파일을 삭제
  1. 51 38
      src/views/menu5/cutPage/cutPage.vue
  2. 9 6
      src/views/menu6/menu6-1/index.vue
  3. 1 1
      vue.config.js

+ 51 - 38
src/views/menu5/cutPage/cutPage.vue

@@ -381,6 +381,7 @@ export default {
     ];
   },
   async mounted() {
+    debugger;
     await this.init();
     await this.leftClick(0);
     this.getDetail();
@@ -409,23 +410,43 @@ export default {
     },
     initList() {
       if (this.paperInfo.questions.length > 0) {
-        this.list = this.paperInfo.questions.map((item) => {
-          return {
-            id: item.id,
-            order: item.qno,
-            name: item.sqno,
-            // page: item.page,
-            ele: item.points.map((point) => {
-              return {
-                sqno: item.sqno,
-                img: this.getDetailCutImage(point),
-                imgCss: this.getDetailCutImageCss(point, item.page),
-                point: point,
-                page: item.page,
-              };
-            }),
-          };
-        });
+        if (this.list.length <= 1) {
+          this.list = this.paperInfo.questions.map((item) => {
+            return {
+              id: item.id,
+              order: item.qno,
+              name: item.sqno,
+              // page: item.page,
+              ele: item.points.map((point) => {
+                return {
+                  sqno: item.sqno,
+                  img: this.getDetailCutImage(point),
+                  imgCss: this.getDetailCutImageCss(point, item.page),
+                  point: point,
+                  page: item.page,
+                };
+              }),
+            };
+          });
+        } else {
+          this.list = this.list.map((item) => {
+            return {
+              id: item.id,
+              order: item.qno,
+              name: item.sqno,
+              // page: item.page,
+              ele: item.points.map((point) => {
+                return {
+                  sqno: item.sqno,
+                  img: this.getDetailCutImage(point),
+                  imgCss: this.getDetailCutImageCss(point, item.page),
+                  point: point,
+                  page: item.page,
+                };
+              }),
+            };
+          });
+        }
 
         this.list = this.formatResData(this.list);
         this.list.push({
@@ -442,13 +463,15 @@ export default {
             name: "answer",
             ele: [
               {
-                sqno:0,
+                sqno: 0,
                 img: this.getDetailCutImage(this.paperInfo.ans_points),
-                imgCss: this.getDetailCutImageCss(this.paperInfo.ans_points,0),
+                imgCss: this.getDetailCutImageCss(
+                  this.paperInfo.ans_points,
+                  this.curLeftIndex
+                ),
                 point: this.paperInfo.ans_points,
                 page: 0,
-              }
-              
+              },
             ],
           },
         ];
@@ -477,21 +500,8 @@ export default {
     getDetailCutImageCss(point, pageIndex) {
       var ratio = 326 / 1040; // 显示宽度/左边切图区域宽度
       var ratio2 = (point.w * ratio) / 326; // 同比例扩大右边的预览图
-      let standardPoint = this.paperInfo.points[this.curLeftIndex][0]; // 标准点
-      // 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 {
+      let standardPoint = this.paperInfo.points[0][0]; // 标准点
+
       return {
         backgroundImage: `url(${this.leftImgs[pageIndex]})`,
         width: `${(point.w * ratio) / ratio2}px`,
@@ -742,7 +752,7 @@ export default {
     addImg(ImgType) {
       var imgType = ImgType ? 1 : 0;
       let cropData = this.myCropper.getCropBoxData();
-      let standardPoint = this.paperInfo.points[this.curLeftIndex][0];
+      let standardPoint = this.paperInfo.points[0][0];
       let point = {
         x: cropData.left / this.imgSize - standardPoint.x,
         y: cropData.top / this.imgSize - standardPoint.y,
@@ -805,6 +815,7 @@ export default {
       this.isDragging = false;
     },
     enter(item, img, css) {
+      debugger;
       if (!img) {
         this.previewIMG = "";
         this.previewTop = "25%";
@@ -817,7 +828,9 @@ export default {
         return;
       }
       if (!this.previewTop) {
-        this.previewTop = "25%";
+        this.previewCss ={};
+        this.previewCss.transform = "scale(1.1)";
+        this.previewTop = "40%";
         this.previewIMG = img;
       }
     },

+ 9 - 6
src/views/menu6/menu6-1/index.vue

@@ -106,7 +106,8 @@
           <li v-for="(item, index) in resList" class="list-item" :key="index">
             <el-row>
               <el-col :span="18">
-                <div class="tm">{{ item.stem }}</div>
+                <div class="tm" v-exchangeHtml:foo="item.stem"></div>
+                <!-- <div class="tm">{{ item.stem }}</div> -->
                 <div class="da">
                   <!-- <span>A.xxxxxxxxxxxxxxxxxx</span>
                   <span>B.xxxxxxxxxxxxxxxxxx</span>
@@ -144,15 +145,17 @@
                 ></bar1>
               </el-col>
             </el-row>
-            <cloudDialog :ref="'dialog'+index" :config="dialogConfig">
+            <cloudDialog :ref="'dialog' + index" :config="dialogConfig">
               <div style="margin-bottom: 30px">
-                {{ item.analysis }}
+                <span v-exchangeHtml:foo="item.analysis"></span>
               </div>
             </cloudDialog>
           </li>
         </ul>
         <p v-if="loading">加载中...</p>
-        <p style="text-align:center" v-if="noMore">{{resList.length>0?"没有更多了":"暂无数据"}}</p>
+        <p style="text-align: center" v-if="noMore">
+          {{ resList.length > 0 ? "没有更多了" : "暂无数据" }}
+        </p>
       </div>
     </div>
     <!-- <cloudDialog ref="dialog2" :config="dialogConfig2" :beforeClose="beforeClose2">
@@ -472,7 +475,7 @@ export default {
       list-style: none;
       // height: 500px;
       .list-item {
-        height: 230px;
+        height: 100%;
         margin: 10px 20px;
         // box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
         border-bottom: 1px solid #e0e0e0;
@@ -483,7 +486,7 @@ export default {
             height: 100%;
             font-size: 16px;
             .tm {
-              height: 120px;
+              // height: 120px;
               line-height: 30px;
             }
             .da {

+ 1 - 1
vue.config.js

@@ -29,7 +29,7 @@ module.exports = {
         /* 使用代理 */
         proxy: {
             "/": {
-                target: "http://47.108.130.28:8000",
+                target: "http://10.10.153.242:8000",
                 changeOrigin: true,
                 // ws: true,//websocket支持
                 secure: false