FE-V2-PC/src/views/comprehensive/laboratoryManagement/accessAuthorization/infoPage.vue

<template>
  <div class="infoPage">
    <div class="title-box">
      <p>门禁授权</p>
      <p class="reset-button-one" @click="backPage"><i class="el-icon-arrow-left"></i>返回</p>
    </div>
    <div class="infoPage-min">
      <div class="text-box">
        <div>
          <p>实验室名称：</p>
          <p>{{infoData.subjectName}}</p>
        </div>
      </div>
      <div class="text-box">
        <div>
          <p>申请人：</p>
          <p>{{infoData.userName}}</p>
        </div>
      </div>
      <!--<div class="text-box">-->
        <!--<div>-->
          <!--<p>开门时间：</p>-->
          <!--<p>{{infoData.}}</p>-->
        <!--</div>-->
      <!--</div>-->
      <!--<div class="text-box">-->
        <!--<div>-->
          <!--<p>关门时间：</p>-->
          <!--<p>{{infoData.}}</p>-->
        <!--</div>-->
      <!--</div>-->
      <!--<div class="text-box">-->
        <!--<div>-->
          <!--<p>开门时长：</p>-->
          <!--<p>{{infoData.}}</p>-->
        <!--</div>-->
      <!--</div>-->
      <div class="text-box">
        <div>
          <p>开门人员：</p>
          <p>{{infoData.userName}},{{infoData.userName2}}</p>
        </div>
      </div>
      <div class="text-box">
        <div>
          <p>审核状态：</p>
          <p>{{infoData.applyStatus==1?'审批中':(infoData.applyStatus==2?'已授权':(infoData.applyStatus==3?'已拒绝':''))}}</p>
        </div>
      </div>
      <div class="text-box">
        <div>
          <p>安全责任人：</p>
          <p>{{infoData.safeUserName}}</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "infoPage",
    props:{
      infoData:{},
    },
    data(){
      return{

      }
    },
    created() {

    },
    mounted(){

    },
    methods:{
      backPage(){
        this.$parent.goPageButton();
      },
    }
  }
</script>

<style scoped lang="scss">
  .infoPage{
    flex:1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    p{
      margin:0;
      padding:0;
    }
    .infoPage-min{
      flex:1;
      overflow: hidden;
      margin:20px;
      padding:0 0 0 80px;
      .text-box{
        div{
          display: flex;
          p{
            line-height:80px;
          }
          p:nth-child(1){
            width:140px;
            text-align: right;
            margin-right:20px;
          }
          p:nth-child(2){

          }
        }
      }
    }
    .title-box{
      display: flex;
      height:90px;
      border-bottom: 1px solid #D8D8D8;
      p:nth-child(1){
        flex:1;
        font-size:16px;
        line-height:90px;
        margin-left:18px;
        color:#0045AF;
      }
      p:nth-child(2){
        margin:25px 25px 0 0;
      }
    }
  }
</style>