西藏人员到案照片

src/assets/styles/ryda.scss

@@ -309,14 +309,14 @@
     .wrap474 {
       width: 474px;
       display: inline-block;
-      height: 282px;
+      height: 510px;
     }
 
     .wrapAuto1 {
       width: calc(100% - 494px);
       display: inline-block;
       margin-right: 16px;
-      height: 282px;
+      // height: 282px;
     }
 
     .wrapAuto2 {

src/views/ryda/ryGl.vue

@@ -11,33 +11,86 @@
         <span
           @click="zpShowXx"
           v-if="zpxg"
-          style="position: absolute; left: 24%"
+          style="position: absolute; left: 22%"
         >
           <i class="el-icon-edit-outline"></i>
         </span>
         <div style="width: 100%">
-          <div class="zp">
-            <!-- :src="'data:image/gif;base64,' + ryjbxx.edzzplj" -->
-            <img
-              v-if="srcZp"
-              @mouseover="zpShow"
-              id="zp"
-              :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>
+          <div style="display: flex">
+            <div class="zp">
+              <!-- :src="'data:image/gif;base64,' + ryjbxx.edzzplj" -->
+              <el-image
+                v-if="srcZp"
+                style="height: 180px; width: 160px"
+                :src="srcZp"
+                :preview-src-list="[srcZp]"
+                @mouseover="zpShow"
+                id="zp"
+              >
+              </el-image>
+              <!-- <img
+                v-if="srcZp"
+                @mouseover="zpShow"
+                id="zp"
+                :src="srcZp"
+                style="height: 160px; width: 84%"
+              /> -->
+              <img
+                style="height: 180px; width: 160px"
+                @mouseover="zpShow"
+                v-else
+                src="@/assets/img/dangan/961.png"
+                alt=""
+              />
+              <div style="font-size: 15px; margin-top: 10px; font-weight: 600">
+                二代证照片
+              </div>
+              <div>
+                <i @click="szzTp" class="el-icon-caret-left"></i>
+                <i @click="xzzTp" class="el-icon-caret-right"></i>
+              </div>
+            </div>
+            <div style="display: flex; flex-wrap: wrap" class="clgjsfTabel">
+              <div
+                style="margin-right: 20px"
+                v-for="(item, index) in saRyzpList"
+                :key="index"
+              >
+                <el-image
+                  v-if="item.ryzpDzwjnrStr"
+                  style="height: 180px; width: 160px"
+                  :src="'data:image/image/jpeg;base64,' + item.ryzpDzwjnrStr"
+                  :preview-src-list="[
+                    'data:image/image/jpeg;base64,' + item.ryzpDzwjnrStr,
+                  ]"
+                >
+                </el-image>
+                <img
+                  v-else
+                  style="height: 180px; width: 160px"
+                  src="@/assets/img/dangan/961.png"
+                  alt=""
+                />
+                <div
+                  style="
+                    font-size: 15px;
+                    margin-top: 10px;
+                    font-weight: 600;
+                    text-align: center;
+                  "
+                >
+                  {{
+                    item.ryzpZplxdm == "1"
+                      ? "正面照"
+                      : item.ryzpZplxdm == "2"
+                      ? "左侧面照片"
+                      : "右侧面照片"
+                  }}
+                </div>
+              </div>
             </div>
           </div>
-          <div class="ryxx" style="margin-left: 14px; margin-bottom: 20px">
+          <div class="ryxx" style="margin-left: 44px; margin-bottom: 20px">
             <div class="xmLine">
               <span class="xm">{{ ryjbxx.xm }}</span>
               <span
@@ -772,7 +825,7 @@
       </div>
     </div> -->
     <!--4-->
-    <div class="clgjsf">
+    <!-- <div class="clgjsf">
       <div>
         <div class="clgjsfTitle">
           <img src="@/assets/img/ryda/title1.svg" />
@@ -801,7 +854,7 @@
           </div>
         </div>
       </div>
-    </div>
+    </div> -->
     <div>
       <div class="wrap wrap614">
         <div class="bt">
@@ -1091,7 +1144,11 @@ export default {
   },
   data() {
     return {
-      saRyzpList: [],
+      saRyzpList: [
+        { ryzpZplxdm: "1" },
+        { ryzpZplxdm: "2" },
+        { ryzpZplxdm: "3" },
+      ],
       taDataGjsf: [
         {
           label: "算法名称",
@@ -1194,7 +1251,10 @@ export default {
       ryjbxx: {},
       wpxxListNew: [],
       indexPhoto: 0,
-      photo: [],
+      photo: [
+        "https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg",
+        "https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg",
+      ],
       showTb: "",
       curMap: 0,
       checkList: ["最后位置"],
@@ -2493,6 +2553,7 @@ export default {
       let self = this;
       let json = {};
       json["zjhm"] = sessionStorage.getItem("zjhm");
+      // json["zjhm"] = "879879879798797879";
       self.getAjxgRyzp(JSON.stringify(json)).then((res) => {
         if ((res.success = true)) {
           self.saRyzpList = res.data.rows;