新增提币记录中的撤销按钮

pages/assets/records.vue

@@ -20,11 +20,13 @@
 				        <th class="p-b-md fn-left p-l-md">{{ $t("assets.c9") }}</th>
 				        <th class="p-b-md fn-left">{{ $t("assets.d0") }}</th>
 				        <th class="p-b-md fn-right p-r-md">{{ $t("assets.c0") }}</th>
+				        <th class="p-b-md fn-right p-r-md">{{ $t("exchange.g3") }}</th>
 				      </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">
+				      <tr class="color-light trChange p-x-md rounded-md" style="height: 40px;" v-for="item in list" :key="item.id">
+				        <!-- <td class="p-y-xs p-l-md rounded-tl-sm rounded-bl-sm fn-sm"> -->
+				        <td class="p-y-xs rounded-tl-sm rounded-bl-sm fn-sm">
 				          {{ item.datetime | parseTime }}
 				        </td>
 				        <td v-if="type=='draw'">
@@ -39,6 +41,10 @@
 				          {{ item.amount }}
 				          <span class="color-default">({{ item.coin_name }})</span>
 				        </td>
+						<td class="" v-if="item.status==0">
+						    <button style="color: black;background-color: red;width: 60px;height: 30px;font-size: 12px;" 
+							@click="cancelWithdraw(item)">{{$t('exchange.g4')}}</button>
+						</td>
 				      </tr>
 				      <!-- <tr v-if="loadMore">
 				        <td colspan="3" class="fn-center p-xs link-active" @click="more">
@@ -72,6 +78,12 @@ import formData from "@/utils/class/date";
 		  },
 		},
 		methods: {
+			cancelWithdraw(item) {
+			    Wallet.cancelWithdraw({ withdraw_id: item.id }).then(res => {
+			        this.$toast(this.$t('otc.d4'));
+			        this.getWithdrawRecords()
+			    })
+			},
 			// 获取提币记录
 			getWithdrawRecords() {
 			  let data = {
@@ -104,7 +116,7 @@ import formData from "@/utils/class/date";
 			  }else if(this.type=='recharge'){
 			  	this.depositHistory();
 			  }
-			},
+			}
 		},
 		onLoad(e) {
 			console.log('---------',e);