task#11214,调度app提交按钮事件优化

src/views/caseList/caseDetail.vue

@@ -74,7 +74,7 @@
           </div>
           <div class="isJoin">
             <van-radio-group v-model="states" @change="isUse"  class="joinWrap">
-              <van-radio :name="1" style="margin-right: 26px" class="item">
+              <van-radio :name="2" style="margin-right: 26px" class="item">
                 通过
                 <img
                     slot="icon"
@@ -83,7 +83,7 @@
                 >
               </van-radio>
               <template v-if="detailInfo.secondAudit">
-                <van-radio  :name="3" style="margin-right: 26px" class="item">报销失败
+                <van-radio  :name="4"  class="item">报销失败
                   <img
                       slot="icon"
                       slot-scope="props"
@@ -92,7 +92,7 @@
                 </van-radio>
               </template>
               <template v-else>
-                <van-radio  :name="2" style="margin-right: 26px" class="item">
+                <van-radio  :name="3"  class="item">
                   不通过
                   <img
                       slot="icon"
@@ -104,15 +104,15 @@
             </van-radio-group>
           </div>
         </div>
-        <div class="itemWrap" v-show="states == 2">
+        <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" >
+          <select id="mySelect" class="mySelect" v-model="other">
-           <option value="" disabled selected hidden>请选择</option>
+<!--            <option value="" disabled selected hidden>请选择</option>-->
             <option value="缺失凭证照片">缺失凭证照片</option>
             <option value="申请金额与凭证不一致">申请金额与凭证不一致</option>
             <option value="非正常产生路桥费">非正常产生路桥费</option>
@@ -156,11 +156,12 @@ export default {
       bcPath:[],
       activeIndex:'',
       batchCode:'',
+      selectedOption:''
     }
   },
   created() {
     this.id = this.$route.params.id;
-    // this.id=27
+    this.id=27
     this.activeIndex=this.$route.params.index;
     this.batchCode=this.$route.params.batchCode
     console.log(" this.batchCode", this.batchCode,this.activeIndex)
@@ -170,6 +171,12 @@ export default {
     this.$nextTick(() => {
       this.initMap();
     });
+   /* const selectElement = document.getElementById('mySelect');
+    selectElement.addEventListener('change', function() {
+      const selectedValue = selectElement.value;
+      this.other=selectedValue
+    });
+    console.log("this.other",this.other)*/
   },
   methods:{
     goPrePage(){
@@ -265,7 +272,7 @@ export default {
           this.$toast('审核结果必选')
           return
       }
-      if(this.states == 1  && !this.other){
+      if(this.states != 2  && !this.other){
         this.$toast('审核不通过原因必填')
         return
       }
@@ -273,29 +280,34 @@ export default {
         this.$toast('审核不通过原因是其他时审核原因必填')
         return
       }
-      let res = await reimburseOrderAudit({
+      let res=''
-          id:this.id,
+      try {
-          state:this.state,
+        res = await reimburseOrderAudit({
-          auditRemark:this.other=='其他' ? this.other+ '/' + this.otherReason : this.other,
+          id: this.id,
+          state: this.state,
+          auditRemark: this.other == '其他' ? this.other + '/' + this.otherReason : this.other,
         })
+      } catch (e) {
+        // this.$toast(e.error)
+      }
       if(res.code == 200){
         this.$toast("提交成功")
+        this.goPrePage()
       }else{
         this.$toast(res.msg)
       }
     },
     isUse(e){
-      console.log("eeee",e)
+      this.state=e
-      this.states=e
+      // if(this.states == 1){
-      if(this.states == 1){
+      //   this.state=2
-        this.state=2
+      // }else if(this.states == 2){
-      }else if(this.states == 2){
+      //   if(this.detailInfo.secondAudit){
-        if(this.detailInfo.secondAudit){
+      //     this.state=4
-          this.state=4
+      //   }else{
-        }else{
+      //     this.state=3
-          this.state=3
+      //   }
-        }
+      // }
-      }
     },
     async getOrderDetail(){
       let res=await reimburseOrderDetail({
@@ -324,6 +336,44 @@ export default {
   @include wh(100%,100%);
   box-sizing: border-box;
 }
+.mySelect{
+  @include fontWeightSize(bold,13px);
+  color: #323643;
+  appearance: none;
+  padding-right: 16px;
+  background: url('@/assets/arrow_bot.png') no-repeat right center / 15px 14px;
+  text-align: right; /* 将下拉列表的文本右对齐 */
+}
+.itemContent{
+  @include flexColBet;
+  line-height: 56px;
+  box-sizing: border-box;
+  padding-right: 25px;
+  .titleType{
+    @include fontWeightSize(bold,14px);
+    color: #323643;
+  }
+  .isJoin{
+    display: flex;
+    .joinWrap, .item{
+      @include flexCenter;
+    }
+    img{
+      @include widHeiMar(16px,16px,6px)
+    }
+  }
+  .startImg{
+    @include widHeiMar(6px,6px,3px);
+    vertical-align: super;
+  }
+  input{
+    border: none;
+    text-align: right;
+    @include fontWeightSize(bold,13px);
+    opacity: .5;
+  }
+
+}
 .navBar{
   margin-bottom: 46px;
 }
@@ -453,6 +503,17 @@ export default {
       color:  #FF0808;
       @include fontWeightSize(bold,13px);
     }
+    .isJoin{
+      display: flex;
+      position: relative;
+      z-index: 11;
+      .joinWrap, .item{
+        @include flexCenter;
+      }
+      img{
+        @include widHeiMar(16px,16px,6px)
+      }
+    }
     .multipleTxt{
       @include wh(100%,87px);
       background: #FAFAFA;
@@ -465,6 +526,7 @@ export default {
       content: '该案件为二次提交，审核不通过后司机无法再次申请报销。';
       color: red;
       position: absolute;
+      z-index: 1;
       line-height: 70px;
       font-size: 10px;
     }
@@ -511,15 +573,6 @@ export default {
   color: #9C9C9C;
   font-weight: 600;
 }
-.isJoin{
-  display: flex;
-  .joinWrap, .item{
-    @include flexCenter;
-  }
-  img{
-    @include widHeiMar(16px,16px,6px)
-  }
-}
 ::v-deep .amap-copyright{
   display: none !important;
 }