statusdetail.vue 2.6 KB
<template>
  <div class="statusdetail">
    <el-dialog
      title="轨迹状态"
      :visible.sync="show"
      width="50%"
      :before-close="handleClose">
      <el-table :data="gridData">
        <el-table-column property="date" label="日期"></el-table-column>
        <el-table-column property="name" label="姓名"></el-table-column>
        <el-table-column property="address" label="抓拍地址"></el-table-column>
        <el-table-column property="address" label="抓拍图片">
          <div class="img-box">
           <img src="../videos/testimg/1.jpg" alt="">
          </div>
        </el-table-column>
        <el-row>
            <div class="block">
                <el-pagination class="flr mt10" @current-change="handleCurrentChange" :current-page.sync="page.currentPage" :page-size="page.limit" layout="total,prev, pager, next, jumper" :total="page.total">
                </el-pagination>
            </div>
        </el-row>
      </el-table>
      <span slot="footer" class="dialog-footer">
        <el-button @click="show = false">取 消</el-button>
        <el-button type="primary" @click="show = false">确 定</el-button>
      </span>
</el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show:false,
      page: {
        offset: 0,
        currentPage: 1,
        limit: 5,
        total: 0
      },
      gridData: [{
          date: '2016-05-02 16:00:00',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-04 16:00:0',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-01 16:00:0',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-03 16:00:0',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }],
    }
  },
    props: {
        accunid: {},
        faceunid: {}
    },
  methods:{
    init(){
      this.show = true;
      console.log(data)
      this.axios.get(this.API.url + '/faces/' + this.faceunid + '/face_events',{
         params: {
            limit: this.page.limit,
            offset: this.page.offset,
        }
      })
    },
     handleCurrentChange(val) {
        this.page.currentPage = val;
        this.page.offset = (val - 1) * this.page.limit;
        this.init();
      },

  },
  mounted(){
  }
}
</script>

<style lang="stylus" scoped>
.activitychart{
  height 40vh
  width 40vw
}
.img-box{
  height 60px
  width 60px
  img{
    height 100%
    width 100%
  }
}
</style>