查重 卡片上一条下一条方法

src/views/cxyrd/TT.vue

@@ -11,18 +11,21 @@
     <div class="main">
       <div class="data">
         <div class="source-data">
+          <template v-for="(item, index) in sourcedatas">
             <div class="source-top">
               <div class="barcode">任务号：{{ qid }}</div>
               <div class="count">
                 <img
                   src="../../assets/img/TT/ttcount.png"
                   style="width: 14px;height: 14px;margin:0 5px 3px 0"
-              />已认定：13条
+                />已认定：{{ rdcount }}条
                 <!--              />已认定：{{ qid }}条-->
               </div>
             </div>
             <div class="source-bottom">
-            <div class="source-count">34/100</div>
+              <div class="source-count">
+                {{ index + 1 }}/{{ sourcedatas.length }}
+              </div>
               <div class="source">
                 <div class="label">查询ID：</div>
                 <div class="value">{{ currentQqid }}</div>
@@ -31,18 +34,38 @@
                 <div class="label">源条码号：</div>
                 <div class="value">{{ sourcebarcode }}</div>
               </div>
-
               <div class="more">
                 <div class="last">
-                <img src="../../assets/img/TT/last.png" />
-                <!--                <img src="../../assets/img/TT/last-active.png" />-->
+                  <img
+                    v-show="index === 0"
+                    @click="last(index)"
+                    style="  cursor: pointer;"
+                    src="../../assets/img/TT/last.png"
+                  />
+                  <img
+                    v-show="index > 0"
+                    style="  cursor: pointer;"
+                    src="../../assets/img/TT/last-active.png"
+                    @click="last(index)"
+                  />
                 </div>
                 <div class="next">
-                <!--                <img src="../../assets/img/TT/next.png" />-->
-                <img src="../../assets/img/TT/next-active.png" />
+                  <img
+                    v-show="index === sourcedatas.length - 1"
+                    style="  cursor: pointer;"
+                    src="../../assets/img/TT/next.png"
+                    @click="next(index)"
+                  />
+                  <img
+                    v-show="index < sourcedatas.length - 1"
+                    style="  cursor: pointer;"
+                    src="../../assets/img/TT/next-active.png"
+                    @click="next(index)"
+                  />
                 </div>
               </div>
             </div>
+          </template>
         </div>
         <div class="btns">
           <div class="btn" @click="finger">指纹</div>
@@ -412,7 +435,8 @@ export default {
         { name: "中", code: 13, img: null },
         { name: "环", code: 14, img: null },
         { name: "小", code: 15, img: null }
-      ]
+      ],
+      rdcount: 0 // 认定条数
     };
   },
   created() {
@@ -439,7 +463,9 @@ export default {
     // 获取源数据
     getSourceList() {
       this.$axios
-        .get("/api/query/matchcand/src/" + this.currentQqid)
+        .post("/api/queryque/standardAll", {
+          contrastCustomSearchReq: { qid: this.qid }
+        })
         .then(res => {
           if (res.data.code === 0) {
             this.sourcedatas = res.data.ret;
@@ -447,6 +473,30 @@ export default {
           console.info("源数据", this.sourcedatas);
         });
     },
+    // 获取上一条
+    last(index) {
+      if (index > 0) {
+        let i = index;
+        this.currentQqid = this.sourcedatas[i - 1].qqid;
+        this.sourcebarcode = this.sourcedatas[i - 1].barcode;
+      } else {
+        this.$message.error("已经是第一条数据了");
+      }
+      console.info(this.currentQqid);
+      console.info(this.sourcebarcode);
+    },
+    // 获取下一条
+    next(index) {
+      if (index < this.sourcedatas.length - 1) {
+        let i = index;
+        this.currentQqid = this.sourcedatas[i + 1].qqid;
+        this.sourcebarcode = this.sourcedatas[i + 1].barcode;
+      } else {
+        this.$message.error("已经是最后一条数据了");
+      }
+      console.info(this.currentQqid);
+      console.info(this.sourcebarcode);
+    },
     // 获取候选列表
     getMatchcandList(qqid) {
       if (qqid !== null) {
@@ -711,6 +761,7 @@ div {
     justify-content: space-between;
     align-items: center;
     .source-data {
+      z-index: 500;
       .source-top {
         height: 25px;
         width: 315px;