Niko
/
shuili_manager
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

调整信用平台样式

master
xzt 1 month ago
parent
a4f4b667d3
commit
5415ef67ca
4 changed files with 263 additions and 36 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 82
      jwtech-pc-page/src/views/announcement/actionAnnouncementDetail.vue
  2. 210
      jwtech-pc-page/src/views/announcement/components/announcementBasicTable.vue
  3. 4
      jwtech-pc-page/src/views/announcement/components/misconductTable.vue
  4. 3
      jwtech-pc-page/src/views/home/index.vue

82
jwtech-pc-page/src/views/announcement/actionAnnouncementDetail.vue
View File

@ -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;
}
}
}
}
}

210
jwtech-pc-page/src/views/announcement/components/announcementBasicTable.vue
View File

@ -1,31 +1,59 @@
<template>
<div class="descriptions-table">
<el-descriptions
class="margin-top"
:column="1"
border
:content-style="rowCenter"
:label-style="labelRowCenter"
>
<el-descriptions-item label="企业名称">
{{ enterpriseObj.enterpriseName }}
</el-descriptions-item>
<el-descriptions-item label="资质类别">
{{ enterpriseObj.qualificationCategory || "-" }}
</el-descriptions-item>
<el-descriptions-item label="项目名称">
{{ enterpriseObj.projectName || "-" }}
</el-descriptions-item>
<el-descriptions-item :label="sorce">
{{ bonusPointsAll || "-" }}
</el-descriptions-item>
<el-descriptions-item label="发布时间">
{{ enterpriseObj.noticeBeginTime || "-" }}
</el-descriptions-item>
<el-descriptions-item label="发布单位">
{{ enterpriseObj.publishUnit || "-" }}
</el-descriptions-item>
</el-descriptions>
<div class="table-wrap">
<div class="title-wrap">
<div class="letf">
<span>{{ firstName }}</span>
</div>
<div class="right">
<div class="top">
<h2 class="name">{{ enterpriseObj.enterpriseName }}</h2>
</div>
<!-- <p class="code">
统一社会信用代码：{{ enterpriseObj.unifiedSocialCreditCode }}
</p> -->
</div>
</div>
<!-- 重要提示 -->
<div class="tips">
<div class="tips-title">重要提示：</div>
<div class="tips-content">
本平台信用信息来源于基本信息、信用承诺、资质信息、人员信息、业绩信息和其他信息等由企事业单位自行申报，其真实性、有效性由企事业单位负责，企事业单位对所填报的信息客任负责，不得含有虚假或违规内容。
</div>
</div>
<div class="table-title">
<span>
基本信息
</span>
</div>
<el-descriptions
class="margin-top"
:column="1"
border
:content-style="rowCenter"
:label-style="labelRowCenter"
>
<el-descriptions-item label="企业名称">
{{ enterpriseObj.enterpriseName }}
</el-descriptions-item>
<el-descriptions-item label="资质类别">
{{ enterpriseObj.qualificationCategory || "-" }}
</el-descriptions-item>
<el-descriptions-item label="项目名称">
{{ enterpriseObj.projectName || "-" }}
</el-descriptions-item>
<el-descriptions-item :label="sorce">
{{ bonusPointsAll || "-" }}
</el-descriptions-item>
<el-descriptions-item label="发布时间">
{{ enterpriseObj.noticeBeginTime || "-" }}
</el-descriptions-item>
<el-descriptions-item label="发布单位">
{{ enterpriseObj.publishUnit || "-" }}
</el-descriptions-item>
</el-descriptions>
</div>
</div>
</template>
<script>
@ -40,6 +68,10 @@ export default {
bonusPointsAll: {
type: Number,
default: 0
},
firstName: {
type: String,
default: ""
}
},
data() {
@ -62,6 +94,132 @@ export default {
</script>
<style lang="less" scoped>
.descriptions-table {
padding: 20px;
background: #ffffff;
.title-wrap {
display: flex;
.letf {
margin-right: 20px;
span {
display: block;
width: 70px;
height: 70px;
background: #f4faff;
border-radius: 8px;
border: 1px solid rgba(0, 94, 183, 0.3);
text-align: center;
line-height: 70px;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 34px;
color: #005eb7;
font-style: normal;
}
}
.right {
display: flex;
align-items: center;
padding: 10px 0;
.top {
display: flex;
h2 {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 24px;
color: #333333;
line-height: 24px;
text-align: left;
font-style: normal;
// margin-bottom: 12px;
}
.status {
margin-left: 10px;
width: 40px;
height: 24px;
background: #f3fff9;
border-radius: 4px;
border: 1px solid rgba(0, 197, 96, 0.5);
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: #00c560;
text-align: center;
line-height: 24px;
font-style: normal;
}
}
.code {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: #666666;
line-height: 14px;
text-align: left;
font-style: normal;
}
}
}
.tips {
margin-top: 20px;
padding: 20px;
background: #f8fbfe;
border: 1px solid #eff5fb;
margin-bottom: 20px;
.tips-title {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 16px;
color: #005eb7;
line-height: 16px;
text-align: left;
font-style: normal;
}
.tips-content {
margin-top: 10px;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: #666666;
line-height: 20px;
text-align: left;
font-style: normal;
}
}
.table-wrap {
.table-title {
height: 47px;
line-height: 47px;
background-color: #f6f6f6;
span {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 16px;
color: #333333;
font-style: normal;
&::before {
content: "";
display: inline-block;
width: 3px;
height: 16px;
background: #005eb7;
margin-right: 10px;
vertical-align: middle;
}
}
}
}
/deep/.el-descriptions {
.el-descriptions-item__cell {
padding: 11px 10px;

4
jwtech-pc-page/src/views/announcement/components/misconductTable.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="descriptions-table">
<span>{{ title }}</span>
<!-- <span>{{ title }}</span> -->
<el-descriptions
class="margin-top"
:column="1"
@ -89,7 +89,7 @@ export default {
</script>
<style lang="less" scoped>
.descriptions-table {
margin-top: 20px;
// margin-top: 20px;
.descriptions-table > span {
display: block;
font-size: 18px;

3
jwtech-pc-page/src/views/home/index.vue
View File

@ -314,7 +314,8 @@ export default {
// background: #edf7ff;
// padding: 0 360px;
padding-bottom: 20px;
background: linear-gradient( 180deg, #005EB7 0%, #EDF7FF 100%);
// background: linear-gradient( 180deg, #005EB7 0%, #EDF7FF 100%);
background: linear-gradient(to bottom, #005EB7 0%, #EDF7FF 100% 670px, #EDF7FF 670px, #EDF7FF 100%);
.tabAndSearch-wrap {
padding: 20px 0 20px 0;

Write Preview
Loading…
Cancel
Save