查重比中源指纹接口调整；

src/views/cxyrd/modules/TTFingerPrint.vue

@@ -19,143 +19,145 @@
           <div class="dlabel_font">目标数据</div>
         </div>
       </div>
-      <div class="fingers">
+      <!-- 滚动 1-10 右拇始 -->
+      <div v-show="activeIndex === '1'" class="fingers">
         <div class="middle label-font">左手</div>
-        <div class="outside">
-          <div class="finger_prints">
+        <br />
+        <!-- 左手 滚动 源 -->
+        <div v-for="(item, index) in sourceFingersLeftR">
           <div class="finger_print_div">
             <div class="finger_print">
-                指纹图1
+              <!-- 有指纹图片 -->
+              <img
+                v-if="item.img"
+                :src="'data:image/jpeg;base64,' + item.img"
+                style="width: 254px;height: 334px;"
+              />
+              <!-- 无指纹图片 -->
+              <div v-else>无左手滚动源{{ item.name }}指指纹图</div>
             </div>
-              <div class="finger_pring_label">拇</div>
+            <div class="finger_pring_label">{{ item.name }}</div>
           </div>
-            <div class="finger_print_div">
-              <div class="finger_print">
-                指纹图2
-              </div>
-              <div class="finger_pring_label">食</div>
-            </div>
-            <div class="finger_print_div">
-              <div class="finger_print">
-                指纹图3
-              </div>
-              <div class="finger_pring_label">中</div>
         </div>
+        <!-- 左手 滚动 目标 -->
+        <div v-for="(item, index) in destFingersLeftR">
           <div class="finger_print_div">
             <div class="finger_print">
-                指纹图4
-              </div>
-              <div class="finger_pring_label">环</div>
-            </div>
-            <div class="finger_print_div">
-              <div class="finger_print">
-                指纹图5
-              </div>
-              <div class="finger_pring_label">小</div>
-            </div>
-          </div>
-        </div>
-        <div class="outside">
-          <div class="finger_prints">
-            <div class="finger_print_div">
-              <div class="finger_print">
-                指纹图1
-              </div>
-              <div class="finger_pring_label">拇</div>
-            </div>
-            <div class="finger_print_div">
-              <div class="finger_print">
-                指纹图2
-              </div>
-              <div class="finger_pring_label">食</div>
-            </div>
-            <div class="finger_print_div">
-              <div class="finger_print">
-                指纹图3
-              </div>
-              <div class="finger_pring_label">中</div>
-            </div>
-            <div class="finger_print_div">
-              <div class="finger_print">
-                指纹图4
-              </div>
-              <div class="finger_pring_label">环</div>
-            </div>
-            <div class="finger_print_div">
-              <div class="finger_print">
-                指纹图5
-              </div>
-              <div class="finger_pring_label">小</div>
+              <!-- 有指纹图片 -->
+              <img
+                v-if="item.img"
+                :src="'data:image/jpeg;base64,' + item.img"
+                style="width: 254px;height: 334px;"
+              />
+              <!-- 无指纹图片 -->
+              <div v-else>无左手滚动目标{{ item.name }}指指纹图</div>
             </div>
+            <div class="finger_pring_label">{{ item.name }}</div>
           </div>
         </div>
         <div class="middle label-font">右手</div>
-        <div class="outside">
-          <div class="finger_prints">
+        <br />
+        <!-- 右手 滚动 源 -->
+        <div v-for="(item, index) in sourceFingersRightR">
           <div class="finger_print_div">
             <div class="finger_print">
-                指纹图1
+              <!-- 有指纹图片 -->
+              <img
+                v-if="item.img"
+                :src="'data:image/jpeg;base64,' + item.img"
+                style="width: 254px;height: 334px;"
+              />
+              <!-- 无指纹图片 -->
+              <div v-else>无右手滚动源{{ item.name }}指指纹图</div>
             </div>
-              <div class="finger_pring_label">拇</div>
+            <div class="finger_pring_label">{{ item.name }}</div>
           </div>
-            <div class="finger_print_div">
-              <div class="finger_print">
-                指纹图2
-              </div>
-              <div class="finger_pring_label">食</div>
         </div>
+        <!-- 右手 滚动 目标 -->
+        <div v-for="(item, index) in destFingersRightR">
           <div class="finger_print_div">
             <div class="finger_print">
-                指纹图3
+              <!-- 有指纹图片 -->
+              <img
+                v-if="item.img"
+                :src="'data:image/jpeg;base64,' + item.img"
+                style="width: 254px;height: 334px;"
+              />
+              <!-- 无指纹图片 -->
+              <div v-else>无右手手滚动目标{{ item.name }}指指纹图</div>
             </div>
-              <div class="finger_pring_label">中</div>
+            <div class="finger_pring_label">{{ item.name }}</div>
           </div>
-            <div class="finger_print_div">
-              <div class="finger_print">
-                指纹图4
         </div>
-              <div class="finger_pring_label">环</div>
       </div>
+      <!-- 滚动 11-20 -->
+      <div v-show="activeIndex === '2'" class="fingers">
+        <div class="middle label-font">左手</div>
+        <br />
+        <!-- 左手 滚动 源 -->
+        <div v-for="(item, index) in sourceFingersLeftL">
           <div class="finger_print_div">
             <div class="finger_print">
-                指纹图5
+              <!-- 有指纹图片 -->
+              <img
+                v-if="item.img"
+                :src="'data:image/jpeg;base64,' + item.img"
+                style="width: 254px;height: 334px;"
+              />
+              <!-- 无指纹图片 -->
+              <div v-else>无{{ item.name }}指指纹图</div>
             </div>
-              <div class="finger_pring_label">小</div>
+            <div class="finger_pring_label">{{ item.name }}</div>
           </div>
         </div>
-        </div>
-        <div class="outside">
-          <div class="finger_prints">
+        <!-- 左手 滚动 目标 -->
+        <div v-for="(item, index) in destFingersLeftL">
           <div class="finger_print_div">
             <div class="finger_print">
-                指纹图1
-              </div>
-              <div class="finger_pring_label">拇</div>
+              <!-- 有指纹图片 -->
+              <img
+                v-if="item.img"
+                :src="'data:image/jpeg;base64,' + item.img"
+                style="width: 254px;height: 334px;"
+              />
+              <!-- 无指纹图片 -->
+              <div v-else>无{{ item.name }}指指纹图</div>
             </div>
-            <div class="finger_print_div">
-              <div class="finger_print">
-                指纹图2
+            <div class="finger_pring_label">{{ item.name }}</div>
           </div>
-              <div class="finger_pring_label">食</div>
         </div>
+        <div class="middle label-font">右手</div>
+        <br />
+        <!-- 右手 滚动 源 -->
+        <div v-for="(item, index) in sourceFingersRightL">
           <div class="finger_print_div">
             <div class="finger_print">
-                指纹图3
+              <!-- 有指纹图片 -->
+              <img
+                v-if="item.img"
+                :src="'data:image/jpeg;base64,' + item.img"
+                style="width: 254px;height: 334px;"
+              />
+              <!-- 无指纹图片 -->
+              <div v-else>无{{ item.name }}指指纹图</div>
             </div>
-              <div class="finger_pring_label">中</div>
+            <div class="finger_pring_label">{{ item.name }}</div>
           </div>
-            <div class="finger_print_div">
-              <div class="finger_print">
-                指纹图4
-              </div>
-              <div class="finger_pring_label">环</div>
         </div>
+        <!-- 右手 滚动 目标 -->
+        <div v-for="(item, index) in destFingersRightL">
           <div class="finger_print_div">
             <div class="finger_print">
-                指纹图5
-              </div>
-              <div class="finger_pring_label">小</div>
+              <!-- 有指纹图片 -->
+              <img
+                v-if="item.img"
+                :src="'data:image/jpeg;base64,' + item.img"
+                style="width: 254px;height: 334px;"
+              />
+              <!-- 无指纹图片 -->
+              <div v-else>无{{ item.name }}指指纹图</div>
             </div>
+            <div class="finger_pring_label">{{ item.name }}</div>
           </div>
         </div>
       </div>
@@ -168,19 +170,125 @@ export default {
   name: "TTFingerPrint",
   data() {
     return {
-      activeIndex: "1"
+      activeIndex: "1",
+      sourceFingersLeftR: [
+        { name: "拇", code: 6, img: null },
+        { name: "食", code: 7, img: null },
+        { name: "中", code: 8, img: null },
+        { name: "环", code: 9, img: null },
+        { name: "小", code: 10, img: null }
+      ],
+      sourceFingersRightR: [
+        { name: "拇", code: 1, img: null },
+        { name: "食", code: 2, img: null },
+        { name: "中", code: 3, img: null },
+        { name: "环", code: 4, img: null },
+        { name: "小", code: 5, img: null }
+      ],
+      sourceFingersLeftL: [
+        { name: "拇", code: 16, img: null },
+        { name: "食", code: 17, img: null },
+        { name: "中", code: 18, img: null },
+        { name: "环", code: 19, img: null },
+        { name: "小", code: 20, img: null }
+      ],
+      sourceFingersRightL: [
+        { name: "拇", code: 11, img: null },
+        { name: "食", code: 12, img: null },
+        { name: "中", code: 13, img: null },
+        { name: "环", code: 14, img: null },
+        { name: "小", code: 15, img: null }
+      ],
+      destFingersLeftR: [
+        { name: "拇", code: 6, img: null },
+        { name: "食", code: 7, img: null },
+        { name: "中", code: 8, img: null },
+        { name: "环", code: 9, img: null },
+        { name: "小", code: 10, img: null }
+      ],
+      destFingersRightR: [
+        { name: "拇", code: 1, img: null },
+        { name: "食", code: 2, img: null },
+        { name: "中", code: 3, img: null },
+        { name: "环", code: 4, img: null },
+        { name: "小", code: 5, img: null }
+      ],
+      destFingersLeftL: [
+        { name: "拇", code: 16, img: null },
+        { name: "食", code: 17, img: null },
+        { name: "中", code: 18, img: null },
+        { name: "环", code: 19, img: null },
+        { name: "小", code: 20, img: null }
+      ],
+      destFingersRightL: [
+        { name: "拇", code: 11, img: null },
+        { name: "食", code: 12, img: null },
+        { name: "中", code: 13, img: null },
+        { name: "环", code: 14, img: null },
+        { name: "小", code: 15, img: null }
+      ],
+      qid: null,
+      qqid: null,
+      barcode: null
     };
   },
+  created() {
+    this.qid = this.$route.query.qid;
+    this.qqid = this.$route.query.qqid;
+    this.barcode = this.$route.query.barcode;
+    console.log("源qid====>", this.qid);
+    console.log("源barcode====>", this.barcode);
+    // this.search();
+  },
   methods: {
+    // 滚动平面选择切换
     handleSelect(index) {
-      console.info(index);
+      this.activeIndex = index;
+      console.info(this.activeIndex);
       if (index === 1) {
         console.info("滚动指纹");
       }
       if (index === 2) {
         console.info("平面指纹");
       }
+    },
+    // 获取源指纹图
+    getFingerPrintDetail() {
+      // {
+      //   params: {
+      //     barcode: this.barcode
+      //   }
+      // 滚动
+      this.$axios
+        .get("/api/org/rollByBarcode/" + this.barcode)
+        .then(function(response) {
+          console.log(response);
+        })
+        .catch(function(error) {
+          console.log(error);
+        });
+
+      // 平面
+      this.$axios
+        .get("/api/org/plainByBarcode/" + this.barcode)
+        .then(function(response) {
+          console.log(response);
+        })
+        .catch(function(error) {
+          console.log(error);
+        });
+      // this.$axios
+      //   .get("api/org/plainByBarcode/", this.barcode)
+      //   .then(res => {
+      //     console.info(res);
+      //   })
+      //   .catch(error => {
+      //     console.log(error);
+      //   });
     }
+  },
+  mounted() {
+    this.getFingerPrintDetail();
   }
 };
 </script>
@@ -226,6 +334,7 @@ div {
 }
 /*外层*/
 .outside {
+  border: 1px solid darkblue;
   height: 390px;
   width: 100%;
   display: flex;