|
|
@@ -0,0 +1,245 @@
|
|
|
+<!-- -->
|
|
|
+<template>
|
|
|
+ <div class="holding0_result">
|
|
|
+ <TabList :ind='5'/>
|
|
|
+ <div class="right">
|
|
|
+ <div class="top">
|
|
|
+ <el-breadcrumb separator="/">
|
|
|
+ <el-breadcrumb-item to="">首页</el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item to="">馆藏管理</el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item>藏品注销</el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item id="mytitle">查看</el-breadcrumb-item>
|
|
|
+ </el-breadcrumb>
|
|
|
+ </div>
|
|
|
+ <div class="conten">
|
|
|
+ <div class="info">
|
|
|
+ <div>
|
|
|
+ <h4>注销编号：</h4>
|
|
|
+ <span>{{myData.num}}</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <h4>注销人员：</h4>
|
|
|
+ <span>{{myData.realName}}</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <h4>注销说明：</h4>
|
|
|
+ <span>{{myData.description}}</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <h4>审核结果：</h4>
|
|
|
+ <span>{{myData.status}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="explain">
|
|
|
+ <p>
|
|
|
+ <span>审核说明：</span
|
|
|
+ >{{myData.reason}}
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <!-- 表格 -->
|
|
|
+ <div class="table">
|
|
|
+ <div class="title">
|
|
|
+ <h3>藏品信息</h3>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ :header-cell-style="{ background: '#eef1f6', color: '#606266' }"
|
|
|
+ :data="tableData"
|
|
|
+ border
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-table-column label="缩略图" width="160">
|
|
|
+ <template #default='{row}'>
|
|
|
+ <div class="smimg">
|
|
|
+ <img :src="baseURL+row.thumb" alt="" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="registerNum" label="总登记号" width="235">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" label="藏品名称"> </el-table-column>
|
|
|
+ <el-table-column prop="goodsTypeId" label="类别" width="180">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="integrity" label="完残程度" width="180">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="age" label="藏品年代" width="300">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="status" label="操作" width="120">
|
|
|
+ <template #default='{row}'>
|
|
|
+ <el-button type="text" @click="myLook(row)">查 看</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <!-- 最下面的按钮 -->
|
|
|
+ <div class="button">
|
|
|
+ <el-button @click="$router.go(-1)">返回</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 点击查看显示弹窗 -->
|
|
|
+ <Holding0AuditDia :dialogFormVisible.sync='isShow' :myObj='myObj' ref="mylook"/>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import Holding0AuditDia from './holding0_audit_Dia.vue'
|
|
|
+import { getDetailById } from '@/apis/holding5'
|
|
|
+import axios from '@/utils/request'
|
|
|
+import TabList from '@/components/tabLeft.vue'
|
|
|
+export default {
|
|
|
+ name: 'holding5_look',
|
|
|
+ components: { TabList, Holding0AuditDia },
|
|
|
+ data () {
|
|
|
+ // 这里存放数据
|
|
|
+ return {
|
|
|
+ // 传给弹窗的数据
|
|
|
+ myObj: {},
|
|
|
+ myData: {},
|
|
|
+ // 服务器初始地址前缀
|
|
|
+ baseURL: '',
|
|
|
+ // 点击查看显示弹窗
|
|
|
+ isShow: false,
|
|
|
+ fromData: {
|
|
|
+ textarea: ''
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ textarea: [{ max: 255, message: '不能超过255个字符', trigger: 'blur' }]
|
|
|
+ },
|
|
|
+ auditResult: '',
|
|
|
+ // 表格数据
|
|
|
+ tableData: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 监听属性 类似于data概念
|
|
|
+ computed: {},
|
|
|
+ // 监控data中的数据变化
|
|
|
+ watch: {},
|
|
|
+ // 方法集合
|
|
|
+ methods: {
|
|
|
+ // 点击查看
|
|
|
+ myLook (val) {
|
|
|
+ this.myObj = val
|
|
|
+ // 调用子组件的方法，获取附件信息
|
|
|
+ this.$refs.mylook.getFileList(val.id, 'video')
|
|
|
+ this.isShow = true
|
|
|
+ },
|
|
|
+ myStatus (id) {
|
|
|
+ const list = [
|
|
|
+ { id: 0, name: '已归还' },
|
|
|
+ { id: 1, name: '已入库' },
|
|
|
+ { id: 2, name: '未归还' }
|
|
|
+ ]
|
|
|
+ return list.filter(v => id === v.id)[0].name
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 生命周期 - 创建完成（可以访问当前this实例）
|
|
|
+ created () {},
|
|
|
+ // 生命周期 - 挂载完成（可以访问DOM元素）
|
|
|
+ async mounted () {
|
|
|
+ // 获取服务器前缀地址
|
|
|
+ this.baseURL = axios.defaults.baseURL
|
|
|
+ // 从第一层拿到传过来的数据
|
|
|
+ this.myData = this.$route.query
|
|
|
+ const res = await getDetailById(this.myData.id)
|
|
|
+ this.tableData = res.data.goods
|
|
|
+ this.tableData.forEach(v => {
|
|
|
+ v.integrity = this.spoil(v.integrity)
|
|
|
+ v.goodsTypeId = this.category(v.goodsTypeId)
|
|
|
+ v.status = this.myStatus(v.status)
|
|
|
+ v.numTypeId = this.mycategory(v.numTypeId)
|
|
|
+ v.repair = this.mySave(v.repair)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ beforeCreate () {}, // 生命周期 - 创建之前
|
|
|
+ beforeMount () {}, // 生命周期 - 挂载之前
|
|
|
+ beforeUpdate () {}, // 生命周期 - 更新之前
|
|
|
+ updated () {}, // 生命周期 - 更新之后
|
|
|
+ beforeDestroy () {}, // 生命周期 - 销毁之前
|
|
|
+ destroyed () {}, // 生命周期 - 销毁完成
|
|
|
+ activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang='less' scoped>
|
|
|
+//@import url(); 引入公共css类
|
|
|
+.holding0_result {
|
|
|
+
|
|
|
+ /deep/#mytitle>span{
|
|
|
+ font-weight: 800;
|
|
|
+ }
|
|
|
+
|
|
|
+ display: flex;
|
|
|
+ .right {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .top {
|
|
|
+ padding-left: 35px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ box-shadow: 1px 1px 10px 1px;
|
|
|
+ margin-left: 2px;
|
|
|
+ height: 40px;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .conten {
|
|
|
+ position: relative;
|
|
|
+ flex: 1;
|
|
|
+ background-color: #fff;
|
|
|
+ margin: 20px 20px 40px;
|
|
|
+ padding: 35px;
|
|
|
+ .info {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ & > div {
|
|
|
+ padding-left: 20px;
|
|
|
+ color: black;
|
|
|
+ height: 50px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ width: 50%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .explain {
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ color: black;
|
|
|
+ padding: 30px 150px 30px 20px;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ span {
|
|
|
+ font-weight: 700;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .table {
|
|
|
+ max-height: 420px;
|
|
|
+ overflow: auto;
|
|
|
+ .smimg {
|
|
|
+ border: 3px solid #ccc;
|
|
|
+ height: 70px;
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ margin-top: 38px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ .title {
|
|
|
+ padding-left: 30px;
|
|
|
+ color: black;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .button {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ bottom: 20px;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ width: 240px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
