add取消充电任务

pages/home/home.vue

@@ -34,7 +34,8 @@
 				menuList: [
 					{id: 1, title: this.$t('title.call'), icon: 'RF01', path: '/pages/manage/call-manage'},
 					{id: 2, title: this.$t('title.command'), icon: 'RF02', path: '/pages/manage/inst-manage'},
-					{id: 3, title: this.$t('title.task'), icon: 'RF03', path: '/pages/manage/task-manage'}
+					{id: 3, title: this.$t('title.task'), icon: 'RF03', path: '/pages/manage/task-manage'},
+					{id: 4, title: this.$t('cancel-charging-task'), icon: 'RF05', path: '/pages/manage/cancel-charge-task'}
 					// {id: 4, title: this.$t('title.release-confirm'), icon: 'RF04', path: '/pages/manage/release-confirm'}
 				],
 				show: false,

pages/manage/cancel-charge-task.vue

@@ -0,0 +1,55 @@
+<template>
+	<view class="zd_container">
+		<nav-bar :title="title"></nav-bar>
+		<view class="zd_content">
+			<view class="zd_wrapper">
+				<img class="img" src="../../static/image/che.png" alt="">
+			</view>
+		</view>
+		<view class="zd-row submit-bar">
+			<button class="zd-col-22 button-primary" :disabled="disabled" @tap="_cancleTaskCharge">{{$t('cancel-charging-task')}}</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import NavBar from '@/components/NavBar.vue'
+	import {cancleTaskCharge} from '@/utils/getData2.js'
+	export default {
+		components: {
+			NavBar
+		},
+		data() {
+			return {
+				title: '',
+				disabled: false
+			};
+		},
+		onLoad (options) {
+			this.title = options.title
+		},
+		methods: {
+			async _cancleTaskCharge () {
+				this.disabled = true
+				try {
+					let res = await cancleTaskCharge()
+					this.cancle()
+					uni.showToast({
+						title: res.message,
+						icon: 'none'
+					})
+				} catch (err) {
+					this.disabled = false
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="stylus" scoped>
+.img
+	display block
+	width 60%
+	height auto
+	margin 0 auto
+</style>