|
|
|
@ -15,19 +15,44 @@ |
|
|
|
</el-breadcrumb> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="basic-main"> |
|
|
|
<div class="main-wrap"> |
|
|
|
<announcementBasicTable |
|
|
|
:enterpriseObj="enterpriseObj" |
|
|
|
:bonusPointsAll="bonusPointsAll" |
|
|
|
:firstName="firstName" |
|
|
|
/> |
|
|
|
<div class="descriptions-wrap"> |
|
|
|
<misconductTable |
|
|
|
<div v-if="actionList && actionList.length>0" class="descriptions-wrap"> |
|
|
|
<!-- <misconductTable |
|
|
|
:title="title + (index + 1)" |
|
|
|
v-for="(item, index) in actionList" |
|
|
|
:key="(item, index)" |
|
|
|
:itemObj="item" |
|
|
|
/> --> |
|
|
|
<div class="tabs-wrap"> |
|
|
|
<el-tabs |
|
|
|
type="border-card" |
|
|
|
v-model="activeName" |
|
|
|
@tab-click="handleClick" |
|
|
|
class="tabs" |
|
|
|
> |
|
|
|
<el-tab-pane |
|
|
|
v-for="(item, index) in actionList" |
|
|
|
:key="(title + (index + 1))" |
|
|
|
:label="item.label" |
|
|
|
:name="(title + (index + 1))" |
|
|
|
> |
|
|
|
<div slot="label" class="tab-label"> |
|
|
|
<span>{{ title + (index + 1) }}</span> |
|
|
|
</div> |
|
|
|
<misconductTable |
|
|
|
:title="title + (index + 1)" |
|
|
|
:itemObj="item" |
|
|
|
/> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -44,14 +69,16 @@ export default { |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
activeName: "first", |
|
|
|
activeName: '', |
|
|
|
// activeName: this.$route.query.type==='good'?'良好行为公告1':'不良行为公告1', |
|
|
|
enterpriseObj: {}, |
|
|
|
enterpriseForm: { |
|
|
|
enterpriseId: "", |
|
|
|
type: "0" |
|
|
|
}, |
|
|
|
actionList: [], |
|
|
|
bonusPointsAll: 0 |
|
|
|
bonusPointsAll: 0, |
|
|
|
firstName: '', |
|
|
|
}; |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
@ -60,6 +87,13 @@ export default { |
|
|
|
return type === "good" ? "企业良好行为" : "企业不良行为"; |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
if (this.$route.query.type==='good') { |
|
|
|
this.activeName = '企业良好行为1' |
|
|
|
} else { |
|
|
|
this.activeName = '企业不良行为1' |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.enterpriseForm.enterpriseId = this.$route.query.enterpriseId; |
|
|
|
this.getCreditList(); |
|
|
|
@ -71,6 +105,7 @@ export default { |
|
|
|
this.enterpriseForm.type = "1"; |
|
|
|
getGoodAll(this.enterpriseForm).then(res => { |
|
|
|
this.enterpriseObj = res.data.data[0]; |
|
|
|
this.firstName = this.enterpriseObj.enterpriseName.trim().split("")[0]; |
|
|
|
this.actionList = res.data.data; |
|
|
|
this.actionList.forEach(item => { |
|
|
|
this.bonusPointsAll += Number(item.bonusPoints); |
|
|
|
@ -80,6 +115,7 @@ export default { |
|
|
|
this.enterpriseForm.type = "0"; |
|
|
|
getBadAll(this.enterpriseForm).then(res => { |
|
|
|
this.enterpriseObj = res.data.data[0]; |
|
|
|
this.firstName = this.enterpriseObj.enterpriseName.trim().split("")[0]; |
|
|
|
this.actionList = res.data.data; |
|
|
|
this.actionList.forEach(item => { |
|
|
|
this.bonusPointsAll += Number(item.bonusPoints); |
|
|
|
@ -130,12 +166,44 @@ export default { |
|
|
|
.main-wrap { |
|
|
|
width: 1200px; |
|
|
|
margin: 0 auto; |
|
|
|
background: #ffffff; |
|
|
|
border-radius: 8px; |
|
|
|
overflow: hidden; |
|
|
|
padding: 20px; |
|
|
|
// padding: 20px; |
|
|
|
|
|
|
|
.descriptions-wrap { |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.tabs-wrap { |
|
|
|
// width: 1200px; |
|
|
|
// margin: 0 auto; |
|
|
|
margin-top: 20px; |
|
|
|
|
|
|
|
/deep/ .tabs { |
|
|
|
background: #fff; |
|
|
|
border-radius: 8px; |
|
|
|
border: none; |
|
|
|
overflow: hidden; |
|
|
|
// background: #f6f6f6; |
|
|
|
.el-tabs__header { |
|
|
|
background: #f5f7fa; |
|
|
|
.el-tabs__nav { |
|
|
|
.el-tabs__item { |
|
|
|
height: 60px; |
|
|
|
line-height: 60px; |
|
|
|
padding-left: 50px; |
|
|
|
padding-right: 50px; |
|
|
|
&.is-active { |
|
|
|
color: #005eb7; |
|
|
|
font-weight: 600; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.el-tabs__nav-next, .el-tabs__nav-prev { |
|
|
|
line-height: 60px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
xzt
1 month ago