task#11265,按钮加防重复点击，已审核和待审核tab切不一致进行更改

src/views/caseList/caseAuditList.vue

@@ -20,7 +20,7 @@
     </div>
     <van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh" v-show="!show">
       <div class="listWrap">
-        <div class="listItem" v-for="(item,index) in pageList" :key="index" @click="goPageDetail(item.id)">
+        <div class="listItem" v-for="(item,index) in pageList" :key="index" @click="noMultipleClicks(goPageDetail,item.id)">
           <div class="line1">
             <div><span>案件编号:</span><span>{{ item.userOrderCode }}</span></div>
             <div class="right">
@@ -50,7 +50,7 @@ export default {
   mixins: [myMixins],
   data(){
     return{
-      tabArr: [{name: '待审核', status: 1,num:0}, {name: '审核通过', status: 2,num:0},{name: '审核不通过', status: 2,num:0},],
+      tabArr: [ {name: '审核通过', status: 2,num:0},{name: '审核不通过', status: 2,num:0},],
       activeIndex: 0,
       pageList:[],
       pageNum:1,
@@ -58,6 +58,8 @@ export default {
       id:'',//批次id
       isLoading:"",
       isShowBackBtn:true,
+      type:'',//用于判断是已审核还是待审核,已审核只有两个tab切
+      noClick:true
     }
   },
   computed:{
@@ -76,8 +78,14 @@ export default {
     }else{
       this.isShowBackBtn=true
     }
+    // console.log("===",urlParams.get('status'))
     this.id = urlParams.get('id') || this.$route.params.id  || this.$route.params.batchCode;
     this.activeIndex=this.$route.params?.activeIndex || 0
+    this.type=this.$route.params?.type
+    console.log(urlParams.get('status') && urlParams.get('status') == 1)
+    if (this.type==1 || (urlParams.get('status') && urlParams.get('status') == 1)) {
+      this.tabArr.unshift({name: '待审核', status: 1,num:0},);
+    }
     await this.batchOrderCount();
     await this.getList()
   },
@@ -103,7 +111,7 @@ export default {
         pageNum:this.pageNum,
         pageSize:this.pageSize,
         batchCode:this.id,
-        type: this.activeIndex+1
+        type:this.tabArr.length==3 ? this.activeIndex+1 : this.activeIndex+2
       })
       this.pageList=res.data
     },

src/views/caseList/caseDetail.vue

@@ -66,65 +66,83 @@
          </div>
        </div>
      </div>
-     <div class="aduit">
-        <div  :class="{itemWrap : true,aduitResult: detailInfo.secondAudit}">
-          <div>
-            <span class="star">*</span>
-            <span>{{detailInfo.secondAudit ? '二次审核结果' : '审核结果'}}</span>
+      <template  v-if="detailInfo.state.code == 1">
+        <div class="aduit">
+          <div  :class="{itemWrap : true,aduitResult: detailInfo.secondAudit}">
+            <div>
+              <span class="star">*</span>
+              <span>{{detailInfo.secondAudit ? '二次审核结果' : '审核结果'}}</span>
+            </div>
+            <div class="isJoin">
+              <van-radio-group v-model="states" @change="isUse"  class="joinWrap">
+                <van-radio :name="2" style="margin-right: 26px" class="item">
+                  通过
+                  <img
+                      slot="icon"
+                      slot-scope="props"
+                      :src="props.checked ? activeIcon : inactiveIcon"
+                  >
+                </van-radio>
+                <template v-if="detailInfo.secondAudit">
+                  <van-radio  :name="4"  class="item">报销失败
+                    <img
+                        slot="icon"
+                        slot-scope="props"
+                        :src="props.checked ? activeIcon : inactiveIcon"
+                    >
+                  </van-radio>
+                </template>
+                <template v-else>
+                  <van-radio  :name="3"  class="item">
+                    不通过
+                    <img
+                        slot="icon"
+                        slot-scope="props"
+                        :src="props.checked ? activeIcon : inactiveIcon"
+                    >
+                  </van-radio>
+                </template>
+              </van-radio-group>
+            </div>
           </div>
-          <div class="isJoin">
-            <van-radio-group v-model="states" @change="isUse"  class="joinWrap">
-              <van-radio :name="2" style="margin-right: 26px" class="item">
-                通过
-                <img
-                    slot="icon"
-                    slot-scope="props"
-                    :src="props.checked ? activeIcon : inactiveIcon"
-                >
-              </van-radio>
-              <template v-if="detailInfo.secondAudit">
-                <van-radio  :name="4"  class="item">报销失败
-                  <img
-                      slot="icon"
-                      slot-scope="props"
-                      :src="props.checked ? activeIcon : inactiveIcon"
-                  >
-                </van-radio>
-              </template>
-              <template v-else>
-                <van-radio  :name="3"  class="item">
-                  不通过
-                  <img
-                      slot="icon"
-                      slot-scope="props"
-                      :src="props.checked ? activeIcon : inactiveIcon"
-                  >
-                </van-radio>
-              </template>
-            </van-radio-group>
+          <div class="itemWrap"  v-if="states == 3 || states == 4">
+            <div>
+              <div>
+                <span class="star">*</span>
+                <span>不通过原因</span>
+              </div>
+            </div>
+            <select id="mySelect" class="mySelect" v-model="other">
+              <option value="缺失凭证照片">缺失凭证照片</option>
+              <option value="申请金额与凭证不一致">申请金额与凭证不一致</option>
+              <option value="非正常产生路桥费">非正常产生路桥费</option>
+              <option value="其他">其他</option>
+            </select>
+          </div>
+          <div v-show="other == '其他'">
+            <div>其他原因</div>
+            <textarea v-model="otherReason" class="multipleTxt" placeholder="描述"></textarea>
           </div>
         </div>
-        <div class="itemWrap"  v-if="states == 3 || states == 4">
-         <div>
-           <div>
-             <span class="star">*</span>
-             <span>不通过原因</span>
-           </div>
+      </template>
+      <template v-else>
+       <div class="aduit" style="line-height: 20px">
+         <div  class="itemWrap" >
+           <div> {{ detailInfo.state.code == 4 ? '二次审核结果' : '审核结果'}}</div>
+           <div class="gary">{{detailInfo.state.label}}
+         </div>
+         </div>
+         <div class="itemWrap"  v-if="detailInfo.state.code == 3 || detailInfo.state.code == 4">
+           <div>不通过原因 </div>
+           <div class="gary">{{detailInfo.auditRemark.includes('/') ? detailInfo.auditRemark.substring(0,2) : detailInfo.auditRemark}}</div>
+         </div>
+         <div class="itemWrap" v-show="detailInfo.auditRemark.substring(0,2) == '其他'">
+           <div>其他原因</div>
+           <div class="gary" style="flex: 1;width: 75%;text-align: end">{{detailInfo.auditRemark}}</div>
          </div>
-          <select id="mySelect" class="mySelect" v-model="other">
-<!--            <option value="" disabled selected hidden>请选择</option>-->
-            <option value="缺失凭证照片">缺失凭证照片</option>
-            <option value="申请金额与凭证不一致">申请金额与凭证不一致</option>
-            <option value="非正常产生路桥费">非正常产生路桥费</option>
-            <option value="其他">其他</option>
-          </select>
        </div>
-        <div v-show="other == '其他'">
-          <div>其他原因</div>
-          <textarea v-model="otherReason" class="multipleTxt" placeholder="描述"></textarea>
-        </div>
-     </div>
-      <div class="submitBtn" @click="noMultipleClicks(submitHandle)">提交</div>
+     </template>
+     <div  v-if="detailInfo.state.code == 1" class="submitBtn" @click="noMultipleClicks(submitHandle)">提交</div>
    </div>
   </div>
 
@@ -160,7 +178,7 @@ export default {
   },
   created() {
     this.id = this.$route.params.id;
-    // this.id=27
+    // this.id=29
     this.activeIndex=this.$route.params.index;
     this.batchCode=this.$route.params.batchCode
     console.log(" this.batchCode", this.batchCode,this.activeIndex)
@@ -276,7 +294,7 @@ export default {
         return
       }
       if(this.other == '其他'  && !this.otherReason){
-        this.$toast('审核不通过原因是其他时审核原因必填')
+        this.$toast('审核不通过原因为其他时审核原因必填')
         return
       }
       let res=''
@@ -291,8 +309,9 @@ export default {
       }
       if(res.code == 200){
         this.$toast("提交成功")
+        console.log("$$$$$$$$$",this.state)
         setTimeout(()=>{
-          this.goPrePage()
+          // this.goPrePage()
         },1500)
       }else{
         this.$toast(res.msg)
@@ -364,6 +383,14 @@ export default {
   border-width: 6px 6px 0 6px;
   border-color: #000 transparent transparent transparent;
 }
+//.mySelect {
+//  transform: scaleY(-1);
+//  transform-origin: center top;
+//}
+//
+//option {
+//  transform: scaleY(-1);
+//}
 .navBar{
   margin-bottom: 46px;
 }
@@ -488,6 +515,9 @@ export default {
     .itemWrap{
       display: flex;
       justify-content: space-between;
+      .gary{
+        opacity: 0.5;
+      }
     }
     .star{
       color:  #FF0808;

src/views/caseList/caseList.vue

@@ -20,7 +20,7 @@
     </div>
     <van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh" v-show="!show">
       <div class="listWrap">
-        <div class="listItem" v-for="(item,index) in pageList" :key="index" @click="goPageDetail(item.batchCode)">
+        <div class="listItem" v-for="(item,index) in pageList" :key="index" @click="noMultipleClicks(goPageDetail,item.batchCode)">
           <div class="line1">
             <div><span>审核批次:</span><span>{{item.batchCode}}</span></div>
             <div class="viewBtn">查看</div>
@@ -54,6 +54,7 @@ export default {
       pageNum:1,
       pageSize:10,
       isLoading:"",
+      noClick:true
     }
   },
    async mounted() {
@@ -106,6 +107,7 @@ export default {
         name: 'caseAuditList',  // 目标路由的名称
         params: {
           id: id,                  // 参数对象的属性
+          type: this.activeIndex+1
         }
       });
     },