<template>
  <div class="app-bg auto">
    <tools-page :need-back='false' title="无计划安检相关"></tools-page>
      <div class="app-input flex-between" @click = "gotopage('lcheck-unplan')">
        <label class="control-label text-left flex-full" style="flex: 1;">用户安检</label>
        <span class="glyphicon glyphicon-chevqron-right flex-full text-right" ></span>
      </div>
      <div class="app-input flex-between" @click = "gotopage('upload-page')">
        <label class="control-label text-left flex-full" style="flex: 1;">批量上传</label>
        <span class="glyphicon glyphicon-chevron-right flex-full text-right"></span>
      </div>
      <div class="app-input flex-between" @click = "gotopage('query-check-history')">
        <label class="control-label text-left flex-full" style="flex: 1;">历史安检信息查看</label>
        <span class="glyphicon glyphicon-chevron-right flex-full text-right"></span>
      </div>
  </div>
</template>

<script>

import co from 'co'
import { PagedList } from 'vue-client'
import Vue from 'vue'

export default {
    title: '安检计划相关',
    data() {
        return {
            model: {}
        }
    },
    methods: {
      gotopage(param,props) {
        this.$goto(param,props)
      },
      //头部事件回掉
      back () {
        this.$back()
      },
    }
}

</script>
<style scoped>
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-between span {
  padding-right: 10px;
}
.flex-full {
  flex: 1;
}
</style>
