GFRS-2618【前端】修改前端bug --提交人：张齐

src/views/ebiz/allowance/Detail.vue

@@ -1,147 +1,165 @@
 <template>
-  <div :class="['orderDetail-container', 'bg-white', type == '1'? 'pb50' : 'pb30']">
-    <van-collapse v-model="activeNames">
+  <div class='orderDetail-container bg-white'>
+    <van-collapse v-model='activeNames'>
       <!-- 基本信息 开始 -->
-      <van-collapse-item class="main-title" name="baseInfo">
-        <template slot="title">
+      <van-collapse-item class='main-title' name='baseInfo'>
+        <template slot='title'>
           <span>基本信息</span>
         </template>
-        <van-cell title="申请人工号" :value="allowanceApplyDTO.agentCode" :border="border" />
-        <van-cell title="申请人姓名" :value="allowanceApplyDTO.name" :border="border" />
-        <van-cell title="申请人证件类型" :value="allowanceApplyDTO.idType | idToText('idType')" :border="border" />
-        <van-cell title="申请人证件号码" :value="allowanceApplyDTO.idNo" :border="border" />
-        <van-cell title="享受人姓名" :value="allowanceEnjoyDTO.name" :border="border" />
+        <van-cell title='申请人工号' :value='allowanceApplyDTO.agentCode' :border='border' />
+        <van-cell title='申请人姓名' :value='allowanceApplyDTO.name' :border='border' />
+        <van-cell title='申请人证件类型' :value="allowanceApplyDTO.idType | idToText('idType')" :border='border' />
+        <van-cell title='申请人证件号码' :value='allowanceApplyDTO.idNo' :border='border' />
+        <van-cell title='享受人姓名' :value='allowanceEnjoyDTO.name' :border='border' />
         <select-radio
-          :required="false"
-          :disabled="true"
-          :color="colorButton"
-          :type="typeButton"
-          :radios="relationshipArr"
-          label="享受人角色"
-          name="享受人角色"
-          :value.sync="allowanceEnjoyDTO.relationship"
+          :required='false'
+          :disabled='true'
+          :color='colorButton'
+          :type='typeButton'
+          :radios='relationshipArr'
+          label='享受人角色'
+          name='享受人角色'
+          :value.sync='allowanceEnjoyDTO.relationship'
         ></select-radio>
-        <van-cell title="享受人证件类型" :value="allowanceEnjoyDTO.idType | idToText('idType')" :border="border" />
-        <van-cell title="享受人证件号码" :value="allowanceEnjoyDTO.idNo" :border="border" />
+        <van-cell title='享受人证件类型' :value="allowanceEnjoyDTO.idType | idToText('idType')" :border='border' />
+        <van-cell title='享受人证件号码' :value='allowanceEnjoyDTO.idNo' :border='border' />
         <select-radio
-          :required="false"
-          :disabled="true"
-          :color="colorButton"
-          :type="typeButton"
-          :radios="sexRadio"
-          label="性别"
-          name="性别"
-          :value.sync="allowanceEnjoyDTO.sex"
+          :required='false'
+          :disabled='true'
+          :color='colorButton'
+          :type='typeButton'
+          :radios='sexRadio'
+          label='性别'
+          name='性别'
+          :value.sync='allowanceEnjoyDTO.sex'
         ></select-radio>
-        <van-cell title="出生日期" :value="allowanceEnjoyDTO.birthday" :border="border" />
+        <van-cell title='出生日期' :value='allowanceEnjoyDTO.birthday' :border='border' />
       </van-collapse-item>
       <!-- 基本信息 结束 -->
       <!-- 账户信息 开始 -->
-      <van-collapse-item title="账户信息" class="main-title" name="accountInfo">
-        <van-cell title="开户银行省市" :value="areaStr" :border="border" />
-        <van-cell title="开户银行" :value="allowanceBankDTO.bankName" :border="border" />
-        <van-cell title="银行卡号" :value="allowanceBankDTO.bankCardNo" :border="border" />
-        <van-cell title="手机号码" :value="allowanceBankDTO.mobile" :border="border" />
+      <van-collapse-item title='账户信息' class='main-title' name='accountInfo'>
+        <van-cell title='开户银行省市' :value='areaStr' :border='border' />
+        <van-cell title='开户银行' :value='allowanceBankDTO.bankName' :border='border' />
+        <van-cell title='银行卡号' :value='allowanceBankDTO.bankCardNo' :border='border' />
+        <van-cell title='手机号码' :value='allowanceBankDTO.mobile' :border='border' />
       </van-collapse-item>
       <!-- 账户信息 结束 -->
       <!-- 影像资料 开始 -->
       <!-- imageInfoType 1-居民身份证正面 2-居民身份证反面 3-银行卡正面 5-户口本正面 6-户口本反面 7-出生证正面 12-出生证反面
-       8-护照面 9-港澳居民来往内地通行证正面 13-港澳居民来往内地通行证反面 10-台湾居民来往大陆通行证正面 14-台湾居民来往大陆通行证反面 
+       8-护照面 9-港澳居民来往内地通行证正面 13-港澳居民来往内地通行证反面 10-台湾居民来往大陆通行证正面 14-台湾居民来往大陆通行证反面
        15-外国人永久居留身份证正面 16-外国人永久居留身份证反面 17-港澳台居民居住证正面 18-港澳台居民居住证反面
       24-健康告知异常类资料 25-申请人执业证  26-享受人无银行卡证明 27-关系证明-->
       <!-- subBusinessType 0-申请人 1-享受人-->
-      <van-collapse-item class="main-title bg-white" title="影像资料" name="MediaInfo">
-        <div v-for="(item, i) in mediaDTOSList" :key="i">
+      <van-collapse-item class='main-title bg-white' title='影像资料' name='MediaInfo'>
+        <div v-for='(item, i) in mediaDTOSList' :key='i'>
           <template v-if="item.subBusinessType == '0'">
-            <div class="fs16 m-img">
-              <p class="pv14">申请人{{ item.imageInfoType | idToText('imageInfoType') }}</p>
-              <img class="mt10" @click="prevImg(imgUrl + item.rgssUrl)" :src="imgUrl + item.rgssUrl" alt="" />
+            <div class='fs16 m-img'>
+              <p class='pv14'>申请人{{ item.imageInfoType | idToText('imageInfoType') }}</p>
+              <img class='mt10' @click='prevImg(imgUrl + item.rgssUrl)' :src='imgUrl + item.rgssUrl' alt='' />
             </div>
           </template>
         </div>
-        <div v-for="(item, i) in mediaUploadDTOLst" :key="'info'+i">
+        <div v-for='(item, i) in mediaUploadDTOLst' :key="'info'+i">
           <template v-if="item.imageInfoType == '25'">
-            <div class="fs16 m-img">
-              <p class="pv14">申请人执业证</p>
-              <img class="mt10" @click="prevImg(imgUrl + item.rgssUrl)" :src="imgUrl + item.rgssUrl" alt="" />
+            <div class='fs16 m-img'>
+              <p class='pv14'>申请人执业证</p>
+              <img class='mt10' @click='prevImg(imgUrl + item.rgssUrl)' :src='imgUrl + item.rgssUrl' alt='' />
             </div>
           </template>
         </div>
-        <div v-for="(item, i) in mediaDTOSList" :key="'info1'+i">
+        <div v-for='(item, i) in mediaDTOSList' :key="'info1'+i">
           <template v-if="item.subBusinessType == '1'">
-            <div class="fs16 m-img">
-              <p class="pv14">享受人{{ item.imageInfoType | idToText('imageInfoType') }}</p>
-              <img class="mt10" @click="prevImg(imgUrl + item.rgssUrl)" :src="imgUrl + item.rgssUrl" alt="" />
+            <div class='fs16 m-img'>
+              <p class='pv14'>享受人{{ item.imageInfoType | idToText('imageInfoType') }}</p>
+              <img class='mt10' @click='prevImg(imgUrl + item.rgssUrl)' :src='imgUrl + item.rgssUrl' alt='' />
             </div>
           </template>
         </div>
 
-        <div v-for="(item, i) in mediaUploadDTOLst" :key="'info2'+i">
-          <div class="fs16 m-img" v-if="item.imageInfoType == 3">
-            <p class="pv14">银行卡正面</p>
-            <img class="mt10" @click="prevImg(imgUrl + item.rgssUrl)" :src="imgUrl + item.rgssUrl" alt="" />
+        <div v-for='(item, i) in mediaUploadDTOLst' :key="'info2'+i">
+          <div class='fs16 m-img' v-if='item.imageInfoType == 3'>
+            <p class='pv14'>银行卡正面</p>
+            <img class='mt10' @click='prevImg(imgUrl + item.rgssUrl)' :src='imgUrl + item.rgssUrl' alt='' />
           </div>
         </div>
 
-        <div v-if="mediaDTOSOther.length">
-          <p class="pv14 fs16 pl20 pt20">关系证明</p>
-          <p class="red fs10 pl20 pr20">温馨提示：申请人和享受人在同一户口本上需上传户主页、享受人页及本人页；如不在同一户口本上，请上传公安局或居委会开具的关系证明。</p>
-          <div v-for="(item, i) in mediaDTOSOther" :key="'info3'+i" @click="prevImgList(i)" class="fs16 m-img inline-b">
-            <img class="mt10" :src="imgUrl + item.rgssUrl" alt="" />
+        <div v-if='mediaDTOSOther.length'>
+          <p class='pv14 fs16 pl20 pt20'>关系证明</p>
+          <p class='red fs10 pl20 pr20'>温馨提示：申请人和享受人在同一户口本上需上传户主页、享受人页及本人页；如不在同一户口本上，请上传公安局或居委会开具的关系证明。</p>
+          <div v-for='(item, i) in mediaDTOSOther' :key="'info3'+i" @click='prevImgList(i)' class='fs16 m-img inline-b'>
+            <img class='mt10' :src='imgUrl + item.rgssUrl' alt='' />
           </div>
         </div>
-        <div v-if="mediaDTOSNoBank.length">
-          <p class="pv14 fs16 pl20 pt20">享受人无银行卡/手机号证明</p>
-          <div v-for="(item, i) in mediaDTOSNoBank" :key="'info4'+i" class="fs16 m-img">
-            <img class="mt10" @click="prevImg(imgUrl + item.rgssUrl)" :src="imgUrl + item.rgssUrl" alt="" />
+        <div v-if='mediaDTOSNoBank.length'>
+          <p class='pv14 fs16 pl20 pt20'>享受人无银行卡/手机号证明</p>
+          <div v-for='(item, i) in mediaDTOSNoBank' :key="'info4'+i" class='fs16 m-img'>
+            <img class='mt10' @click='prevImg(imgUrl + item.rgssUrl)' :src='imgUrl + item.rgssUrl' alt='' />
           </div>
         </div>
       </van-collapse-item>
       <!-- 影像信息 结束 -->
       <!-- 签名信息 开始 -->
-      <van-collapse-item class="main-title bg-white pt20" name="signInfo">
-        <template slot="title">
+      <van-collapse-item class='main-title bg-white' name='signInfo'>
+        <template slot='title'>
           <span>签名信息</span>
         </template>
-        <div class="ml15" v-for="(item, i) in allowanceSignDTOLst" :key="'info5'+i">
-          <span v-if="item.type == 1">申请人签名</span>
-          <span v-else-if="item.type == 2">享受人签名</span>
-          <img class="w60 h40 ml15 v-middle" :src="imgUrl + item.signPath.replace(/\+/g, '%2B')" alt="" />
+        <div class='pb30'>
+          <div class='ml15' v-for='(item, i) in allowanceSignDTOLst' :key="'info5'+i">
+            <span v-if='item.type == 1'>申请人签名</span>
+            <span v-else-if='item.type == 2'>享受人签名</span>
+            <img class='w60 h40 ml15 v-middle' :src="imgUrl + item.signPath.replace(/\+/g, '%2B')" alt='' />
+          </div>
         </div>
       </van-collapse-item>
       <!-- 签名信息 结束 -->
       <!-- 审批结论 开始 -->
-      <van-collapse-item class="main-title bg-white" name="resultInfo" v-if="type == '1'||type == '2'">
-        <template slot="title">
+      <van-collapse-item class='main-title bg-white' name='resultInfo' v-if="type == '1'||type == '2'">
+        <template slot='title'>
           <span>审批结论</span>
         </template>
-        <div class="ml15 mt20 mb10">
-          <van-radio-group v-model="approveResult" :disabled="type == '2'">
-            <van-radio class="mb10" name="1" checked-color="#2E4591">通过</van-radio>
-            <van-radio name="0" checked-color="#2E4591">驳回</van-radio>
-          </van-radio-group>
+        <div class='pb50'>
+          <div class='ml15 mt20 mb10'>
+            <van-radio-group v-model='approveResult' :disabled="type == '2'">
+              <van-radio class='mb10' name='1' checked-color='#2E4591'>通过</van-radio>
+              <van-radio name='0' checked-color='#2E4591'>驳回</van-radio>
+            </van-radio-group>
+          </div>
+          <van-field
+            class='m-textarea'
+            v-if="approveResult == '0'"
+            v-model='approveMsg'
+            rows='2'
+            :disabled="type == '2'"
+            autosize
+            label=''
+            type='textarea'
+            maxlength='200'
+            placeholder='请输入留言'
+            show-word-limit
+          />
         </div>
-        <van-field
-          class="m-textarea"
-          v-if="approveResult == '0'"
-          v-model="approveMsg"
-          rows="2"
-          :disabled="type == '2'"
-          autosize
-          label=""
-          type="textarea"
-          maxlength="200"
-          placeholder="请输入留言"
-          show-word-limit
-        />
       </van-collapse-item>
       <!-- 审批结论 结束 -->
     </van-collapse>
-    <van-button v-if="type == '1'" type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">提交审批</van-button>
+    <van-button v-if="type == '1'" type='danger' class='bottom-btn' @click='nextStep' v-no-more-click='1000'>提交审批
+    </van-button>
   </div>
 </template>
 <script>
-import { Toast, CellGroup, Field, Dialog, Collapse, CollapseItem, Cell, Popup, Divider, RadioGroup, Radio,ImagePreview  } from 'vant'
+import {
+  Toast,
+  CellGroup,
+  Field,
+  Dialog,
+  Collapse,
+  CollapseItem,
+  Cell,
+  Popup,
+  Divider,
+  RadioGroup,
+  Radio,
+  ImagePreview
+} from 'vant'
 import { getAllowanceDetail, updateApprove } from '@/api/ebiz/allowance/allowance'
 import areaList from '@/assets/js/utils/area'
 import filter from '@/filters/index'
@@ -186,7 +204,7 @@ export default {
       allowanceBankDTO: {},
       allowanceSignDTOLst: [],
       approveNodeDTO: {},  //审批相关信息
-      activeNames: ['baseInfo', 'accountInfo', 'MediaInfo', 'signInfo','resultInfo'],
+      activeNames: ['baseInfo', 'accountInfo', 'MediaInfo', 'signInfo', 'resultInfo'],
       sexRadio: [
         {
           label: '男',
@@ -222,7 +240,8 @@ export default {
   created() {
     this.getAllowanceDetail() // 获取订单详情
   },
-  mounted() {},
+  mounted() {
+  },
   methods: {
     // 关系证明分组图片放大
     prevImgList(i) {
@@ -248,8 +267,10 @@ export default {
           this.mediaUploadDTOLst = allowanceDTO.mediaUploadDTOLst
           this.allowanceBankDTO = allowanceDTO.allowanceBankDTO //银行卡相关信息
           this.allowanceSignDTOLst = allowanceDTO.allowanceSignDTOLst //签字相关信息
-          this.approveResult = allowanceDTO.approveNodeDTO.approveResult ='1', //审批结果 (0-审批拒绝,1-审批通过)
-          this.approveMsg = allowanceDTO.approveNodeDTO.approveMsg, //审批信息
+          if (allowanceDTO.approveNodeDTO) {
+            this.approveResult = allowanceDTO.approveNodeDTO.approveResult//审批结果 (0-审批拒绝,1-审批通过)
+            this.approveMsg = allowanceDTO.approveNodeDTO.approveMsg //审批信息
+          }
           this.showbackBankAddressStr(this.allowanceBankDTO.bankProvinceCode, this.allowanceBankDTO.bankAreaCode) // provinceCode, cityCode查询省市，数据反显
           //处理影像中的关系证明
           if (this.mediaUploadDTOLst != null) {
@@ -263,7 +284,7 @@ export default {
                 this.mediaDTOSNoBank.push(item)
               }
               // 26 享受人无银行卡证明 27 关系证明 3 银行卡正面 25 执业证
-              if(item.imageInfoType != '26' && item.imageInfoType != '27' && item.imageInfoType != '3' && item.imageInfoType != '25'){
+              if (item.imageInfoType != '26' && item.imageInfoType != '27' && item.imageInfoType != '3' && item.imageInfoType != '25') {
                 this.mediaDTOSList.push(item)
               }
             })
@@ -275,7 +296,7 @@ export default {
     },
     // provinceCode, cityCode查询省市，数据反显
     showbackBankAddressStr(provinceCode, cityCode) {
-      console.log(provinceCode,cityCode,'dfasdf')
+      console.log(provinceCode, cityCode, 'dfasdf')
       let provinces = areaList.province_list
       let cities = areaList.city_list
       this.areaStr = `${provinces[provinceCode]}-${cities[cityCode]}`
@@ -287,7 +308,11 @@ export default {
           return false
         }
       }
-      updateApprove({ allowanceNo: this.allowanceNo, approveResult: this.approveResult, approveMsg: this.approveMsg }).then((res) => {
+      updateApprove({
+        allowanceNo: this.allowanceNo,
+        approveResult: this.approveResult,
+        approveMsg: this.approveMsg
+      }).then((res) => {
         if (res.result == '0') {
           //   this.$toast('审批提交成功！')
           Toast({
@@ -314,13 +339,13 @@ export default {
   }
 }
 </script>
-<style lang="scss">
+<style lang='scss'>
 #app .van-radio__icon--checked .van-icon {
   border-color: #2e4591 !important;
   background-color: #2e4591 !important;
 }
 </style>
-<style lang="scss" scoped>
+<style lang='scss' scoped>
 #app .van-button--danger {
   background: #2e4591;
   border: 1px solid #2e4591;
@@ -329,34 +354,38 @@ export default {
 .orderDetail-container {
   .m-img {
     margin: 10px 0 0 25px;
+
     img {
       width: 150px;
       height: 85px;
       display: inline-block;
     }
   }
-  /deep/.van-collapse-item__content {
+
+  /deep/ .van-collapse-item__content {
     padding: 0;
   }
 
-  /deep/.main-title > .van-collapse-item__title {
+  /deep/ .main-title > .van-collapse-item__title {
     background-color: #f7f7f7;
     color: #2e4591;
     font-weight: bold;
   }
 
-  /deep/.sex-radio .radio-area {
+  /deep/ .sex-radio .radio-area {
     margin-left: 15px;
   }
-  /deep/.van-cell.m-textarea .van-field__label {
+
+  /deep/ .van-cell.m-textarea .van-field__label {
     width: 0;
   }
-  /deep/.van-cell .van-cell__value--alone {
+
+  /deep/ .van-cell .van-cell__value--alone {
     border: 1px solid #eee;
     padding: 5px;
   }
 
-  /deep/.van-cell .van-cell__value {
+  /deep/ .van-cell .van-cell__value {
     -webkit-box-flex: 2;
     -webkit-flex: 2;
     flex: 2;

src/views/ebiz/allowance/application/List.vue

@@ -1,65 +1,86 @@
 <template>
-  <div class="sale-list-container pb50">
+  <div class='sale-list-container pb50'>
     <van-sticky>
-      <van-tabs :line-width="45" v-model="active" @change="tabChange" sticky>
-        <van-tab name="uncommit" title="未提交"></van-tab>
-        <van-tab name="commit" title="审批中"></van-tab>
-        <van-tab name="pass" title="审批通过"></van-tab>
+      <van-tabs :line-width='45' v-model='active' @change='tabChange' sticky>
+        <van-tab name='uncommit' title='未提交'></van-tab>
+        <van-tab name='commit' title='审批中'></van-tab>
+        <van-tab name='pass' title='审批通过'></van-tab>
       </van-tabs>
     </van-sticky>
-    <div v-if="isSuccess">
-      <div v-if="saleList.length > 0">
-        <div v-for="(order, index) in saleList" :key="index">
-          <div class="bg-white m15 pv15 pr15 pl10">
-            <div class="flex justify-content-s align-items-c">
+    <div v-if='isSuccess'>
+      <div v-if='saleList.length > 0'>
+        <div v-for='(order, index) in saleList' :key='index'>
+          <div class='bg-white m15 pv15 pr15 pl10'>
+            <div class='flex justify-content-s align-items-c'>
               <div>
-                <div class="w70 inline-b">
-                  <van-tag plain color="#2e4591">申请人</van-tag>
+                <div class='w70 inline-b'>
+                  <van-tag plain color='#2e4591'>申请人</van-tag>
                 </div>
-                <span class="fs15 c-gray-dark">{{ order.name }}</span>
+                <span class='fs15 c-gray-dark'>{{ order.name }}</span>
               </div>
             </div>
 
-            <div class="mv15">
-              <div class="w70 inline-b">
+            <div class='mv15'>
+              <div class='w70 inline-b'>
                 <van-tag
                   plain
-                  color="#2e4591
-                    "
-                  >申请时间</van-tag
+                  color='#2e4591
+                    '
+                >申请时间
+                </van-tag
                 >
               </div>
-              <span class="fs15 c-gray-dark">{{ order.createdDate }}</span>
+              <span class='fs15 c-gray-dark'>{{ order.createdDate }}</span>
             </div>
 
-            <div class="text-right mt15">
-              <van-button v-if="active == 'uncommit'" round @click="isConditionsFunc(1, order)" size="small" class="mr5" type="danger" v-no-more-click="1000"
-                >编辑</van-button
+            <div class='text-right mt15'>
+              <van-button v-if="active == 'uncommit'" round @click='isConditionsFunc(1, order)' size='small' class='mr5'
+                          type='danger' v-no-more-click='1000'
+              >编辑
+              </van-button
               >
-              <van-button v-if="active == 'uncommit'" plain round @click.stop="del(order, index)" size="small" class="mr5" type="danger" v-no-more-click="1000"
-                >删除</van-button
+              <van-button v-if="active == 'uncommit'" plain round @click.stop='del(order, index)' size='small'
+                          class='mr5' type='danger' v-no-more-click='1000'
+              >删除
+              </van-button
               >
-              <van-button @click="revokeOrder(order)" v-if="active == 'commit'" plain size="small" class="mr5" type="danger" round>撤销</van-button>
-              <van-button @click="seeDetail(order)" v-if="active == 'commit'" size="small" type="danger" round class="mr5">查看详情</van-button>
-              <van-button @click="seeProcess(order)" v-if="active == 'commit'" size="small" type="danger" round>查看审批流程</van-button>
-              <van-button @click="isConditionsFunc(2, order)" v-if="active == 'pass'" size="small" class="mr5" type="danger" round>再次申请</van-button>
-              <van-button plain @click="seeProcess(order)" v-if="active == 'pass'" size="small" type="danger" round>查看审批流程</van-button>
+              <van-button @click='revokeOrder(order)' v-if="active == 'commit'" plain size='small' class='mr5'
+                          type='danger' round>撤销
+              </van-button>
+              <van-button @click='seeDetail(order)' v-if="active == 'commit'" size='small' type='danger' round
+                          class='mr5'>查看详情
+              </van-button>
+              <van-button @click='seeProcess(order)' v-if="active == 'commit'" size='small' type='danger' round>查看审批流程
+              </van-button>
+              <van-button @click='isConditionsFunc(2, order)' v-if="active == 'pass'" size='small' class='mr5'
+                          type='danger' round>再次申请
+              </van-button>
+              <van-button plain @click='seeProcess(order)' v-if="active == 'pass'" size='small' type='danger' round>
+                查看审批流程
+              </van-button>
             </div>
           </div>
         </div>
       </div>
-      <div v-else class="text-center">
-        <img class="mt40 w100 h100" src="@/assets/images/allowance/no_data.png" />
-        <div class="fs17 mt40 gray">暂无申请记录</div>
+      <div v-else class='text-center'>
+        <img class='mt40 w100 h100' src='@/assets/images/allowance/no_data.png' />
+        <div class='fs17 mt40 gray'>暂无申请记录</div>
       </div>
     </div>
-    <van-button type="danger" class="bottom-btn ffcb6b" @click="isConditionsFunc(0)" v-no-more-click="1000">点击申请</van-button>
+    <van-button type='danger' class='bottom-btn ffcb6b' @click='isConditionsFunc(0)' v-no-more-click='1000'>点击申请
+    </van-button>
   </div>
 </template>
 
 <script>
 import { Search, Tabs, Tab, List, Tag, Sticky, Toast, Dialog, Field } from 'vant'
-import { getAllowanceLst, revokerApprove, myDataremind, allowanceCheck, delAllowance } from '@/api/ebiz/allowance/allowance'
+import {
+  getAllowanceLst,
+  revokerApprove,
+  myDataremind,
+  allowanceCheck,
+  delAllowance
+} from '@/api/ebiz/allowance/allowance'
 
 export default {
   name: 'applicationList',
@@ -89,15 +110,15 @@ export default {
         intercept: '1' //是否拦截原生返回事件 1是 其他否
       })
     }, 100)
-      // 右上角的显示
-      window.EWebBridge.webCallAppInJs('webview_right_button', {
-        btns: [
-          {
-            title: '我的资料',
-            title_color: "2e4591"
-          }
-        ]
-      })
+    // 右上角的显示
+    window.EWebBridge.webCallAppInJs('webview_right_button', {
+      btns: [
+        {
+          title: '我的资料',
+          title_color: '2e4591'
+        }
+      ]
+    })
     window.appCallBack = this.appCallBack
     this.getList()
     this.remindFunc()
@@ -201,13 +222,22 @@ export default {
         .then(() => {
           delAllowance({ allowanceNo: order.allowanceNo }).then((res) => {
             if (res.result == 0) {
-              this.getList()
+              Toast({
+                type: 'success',
+                duration: 3000, // 持续展示 toast
+                forbidClick: true,
+                message: '已成功删除申请！'
+              })
+              setTimeout(() => {
+                this.getList()
+              }, 3000)
             } else {
               Toast.fail(res.resultMessage)
             }
           })
         })
-        .catch(() => {})
+        .catch(() => {
+        })
     },
     //撤销
     revokeOrder(order) {
@@ -362,20 +392,23 @@ export default {
   }
 }
 </script>
-<style lang="scss" scoped>
+<style lang='scss' scoped>
 #app .van-button--danger {
   background: #2e4591;
   border: 1px solid #2e4591;
 }
+
 #app .van-button--plain.van-button--danger,
 #app .van-tag--plain.van-tag--danger {
   color: #2e4591;
   background: transparent;
 }
+
 /deep/ .van-tabs__line,
 #app .van-tag--danger {
   background-color: #2e4591 !important;
 }
+
 /deep/ .dialog-delete .van-dialog__header {
   padding: 0.5em;
   margin-bottom: 0;
@@ -396,6 +429,7 @@ export default {
   background: #fff !important;
   border-radius: 10px;
 }
+
 .van-search {
   background: none !important;
 }