parent
c6e928a526
commit
b2ca9e61eb
@ -0,0 +1,136 @@
|
||||
<template>
|
||||
<div>
|
||||
<Drawer title="查看详情" :closable="false" :width="54" v-model="isShow" class-name="upload-drawer__container">
|
||||
<div class="item">
|
||||
<div class="item__title">
|
||||
所属年份
|
||||
</div>
|
||||
<div class="item__value">
|
||||
{{ detail.year }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item__title">
|
||||
相关部门
|
||||
</div>
|
||||
<div class="item__value">
|
||||
{{ detail.department ? detail.department.name : '无' }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item__title">
|
||||
上传时间
|
||||
</div>
|
||||
<div class="item__value">
|
||||
{{ detail.created_at }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item__title">备注</div>
|
||||
<div class="item__value">{{ detail.remark }}</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item__title">附件</div>
|
||||
<div v-for="i in detail.files">
|
||||
<a @click="open(i)">{{ i.original_name }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</Drawer>
|
||||
|
||||
<Modal
|
||||
:width="76"
|
||||
transfer
|
||||
v-model="showModal"
|
||||
:footer-hide="true"
|
||||
title="预览"
|
||||
>
|
||||
<template>
|
||||
<iframe
|
||||
style="width: 100%; height: 57vh"
|
||||
:src="codeUri"
|
||||
border="0"
|
||||
></iframe>
|
||||
</template>
|
||||
</Modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { show } from "@/api/budget/prePlan";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showModal: false,
|
||||
codeUri: '',
|
||||
|
||||
id: '',
|
||||
isShow: false,
|
||||
detail: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
setId (id) {
|
||||
this.id = id
|
||||
},
|
||||
show () {
|
||||
this.isShow = true
|
||||
},
|
||||
hide () {
|
||||
this.isShow = false
|
||||
},
|
||||
async getDetail () {
|
||||
const res = await show({
|
||||
id: this.id
|
||||
})
|
||||
this.detail = res
|
||||
console.log(this.detail)
|
||||
},
|
||||
|
||||
open(e) {
|
||||
this.codeUri = `http://view.ali251.langye.net:8012/onlinePreview?url=${encodeURIComponent(
|
||||
new Buffer(e.url).toString("base64")
|
||||
)}`;
|
||||
|
||||
this.showModal = true;
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {
|
||||
isShow (newVal) {
|
||||
if (newVal) {
|
||||
this.getDetail()
|
||||
} else {
|
||||
this.id = ''
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
::v-deep .ivu-drawer {
|
||||
top: 51px!important;
|
||||
}
|
||||
|
||||
.item {
|
||||
|
||||
&__title {
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
|
||||
padding: 20px 0;
|
||||
}
|
||||
a {
|
||||
color: red;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in new issue