充电任务

src/config/getData2.js

@@ -54,3 +54,8 @@ export const callTask = (scodes, code) => post2('api/hand/callTask', {
   start_device_codes: scodes,
   next_device_code: code
 })
+
+/** 充电任务 */
+export const createChargingTask = (type) => post2('api/hand/createChargingTask', {
+  type: type
+})

src/pages/project/Home.vue

@@ -15,6 +15,7 @@
         <li @click="goInner('/CallManage')">呼叫管理</li>
         <li @click="goInner('/ZlManage')">指令管理</li>
         <li @click="goInner('/TaskManage')">任务管理</li>
+        <li @click="goInner('/TaskCharge')">充电任务</li>
       </ul>
     </div>
   </div>

src/pages/project/TaskCharge.vue

@@ -0,0 +1,96 @@
+<template>
+  <section>
+    <nav-bar title="充电任务"></nav-bar>
+    <div class="content">
+      <div class="cats-wrap">
+        <div class="cat-item" v-for="e in cats" :key="e.type" @click="tocharge(e)">
+          <div class="cat-icon"></div>
+          <div class="cat-name">{{e.name}}</div>
+        </div>
+      </div>
+    </div>
+    <div v-if="active" class="msg_wrapper">
+      <div class="msg_box">
+        <div class="msg_item">
+          <p style="font-weight: bold">设备：{{msg.name}}</p>
+          <p>请确认是否充电？</p>
+        </div>
+        <div class="msg_btns">
+          <button class="msg_btn" @click="msgCancle">取消</button>
+          <button class="msg_btn" :disabled="disabled" @click="msgSure">确认</button>
+        </div>
+      </div>
+    </div>
+    <div v-if="active" class="mask"></div>
+  </section>
+</template>
+
+<script>
+import NavBar from '@components/NavBar1.vue'
+import {createChargingTask} from '@config/getData2'
+export default {
+  name: 'TaskCharge',
+  components: {
+    NavBar
+  },
+  data () {
+    return {
+      cats: [{type: '1', name: '1号车'}],
+      disabled: false,
+      active: false,
+      msg: {}
+    }
+  },
+  methods: {
+    tocharge (e) {
+      this.active = true
+      this.msg = e
+    },
+    async _createChargingTask (type) {
+      try {
+        let res = await createChargingTask(type)
+        if (res.code === '1') {
+          this.toast(res.desc)
+        } else {
+          this.Dialog(res.desc)
+        }
+        this.disabled = false
+      } catch (e) {
+        this.disabled = false
+      }
+    },
+    msgCancle () {
+      this.active = false
+    },
+    msgSure () {
+      this.disabled = true
+      this._createChargingTask(this.msg.type)
+      this.active = false
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+@import '~@style/mixin'
+.content
+    _wh(100%, calc(100% - 55px))
+.cats-wrap
+  _wh(100%, 100%)
+  _fj(center)
+  padding .15rem
+  overflow hidden
+.cat-item
+  _wh(1.4rem, 1.4rem)
+  padding .1rem
+  _bis('../../images/btn_cat.png', 100%, 100%)
+.cat-icon
+  _wh(100%, .8rem)
+  _bis('../../images/che1.png', auto, .5rem)
+.cat-name
+  _font(.22rem, .3rem, #333,,center)
+.msg_item
+    flex-direction: column
+    p
+        _font(16px, 28px, #333)
+</style>

src/router/index.js

@@ -21,6 +21,7 @@ const SiteManage = r => require.ensure([], () => r(require('../pages/project/Sit
 const CallManage = r => require.ensure([], () => r(require('../pages/project/CallManage')), 'CallManage')
 const ZlManage = r => require.ensure([], () => r(require('../pages/project/ZlManage')), 'ZlManage')
 const TaskManage = r => require.ensure([], () => r(require('../pages/project/TaskManage')), 'TaskManage')
+const TaskCharge = r => require.ensure([], () => r(require('../pages/project/TaskCharge')), 'TaskCharge')
 
 Vue.use(Router)
 
@@ -72,6 +73,10 @@ export default new Router({
     {
       path: '/CallManage', // 呼叫管理
       component: CallManage
+    },
+    {
+      path: '/TaskCharge', // 充电任务
+      component: TaskCharge
     }
   ],
   scrollBehavior (to, from, savedPosition) {