4/12 入网更新页面

src/views/userManage/registerManage.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <el-card>
+      <!--入网注册审核 form表单-->
       <el-form label-width="120px" v-show="showSearch" size="mini">
         <el-row type="flex">
           <el-col type="flex" :span="8">
@@ -46,6 +47,7 @@
           </el-col>
         </el-row>
       </el-form>
+
       <div class="top-right-btn" style="display:flex;">
         <el-button-group>
           <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
@@ -282,6 +284,8 @@
 
       </el-dialog>
 
+
+      <!--注册详情-->
       <el-dialog
 
         :title="formMap[formName]"
@@ -480,7 +484,6 @@
 
             <el-table-column label="操作" width="120" fixed="right">
               <template slot-scope="scope">
-
                 <el-button
                   type="text"
                   size="small"
@@ -488,17 +491,26 @@
                   @click.native="determine1(scope.row)"
                 >审核</el-button
                 >
-                <el-button
+
-                  type="text"
+                  <!--@click.native="showImgViewer(scope.row)"-->
-                  size="small"
+                <!--<el-button-->
-                  @click.native="showImgViewer(scope.row)"
+                <!--  type="text"-->
-                >预览</el-button
+                <!--  size="small"-->
-                >
+                <!--  @click.native="showImgViewer(scope.row)"-->
+
+                <!--&gt;预览</el-button-->
+                <!--&gt;-->
+
+                <el-button type="primary" icon="el-icon-view" size="small" @click="showImgViewer(scope.row)">资质图片预览
+                  ({{ imgList.length }})
+                </el-button>
               </template>
             </el-table-column>
           </el-table>
         </el-card>
 
+
+
         <pagination
           v-show="certTotal > 0"
           :total="certTotal"
@@ -509,6 +521,8 @@
 
       </el-dialog>
 
+
+
       <el-dialog
         :title="formCertMap[formCertName]"
         :visible.sync="orderMutiSetCertVisible"
@@ -527,6 +541,7 @@
           :formName="formCertName"
         ></certDetail>
       </el-dialog>
+
       <pagination
         v-show="total>0"
         :total="total"
@@ -534,6 +549,7 @@
         :page.sync="filterQuery.page"
         @pagination="handleCurrentChange"
       ></pagination>
+
     </el-card>
 
     <el-image-viewer
@@ -565,6 +581,7 @@ export default {
       formCertMap: {
         3: "资质详情",
       },
+      dialogVisible:false,
       inputCertQuery:{},
       orderMutiSetCertVisible: false,
       formName: 1,
@@ -707,29 +724,31 @@ export default {
       this.query.page = val.page;
       this.getCertList(this.query);
 
+    },
+    handleClose(done) {
+
     },
 
+    // showImgViewer() {
+    //   this.imgViewerVisible = true;
+    //   const m = (e) => {
+    //     e.preventDefault()
+    //   };
+    // },
+    splitImages(){
+
+    },
     showImgViewer(row) {
-      let newWindow = window.open(row.filePath);
+      let str = row.filePath
-      // this.certFileUrl =
+      let regex = /http[^"]+\.jpg/g;
-      //   this.BASE_URL +
+      let path = str.match(regex);
-      //   "/udiwms/image/register/file/getImage?type=image2&name=";
+      this.imgList = path
-      // this.imgList = [];
+      this.imgViewerVisible = true;
-      // previewImage({
+      const m = (e) => {
-      //   imageUrl: row.filePath,
+        e.preventDefault()
-      //   certFileUrl: this.certFileUrl,
+      };
-      // }).then((response) => {
+      document.body.style.overflow = 'hidden';
-      //   if (response.code === 20000) {
+      document.addEventListener("touchmove", m, false); // 禁止页面滑动
-      //     this.imgList = response.data;
-      //   }
-      //   console.log(this.imgList);
-      //   this.imgViewerVisible = true;
-      // });
-      // const m = (e) => {
-      //   e.preventDefault();
-      // };
-      // document.body.style.overflow = "hidden";
-      // document.addEventListener("touchmove", m, false); // 禁止页面滑动
     },
     closeImgViewer() {
       this.imgViewerVisible = false;
@@ -775,6 +794,9 @@ export default {
       this.orderMutiSetCertVisible = true;
     },
 
+    created() {
+      this.splitImages();
+    },
     determine(){
       this.$confirm("是否审核通过?", "提示", {
         confirmButtonText: "确定",