@focus-teach/ui 1.1.5 → 1.1.7

package/package.json

@@ -2,7 +2,7 @@
   "name": "@focus-teach/ui",
   "packageName": "ui",
   "publishName": "@focus-teach/ui",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "private": false,
   "main": "lib/ui.umd.min.js",
   "scripts": {
@@ -22,7 +22,9 @@
     "babel-loader": "^8.0.0",
     "core-js": "^3.6.5",
     "crypto-js": "^4.2.0",
+    "echarts": "^5.3.3",
     "element-ui": "^2.15.1",
+    "fabric-with-erasing": "^1.0.1",
     "html2canvas": "^1.4.1",
     "lodash": "^4.17.21",
     "md5": "^2.3.0",

package/utils/common.js

@@ -662,4 +662,158 @@ export function sleep(time = 0){
         resolve()
       },time);
     })
-  }
+  }
+
+     export function toDecimal2NoZero(x) {
+      var f = Math.round(x * 100) / 100;
+      var s = f.toString();
+      return s;
+    }
+     export function getScoreRateLevel(scoreRate) {
+      scoreRate = +scoreRate;
+      if (scoreRate < 60) return 'l';
+      if (scoreRate < 80) return 'm';
+      if (scoreRate <= 100) return 'h'
+    }
+     export function  handleExcellentTypicalData(examItemList, i, type, _this) {
+      for (var j = 0; j < examItemList[i][type].length; j++) {
+        // 处理每个学生的题目图片
+        var imageFileId = examItemList[i][type][j].imageFileId
+        var imgArr = this.getImageFileIdList(examSource, imageFileId)
+        if (imgArr.length > 1) {
+          var indexList = []
+          for (var a = 0; a < imgArr.length; a++) {
+            indexList.push({
+              id: imgArr[a],
+              index: getImageFileIdIndex(examSource, imgArr[a], a)
+            })
+          }
+          indexList.sort(function (a, b) {
+            return a.index - b.index
+          })
+          var result = []
+          for (var b = 0; b < indexList.length; b++) {
+            result.push({
+              id: indexList[b].id,
+              index: 'img' + indexList[b].index
+            })
+          }
+          handleExcellentTypicalImage(i, j, result, type, _this, yjdcCallBack)
+        }
+      }
+    }
+    function getImageFileIdList(examSource, imageFileId) {//查找图片的索引
+        let list = []
+        switch (examSource) {
+            case 'WY':
+                list = imageFileId.split(';')
+                break;
+            default:
+                list = imageFileId.split(',')
+                break;
+        }
+        return list
+    }
+    function  handleExcellentTypicalImage(firstIndex, secondIndex, imgArr, type, _this, callback) {
+      var loadNum = 0
+      var imgTotal = imgArr.length
+      var imgInfo = {}
+      for (var j = 0; j < imgTotal; j++) {
+        imgInfo[imgArr[j].index] = {
+          image: ''
+        }
+      }
+      for (var i = 0; i < imgTotal; i++) {
+        imgInfo[imgArr[i].index].image = new Image()
+        imgInfo[imgArr[i].index].image.src = getImageSrc(imgArr[i].id);
+        imgInfo[imgArr[i].index].image.crossOrigin = 'Anonymous';
+        imgInfo[imgArr[i].index].image.onload = function () {
+          loadNum++
+          if (loadNum == imgTotal) {
+            var imgInfoList = []
+            var widthList = []
+            var heightSum = 0
+            for (var item in imgInfo) {
+              imgInfoList.push({
+                width: imgInfo[item].image.width,
+                height: imgInfo[item].image.height,
+                image: imgInfo[item].image
+              })
+              widthList.push(imgInfo[item].image.width)
+              heightSum += imgInfo[item].image.height
+            }
+            var canvas = document.createElement("canvas");
+            canvas.width = Math.max.apply(null, widthList);
+            canvas.height = heightSum;
+            var context = canvas.getContext("2d");
+            context.rect(0, 0, canvas.width, canvas.height);
+            context.fillStyle = "#fff";
+            context.fill();
+            console.log(imgInfoList);
+            for (var imgInfoListIndex = 0; imgInfoListIndex < imgInfoList.length; imgInfoListIndex++) {
+              if (imgInfoListIndex == 0) {
+                context.drawImage(imgInfoList[imgInfoListIndex].image, 0, 0, canvas.width, imgInfoList[imgInfoListIndex].height);
+              } else {
+                var renderHeight = getHeight(imgInfoList, 'height', imgInfoListIndex - 1)
+                console.log("renderHeight", renderHeight);
+                context.drawImage(imgInfoList[imgInfoListIndex].image, 0, renderHeight, canvas.width, imgInfoList[imgInfoListIndex].height);
+              }
+            }
+            var base64 = canvas.toDataURL("image/jpeg", 0.4);  //"image/png" 这里注意一下
+            this.examItemList[firstIndex][type][secondIndex].imageFileId = base64
+            this.examItemList[firstIndex][type][secondIndex].handled = true
+
+            if (examItemList[firstIndex][type].length - 1 == secondIndex) {
+              console.log("当前类型图片处理完", type, secondIndex);
+              yjdcLoadCount++
+              if (yjdcLoadCount == yjdcCount) {
+                console.log("执行回调函数");
+                callback(_this, firstIndex, type)
+              }
+            }
+          }
+        }
+      }
+    }
+    function getImageSrc(imageFileId) {
+      return isStartHttp(imageFileId) ? imageFileId : "/files/" + imageFileId + "?type=2"
+    }
+    function isStartHttp(url) {
+      try {
+        if (url.startsWith("http://") || url.startsWith("https://")) {
+          return true
+        }
+      } catch (e) {
+        return false
+      }
+    }
+    function getImageFileIdIndex(examSource, imageFileId, index) {//查找图片的索引
+      console.log('imageFileId', imageFileId)
+      let idx = ''
+      switch (examSource) {
+        case 'WY':
+          // idx = parseInt(imageFileId.match(/_(\d*).jpg/g)[0].match(/\d/g).join(''))
+          idx = index
+          break;
+        default:
+          idx = parseInt(imageFileId.match(/-(\d*)jpg/g)[0].match(/\d/g).join(''))
+          break;
+      }
+      return idx
+    }
+     function getHeight(arr, prop, index) {
+      var total = 0
+      for (var i = 0; i < arr.length; i++) {
+        if (i <= index) {
+          total += arr[i][prop]
+        }
+      }
+      return total
+    }
+
+  
+
+
+
+
+