feat: There is no way the BUSS

This commit is contained in:
super_liu
2021-08-20 17:37:40 +08:00
parent e41d49a460
commit 61cd8f71cc
6 changed files with 473 additions and 311 deletions
@@ -3,52 +3,11 @@
<div class="other-standard-details v-class" :class="{'hidden': !isMoreAwayBtn}">
<!--title 标题-->
<div class="details-header">
<span>{{sarStandardsInfoEO.standCode}}-{{sarStandardsInfoEO.standYear}} 《{{sarStandardsInfoEO.standName}}》 标准详情</span>
<span>{{sarStandardsInfoEO.standCode}}-{{sarStandardsInfoEO.standYear}} 《{{sarStandardsInfoEO.standName}}》 企标详情</span>
</div>
<!--主体内容-->
<div class="details-content">
<div class="details-content-modular basic-information">
<div class="modular-header">
<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>
</div>
</div>
<div class="basic-information-content">
<p style="color: #C42626;"><label>企标编号:</label><span>{{ sarStandardsInfoEO.standCode }}</span></p>
<p><label>中文名称:</label><span>{{ sarStandardsInfoEO.standName || '-' }}</span></p>
<p><label>英文名称:</label><span>{{ sarStandardsInfoEO.standEnName || '-' }}</span></p>
<p>
<label
title="“修订中”为现行有效版本;“已修订”标准的有效性需根据实际实施情况判定"
>标准状态<i class="el-icon-warning-outline"></i>:</label><span style="color: #409EFF;">{{ sarStandardsInfoEO.standStatusShow || '-' }}</span>
</p>
<p><label>发布日期:</label><span>{{ sarStandardsInfoEO.issueTime || '-' }}</span></p>
<p><label>标准实施日期:</label><span>{{ sarStandardsInfoEO.putTime || '-' }}</span></p>
<p><label>代替企标编号:</label>
<span v-if="sarStandardsInfoEO.replaceStandNum != null && sarStandardsInfoEO.replaceStandNum !== '' && sarStandardsInfoEO.replaceStandNum.split(',').length > 0">
<span v-for="(item, index) in sarStandardsInfoEO.replaceStandNum.split(',')" :key="index">
<a @click="showReplaceLawsInfo(item)" style="cursor: pointer;color: #0c91e5;margin-right: 5px;" class="span-line">{{item}}</a>
</span>
</span>
<span v-else>
{{'-' }}
</span>
</p>
<p><label>被代替企标编号:</label>
<span v-if="sarStandardsInfoEO.replacedStandNum != null && sarStandardsInfoEO.replacedStandNum !== '' && sarStandardsInfoEO.replacedStandNum.split(',').length > 0">
<span v-for="(item, index) in sarStandardsInfoEO.replacedStandNum.split(',')" :key="index">
<a @click="showReplaceLawsInfo(item)" style="cursor: pointer;color: #0c91e5;margin-right: 5px;" class="span-line">{{item}}</a>
</span>
</span>
<span v-else>
{{'-' }}
</span>
</p>
</div>
</div>
<div
class="details-content-modular clearfix"
@@ -56,10 +15,36 @@
:key="index"
v-if="item.isShowImp === '0'"
>
<div class="modular-header">
<div class="modular-header-title"><i class="icon-modular-title" /><span>{{ item.label }}</span></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>
<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>
</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;"><label style=" margin-right: 164px;">企标号</label><span>{{ sarStandardsInfoEO.standCode }}</span></p>
<p><label style=" margin-right: 150px;">中文名称</label><span>{{ sarStandardsInfoEO.standName || '-' }}</span></p>
<p><label style=" margin-right: 150px;">英文名称</label><span>{{ sarStandardsInfoEO.standEnName || '-' }}</span></p>
<p>
<label style=" margin-right: 132px;"
title="“修订中”为现行有效版本;“已修订”标准的有效性需根据实际实施情况判定"
>文本状态<i class="el-icon-warning-outline"></i></label><span style="color: #409EFF;">{{ sarStandardsInfoEO.standStatusShow || '-' }}</span>
</p>
<p><label style=" margin-right: 150px;">发布日期</label><span>{{ sarStandardsInfoEO.issueTime || '-' }}</span></p>
<p><label style=" margin-right: 115px;">标准实施日期</label><span>{{ sarStandardsInfoEO.putTime || '-' }}</span></p>
</div>
</div>
</template>
<template
v-for="(child, childIndex) in item.child"
v-if="child.isShowImp === '0'"
@@ -2032,8 +2017,8 @@ export default {
})
Promise.all([this.queryDisplayLocation(), this.selectStandMessage(), this.getAddFormFieldList()]).then(async(values) => {
const [displayLocation, {attrInfoMap: dynamicFormField}, formFieldList] = values
const relatedPlansRes = await this.queryRelatedPlans()
const relatedPlans = relatedPlansRes.list
// const relatedPlansRes = await this.queryRelatedPlans()
// const relatedPlans = relatedPlansRes.list
formFieldList.forEach((field) => {
displayLocation.forEach((location) => {
location.isShowImp = '0'
@@ -2114,7 +2099,7 @@ export default {
/deep/.details-content{
/*padding: 0 67px;*/
.details-content-modular{
margin-bottom: 20px;
/*margin-bottom: 20px;*/
.modular-header{
display: flex;
align-items: center;
@@ -2186,8 +2171,8 @@ export default {
}
.basic-information-content{
color: #333333;
font-size: 18px;
font-weight: 400;
font-size: 16px;
/*font-weight: 400;*/
.standard-text{
height: 50px;
line-height: 50px;
@@ -2281,7 +2266,7 @@ export default {
}
}
.basic-information{
border-top: 2px dashed #D1D1D1;
/*border-top: 2px dashed #D1D1D1;*/
border-bottom: 2px dashed #D1D1D1;
.modular-header{
height: 60px;
@@ -2291,6 +2276,7 @@ export default {
& > p{
min-height: 55px;
line-height: 55px;
border-bottom: 1px solid #E5E5E5;
}
}
}