新增撤销按钮

pages/assets/records.vue

@@ -10,35 +10,47 @@
 		    </view>
 		  </template>
 		</v-header>
+		<van-empty style="background-color: #fff;" v-if="!list.length" :description="$t('contract.d0')"/>
 		<view class="layout-main">
 			<view class="bg-panel-3" style="height: 100%;">
 				<view class="rounded-md m-b-lg" v-if="list.length" style="padding-bottom: 100px !important;">
 				  <view class="">
 				    <table class="w-max">
 				      <thead class="p-x-md">
-				      <tr class="fn-sm p-x-md">
+				      <tr class="fn-sm p-x-md" style="display: flex;align-items: center;">
-				        <th class="p-b-md fn-left p-l-md">{{ $t("assets.c9") }}</th>
+				        <view class="p-b-md fn-left p-l-md" style="width: 30%;">{{ $t("assets.c9") }}</view>
-				        <th class="p-b-md fn-left">{{ $t("assets.d0") }}</th>
+				        <view class="p-b-md fn-left" style="width: 20%;">{{ $t("assets.d0") }}</view>
-				        <th class="p-b-md fn-right p-r-md">{{ $t("assets.c0") }}</th>
+				        <view class="p-b-md fn-right p-r-md" style="width: 30%;">{{ $t("assets.c0") }}</view>
+						<view class="p-b-md fn-right p-r-md" style="width: 10%;">{{ $t("exchange.g3") }}</view>
 				      </tr>
 				      </thead>
 				      <tbody>
 				      <tr class="color-light trChange p-x-md rounded-md" v-for="item in list" :key="item.id">
-				        <td class="p-y-xs p-l-md rounded-tl-sm rounded-bl-sm fn-sm">
+						<view style="display: flex;align-items: center;">
+							<view class="p-y-xs p-l-md rounded-tl-sm rounded-bl-sm fn-sm" style="width: 30%;">
 							  {{ item.datetime | parseTime }}
-				        </td>
+							</view>
-				        <td v-if="type=='draw'">
+							<view v-if="type=='draw'" style="width: 20%;">
 							  <view>{{ item.status_text }}</view>
-				        </td>
+							</view>
-						<td v-if="type=='recharge'">
+							<view v-if="type=='recharge'">
 							  <view v-if="item.status==0">{{$t('assets.d1')}}</view>
 							  <view v-if="item.status==1" class="color-buy">{{$t('assets.d2')}}</view>
 							  <view v-if="item.status==2" class="color-sell">{{$t('assets.d3')}}</view>
-						</td>
+							</view>
-				        <td class="fn-right p-r-md rounded-tr-sm rounded-br-sm">
+							<view class="fn-right p-r-md rounded-tr-sm rounded-br-sm" style="width: 30%;">
 							  {{ item.amount }}
 							  <span class="color-default">({{ item.coin_name }})</span>
-				        </td>
+							</view>
+							<view class="" v-if="item.status==0" style="width: 10%;">
+							    <span style="color: #4381F6;width: 60px;height: 30px;font-size: 12px;"  
+								@click="cancelWithdraw(item)">{{$t('exchange.g4')}}</span>
+							</view>
+						</view>
+						<view class="p-l-md" v-if="item.remark&&0" style="color:red;word-wrap: break-word;width:680rpx;">
+							<view>{{$t('common.rejection')}}：{{item.remark}}</view>
+							<!-- <view style="color: #4381F6;" v-if="!remarktext(item.updated_at)">{{$t('common.c20')}}</view> -->
+						</view>
 				      </tr>
 				      <!-- <tr v-if="loadMore">
 				        <td colspan="3" class="fn-center p-xs link-active" @click="more">
@@ -105,6 +117,12 @@ import formData from "@/utils/class/date";
 			  	this.depositHistory();
 			  }
 			},
+			cancelWithdraw(item) {
+			    Wallet.cancelWithdraw({ withdraw_id: item.id }).then(res => {
+			        this.$toast(this.$t('otc.d4'));
+			        this.getWithdrawRecords()
+			    })
+			},
 		},
 		onLoad(e) {
 			// console.log('---------',e);