feat: There is no way the,Laws
This commit is contained in:
super_liu
@@ -6,8 +6,8 @@
|
||||
<span>{{sarStandardsInfoEO.lawsNumber}}-{{sarStandardsInfoEO.lawsYear}} 《{{sarStandardsInfoEO.lawsName}}》 企标详情</span>
|
||||
</div>
|
||||
<!--主体内容-->
|
||||
<div class="details-content">
|
||||
<div class="details-content-modular basic-information">
|
||||
<div class="details-content" style="position: relative">
|
||||
<div class="details-content-modular basic-information" style="border-top: 2px dashed #D1D1D1;">
|
||||
</div>
|
||||
<div
|
||||
class="details-content-modular clearfix"
|
||||
@@ -15,141 +15,151 @@
|
||||
:key="index"
|
||||
v-if="item.isShowImp === '0'"
|
||||
>
|
||||
<div class="modular-header" v-if="item.label !== '基础信息'">
|
||||
<div class="modular-header-title"><i class="icon-modular-title"/><span>{{ item.label }}</span></div>
|
||||
</div>
|
||||
<div class="modular-header" v-if="item.label === '基础信息'">
|
||||
<div class="modular-header-title"><i class="icon-modular-title"/><span>{{ item.label }}</span></div>
|
||||
<!-- <div class="modular-header-title"><i class="icon-modular-title" /><span>企标信息</span>-->
|
||||
<!-- </div>-->
|
||||
<div class="modular-header-btn">
|
||||
<el-button v-if="sarStandardsInfoEO.collectId" @click="collectClick(sarStandardsInfoEO.collectId)" title="取消收藏" class="collection-btn" icon="icon-collection" :loading="isSubmit"></el-button>
|
||||
<el-button v-else @click="collectClick()" title="收藏" class="collection-btn" icon="el-icon-star-off" :loading="isSubmit"></el-button>
|
||||
<el-button class="relation-btn" icon="icon-relation" @click="relateEvent()">更新LOG</el-button>
|
||||
<el-collapse v-model="activeNames" @change="handleChange">
|
||||
<div v-if="item.label === '基础信息'" class="details-content-modular basic-information"
|
||||
style="border-top:none;position: absolute;right: 36px;border: none">
|
||||
<div class="modular-header" style="height: 50px;">
|
||||
<div class="modular-header-btn">
|
||||
<el-button v-if="sarStandardsInfoEO.collectId" @click="collectClick(sarStandardsInfoEO.collectId)" title="取消收藏" class="collection-btn" icon="icon-collection" :loading="isSubmit"></el-button>
|
||||
<el-button v-else @click="collectClick()" title="收藏" class="collection-btn" icon="el-icon-star-off" :loading="isSubmit"></el-button>
|
||||
<el-button class="relation-btn" icon="icon-relation" @click="relateEvent()">更新LOG</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modular-content">
|
||||
<template v-if = "item.label === '基础信息'">
|
||||
<div class="details-content-modular basic-information" style="margin-bottom: 0">
|
||||
<div class="basic-information-content">
|
||||
<p style="color: #C42626;" class="half"><label style=" margin-right: 157px;">政策编号</label><span>{{ sarStandardsInfoEO.lawsNumber }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 157px;">政策文号</label><span>{{ sarStandardsInfoEO.lawsNo || '-' }}</span></p>
|
||||
<p><label style=" margin-right: 157px;">中文名称</label><span>{{ sarStandardsInfoEO.lawsName || '-' }}</span></p>
|
||||
<p style="border: none;"><label style=" margin-right: 157px;">英文名称</label><span>{{ sarStandardsInfoEO.lawsEnName || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 157px;">发文日期</label><span>{{ sarStandardsInfoEO.issueTime || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 157px;">发文单位</label><span>{{ sarStandardsInfoEO.issueCompany || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 157px;">发文单位</label><span>{{ sarStandardsInfoEO.issueCompany || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 120px;">征集意见周期</label><span>{{ sarStandardsInfoEO.commentCycleStart || '' }} - {{sarStandardsInfoEO.commentCycleEnd || ''}}</span></p>
|
||||
<p class="half">
|
||||
<label style=" margin-right: 156px;"
|
||||
title="“修订中”为现行有效版本；“已修订”标准的有效性需根据实际实施情况判定"
|
||||
>文本状态</label><span style="color: #409EFF;">{{ sarStandardsInfoEO.standStatusShow || '-' }}</span>
|
||||
</p>
|
||||
<p class="half"><label style=" margin-right: 157px;">信息简报</label><span>{{ sarStandardsInfoEO.lawsBulletin || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 157px;">适用区域</label><span>{{ sarStandardsInfoEO.lawsSyqy || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 157px;">适用车型</label><span>{{ sarStandardsInfoEO.lawsSycx || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 97px;">是否纳入认证清单</label><span>{{ sarStandardsInfoEO.isRelateAccess || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 97px;">福田转发通知文号</label><span>{{ sarStandardsInfoEO.lawsNotisyncNum || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 192px;">年度</label><span>{{ sarStandardsInfoEO.lawsYear || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 192px;">标签</label><span>{{ sarStandardsInfoEO.lawsLabel || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 192px;">备注</label><span>{{ sarStandardsInfoEO.lawsRemark || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 192px;"></label><span></span></p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template
|
||||
v-for="(child, childIndex) in item.child"
|
||||
v-if="child.isShowImp === '0'"
|
||||
>
|
||||
<div
|
||||
:key="childIndex"
|
||||
class="modular-item"
|
||||
:class="halfClass(child, item.child[childIndex + 1], childIndex)"
|
||||
>
|
||||
<label class="modular-content-p-name" :title="child.attrName">{{ child.attrName }}</label>
|
||||
<span
|
||||
v-if="child.attrField === 'ZYQCR'"
|
||||
class="modular-content-p-val clearfix"
|
||||
:title="child.value || '-'"
|
||||
<el-collapse-item :name="item.label" @click.native="handleChange1(item.label)">
|
||||
<template slot="title">
|
||||
<div class="modular-header" v-if="item.label !== '基础信息'">
|
||||
<div class="modular-header-title"><i class="icon-modular-title"/><span>{{ item.label }}</span></div>
|
||||
</div>
|
||||
<div class="modular-header" v-if="item.label === '基础信息'">
|
||||
<div class="modular-header-title"><i class="icon-modular-title"/><span>{{ item.label }}</span></div>
|
||||
<!-- <div class="modular-header-title"><i class="icon-modular-title" /><span>企标信息</span>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
</template>
|
||||
<div class="modular-content">
|
||||
<template v-if = "item.label === '基础信息'">
|
||||
<div class="details-content-modular basic-information" style="margin-bottom: 0;border: none">
|
||||
<div class="basic-information-content">
|
||||
<p style="color: #C42626;" class="half"><label style=" margin-right: 157px;">政策编号</label><span>{{ sarStandardsInfoEO.lawsNumber }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 157px;">政策文号</label><span>{{ sarStandardsInfoEO.lawsNo || '-' }}</span></p>
|
||||
<p><label style=" margin-right: 157px;">中文名称</label><span>{{ sarStandardsInfoEO.lawsName || '-' }}</span></p>
|
||||
<p v-if="activeState" style=""><label style=" margin-right: 157px;">英文名称</label><span>{{ sarStandardsInfoEO.lawsEnName || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 157px;">发文日期</label><span>{{ sarStandardsInfoEO.issueTime || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 157px;">发文单位</label><span>{{ sarStandardsInfoEO.issueCompany || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 157px;">发文单位</label><span>{{ sarStandardsInfoEO.issueCompany || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 120px;">征集意见周期</label><span>{{ sarStandardsInfoEO.commentCycleStart || '' }} - {{sarStandardsInfoEO.commentCycleEnd || ''}}</span></p>
|
||||
<p class="half">
|
||||
<label style=" margin-right: 156px;"
|
||||
title="“修订中”为现行有效版本；“已修订”标准的有效性需根据实际实施情况判定"
|
||||
>文本状态</label><span style="color: #409EFF;">{{ sarStandardsInfoEO.standStatusShow || '-' }}</span>
|
||||
</p>
|
||||
<p class="half"><label style=" margin-right: 157px;">信息简报</label><span>{{ sarStandardsInfoEO.lawsBulletin || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 157px;">适用区域</label><span>{{ sarStandardsInfoEO.lawsSyqy || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 157px;">适用车型</label><span>{{ sarStandardsInfoEO.lawsSycx || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 97px;">是否纳入认证清单</label><span>{{ sarStandardsInfoEO.isRelateAccess || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 97px;">福田转发通知文号</label><span>{{ sarStandardsInfoEO.lawsNotisyncNum || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 192px;">年度</label><span>{{ sarStandardsInfoEO.lawsYear || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 192px;">标签</label><span>{{ sarStandardsInfoEO.lawsLabel || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 192px;">备注</label><span>{{ sarStandardsInfoEO.lawsRemark || '-' }}</span></p>
|
||||
<p class="half"><label style=" margin-right: 192px;"></label><span></span></p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template
|
||||
v-for="(child, childIndex) in item.child"
|
||||
v-if="child.isShowImp === '0'"
|
||||
>
|
||||
<div
|
||||
:key="childIndex"
|
||||
:class="item.label !== '过程稿件' ? 'modular-item half' : 'modular-item'"
|
||||
>
|
||||
<label class="modular-content-p-name" :title="child.attrName">{{ child.attrName }}</label>
|
||||
<span
|
||||
v-if="child.attrField === 'ZYQCR'"
|
||||
class="modular-content-p-val clearfix"
|
||||
:title="child.value || '-'"
|
||||
>
|
||||
<template v-if="child.value">
|
||||
{{ child.value }}
|
||||
<put-question-button
|
||||
style="float: right;"
|
||||
:resId="sarStandardsInfoEO.id"
|
||||
:resType="saveStandType"
|
||||
style="float: right;"
|
||||
:resId="sarStandardsInfoEO.id"
|
||||
:resType="saveStandType"
|
||||
></put-question-button>
|
||||
</template>
|
||||
<template v-else>
|
||||
{{ '-' }}
|
||||
</template>
|
||||
</span>
|
||||
<!--规范性引用文件-->
|
||||
<template v-else-if="child.attrField === 'GFXYYWJ' && child.value">
|
||||
<p class="modular-content-p-val">
|
||||
<!--规范性引用文件-->
|
||||
<template v-else-if="child.attrField === 'GFXYYWJ' && child.value">
|
||||
<p class="modular-content-p-val">
|
||||
<span v-for="(item, index) in child.value.split(',')" :key="index">
|
||||
<a @click="showReplaceStandInfo(item)" style="cursor: pointer;color: #0c91e5;margin-right: 5px;" class="span-line">{{item}}</a>
|
||||
</span>
|
||||
</p>
|
||||
</template>
|
||||
<!--相关流程-->
|
||||
<template v-else-if="child.attrField === 'XGLC' && child.value">
|
||||
<p class="modular-content-p-val">
|
||||
</p>
|
||||
</template>
|
||||
<!--相关流程-->
|
||||
<template v-else-if="child.attrField === 'XGLC' && child.value">
|
||||
<p class="modular-content-p-val">
|
||||
<span v-for="(item, index) in child.value.split(',')" :key="index">
|
||||
<a @click="processCenterClick(item)" style="cursor: pointer;color: #0c91e5;margin-right: 5px;" class="span-line">{{item}}</a>
|
||||
</span>
|
||||
</p>
|
||||
</template>
|
||||
<!--相关计划-->
|
||||
<template v-else-if="child.attrField === 'XGJH' && child.value">
|
||||
</p>
|
||||
</template>
|
||||
<!--相关计划-->
|
||||
<template v-else-if="child.attrField === 'XGJH' && child.value">
|
||||
<span
|
||||
v-if="child.value.length === 0"
|
||||
class="modular-content-p-val"
|
||||
:title="'-'"
|
||||
v-if="child.value.length === 0"
|
||||
class="modular-content-p-val"
|
||||
:title="'-'"
|
||||
>
|
||||
{{ '-' }}
|
||||
</span>
|
||||
<p v-else class="modular-content-p-val">
|
||||
<p v-else class="modular-content-p-val">
|
||||
<span v-for="(item, index) in child.value" :key="index">
|
||||
<a @click="showXGJH(item)" style="cursor: pointer;color: #0c91e5;margin-right: 5px;" class="span-line">查看计划</a>
|
||||
</span>
|
||||
</p>
|
||||
</template>
|
||||
<span
|
||||
v-else-if="child.attrField === 'SVPPS'"
|
||||
class="modular-content-p-val"
|
||||
:title="child.tips || '-'"
|
||||
>
|
||||
</p>
|
||||
</template>
|
||||
<span
|
||||
v-else-if="child.attrField === 'SVPPS'"
|
||||
class="modular-content-p-val"
|
||||
:title="child.tips || '-'"
|
||||
>
|
||||
{{ !child.value || child.value === 'null' ? '-' : child.value }}
|
||||
</span>
|
||||
<span
|
||||
v-else-if="child.attrType !== 'FILE'"
|
||||
class="modular-content-p-val"
|
||||
:title="child.value || '-'"
|
||||
>
|
||||
<span
|
||||
v-else-if="child.attrType !== 'FILE'"
|
||||
class="modular-content-p-val"
|
||||
:title="child.value || '-'"
|
||||
>
|
||||
{{ child.value || '-' }}
|
||||
</span>
|
||||
<div v-else class="modular-content-p-flies">
|
||||
<p
|
||||
class="files-title"
|
||||
v-for="(file, fileIndex) in child.value"
|
||||
:key="fileIndex"
|
||||
>
|
||||
<a @click="openFileInPdf(file.id, file.oldFileName)" target="_blank">{{ file.oldFileName }}</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>
|
||||
</p>
|
||||
<!-- <el-button-->
|
||||
<!-- @click="showItemsModel(child.attrField)"-->
|
||||
<!-- class="decomposition-btn"-->
|
||||
<!-- icon="icon-separate"-->
|
||||
<!-- >标准分解单</el-button>-->
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="modular-content-p-flies">
|
||||
<p
|
||||
class="files-title"
|
||||
v-for="(file, fileIndex) in child.value"
|
||||
:key="fileIndex"
|
||||
>
|
||||
<a @click="openFileInPdf(file.id, file.oldFileName)" target="_blank">{{ file.oldFileName }}</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>
|
||||
</p>
|
||||
<!-- <el-button-->
|
||||
<!-- @click="showItemsModel(child.attrField)"-->
|
||||
<!-- class="decomposition-btn"-->
|
||||
<!-- icon="icon-separate"-->
|
||||
<!-- >标准分解单</el-button>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<div v-show="!isMoreAwayBtn" class="more" @click="moreClick">更多<img src="@/assets/images/shangqi/img/more.png"></div>
|
||||
@@ -886,13 +896,26 @@ export default {
|
||||
components: {
|
||||
PutQuestionButton
|
||||
},
|
||||
filters: {
|
||||
ellipsis (value) {
|
||||
if (!value) return ''
|
||||
if (value.length > 12) {
|
||||
return value.slice(0,12) + '...'
|
||||
}
|
||||
return value
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
activeNames: ['基础信息'],
|
||||
activeState: false,
|
||||
visiblePlanCheck: false,
|
||||
form: {},
|
||||
relateDialog: false,
|
||||
relateDialog1: false,
|
||||
relateList: [],
|
||||
relateNowList: [],
|
||||
relateNowList1: [],
|
||||
sarType: sarType,
|
||||
loading: true,
|
||||
showItemInfoModal: false,
|
||||
@@ -1091,6 +1114,14 @@ export default {
|
||||
watch: {
|
||||
},
|
||||
methods: {
|
||||
handleChange(val) {
|
||||
console.log(val)
|
||||
},
|
||||
handleChange1(val) {
|
||||
if(val && val === '基础信息'){
|
||||
this.activeState = true
|
||||
}
|
||||
},
|
||||
getPlanStatusName(status) {
|
||||
switch (status) {
|
||||
case "1":
|
||||
@@ -2097,6 +2128,62 @@ export default {
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/mixins';
|
||||
@import '~@/assets/styles/style';
|
||||
/deep/ .el-collapse{
|
||||
border: none;
|
||||
}
|
||||
|
||||
/deep/ .el-collapse-item__wrap{
|
||||
border: none;
|
||||
}
|
||||
/deep/ .decomposition-btn {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 0;
|
||||
padding: 0 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
color: #07C160;
|
||||
border: 1px solid #07C160;
|
||||
background: rgba(1, 193, 96, 0.1);
|
||||
|
||||
/deep/ .icon-separate {
|
||||
display: inline-block;
|
||||
margin-right: 3px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
background-position: center center;
|
||||
vertical-align: sub;
|
||||
background-image: url("~assets/images/shangqi/standardDetails/separate.png");
|
||||
}
|
||||
}
|
||||
/deep/ .icon-download {
|
||||
display: inline-block;
|
||||
margin-left: 3px;
|
||||
width: 18px;
|
||||
height: 16px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
background-position: center center;
|
||||
vertical-align: sub;
|
||||
cursor: pointer;
|
||||
background-image: url("~assets/images/shangqi/img/download.png");
|
||||
}
|
||||
|
||||
/deep/ .icon-download2 {
|
||||
display: inline-block;
|
||||
margin-left: 3px;
|
||||
width: 18px;
|
||||
height: 16px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
background-position: center center;
|
||||
vertical-align: sub;
|
||||
cursor: pointer;
|
||||
background-image: url("~assets/images/shangqi/img/download2.png");
|
||||
}
|
||||
.other-standard-details{
|
||||
padding: 15px 30px 0;
|
||||
width: 1200px;
|
||||
@@ -2120,6 +2207,7 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
border-bottom: 1px solid #E5E5E5;
|
||||
.modular-header-title{
|
||||
@@ -2134,7 +2222,8 @@ export default {
|
||||
background-size: 100% 100%;
|
||||
background-position: center center;
|
||||
background-image: url("~assets/images/shangqi/standardDetails/modular-title.png");
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
& > span{
|
||||
padding-left: 10px;
|
||||
@@ -2201,8 +2290,8 @@ export default {
|
||||
.modular-content-p-name{
|
||||
display: inline-block;
|
||||
width: 220px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
height: 43px;
|
||||
line-height: 43px;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
vertical-align: top;
|
||||
@@ -2282,16 +2371,14 @@ export default {
|
||||
}
|
||||
}
|
||||
.basic-information{
|
||||
/*border-top: 2px dashed #D1D1D1;*/
|
||||
border-bottom: 2px dashed #D1D1D1;
|
||||
.modular-header{
|
||||
height: 60px;
|
||||
border-bottom: none;
|
||||
}
|
||||
.basic-information-content{
|
||||
& > p{
|
||||
min-height: 55px;
|
||||
line-height: 55px;
|
||||
min-height: 43px;
|
||||
line-height: 43px;
|
||||
border-bottom: 1px solid #E5E5E5;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user