|
@@ -6,13 +6,14 @@
|
|
|
<img v-else-if="info.suffix === 'xlsx'" class="icon-1" src="../../../assets/svg/folder/xls.svg">
|
|
<img v-else-if="info.suffix === 'xlsx'" class="icon-1" src="../../../assets/svg/folder/xls.svg">
|
|
|
<img v-else class="icon-1" src="../../../assets/svg/folder/other.svg">
|
|
<img v-else class="icon-1" src="../../../assets/svg/folder/other.svg">
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="mb-10 font-16 bold" style="color: #AB7630">{{ info.title }}</div>
|
|
|
<!------1----->
|
|
<!------1----->
|
|
|
<div class="flex flex-center full-width flex-justify-between mt-10">
|
|
<div class="flex flex-center full-width flex-justify-between mt-10">
|
|
|
<div class="flex flex-col flex-align-start bg-1">
|
|
<div class="flex flex-col flex-align-start bg-1">
|
|
|
<img class="icon-2" src="../../../assets/svg/1.svg">
|
|
<img class="icon-2" src="../../../assets/svg/1.svg">
|
|
|
<span class="grey-6 bold mt-10">当前文件所在项目进度</span>
|
|
<span class="grey-6 bold mt-10">当前文件所在项目进度</span>
|
|
|
<span class="mt-10 font-15 bold sp">{{
|
|
<span class="mt-10 font-15 bold sp">{{
|
|
|
- info.projectStageName ? info.projectStageName : '-'
|
|
|
|
|
|
|
+ info.stageName ? info.stageName : '-'
|
|
|
}}</span>
|
|
}}</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="flex flex-col bg-1">
|
|
<div class="flex flex-col bg-1">
|
|
@@ -24,7 +25,7 @@
|
|
|
<img class="icon-2" src="../../../assets/svg/3.svg">
|
|
<img class="icon-2" src="../../../assets/svg/3.svg">
|
|
|
<span class="grey-6 bold mt-10">当前文件所属类型</span>
|
|
<span class="grey-6 bold mt-10">当前文件所属类型</span>
|
|
|
<span class="mt-10 font-15 bold sp">{{
|
|
<span class="mt-10 font-15 bold sp">{{
|
|
|
- info.folderTypeName ? info.folderTypeName : '-'
|
|
|
|
|
|
|
+ info.fileType ? info.fileType : '-'
|
|
|
}}</span>
|
|
}}</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -63,7 +64,7 @@
|
|
|
<div class="flex flex-col grey-6-bg bg-3">
|
|
<div class="flex flex-col grey-6-bg bg-3">
|
|
|
<span class="grey-6 margin ml-20">{{ info.projectName ? info.projectName : '项目名称' }}</span>
|
|
<span class="grey-6 margin ml-20">{{ info.projectName ? info.projectName : '项目名称' }}</span>
|
|
|
<div class="border-1"></div>
|
|
<div class="border-1"></div>
|
|
|
- <span class="grey-6 margin ml-20">{{ info.projectDeptName ? info.projectDeptName : '主管部门' }}</span>
|
|
|
|
|
|
|
+ <span class="grey-6 margin ml-20">{{ info.chargeDeptName ? info.chargeDeptName : '主管部门' }}</span>
|
|
|
<div class="border-1"></div>
|
|
<div class="border-1"></div>
|
|
|
<span class="grey-6 margin ml-20">{{ info.totalAmount ? info.totalAmount : '-' }}万元</span>
|
|
<span class="grey-6 margin ml-20">{{ info.totalAmount ? info.totalAmount : '-' }}万元</span>
|
|
|
</div>
|
|
</div>
|
|
@@ -79,47 +80,47 @@
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
import baseButton from '../../../components/base-button.vue'
|
|
import baseButton from '../../../components/base-button.vue'
|
|
|
-import { bytesToSize } from '@/utils/tools.js'
|
|
|
|
|
|
|
+import {bytesToSize} from '@/utils/tools.js'
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
name: 'dialog_info',
|
|
name: 'dialog_info',
|
|
|
- components: { baseButton },
|
|
|
|
|
|
|
+ components: {baseButton},
|
|
|
props: {
|
|
props: {
|
|
|
id: String
|
|
id: String
|
|
|
},
|
|
},
|
|
|
watch: {
|
|
watch: {
|
|
|
id: {
|
|
id: {
|
|
|
- handler () {
|
|
|
|
|
|
|
+ handler() {
|
|
|
this.getFileInfo()
|
|
this.getFileInfo()
|
|
|
},
|
|
},
|
|
|
immediate: true
|
|
immediate: true
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- data () {
|
|
|
|
|
|
|
+ data() {
|
|
|
return {
|
|
return {
|
|
|
size: '',
|
|
size: '',
|
|
|
info: {}
|
|
info: {}
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- created () {
|
|
|
|
|
|
|
+ created() {
|
|
|
this.getFileInfo()
|
|
this.getFileInfo()
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
- getFileInfo () {
|
|
|
|
|
- this.$api.database.fileInfo({ id: this.id }).then(res => {
|
|
|
|
|
|
|
+ getFileInfo() {
|
|
|
|
|
+ this.$api.database.fileInfo({id: this.id}).then(res => {
|
|
|
if (res.code === 200) {
|
|
if (res.code === 200) {
|
|
|
this.info = res.data
|
|
this.info = res.data
|
|
|
this.toSize()
|
|
this.toSize()
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
- toSize () {
|
|
|
|
|
|
|
+ toSize() {
|
|
|
this.size = bytesToSize(this.info.volume)
|
|
this.size = bytesToSize(this.info.volume)
|
|
|
},
|
|
},
|
|
|
- download () {
|
|
|
|
|
|
|
+ download() {
|
|
|
window.open(this.info.url)
|
|
window.open(this.info.url)
|
|
|
},
|
|
},
|
|
|
- showMsg () {
|
|
|
|
|
|
|
+ showMsg() {
|
|
|
this.$alert('功能建设中,尽情期待...', '消息提醒', {
|
|
this.$alert('功能建设中,尽情期待...', '消息提醒', {
|
|
|
confirmButtonText: 'OK'
|
|
confirmButtonText: 'OK'
|
|
|
})
|
|
})
|