soc_app/src/views/menu/safetyBook/detail.vue

<template>
  <div class="detail">
    <nav-bar></nav-bar>
    <div class="info">
      <van-cell-group>
        <van-cell class="item-cell" title="签署类型" :value="getDictLabel(dataInfo.type,'safety_book_type')" >
        </van-cell>
        <van-cell class="item-cell" title="签署人" :value="dataInfo.userName" >
        </van-cell>
        <van-cell class="item-cell" title="签署时间" :value="dataInfo.createTime">
        </van-cell>
      </van-cell-group>
    </div>
  </div>
</template>
<script>
import NavBar from '@/components/NavBar'
import { detail } from './api.js'

export default {
  data() {
    return {
      dataInfo: {},
    }
  },
  components: { NavBar },
  mounted() {
    this.getInfo();
  },
  methods: {
    async getInfo() {
      let res = await detail(this.$route.query.id);
      this.dataInfo = res.data;
    },
  }
}
</script>
<style lang="scss" scoped>
.detail {

}
.info{
}
.history {

}
</style>