<template>
    <el-dialog title="查看档案" :visible.sync="visible" v-dialogDrag width="40%" :before-close="cancel">
        <div class="content">
            <div class="item"><span class="name">档号：</span><span>{{rowObject.archiveNo}}</span></div>
            <div class="item"><span class="name">数量：</span><span>{{rowObject.archiveNum}}</span></div>
            <div class="item"><span class="name">位置：</span><span>{{rowObject.boxPosition}}</span></div>
            <div class="item"><span class="name">盒号：</span><span>{{rowObject.caseNo}}</span></div>
            <div class="item"><span class="name">归档年度：</span><span>{{rowObject.filingYear}}</span></div>
            <div class="item"><span class="name">题名：</span><span>{{rowObject.maintitle}}</span></div>
            <div class="item"><span class="name">保管期限：</span><span>{{rowObject.retention}}</span></div>
            <div class="item"><span class="name">状态：</span><span>{{rowObject.state==1?'已入库':'未入库'}}</span></div>
        </div>
    </el-dialog>
</template>

<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: () => false,
    },
    rowObject:{
        type:Object,
        default:()=>{}
    }
  },
  data() {
    return {};
  },
  methods: {
    cancel() {
      this.$emit("cancel");
    },
  },
};
</script>

<style lang="scss" scoped>
.content{
    width:100%;
    height:400px;
    .item{
        width: 100%;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
        color: #b1b1b1;
        .name{
            display:inline-block;
            width:100px;
            text-align:right;
            color: #b1b1b1;
        }
        span{
            color:#333
        }
    }
}
</style>
