heyang

src/views/system/algorithm/index.vue

@@ -54,13 +54,13 @@
       <el-table-column label="算法名称" align="center" prop="algorithmName" />
       <el-table-column label="原始图" width="150">
         <template scope="scope">
-          <img :src="scope.row.originalImg" width="120" style="cursor:pointer;" height="80" class="img" @click="imgBigBox(scope.row)"/>
+          <img :src="scope.row.originalImg" width="120" style="cursor:pointer;" height="80" class="img" @click="imgBigBox(scope.row,'original')"/>
         </template>
       </el-table-column>
       <el-table-column label="请求时间" align="center" prop="createTime" />
       <el-table-column label="识别结果" width="150">
         <template scope="scope">
-          <img :src="scope.row.algorithmResult" width="120" style="cursor:pointer;" height="80" class="img" @click="imgBigBox(scope.row)"/>
+          <img :src="scope.row.algorithmResult" width="120" style="cursor:pointer;" height="80" class="img" @click="imgBigBox(scope.row,'result')"/>
         </template>
       </el-table-column>
       <el-table-column label="响应时间" align="center" prop="updateTime" />
@@ -211,9 +211,15 @@ export default {
   },
   methods: {
     //点击放大图片
-    imgBigBox(row){
-      this.imgTitle = '算法名称：'+row.algorithmName;
-      this.imgUrl = row.algorithmResult;
+    imgBigBox(row,doType){
+      if(doType=='original'){
+        this.imgTitle = '算法名称：'+row.algorithmName;
+        this.imgUrl = row.originalImg;
+      }else if(doType=='result'){
+        this.imgTitle = '算法名称：'+row.algorithmName;
+        this.imgUrl = row.algorithmResult;
+      }
+
       this.imgOpen = true;
     },
     /** 查询算法回调结果列表 */