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

code init

Browse Source
This commit is contained in:
chenxiaoxi
2021-05-25 18:06:45 +08:00
parent 02698d6dab
commit f54a8d4fa1
1367 changed files with 540755 additions and 21713 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/details/enterBSysRevPlanManaLibDetail/index.vue
+535
View File
@@ -0,0 +1,535 @@
<template>
<div class="enter-b-sys-rev-plan-manalib-detail v-class" :class="{'hidden': !isMoreAwayBtn}">
<div class="details-header">
<span>{{sarStandardsInfoEO.standCode}}-{{sarStandardsInfoEO.standYear}} 《{{sarStandardsInfoEO.cnName}}》 标准详情</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">
<!-- style="color: #C42626;"-->
<p><label>计划类型：</label><span>{{ sarStandardsInfoEO.planType==='1'?'制定':(sarStandardsInfoEO.planType==='2'?'修订':'-') }}</span></p>
<p v-if="sarStandardsInfoEO.planType === '2'"><label>修订企标：</label><span>{{ sarStandardsInfoEO.reviseBussStand || '-' }}</span></p>
<p><label>企标编号：</label><span>{{ sarStandardsInfoEO.standCode || '-' }}</span></p>
<p><label title="计划已确认：制修订计划审批完成，计划入库，为初始状态；制定中：主起草人已提交草稿，审批中。已发布：制修订流程审批完成，企标发布。">计划状态<i class="el-icon-warning-outline"></i>：</label><span style="color: #409EFF;">{{ getPlanStatusName(sarStandardsInfoEO.planStatus) || '-' }}</span></p>
<p><label>企标名称：</label><span>{{ sarStandardsInfoEO.cnName || '-' }}</span></p>
<p><label>英文名称：</label><span>{{ sarStandardsInfoEO.enName || '-' }}</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>-->
<span>{{ sarStandardsInfoEO.replacedStandNum || '-' }}</span>
</p>
<p><label>标准密级：</label><span>{{ sarStandardsInfoEO.standLevelShow || '-' }}</span></p>
<p><label>计划开始编写日期：</label><span>{{ sarStandardsInfoEO.planStartTime || '-' }}</span></p>
<p><label>计划发布日期：</label><span>{{ sarStandardsInfoEO.putTime || '-' }}</span></p>
</div>
</div>
</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>
<div class="basic-information-content">
<p><label>相关流程：</label>
<span class="modular-content-p-val" v-if="sarStandardsInfoEO.prcNum">
<span v-for="(item, index) in sarStandardsInfoEO.prcNum.split(',')" :key="index">
<a @click="processCenterClick(item)" style="cursor: pointer;color: #0c91e5;margin-right: 5px;" class="span-line">{{item }}</a>
</span>
</span>
<span class="modular-content-p-val" v-else>
-
</span>
</p>
<p><label>标准制修订来源*：</label><span>{{ sarStandardsInfoEO.planSourceShow || sarStandardsInfoEO.planSource || '-' }}</span></p>
<p><label>制修订原因：</label><span>{{sarStandardsInfoEO.planReason || '-'}}</span></p>
<div class="file-wrap">
<a
v-for="item in sarStandardsInfoEO.planReasonFileList"
:key="item.id"
@click="downloadFile(item.id)"
>
{{ item.oldFileName }}
</a>
</div>
<p><label>验证工作：</label><span>{{sarStandardsInfoEO.testWork || '-'}}</span></p>
<div class="file-wrap">
<a
v-for="item in sarStandardsInfoEO.testWorkFileList"
:key="item.id"
@click="downloadFile(item.id)"
>
{{ item.oldFileName }}
</a>
</div>
<p><label>项目影响：</label><span>{{sarStandardsInfoEO.planImpact || '-'}}</span></p>
<div class="file-wrap">
<a
v-for="item in sarStandardsInfoEO.planImpactFileLis"
:key="item.id"
@click="downloadFile(item.id)"
>
{{ item.oldFileName }}
</a>
</div>
</div>
</div>
</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>
<div class="basic-information-content">
<p><label>主起草部门：</label> <span>{{ sarStandardsInfoEO.primaryDrafterDeptName || '-' }}</span>
<!-- <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>
<p><label>主起草人：</label><span>{{ sarStandardsInfoEO.primaryDrafterName || '-' }}</span></p>
<p><label>起草部门：</label><span>{{ sarStandardsInfoEO.otherDrafterDeptName || '-' }}</span></p>
<p><label>其他起草人：</label><span>{{ sarStandardsInfoEO.compilersUserName || '-' }}</span></p>
<p><label>涉及的会签部门：</label><span>{{ sarStandardsInfoEO.compileUnitName || '-' }}</span></p>
<!-- <p><label>相关部门：</label><span>{{ sarStandardsInfoEO.compileUnitName || '-' }}</span></p>-->
</div>
</div>
</div>
</div>
</template>
<script>
import {dateFormat} from "@/common/date";
export default {
name: "index",
data(){
return{
isMoreAwayBtn:false,
sarStandardsInfoEO:{}
}
},
mounted(){
this.getDetail()
},
methods:{
dateFormat(str) {
return dateFormat(str)
},
/**
* @Description: 查询详情
* @author zmf
* @date 2021/3/4
*/
getDetail(){
this.$http.get('lawss/sarBussStandPlan/getById', {id: this.$route.params.id},{
_this: this
}, res => {
this.sarStandardsInfoEO = res.data
this.sarStandardsInfoEO.planStartTime=this.dateFormat(this.sarStandardsInfoEO.planStartTime, 'yyyy-MM-dd')
this.sarStandardsInfoEO.putTime=this.dateFormat(this.sarStandardsInfoEO.putTime, 'yyyy-MM-dd')
}, e => {
})
},
/**
* @Description:
* @author zmf
* @date 2021/3/4
*/
getPlanStatusName(status) {
switch (status) {
case "1":
return "制定中";
case "2":
return "修订中";
case "3":
return "已发布";
case "4":
return "计划已确认";
}
},
/**
* @Description:
* @author zmf
* @date 2021/3/4
*/
downloadFile(attId) {
if (attId != null && attId !== "") {
window.location.href =
"/api/att/attFile/downloadFileForSar?fileId=" + attId;
} else {
this.$message.error("请选择要下载的文件");
}
},
/**
* @Description: 跳转流程
* @author zmf
* @date 2021/3/4
*/
processCenterClick (item) {
let prc=item.indexOf(' ')
let prcNum = item.substring(0,prc)
let routeUrl = this.$router.resolve({
name: 'ProcessDetail',
query: {
prcNum: prcNum
}
})
window.open(routeUrl.href, '_blank')
},
}
}
</script>
<style lang="less" scoped>
@import '~@/assets/styles/mixins';
@import '~@/assets/styles/style';
.enter-b-sys-rev-plan-manalib-detail{
padding: 15px 30px 0;
width: 1200px;
margin: 0 auto;
height: 100%;
/deep/.el-radio-group {
display: block;
margin-bottom: 10px;
}
.action-bar {
border-top: 0px;
}
.fileCss {
margin-right: 10px;
cursor: pointer;
}
.fileCss:hover {
color: #0c91e5;
}
.myDialog1 {
/deep/.el-dialog__body {
padding: 0px 20px 10px;
}
.myRadio {
min-height: 200px;
max-height: 400px;
overflow: auto;
}
}
.myDialog {
min-width: 700px;
.el-dialog {
min-width: 700px;
width: 70%;
}
/deep/.el-dialog__body {
padding: 0px 20px 56px;
.basic-information-content{
color: #333333;
font-size: 18px;
font-weight: 400;
.standard-text{
height: 50px;
line-height: 50px;
border-bottom: 1px solid #E5E5E5;
}
& > p{
min-height: 55px;
line-height: 55px;
}
}
}
.knowContent {
height: 500px;
}
}
.details-header{
padding: 34px 0;
font-size: 20px;
font-weight: bold;
color: #555555;
text-align: center;
& > span{
width: 100%;
}
}
/deep/.details-content{
/*padding: 0 67px;*/
.details-content-modular{
margin-bottom: 20px;
.modular-header{
display: flex;
align-items: center;
justify-content: space-between;
height: 50px;
border-bottom: 1px solid #E5E5E5;
.modular-header-title{
font-size: 18px;
font-weight: bold;
color: #3B424C;
& > .icon-modular-title{
display: inline-block;
margin-left: -28px;
width: 18px;
height: 18px;
background-size: 100% 100%;
background-position: center center;
background-image: url("~assets/images/shangqi/standardDetails/modular-title.png");
vertical-align: top;
}
& > span{
padding-left: 10px;
}
}
.modular-header-btn{
& > button{
height: 30px;
line-height: 30px;
font-size: 14px;
border-radius: 15px;
padding: 0 10px;
font-family: 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
& > i{
display: inline-block;
margin-right: 3px;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
vertical-align: text-bottom;
}
}
.collection-btn{
padding: 0;
border: none;
i {
color: #F2CB51;
font-size: 18px;
width: 18px;
height: 18px;
}
/*background: rgba(244, 162, 39, 0.1);*/
.icon-collection{
background-image: url("~assets/images/shangqi/standardDetails/collection.png");
}
&:hover{
background: transparent;
}
}
.relation-btn{
color: #409EFF;
border: 1px solid #409EFF;
background: rgba(64, 158, 255, 0.1);
.icon-relation{
background-image: url("~assets/images/shangqi/standardDetails/relation.png");
}
}
}
}
.basic-information-content{
color: #333333;
font-size: 18px;
font-weight: 400;
.standard-text{
height: 50px;
line-height: 50px;
border-bottom: 1px solid #E5E5E5;
}
.file-wrap {
padding:10px auto 10px 0;
/*border-top: 1px dashed #ddd;*/
a{
min-height: 55px;
line-height: 55px;
cursor: pointer;
color: #0c91e5;
}
}
}
.modular-content{
.modular-item-more {
padding: 5px 0;
width: 100%;
float: left;
text-align: center;
line-height: 30px;
display: flex;
justify-content: center;
align-items: center;
.wrap {
cursor: pointer;
span {
color: #409EFF;
}
img {
height: 10px;
margin-left: 5px;
transition: all .2s linear;
&.is-show-all {
transform: rotate(180deg);
}
}
}
}
& > div:not(.modular-item-more){
border-bottom: 1px solid #E5E5E5;
.modular-content-p-name{
display: inline-block;
width: 220px;
height: 50px;
line-height: 50px;
font-size: 16px;
color: #333333;
vertical-align: top;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.modular-content-p-val{
display: inline-block;
width: calc(~'100% - 225px');
min-height: 50px;
line-height: 50px;
font-size: 16px;
color: #999999;
word-break: break-all;
//overflow: hidden;
//white-space: nowrap;
//text-overflow: ellipsis;
}
.modular-content-p-flies{
position: relative;
display: inline-block;
width: calc(~'100% - 225px');
min-height: 50px;
& > .files-title{
width: calc(~'100% - 120px');
min-height: 50px;
line-height: 50px;
font-size: 16px;
color: #409EFF;
& > a{
cursor: pointer;
}
& > i{
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;
}
.icon-download{
background-image: url("~assets/images/shangqi/img/download.png");
}
.icon-download2{
background-image: url("~assets/images/shangqi/img/download2.png");
}
}
.decomposition-btn{
position: absolute;
top: 10px;
right: 0;
padding: 0 10px;
height: 30px;
line-height: 30px;
font-size: 14px;
border-radius: 15px;
color: #07C160;
border: 1px solid #07C160;
background: rgba(1, 193, 96, 0.1);
.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");
}
}
}
}
}
}
.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;
}
}
}
}
.more, .put-away{
position: fixed;
bottom: 0;
width: 1200px;
display: flex;
justify-content: center;
align-items: center;
//margin-bottom: 20px;
color: #409EFF;
font-size: 16px;
cursor: pointer;
background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
padding-bottom: 34px;
padding-top: 34px;
& > img{
margin-left: 5px;
width: 14px;
height: 14px;
}
}
.put-away{
& > img{
transform: rotate(180deg);
}
}
.not-footer-drawer{
.search-area{
margin-bottom: 0;
border-bottom: 5px solid #f6f6f6;
}
.content{
padding: 0 10px;
flex: auto;
//height: calc(~'100% - 105px - 56px');
}
.pagination{
position: static;
}
}
}
</style>