task#11265,不通过原因下拉框样式更改

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;
       }