FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: There is no way the,Laws

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