人员档案

src/views/ryda/ryGl.vue

@@ -19,11 +19,19 @@
           <div class="zp">
             <!-- :src="'data:image/gif;base64,' + ryjbxx.edzzplj" -->
             <img
+              v-if="srcZp"
               @mouseover="zpShow"
               id="zp"
-              src="/"
+              :src="srcZp"
               style="height: 160px; width: 84%"
             />
+            <img
+              style="height: 160px; width: 84%"
+              @mouseover="zpShow"
+              v-else
+              src="@/assets/img/dangan/961.png"
+              alt=""
+            />
             <div>
               <i @click="szzTp" class="el-icon-caret-left"></i>
               <i @click="xzzTp" class="el-icon-caret-right"></i>
@@ -1399,6 +1407,7 @@ export default {
         },
       ],
       zpShowXxs: false,
+      srcZp: "",
     };
   },
   mounted() {
@@ -2166,14 +2175,16 @@ export default {
       var img = document.getElementById("zp");
       this.indexPhoto--;
       if (this.indexPhoto < 0) this.indexPhoto = this.photo.length - 1;
-      img.src = this.photo[this.indexPhoto].zpDzwjnr;
+      // img.src = this.photo[this.indexPhoto].zpDzwjnr;
+      this.srcZp = this.photo[this.indexPhoto].zpDzwjnr;
     },
     // 下一张图片
     xzzTp() {
       var img = document.getElementById("zp");
       this.indexPhoto++;
       if (this.indexPhoto > this.photo.length - 1) this.indexPhoto = 0;
-      img.src = this.photo[this.indexPhoto].zpDzwjnr;
+      // img.src = this.photo[this.indexPhoto].zpDzwjnr;
+      this.srcZp = this.photo[this.indexPhoto].zpDzwjnr;
     },
     getwpxx() {
       let self = this;
@@ -2264,8 +2275,9 @@ export default {
           self.tableDataZp = res.data.rows;
           self.tableDataLength = res.data.total;
           var index = 0;
-          var img = document.getElementById("zp");
-          img.src = res.data.rows[index].zpDzwjnr;
+          // var img = document.getElementById("zp");
+          // img.src = res.data.rows[index].zpDzwjnr;
+          self.srcZp = res.data.rows[index].zpDzwjnr;
           self.photo = res.data.rows;
           self.tableLoading = false;
         } else {