<template>
<div class="passwordSettings">
    <el-card class="box-card">
        <el-form ref="form" label-width="140px" label-position="left">
            <el-form-item label="平台使用期限：">
                <div>{{info.startTime}} ~ {{info.endTime}}</div>
            </el-form-item>
            <el-form-item label="视频使用情况：">
                <div><span>{{info.usedVideoSize}}</span> /{{info.videoSize}}</div>
            </el-form-item>
        </el-form>
    </el-card>
</div>
</template>

<script>
export default {
  data () {
    return {
      info: {}
    }
  },
  created () {
    this.querySystemInfo()
  },
  methods: {
    querySystemInfo () {
      this.$api
        .post('/companyInfo/querySystemInfo')
        .then((res) => {
          this.info = res.object
        })
    }
  }
}
</script>

<style lang="scss" scoped>

.box-card {
    width: 800rpx;
    padding: 18px 0;
}

</style>
