feat: There is no way the, 样式优化
This commit is contained in:
super_liu
@@ -351,63 +351,65 @@
|
||||
<template v-if = "item.label === '基础信息'">
|
||||
<div class="details-content-modular basic-information" style="margin-bottom: 0">
|
||||
<div class="basic-information-content">
|
||||
<p class="" style="color: #C42626;"><label style=" margin-right: 171px;">企标号</label><span>{{ sarStandardsInfoEO.standCode }}</span></p>
|
||||
<p class=""><label style=" margin-right: 171px;">企标号</label><span>{{ sarStandardsInfoEO.standCode }}</span></p>
|
||||
<template v-for="(child, childIndex) in item.child1">
|
||||
<div class="files-title" style="border-bottom: 1px solid #E5E5E5">
|
||||
<label style=" margin-right: 172px;">{{ child.attrName }}</label>
|
||||
<template v-if="child.value && child.value.length > 0" v-for="(file, fileIndex) in child1Func(child.value)">
|
||||
<!-- 单个文件-->
|
||||
<span v-if="child.value && child.value.length > 0 && child.value.length === 1">
|
||||
<a style="font-size: 16px;color: #409EFF;cursor: pointer" @click="openFileInPdf(file.id, file.oldFileName)" target="_blank" :title="file.oldFileName">{{ file.oldFileName }}</a>
|
||||
<label style="float: left;">{{ child.attrName }}</label>
|
||||
<div style="margin-left: 220px;">
|
||||
<div v-if="child.value && child.value.length > 0" v-for="(file, fileIndex) in child1Func(child.value)" style="line-height: 50px;">
|
||||
<!-- 单个文件-->
|
||||
<span v-if="child.value && child.value.length > 0 && child.value.length === 1">
|
||||
<a style="font-size: 16px;color: #409EFF;cursor: pointer" @click="openFileInPdf(file.id, file.oldFileName)" target="_blank" :title="file.oldFileName">{{ file.oldFileName | ellipsis50 }}</a>
|
||||
<i
|
||||
title="下载"
|
||||
@click="downloadFile(file.id)"
|
||||
class="icon-download"
|
||||
v-btn-permission="QFTP ? '7f13a22a53f9f76f56f5193f9a04389d' : '9882f477aad895ec56a7464f3e9c0b11'"
|
||||
title="下载"
|
||||
@click="downloadFile(file.id)"
|
||||
class="icon-download"
|
||||
v-btn-permission="QFTP ? '7f13a22a53f9f76f56f5193f9a04389d' : '9882f477aad895ec56a7464f3e9c0b11'"
|
||||
/>
|
||||
<i
|
||||
title="下载带水印"
|
||||
v-show="file.fileSuffix === 'pdf' || file.fileSuffix === 'PDF'"
|
||||
@click="downloadFileByWater(file.id, file.fileSuffix)"
|
||||
class="icon-download2"
|
||||
v-btn-permission="QFTP ? '6dbbd2d6b808cc0f02b22c97e9d34c54' : '9bab2662fbd9d0507b39be813371a597'"
|
||||
title="下载带水印"
|
||||
v-show="file.fileSuffix === 'pdf' || file.fileSuffix === 'PDF'"
|
||||
@click="downloadFileByWater(file.id, file.fileSuffix)"
|
||||
class="icon-download2"
|
||||
v-btn-permission="QFTP ? '6dbbd2d6b808cc0f02b22c97e9d34c54' : '9bab2662fbd9d0507b39be813371a597'"
|
||||
/>
|
||||
<!-- <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>-->
|
||||
<!-- <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>-->
|
||||
</span>
|
||||
<!-- 多个文件-->
|
||||
<div v-else-if="child.value && child.value.length > 0">
|
||||
<span style="margin-left: 19%">
|
||||
<!-- 多个文件-->
|
||||
<div v-else-if="child.value && child.value.length > 0" style="line-height: 50px;">
|
||||
<span>
|
||||
<a style="font-size: 16px;color: #409EFF;cursor: pointer"
|
||||
@click="openFileInPdf(file.id, file.oldFileName)" target="_blank"
|
||||
:title="file.oldFileName">{{ file.oldFileName }}</a>
|
||||
:title="file.oldFileName">{{ file.oldFileName | ellipsis50}}</a>
|
||||
<i
|
||||
title="下载"
|
||||
@click="downloadFile(file.id)"
|
||||
class="icon-download"
|
||||
v-btn-permission="QFTP ? '7f13a22a53f9f76f56f5193f9a04389d' : '9882f477aad895ec56a7464f3e9c0b11'"
|
||||
title="下载"
|
||||
@click="downloadFile(file.id)"
|
||||
class="icon-download"
|
||||
v-btn-permission="QFTP ? '7f13a22a53f9f76f56f5193f9a04389d' : '9882f477aad895ec56a7464f3e9c0b11'"
|
||||
/>
|
||||
<i
|
||||
title="下载带水印"
|
||||
@click="downloadFileByWater(file.id, file.fileSuffix)"
|
||||
class="icon-download2"
|
||||
v-btn-permission="QFTP ? '6dbbd2d6b808cc0f02b22c97e9d34c54' : '9bab2662fbd9d0507b39be813371a597'"
|
||||
title="下载带水印"
|
||||
@click="downloadFileByWater(file.id, file.fileSuffix)"
|
||||
class="icon-download2"
|
||||
v-btn-permission="QFTP ? '6dbbd2d6b808cc0f02b22c97e9d34c54' : '9bab2662fbd9d0507b39be813371a597'"
|
||||
/>
|
||||
</span>
|
||||
<!-- <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>-->
|
||||
</div>
|
||||
<!-- <el-button-->
|
||||
<!-- v-if="child.attrField === itemNam "-->
|
||||
<!-- v-for="(itemNam,index) in itemExistList"-->
|
||||
<!-- :key="index"-->
|
||||
<!-- @click="showItemsModel(child.attrField)"-->
|
||||
<!-- class="decomposition-btn"-->
|
||||
<!-- style="right:62px"-->
|
||||
<!-- icon="icon-separate"-->
|
||||
<!-- >标准分解单-->
|
||||
<!-- </el-button>-->
|
||||
<!-- <el-button v-if="child.value.length > 1" style="color:#409EFF;border: 1px solid #409EFF;background: rgba(64, 158, 255, 0.1);"-->
|
||||
<!-- class="decomposition-btn" icon="icon-relation" @click="relateEvent1(child.value)">更多</el-button>-->
|
||||
</template>
|
||||
<!-- <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>-->
|
||||
</div>
|
||||
<!-- <el-button-->
|
||||
<!-- v-if="child.attrField === itemNam "-->
|
||||
<!-- v-for="(itemNam,index) in itemExistList"-->
|
||||
<!-- :key="index"-->
|
||||
<!-- @click="showItemsModel(child.attrField)"-->
|
||||
<!-- class="decomposition-btn"-->
|
||||
<!-- style="right:62px"-->
|
||||
<!-- icon="icon-separate"-->
|
||||
<!-- >标准分解单-->
|
||||
<!-- </el-button>-->
|
||||
<!-- <el-button v-if="child.value.length > 1" style="color:#409EFF;border: 1px solid #409EFF;background: rgba(64, 158, 255, 0.1);"-->
|
||||
<!-- class="decomposition-btn" icon="icon-relation" @click="relateEvent1(child.value)">更多</el-button>-->
|
||||
</div>
|
||||
</div>
|
||||
<template v-if="child.value === null" >-</template>
|
||||
</div>
|
||||
</template>
|
||||
@@ -416,7 +418,7 @@
|
||||
<p class="half">
|
||||
<label style=" margin-right: 156px;"
|
||||
title="“修订中”为现行有效版本；“已修订”标准的有效性需根据实际实施情况判定"
|
||||
>文本状态</label><span style="color: #409EFF;">{{ sarStandardsInfoEO.textStatusBussShow || '-' }}</span>
|
||||
>文本状态</label><span>{{ sarStandardsInfoEO.textStatusBussShow || '-' }}</span>
|
||||
</p>
|
||||
<p class="half"><label style=" margin-right: 157px;">发布日期</label><span>{{ sarStandardsInfoEO.issueTime || '-' }}</span></p>
|
||||
<p class="half" style=""><label style=" margin-right: 122px;">标准实施日期</label><span>{{ sarStandardsInfoEO.putTime || '-' }}</span></p>
|
||||
@@ -425,7 +427,7 @@
|
||||
v-if="child.isShowImp === '0'"
|
||||
>
|
||||
<p class="half">
|
||||
<label style=" margin-right: 157px;" :title="child.attrName">{{child.attrName}}</label>
|
||||
<label style=" margin-right: 150px;" :title="child.attrName">{{child.attrName}}</label>
|
||||
<span :title="child.value || '-'">
|
||||
<template v-if="child.value">
|
||||
{{ child.value }}
|
||||
@@ -525,7 +527,7 @@
|
||||
v-for="(file, fileIndex) in child.value"
|
||||
:key="fileIndex"
|
||||
>
|
||||
<a @click="openFileInPdf(file.id, file.oldFileName)" target="_blank">{{ file.oldFileName }}</a>
|
||||
<a @click="openFileInPdf(file.id, file.oldFileName)" target="_blank">{{ file.oldFileName | ellipsis30}}</a>
|
||||
<i title="下载" @click="downloadFile(file.id)" class="icon-download" v-btn-permission="'9882f477aad895ec56a7464f3e9c0b11'"/>
|
||||
<i title="下载带水印" @click="downloadFileByWater(file.id, file.fileSuffix)" class="icon-download2" v-btn-permission="'9bab2662fbd9d0507b39be813371a597'"/>
|
||||
<!-- <span class="time-text">上传时间：{{ dateFormat(file.modifyTime) }}</span>-->
|
||||
@@ -1321,6 +1323,13 @@ export default {
|
||||
return value.slice(0,12) + '...'
|
||||
}
|
||||
return value
|
||||
},
|
||||
ellipsis50 (value) {
|
||||
if (!value) return ''
|
||||
if (value.length > 50) {
|
||||
return value.slice(0,50) + '...'
|
||||
}
|
||||
return value
|
||||
}
|
||||
},
|
||||
data () {
|
||||
@@ -3404,11 +3413,11 @@ export default {
|
||||
min-height: 50px;
|
||||
line-height: 50px;
|
||||
font-size: 16px;
|
||||
color: #999999;
|
||||
color: #333333;
|
||||
word-break: break-all;
|
||||
//overflow: hidden;
|
||||
//white-space: nowrap;
|
||||
//text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.modular-content-p-flies{
|
||||
position: relative;
|
||||
|
||||
@@ -66,15 +66,15 @@
|
||||
<!--发布稿（必读）-->
|
||||
<template v-for="(child, childIndex) in item.child1">
|
||||
<div class="files-titles" style="border-bottom: 1px solid #E5E5E5">
|
||||
<label style="margin-right: 164px;">{{ child.attrName }}</label>
|
||||
<label style="float: left">{{ child.attrName }}</label>
|
||||
<template v-if="child.value && child.value.length > 0">
|
||||
<!-- 单个文件时-->
|
||||
<div style="position: relative;">
|
||||
<div style="position: relative;margin-left: 214px;">
|
||||
<div v-for="(file, fileIndex) in child1Func(child.value)" style="display: flex;">
|
||||
<span v-if="child.value && child.value.length > 0 && child.value.length === 1" style="display: flex; align-items: center;">
|
||||
<a style="font-size: 16px;color: #409EFF;cursor: pointer;"
|
||||
@click="openFileInPdf(file.id, file.oldFileName)" target="_blank"
|
||||
:title="file.oldFileName">{{ file.oldFileName }}</a>
|
||||
:title="file.oldFileName">{{ file.oldFileName | ellipsis50}}</a>
|
||||
<i
|
||||
title="下载"
|
||||
@click="downloadFile(file.id)"
|
||||
@@ -91,10 +91,10 @@
|
||||
</span>
|
||||
<!-- 多个文件时-->
|
||||
<div v-else-if="child.value && child.value.length > 0">
|
||||
<span style="margin-left: 19%;display: flex; align-items: center;">
|
||||
<span style="display: flex; align-items: center;">
|
||||
<a style="font-size: 16px;color: #409EFF;cursor: pointer"
|
||||
@click="openFileInPdf(file.id, file.oldFileName)" target="_blank"
|
||||
:title="file.oldFileName">{{ file.oldFileName }}</a>
|
||||
:title="file.oldFileName">{{ file.oldFileName | ellipsis50}}</a>
|
||||
<i
|
||||
title="下载"
|
||||
@click="downloadFile(file.id)"
|
||||
@@ -1784,6 +1784,13 @@ export default {
|
||||
return value.slice(0, 12) + '...'
|
||||
}
|
||||
return value
|
||||
},
|
||||
ellipsis50 (value) {
|
||||
if (!value) return ''
|
||||
if (value.length > 50) {
|
||||
return value.slice(0,50) + '...'
|
||||
}
|
||||
return value
|
||||
}
|
||||
},
|
||||
data() {
|
||||
|
||||
Reference in New Issue
Block a user