yxk-electronic-archives/src/views/collectReorganizi/externalReception/module/detail.vue

<template>
  <!-- EEP包 -->
  <el-dialog title="eep包" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="eepDetialVisible">
    <div class="setting-dialog">
      <ul class="hitch-info">
        <li><span>接收编号：</span>230c4a438fa84b2c9a0405c99e7f5cb1</li>
        <li><span>接收状态：</span><i class="row-state end-state">成功</i></li>
        <li><span>接收人员：</span>admin</li>
        <li><span>接收时间：</span>2016-09-21 08:50:08</li>
        <li><span>挂接结果：</span>请检查zip包格式是否正确</li>
      </ul>
      <el-table ref="table" :data="tableData" style="width: 100%;">
        <el-table-column type="index" align="center" width="55" label="序号" />
        <el-table-column prop="name" label="文件名称" />
        <el-table-column prop="reason" label="原因" />
      </el-table>
    </div>
  </el-dialog>
</template>

<script>
const data = [
  {
    'id': '005E76FEC5A2AAB368CA1F',
    'name': '档号+题名',
    'reason': '成功'
  },
  {
    'id': '005E76FEC5A2AAB368CA1F2',
    'name': '档号+题名',
    'reason': '成功'
  }
]
export default {
  name: 'EepDetail',
  components: { },
  mixins: [],
  data() {
    return {
      eepDetialVisible: false,
      tableData: []
    }
  },
  created() {
  },
  mounted() {
    this.tableData = data
  },
  methods: {
  }
}
</script>

<style lang='scss' scoped>
@import "~@/assets/styles/collect-reorganizi.scss";
.row-state{
  font-style: normal;
}
</style>