档案合集 识别图片详情添加

dangan-ui/src/views/dangan/birthDJ/index.vue

@@ -176,7 +176,7 @@
       </el-table-column>
       <el-table-column label="审核原由" align="center" prop="auditReason" min-width="140" show-overflow-tooltip/>
 <!--      <el-table-column label="备注" align="center" prop="remark" min-width="140" show-overflow-tooltip/>-->
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160" fixed="right">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="210" fixed="right">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -198,6 +198,11 @@
             @click="handleDelete(scope.row)"
             v-hasPermi="['dangan:qyz:remove']"
           >删除</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleDetail(scope.row)"
+          >识别图片</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -725,6 +730,30 @@
       </div>
     </el-dialog>
 
+    <!-- 查看识别图片 -->
+    <el-dialog title="识别图片" :visible.sync="sbtp.open" width="1000px" append-to-body top="6vh">
+      <div>
+        <el-table v-loading="sbtp.loading" :data="sbtp.list" border>
+          <el-table-column label="图片ID" align="center" prop="id" fixed min-width="90"/>
+          <el-table-column label="档案目录路径" align="center" prop="muPath" min-width="120" show-overflow-tooltip/>
+          <el-table-column label="档案室密集柜路径" align="center" prop="wlsjPath" min-width="140" show-overflow-tooltip/>
+          <el-table-column label="上传时间" align="center" prop="createTime" min-width="120" show-overflow-tooltip/>
+          <el-table-column label="图片路径" align="center" prop="picUrl">
+            <template slot-scope="scope">
+              <image-preview :src="scope.row.picUrl" :width="50" :height="50"/>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-show="sbtp.total>0"
+          :total="sbtp.total"
+          :page.sync="sbtp.queryParams.pageNum"
+          :limit.sync="sbtp.queryParams.pageSize"
+          @pagination="sbtpQuery"
+        />
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -732,6 +761,7 @@
 import { listBirthDJ, getBirthDJ, delBirthDJ, addBirthDJ, updateBirthDJ } from "@/api/dangan/birthDJ";
 import { listCatalog } from "@/api/dangan/catalog";
 import { listPictureRecard } from "@/api/dangan/pictureRecard";
+import { listByIds } from "@/api/dangan/task";
 
 export default {
   name: "BirthDJ",
@@ -846,6 +876,18 @@ export default {
         list: [],
         // 选中数据
         node: null
+      },
+      // 相关图片
+      sbtp:{
+        title: null,
+        open: false,
+        list: [],
+        total: 0,
+        queryParams:{
+          pageNum: 1,
+          pageSize: 10,
+          ids: null
+        }
       }
     };
   },
@@ -1117,6 +1159,25 @@ export default {
     handleNodeClick(data, Node) {
       this.damlInfo.node = Node;
     },
+    // 图片详情
+    handleDetail(row){
+      console.log(123789,row);
+      this.sbtp.queryParams.pageNum = 1;
+      this.sbtp.queryParams.ids = row.picIds,
+        this.sbtp.open = true;
+      this.sbtpQuery();
+    },
+    sbtpQuery(){
+      this.sbtp.list = [];
+      this.sbtp.loading = true;
+      listByIds(this.sbtp.queryParams).then(response => {
+        this.sbtp.list = response.rows;
+        this.sbtp.total = response.total;
+        this.sbtp.loading = false;
+      }).catch(()=>{
+        this.sbtp.loading = false;
+      });
+    },
   }
 };
 </script>

dangan-ui/src/views/dangan/czrkdj/index.vue

@@ -156,7 +156,7 @@
           </el-table-column>
           <el-table-column label="审核原因" align="center" prop="auditReason" />
 <!--          <el-table-column label="备注" align="center" prop="remark" min-width="160" show-overflow-tooltip/>-->
-          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="160">
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="210">
             <template slot-scope="scope">
               <el-button
                 size="mini"
@@ -178,6 +178,11 @@
                 @click="handleDelete(scope.row)"
                 v-hasPermi="['dangan:czrkdj:remove']"
               >删除</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                @click="handleDetail(scope.row)"
+              >识别图片</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -344,7 +349,7 @@
           </el-table-column>
           <el-table-column label="审核原因" align="center" prop="auditReason" />
 <!--          <el-table-column label="备注" align="center" prop="remark" min-width="160" show-overflow-tooltip/>-->
-          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="160">
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="210">
             <template slot-scope="scope">
               <el-button
                 size="mini"
@@ -366,6 +371,11 @@
                 @click="handleDelete(scope.row)"
                 v-hasPermi="['dangan:czrkdj:remove']"
               >删除</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                @click="handleDetail(scope.row)"
+              >识别图片</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -535,7 +545,7 @@
           </el-table-column>
           <el-table-column label="审核原因" align="center" prop="auditReason" />
 <!--          <el-table-column label="备注" align="center" prop="remark" min-width="160" show-overflow-tooltip/>-->
-          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="160">
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="210">
             <template slot-scope="scope">
               <el-button
                 size="mini"
@@ -557,6 +567,11 @@
                 @click="handleDelete(scope.row)"
                 v-hasPermi="['dangan:czrkdj:remove']"
               >删除</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                @click="handleDetail(scope.row)"
+              >识别图片</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -710,7 +725,7 @@
           </el-table-column>
           <el-table-column label="审核原因" align="center" prop="auditReason" />
 <!--          <el-table-column label="备注" align="center" prop="remark" min-width="160" show-overflow-tooltip/>-->
-          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="160">
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" min-width="210">
             <template slot-scope="scope">
               <el-button
                 size="mini"
@@ -732,6 +747,11 @@
                 @click="handleDelete(scope.row)"
                 v-hasPermi="['dangan:czrkdj:remove']"
               >删除</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                @click="handleDetail(scope.row)"
+              >识别图片</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -2261,6 +2281,30 @@
       </div>
     </el-dialog>
 
+    <!-- 查看识别图片 -->
+    <el-dialog title="识别图片" :visible.sync="sbtp.open" width="1000px" append-to-body top="6vh">
+      <div>
+        <el-table v-loading="sbtp.loading" :data="sbtp.list" border>
+          <el-table-column label="图片ID" align="center" prop="id" fixed min-width="90"/>
+          <el-table-column label="档案目录路径" align="center" prop="muPath" min-width="120" show-overflow-tooltip/>
+          <el-table-column label="档案室密集柜路径" align="center" prop="wlsjPath" min-width="140" show-overflow-tooltip/>
+          <el-table-column label="上传时间" align="center" prop="createTime" min-width="120" show-overflow-tooltip/>
+          <el-table-column label="图片路径" align="center" prop="picUrl">
+            <template slot-scope="scope">
+              <image-preview :src="scope.row.picUrl" :width="50" :height="50"/>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-show="sbtp.total>0"
+          :total="sbtp.total"
+          :page.sync="sbtp.queryParams.pageNum"
+          :limit.sync="sbtp.queryParams.pageSize"
+          @pagination="sbtpQuery"
+        />
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -2268,6 +2312,7 @@
 import { listCzrkdj, getCzrkdj, delCzrkdj, addCzrkdj, updateCzrkdj } from "@/api/dangan/czrkdj";
 import { listCatalog } from "@/api/dangan/catalog";
 import { listPictureRecard } from "@/api/dangan/pictureRecard";
+import { listByIds } from "@/api/dangan/task";
 
 export default {
   name: "Czrkdj",
@@ -2407,6 +2452,18 @@ export default {
         list: [],
         // 选中数据
         node: null
+      },
+      // 相关图片
+      sbtp:{
+        title: null,
+        open: false,
+        list: [],
+        total: 0,
+        queryParams:{
+          pageNum: 1,
+          pageSize: 10,
+          ids: null
+        }
       }
     };
   },
@@ -2785,6 +2842,25 @@ export default {
     handleNodeClick(data, Node) {
       this.damlInfo.node = Node;
     },
+    // 图片详情
+    handleDetail(row){
+      console.log(123789,row);
+      this.sbtp.queryParams.pageNum = 1;
+      this.sbtp.queryParams.ids = row.picIds,
+      this.sbtp.open = true;
+      this.sbtpQuery();
+    },
+    sbtpQuery(){
+      this.sbtp.list = [];
+      this.sbtp.loading = true;
+      listByIds(this.sbtp.queryParams).then(response => {
+        this.sbtp.list = response.rows;
+        this.sbtp.total = response.total;
+        this.sbtp.loading = false;
+      }).catch(()=>{
+        this.sbtp.loading = false;
+      });
+    },
   }
 };
 </script>

dangan-ui/src/views/dangan/pictureRecard/index.vue

@@ -49,14 +49,14 @@
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>-->
-        <el-form-item label="档案室密集柜ID" prop="wlsjId">
+<!--        <el-form-item label="档案室密集柜ID" prop="wlsjId">
           <el-input
             v-model="queryParams.wlsjId"
             placeholder="请输入档案室密集柜ID"
             clearable
             @keyup.enter.native="handleQuery"
           />
-        </el-form-item>
+        </el-form-item>-->
         <el-form-item label="档案室密集柜路径" prop="wlsjPath">
           <el-input
             v-model="queryParams.wlsjPath"
@@ -132,7 +132,7 @@
           </template>
         </el-table-column>-->
         <el-table-column label="档案目录路径" align="center" prop="muPath" min-width="120" show-overflow-tooltip/>
-        <el-table-column label="档案室密集柜ID" align="center" prop="wlsjId" min-width="120"/>
+<!--        <el-table-column label="档案室密集柜ID" align="center" prop="wlsjId" min-width="120"/>-->
         <el-table-column label="档案室密集柜路径" align="center" prop="wlsjPath" min-width="140" show-overflow-tooltip/>
         <el-table-column label="是否已经识别" align="center" prop="recognize" min-width="120" show-overflow-tooltip>
           <template slot-scope="scope">

dangan-ui/src/views/dangan/qyz/index.vue

@@ -147,7 +147,7 @@
       </el-table-column>
       <el-table-column label="审核原由" align="center" prop="auditReason" min-width="140" show-overflow-tooltip/>
 <!--      <el-table-column label="备注" align="center" prop="remark" min-width="140" show-overflow-tooltip/>-->
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160" fixed="right">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="210" fixed="right">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -169,6 +169,11 @@
             @click="handleDelete(scope.row)"
             v-hasPermi="['dangan:qyz:remove']"
           >删除</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleDetail(scope.row)"
+          >识别图片</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -716,6 +721,30 @@
       </div>
     </el-dialog>
 
+    <!-- 查看识别图片 -->
+    <el-dialog title="识别图片" :visible.sync="sbtp.open" width="1000px" append-to-body top="6vh">
+      <div>
+        <el-table v-loading="sbtp.loading" :data="sbtp.list" border>
+          <el-table-column label="图片ID" align="center" prop="id" fixed min-width="90"/>
+          <el-table-column label="档案目录路径" align="center" prop="muPath" min-width="120" show-overflow-tooltip/>
+          <el-table-column label="档案室密集柜路径" align="center" prop="wlsjPath" min-width="140" show-overflow-tooltip/>
+          <el-table-column label="上传时间" align="center" prop="createTime" min-width="120" show-overflow-tooltip/>
+          <el-table-column label="图片路径" align="center" prop="picUrl">
+            <template slot-scope="scope">
+              <image-preview :src="scope.row.picUrl" :width="50" :height="50"/>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-show="sbtp.total>0"
+          :total="sbtp.total"
+          :page.sync="sbtp.queryParams.pageNum"
+          :limit.sync="sbtp.queryParams.pageSize"
+          @pagination="sbtpQuery"
+        />
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -723,6 +752,7 @@
 import { listQyz, getQyz, delQyz, addQyz, updateQyz } from "@/api/dangan/qyz";
 import { listCatalog } from "@/api/dangan/catalog";
 import { listPictureRecard } from "@/api/dangan/pictureRecard";
+import { listByIds } from "@/api/dangan/task";
 
 export default {
   name: "Qyz",
@@ -843,6 +873,18 @@ export default {
         list: [],
         // 选中数据
         node: null
+      },
+      // 相关图片
+      sbtp:{
+        title: null,
+        open: false,
+        list: [],
+        total: 0,
+        queryParams:{
+          pageNum: 1,
+          pageSize: 10,
+          ids: null
+        }
       }
     };
   },
@@ -1114,6 +1156,25 @@ export default {
     handleNodeClick(data, Node) {
       this.damlInfo.node = Node;
     },
+    // 图片详情
+    handleDetail(row){
+      console.log(123789,row);
+      this.sbtp.queryParams.pageNum = 1;
+      this.sbtp.queryParams.ids = row.picIds,
+        this.sbtp.open = true;
+      this.sbtpQuery();
+    },
+    sbtpQuery(){
+      this.sbtp.list = [];
+      this.sbtp.loading = true;
+      listByIds(this.sbtp.queryParams).then(response => {
+        this.sbtp.list = response.rows;
+        this.sbtp.total = response.total;
+        this.sbtp.loading = false;
+      }).catch(()=>{
+        this.sbtp.loading = false;
+      });
+    },
   }
 };
 </script>

dangan-ui/src/views/dangan/ytzm/index.vue

@@ -158,7 +158,7 @@
       </el-table-column>
       <el-table-column label="审核原由" align="center" prop="auditReason" min-width="140" show-overflow-tooltip/>
       <el-table-column label="备注" align="center" prop="remark" min-width="140" show-overflow-tooltip/>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160" fixed="right">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="210" fixed="right">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -180,6 +180,11 @@
             @click="handleDelete(scope.row)"
             v-hasPermi="['dangan:qyz:remove']"
           >删除</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleDetail(scope.row)"
+          >识别图片</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -661,6 +666,30 @@
       </div>
     </el-dialog>
 
+    <!-- 查看识别图片 -->
+    <el-dialog title="识别图片" :visible.sync="sbtp.open" width="1000px" append-to-body top="6vh">
+      <div>
+        <el-table v-loading="sbtp.loading" :data="sbtp.list" border>
+          <el-table-column label="图片ID" align="center" prop="id" fixed min-width="90"/>
+          <el-table-column label="档案目录路径" align="center" prop="muPath" min-width="120" show-overflow-tooltip/>
+          <el-table-column label="档案室密集柜路径" align="center" prop="wlsjPath" min-width="140" show-overflow-tooltip/>
+          <el-table-column label="上传时间" align="center" prop="createTime" min-width="120" show-overflow-tooltip/>
+          <el-table-column label="图片路径" align="center" prop="picUrl">
+            <template slot-scope="scope">
+              <image-preview :src="scope.row.picUrl" :width="50" :height="50"/>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-show="sbtp.total>0"
+          :total="sbtp.total"
+          :page.sync="sbtp.queryParams.pageNum"
+          :limit.sync="sbtp.queryParams.pageSize"
+          @pagination="sbtpQuery"
+        />
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -668,6 +697,7 @@
 import { listYtzm, getYtzm, delYtzm, addYtzm, updateYtzm } from "@/api/dangan/ytzm";
 import { listCatalog } from "@/api/dangan/catalog";
 import { listPictureRecard } from "@/api/dangan/pictureRecard";
+import { listByIds } from "@/api/dangan/task";
 
 export default {
   name: "Ytzm",
@@ -778,6 +808,18 @@ export default {
         list: [],
         // 选中数据
         node: null
+      },
+      // 相关图片
+      sbtp:{
+        title: null,
+        open: false,
+        list: [],
+        total: 0,
+        queryParams:{
+          pageNum: 1,
+          pageSize: 10,
+          ids: null
+        }
       }
     };
   },
@@ -1045,6 +1087,25 @@ export default {
     handleNodeClick(data, Node) {
       this.damlInfo.node = Node;
     },
+    // 图片详情
+    handleDetail(row){
+      console.log(123789,row);
+      this.sbtp.queryParams.pageNum = 1;
+      this.sbtp.queryParams.ids = row.picIds,
+        this.sbtp.open = true;
+      this.sbtpQuery();
+    },
+    sbtpQuery(){
+      this.sbtp.list = [];
+      this.sbtp.loading = true;
+      listByIds(this.sbtp.queryParams).then(response => {
+        this.sbtp.list = response.rows;
+        this.sbtp.total = response.total;
+        this.sbtp.loading = false;
+      }).catch(()=>{
+        this.sbtp.loading = false;
+      });
+    },
   }
 };
 </script>

dangan-ui/src/views/dangan/zfnyhkcg/index.vue

@@ -128,7 +128,7 @@
       <el-table-column label="姓名5" align="center" prop="name5" min-width="100" show-overflow-tooltip/>
 <!--      <el-table-column label="性别5" align="center" prop="sex5" min-width="100" show-overflow-tooltip/>-->
 <!--      <el-table-column label="批复机关1" align="center" prop="jg1" min-width="100" show-overflow-tooltip/>-->
-      <el-table-column label="批复机关2" align="center" prop="jg2" min-width="100" show-overflow-tooltip/>
+<!--      <el-table-column label="批复机关2" align="center" prop="jg2" min-width="100" show-overflow-tooltip/>-->
 <!--      <el-table-column label="承办人" align="center" prop="cbr" min-width="100" show-overflow-tooltip/>-->
 <!--      <el-table-column label="承办日期" align="center" prop="cbDate" min-width="100" show-overflow-tooltip/>-->
       <el-table-column label="识别图片" align="center" prop="pictures">
@@ -158,7 +158,7 @@
       </el-table-column>
       <el-table-column label="审核原由" align="center" prop="auditReason" min-width="140" show-overflow-tooltip/>
 <!--      <el-table-column label="备注" align="center" prop="remark" min-width="140" show-overflow-tooltip/>-->
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160" fixed="right">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="210" fixed="right">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -180,6 +180,11 @@
             @click="handleDelete(scope.row)"
             v-hasPermi="['dangan:zfnyhkcg:remove']"
           >删除</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleDetail(scope.row)"
+          >识别图片</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -738,6 +743,30 @@
       </div>
     </el-dialog>
 
+    <!-- 查看识别图片 -->
+    <el-dialog title="识别图片" :visible.sync="sbtp.open" width="1000px" append-to-body top="6vh">
+      <div>
+        <el-table v-loading="sbtp.loading" :data="sbtp.list" border>
+          <el-table-column label="图片ID" align="center" prop="id" fixed min-width="90"/>
+          <el-table-column label="档案目录路径" align="center" prop="muPath" min-width="120" show-overflow-tooltip/>
+          <el-table-column label="档案室密集柜路径" align="center" prop="wlsjPath" min-width="140" show-overflow-tooltip/>
+          <el-table-column label="上传时间" align="center" prop="createTime" min-width="120" show-overflow-tooltip/>
+          <el-table-column label="图片路径" align="center" prop="picUrl">
+            <template slot-scope="scope">
+              <image-preview :src="scope.row.picUrl" :width="50" :height="50"/>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-show="sbtp.total>0"
+          :total="sbtp.total"
+          :page.sync="sbtp.queryParams.pageNum"
+          :limit.sync="sbtp.queryParams.pageSize"
+          @pagination="sbtpQuery"
+        />
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -745,6 +774,7 @@
 import { listZfnyhkcg, getZfnyhkcg, delZfnyhkcg, addZfnyhkcg, updateZfnyhkcg } from "@/api/dangan/zfnyhkcg";
 import { listCatalog } from "@/api/dangan/catalog";
 import { listPictureRecard } from "@/api/dangan/pictureRecard";
+import { listByIds } from "@/api/dangan/task";
 
 export default {
   name: "Zfnyhkcg",
@@ -861,6 +891,18 @@ export default {
         list: [],
         // 选中数据
         node: null
+      },
+      // 相关图片
+      sbtp:{
+        title: null,
+        open: false,
+        list: [],
+        total: 0,
+        queryParams:{
+          pageNum: 1,
+          pageSize: 10,
+          ids: null
+        }
       }
     };
   },
@@ -1134,6 +1176,25 @@ export default {
     handleNodeClick(data, Node) {
       this.damlInfo.node = Node;
     },
+    // 图片详情
+    handleDetail(row){
+      console.log(123789,row);
+      this.sbtp.queryParams.pageNum = 1;
+      this.sbtp.queryParams.ids = row.picIds,
+        this.sbtp.open = true;
+      this.sbtpQuery();
+    },
+    sbtpQuery(){
+      this.sbtp.list = [];
+      this.sbtp.loading = true;
+      listByIds(this.sbtp.queryParams).then(response => {
+        this.sbtp.list = response.rows;
+        this.sbtp.total = response.total;
+        this.sbtp.loading = false;
+      }).catch(()=>{
+        this.sbtp.loading = false;
+      });
+    },
   }
 };
 </script>

dangan-ui/src/views/dangan/zqz/index.vue

@@ -182,7 +182,7 @@
       </el-table-column>
       <el-table-column label="审核原由" align="center" prop="auditReason" min-width="140" show-overflow-tooltip/>
 <!--      <el-table-column label="备注" align="center" prop="remark" min-width="140" show-overflow-tooltip/>-->
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160" fixed="right">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="210" fixed="right">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -204,6 +204,11 @@
             @click="handleDelete(scope.row)"
             v-hasPermi="['dangan:qyz:remove']"
           >删除</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleDetail(scope.row)"
+          >识别图片</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -863,6 +868,30 @@
       </div>
     </el-dialog>
 
+    <!-- 查看识别图片 -->
+    <el-dialog title="识别图片" :visible.sync="sbtp.open" width="1000px" append-to-body top="6vh">
+      <div>
+        <el-table v-loading="sbtp.loading" :data="sbtp.list" border>
+          <el-table-column label="图片ID" align="center" prop="id" fixed min-width="90"/>
+          <el-table-column label="档案目录路径" align="center" prop="muPath" min-width="120" show-overflow-tooltip/>
+          <el-table-column label="档案室密集柜路径" align="center" prop="wlsjPath" min-width="140" show-overflow-tooltip/>
+          <el-table-column label="上传时间" align="center" prop="createTime" min-width="120" show-overflow-tooltip/>
+          <el-table-column label="图片路径" align="center" prop="picUrl">
+            <template slot-scope="scope">
+              <image-preview :src="scope.row.picUrl" :width="50" :height="50"/>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-show="sbtp.total>0"
+          :total="sbtp.total"
+          :page.sync="sbtp.queryParams.pageNum"
+          :limit.sync="sbtp.queryParams.pageSize"
+          @pagination="sbtpQuery"
+        />
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -870,6 +899,7 @@
 import { listZqz, getZqz, delZqz, addZqz, updateZqz } from "@/api/dangan/zqz";
 import { listCatalog } from "@/api/dangan/catalog";
 import { listPictureRecard } from "@/api/dangan/pictureRecard";
+import { listByIds } from "@/api/dangan/task";
 
 export default {
   name: "Zqz",
@@ -995,6 +1025,18 @@ export default {
         list: [],
         // 选中数据
         node: null
+      },
+      // 相关图片
+      sbtp:{
+        title: null,
+        open: false,
+        list: [],
+        total: 0,
+        queryParams:{
+          pageNum: 1,
+          pageSize: 10,
+          ids: null
+        }
       }
     };
   },
@@ -1276,6 +1318,25 @@ export default {
     handleNodeClick(data, Node) {
       this.damlInfo.node = Node;
     },
+    // 图片详情
+    handleDetail(row){
+      console.log(123789,row);
+      this.sbtp.queryParams.pageNum = 1;
+      this.sbtp.queryParams.ids = row.picIds,
+        this.sbtp.open = true;
+      this.sbtpQuery();
+    },
+    sbtpQuery(){
+      this.sbtp.list = [];
+      this.sbtp.loading = true;
+      listByIds(this.sbtp.queryParams).then(response => {
+        this.sbtp.list = response.rows;
+        this.sbtp.total = response.total;
+        this.sbtp.loading = false;
+      }).catch(()=>{
+        this.sbtp.loading = false;
+      });
+    },
   }
 };
 </script>