From 9ad6b2834223893a437ba15de59db2c584117d07 Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Fri, 23 Feb 2024 16:23:15 +0800
Subject: [PATCH] =?UTF-8?q?task#11265,=E4=B8=8D=E9=80=9A=E8=BF=87=E5=8E=9F?=
 =?UTF-8?q?=E5=9B=A0=E4=B8=8B=E6=8B=89=E6=A1=86=E6=A0=B7=E5=BC=8F=E6=9B=B4?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/caseList/caseDetail.vue | 57 ++++++++++++++-----------------
 1 file changed, 25 insertions(+), 32 deletions(-)

diff --git a/src/views/caseList/caseDetail.vue b/src/views/caseList/caseDetail.vue
index ae632b83..dd161047 100644
--- a/src/views/caseList/caseDetail.vue
+++ b/src/views/caseList/caseDetail.vue
@@ -112,12 +112,15 @@
                 <span>不通过原因</span>
               </div>
             </div>
-            <select id="mySelect" class="mySelect" v-model="other">
+            <van-dropdown-menu active-color="#354683" direction="up">
+              <van-dropdown-item v-model="other" :options="option"  @change="changeOption"/>
+            </van-dropdown-menu>
+<!--            <select id="mySelect" class="mySelect" v-model="other">
               <option value="缺失凭证照片">缺失凭证照片</option>
               <option value="申请金额与凭证不一致">申请金额与凭证不一致</option>
               <option value="非正常产生路桥费">非正常产生路桥费</option>
               <option value="其他">其他</option>
-            </select>
+            </select>-->
           </div>
           <div v-show="other == '其他'">
             <div>其他原因</div>
@@ -174,6 +177,13 @@ export default {
       bcPath:[],
       activeIndex:'',
       batchCode:'',
+      option: [
+        { text: '缺失凭证照片', value: '缺失凭证照片' },
+        { text: '申请金额与凭证不一致', value: '申请金额与凭证不一致' },
+        { text: '非正常产生路桥费', value: '非正常产生路桥费' },
+        { text: '其他', value: '其他' },
+
+      ],
     }
   },
   created() {
@@ -188,14 +198,11 @@ 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:{
+    changeOption(){
+      console.log("99999",this.other)
+    },
     goPrePage(){
       this.$router.push({
         name: 'caseAuditList',  // 目标路由的名称
@@ -309,9 +316,8 @@ export default {
       }
       if(res.code == 200){
         this.$toast("提交成功")
-        console.log("$$$$$$$$$",this.state)
         setTimeout(()=>{
-          // this.goPrePage()
+          this.goPrePage()
         },1500)
       }else{
         this.$toast(res.msg)
@@ -319,15 +325,6 @@ export default {
     },
     isUse(e){
       this.state=e
-      // if(this.states == 1){
-      //   this.state=2
-      // }else if(this.states == 2){
-      //   if(this.detailInfo.secondAudit){
-      //     this.state=4
-      //   }else{
-      //     this.state=3
-      //   }
-      // }
     },
     async getOrderDetail(){
       let res=await reimburseOrderDetail({
@@ -356,16 +353,20 @@ export default {
   @include wh(100%,100%);
   box-sizing: border-box;
 }
-.mySelect{
+::v-deep .van-dropdown-menu__bar {
+  background-color: #FFFFFF !important; /* 去掉边框 */
+  box-shadow: none !important; /* 去掉阴影（如果有的话）*/
+}
+/*.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; /* 将下拉列表的文本右对齐 */
+  text-align: right; !* 将下拉列表的文本右对齐 *!
 }
 .mySelect {
-  -webkit-appearance: none; /* 移除默认的样式 */
+  -webkit-appearance: none; !* 移除默认的样式 *!
   -moz-appearance: none;
   appearance: none;
   position: relative;
@@ -382,15 +383,7 @@ export default {
   border-style: solid;
   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;
 }
@@ -526,7 +519,7 @@ export default {
     .isJoin{
       display: flex;
       position: relative;
-      z-index: 11;
+      z-index: 10;
       .joinWrap, .item{
         @include flexCenter;
       }