track.vue 2.36 KB
<template>
  <div class="statusdetail">
    <el-dialog
      title="轨迹状态"
      :visible.sync="show"
      width="50%"
      :before-close="handleClose">
      <el-table :data="trackData">
        <el-table-column prop="event_dt" label="日期">
          <template slot-scope="scope">
          {{showLocalTime(scope.row.event_dt)}}
        </template>
        </el-table-column>
        <el-table-column property="face.name" label="姓名"></el-table-column>
        <el-table-column property="camera.location" label="抓怕地址"></el-table-column>
        <el-table-column property="pic_url" label="抓怕图片">
		 <template slot-scope="scope">
			  <div class="img-box">
			   <img :src="scope.row.pic_url" alt="">
			  </div>
		  </template>
        </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: 10,
        total: 0
      },
      trackData: [],
    }
  },
    props: {
        accunid: {},
        faceunid: {}
    },
  methods:{
    init(data){
      this.show = true;
      console.log(data)
      this.axios.get(this.API.faceweb+ '/faces/' + data.face_unid + '/face_events',{
         params: {
            limit: this.page.limit,
            offset: this.page.offset,
        }
      }).then(res => {
        console.log(res.data)
        this.trackData = res.data.list_data;
      })
    },
     handleCurrentChange(val) {
        this.page.currentPage = val;
        this.page.offset = (val - 1) * this.page.limit;
        this.init();
      },
    handleClose(){
      this.show = false;
    },
  },
  mounted(){
  }
}
</script>

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