You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
507 lines
13 KiB
507 lines
13 KiB
<template>
|
|
<div class="page">
|
|
<div class="tabAndSearch-wrap">
|
|
<div class="top_tab">
|
|
<span
|
|
:class="activeTab == '0' ? 'activeSpan' : ''"
|
|
@click="chooseTab('0')"
|
|
>企业档案</span
|
|
>
|
|
<span
|
|
:class="activeTab == '1' ? 'activeSpan' : ''"
|
|
@click="chooseTab('1')"
|
|
>人员档案</span
|
|
>
|
|
<!-- <span
|
|
:class="activeTab == '2' ? 'activeSpan' : ''"
|
|
@click="chooseTab('2')"
|
|
>企业资质</span
|
|
>
|
|
<span
|
|
:class="activeTab == '3' ? 'activeSpan' : ''"
|
|
@click="chooseTab('3')"
|
|
>项目业绩</span
|
|
> -->
|
|
<span
|
|
:class="activeTab == '4' ? 'activeSpan' : ''"
|
|
@click="chooseTab('4')"
|
|
>企业不良信息</span
|
|
>
|
|
</div>
|
|
<div class="search_input" v-if="activeTab == '0'">
|
|
<el-input
|
|
v-model="enterpriseName"
|
|
placeholder="请输入要搜索的企业名称"
|
|
class="searchContent"
|
|
@keyup.enter.native="goSearch(0)"
|
|
>
|
|
<template slot="append">
|
|
<div class="searchBtn" @click="goSearch(0)">
|
|
<img src="@/assets/image/search.png" />
|
|
<span>搜索</span>
|
|
</div>
|
|
</template>
|
|
</el-input>
|
|
</div>
|
|
<div class="search_input" v-else-if="activeTab == '1'">
|
|
<el-input
|
|
v-model="personName"
|
|
placeholder="请输入要搜索的人员名称"
|
|
class="searchContent"
|
|
@keyup.enter.native="goSearch(1)"
|
|
>
|
|
<template slot="append">
|
|
<div class="searchBtn" @click="goSearch(1)">
|
|
<img src="@/assets/image/search.png" />
|
|
<span>搜索</span>
|
|
</div>
|
|
</template>
|
|
</el-input>
|
|
</div>
|
|
<div class="search_input" v-else-if="activeTab == '2'">
|
|
<el-input
|
|
v-model="enterpriseName2"
|
|
placeholder="请输入要搜索的企业名称"
|
|
class="searchContent"
|
|
@keyup.enter.native="goSearch(2)"
|
|
>
|
|
<template slot="append">
|
|
<div class="searchBtn" @click="goSearch(2)">
|
|
<img src="@/assets/image/search.png" />
|
|
<span>搜索</span>
|
|
</div>
|
|
</template>
|
|
</el-input>
|
|
</div>
|
|
<div class="search_input" v-else-if="activeTab == '3'">
|
|
<el-input
|
|
v-model="projectName"
|
|
placeholder="请输入要搜索的项目名称"
|
|
class="searchContent"
|
|
@keyup.enter.native="goSearch(3)"
|
|
>
|
|
<template slot="append">
|
|
<div class="searchBtn" @click="goSearch(3)">
|
|
<img src="@/assets/image/search.png" />
|
|
<span>搜索</span>
|
|
</div>
|
|
</template>
|
|
</el-input>
|
|
</div>
|
|
<div class="search_input" v-else>
|
|
<el-input
|
|
v-model="enterpriseName3"
|
|
placeholder="请输入要搜索的企业名称"
|
|
class="searchContent"
|
|
@keyup.enter.native="goSearch(4)"
|
|
>
|
|
<template slot="append">
|
|
<div class="searchBtn" @click="goSearch(4)">
|
|
<img src="@/assets/image/search.png" />
|
|
<span>搜索</span>
|
|
</div>
|
|
</template>
|
|
</el-input>
|
|
</div>
|
|
|
|
<!-- <div class="information-module">
|
|
<div class="left-ranking">
|
|
<scoreRanking />
|
|
</div>
|
|
<div class="right-wrap">
|
|
<div class="select-wrap">
|
|
<div
|
|
class="select-item"
|
|
v-for="(item, index) in selectList"
|
|
:key="(item, index)"
|
|
@click="toPage(item)"
|
|
>
|
|
<img :src="item.url" alt="" />
|
|
</div>
|
|
</div>
|
|
<informationDisclosure />
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
<div class="noticeAnnouncement-wrap">
|
|
<div class="noticeAnnouncement-module">
|
|
<div class="module-left">
|
|
<noticeAnnouncement />
|
|
</div>
|
|
<div class="module-right">
|
|
<userLogin />
|
|
</div>
|
|
<!-- <enterpriseInformation /> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="firmName-wrap">
|
|
<div class="firmName-module">
|
|
<firmName />
|
|
</div>
|
|
</div>
|
|
<div class="badCredit-wrap">
|
|
<div class="badCredit-module">
|
|
<badCredit />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 统计图 -->
|
|
<div class="statistics-section">
|
|
<div class="s-wrap">
|
|
<div class="sw-left">
|
|
<statistics-left />
|
|
</div>
|
|
<div class="sw-right">
|
|
<statistics-right />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="project-wrap">
|
|
<div class="project-module">
|
|
<projectInformation />
|
|
</div>
|
|
</div>
|
|
<div class="synthesize-wrap">
|
|
<div class="synthesize-btns">
|
|
<router-link :to="{ path: '/biddingInformation' }">
|
|
<img src="@/assets/image/img_zhaobiaoxinxi.png" alt="" />
|
|
</router-link>
|
|
<router-link :to="{ path: '/summarizedInformation' }">
|
|
<img src="@/assets/image/zh.png" alt="" />
|
|
</router-link>
|
|
<router-link :to="{ path: '/announcement' }">
|
|
<img src="@/assets/image/img_gonggao.png" alt="" />
|
|
</router-link>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import scoreRanking from "./components/scoreRanking";
|
|
import informationDisclosure from "./components/informationDisclosure";
|
|
import enterpriseInformation from "./components/enterpriseInformation";
|
|
import projectInformation from "./components/projectInformation";
|
|
import noticeAnnouncement from "./components/noticeAnnouncement";
|
|
import userLogin from "./components/userLogin";
|
|
import firmName from "./components/firmName";
|
|
import badCredit from "./components/badCredit";
|
|
import statisticsLeft from "./components/statisticsLeft";
|
|
import statisticsRight from "./components/statisticsRight";
|
|
export default {
|
|
components: {
|
|
scoreRanking,
|
|
informationDisclosure,
|
|
enterpriseInformation,
|
|
projectInformation,
|
|
noticeAnnouncement,
|
|
userLogin,
|
|
firmName,
|
|
badCredit,
|
|
statisticsLeft,
|
|
statisticsRight
|
|
},
|
|
data() {
|
|
return {
|
|
activeTab: "0",
|
|
enterpriseName: "",
|
|
enterpriseName2: "",
|
|
enterpriseName3: "",
|
|
personName: "",
|
|
projectName: "",
|
|
selectList: [
|
|
{
|
|
url: require("@/assets/image/img_dongtaixinyong.png"),
|
|
path: "/creditStatistics"
|
|
},
|
|
{
|
|
url: require("@/assets/image/img_qiyezizhi.png"),
|
|
path: "/certificationPage"
|
|
},
|
|
{
|
|
url: require("@/assets/image/img_ryjbxx.png"),
|
|
name: ""
|
|
},
|
|
{
|
|
url: require("@/assets/image/img_zxzgxx.png"),
|
|
name: ""
|
|
},
|
|
{
|
|
url: require("@/assets/image/img_zbxm.png"),
|
|
name: ""
|
|
},
|
|
{
|
|
url: require("@/assets/image/img_tbyqs.png"),
|
|
name: ""
|
|
}
|
|
]
|
|
};
|
|
},
|
|
created() {},
|
|
methods: {
|
|
goSearch(key) {
|
|
if (key == "0") {
|
|
if (this.enterpriseName) {
|
|
this.$router.push(
|
|
"/enterpriseInformation?enterpriseName=" + this.enterpriseName
|
|
);
|
|
} else {
|
|
this.$message.warning("请输入企业名称");
|
|
}
|
|
} else if (key == "1") {
|
|
if (this.personName) {
|
|
this.$router.push(
|
|
"/enterpriseInformation?personName=" + this.personName
|
|
);
|
|
} else {
|
|
this.$message.warning("请输入从业人员名称");
|
|
}
|
|
} else if (key == "2") {
|
|
if (this.enterpriseName2) {
|
|
this.$router.push(
|
|
"/enterpriseInformation?enterpriseName2=" + this.enterpriseName2
|
|
);
|
|
} else {
|
|
this.$message.warning("请输入企业名称");
|
|
}
|
|
} else if (key == "3") {
|
|
if (this.projectName) {
|
|
this.$router.push(
|
|
"/enterpriseInformation?projectName=" + this.projectName
|
|
);
|
|
} else {
|
|
this.$message.warning("请输入项目名称");
|
|
}
|
|
} else if (key == "4") {
|
|
if (this.enterpriseName3) {
|
|
this.$router.push(
|
|
"/announcement?enterpriseName3=" + this.enterpriseName3
|
|
);
|
|
} else {
|
|
this.$message.warning("请输入企业名称");
|
|
}
|
|
}
|
|
},
|
|
chooseTab(key) {
|
|
this.activeTab = key;
|
|
},
|
|
toPage(item) {
|
|
if (item.path && item.path !== "") {
|
|
if (item.path == "/certificationPage") {
|
|
this.$router.push({
|
|
path: item.path,
|
|
query: {
|
|
codeText: "allCertification",
|
|
qualificationCategory: ""
|
|
}
|
|
});
|
|
} else {
|
|
this.$router.push({
|
|
path: item.path
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.page {
|
|
min-height: calc(100vh - 190px);
|
|
// background: #edf7ff;
|
|
// padding: 0 360px;
|
|
padding-bottom: 20px;
|
|
// 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;
|
|
// background: linear-gradient(180deg, #a1dcff 0%, #caeaff 15%, #edf7ff 100%);
|
|
.top_tab {
|
|
max-width: 1200px;
|
|
display: flex;
|
|
margin: 0 auto;
|
|
& > span {
|
|
display: inline-block;
|
|
width: 232px;
|
|
height: 70px;
|
|
line-height: 70px;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
// color: #1672e5;
|
|
color: #005EB7;
|
|
text-align: center;
|
|
background: url("~@/assets/image/home/search-item.png");
|
|
background-size: 100% 100%;
|
|
border-radius: 8px;
|
|
margin-right: 10px;
|
|
&:nth-last-child(1) {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
.activeSpan {
|
|
height: 80px;
|
|
color: #fff;
|
|
background: url("~@/assets/image/home/search-item-active.png");
|
|
background-size: 100% 100%;
|
|
}
|
|
}
|
|
.search_input {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
margin-top: 10px;
|
|
.searchContent {
|
|
width: 100%;
|
|
// width: 652px;
|
|
// height: 50px;
|
|
/deep/ .el-input__inner {
|
|
height: 50px;
|
|
border-radius: 8px 0px 0px 8px;
|
|
border: 1px solid #aad8fb;
|
|
border-right: none;
|
|
}
|
|
/deep/ .el-input-group__append {
|
|
width: 100px;
|
|
padding: 0 17px;
|
|
background: #0059A5;
|
|
border: 1px solid #aad8fb;
|
|
border-left: none;
|
|
border-radius: 0px 8px 8px 0px;
|
|
color: #fff;
|
|
& > .searchBtn {
|
|
cursor: pointer;
|
|
span {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// .information-module {
|
|
// max-width: 1200px;
|
|
// margin: 0 auto;
|
|
// display: flex;
|
|
|
|
// .left-ranking {
|
|
// width: 300px;
|
|
// height: 544px;
|
|
// background: #ffffff;
|
|
// border-radius: 8px;
|
|
// }
|
|
|
|
// .right-wrap {
|
|
// margin-left: 20px;
|
|
// flex: 1;
|
|
|
|
// .select-wrap {
|
|
// display: flex;
|
|
// justify-content: space-between;
|
|
// margin-bottom: 20px;
|
|
|
|
// .select-item {
|
|
// cursor: pointer;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
}
|
|
|
|
.noticeAnnouncement-wrap {
|
|
margin-bottom: 20px;
|
|
.noticeAnnouncement-module {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
.module-left {
|
|
flex: 1;
|
|
// width: 840px;
|
|
// height: 440px;
|
|
background: #ffffff;
|
|
border-radius: 8px;
|
|
margin-right: 20px;
|
|
}
|
|
.module-right {
|
|
// width: 340px;
|
|
// height: 440px;
|
|
// background: #ffffff;
|
|
// border-radius: 8px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.firmName-wrap {
|
|
margin-bottom: 20px;
|
|
.firmName-module {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
.badCredit-wrap {
|
|
// margin-bottom: 20px;
|
|
.badCredit-module {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
.enterprise-wrap {
|
|
// background: #fff;
|
|
padding-bottom: 40px;
|
|
|
|
.enterprise-module {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
.project-wrap {
|
|
background: #edf7ff;
|
|
padding-bottom: 70px;
|
|
|
|
.project-module {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
.synthesize-wrap {
|
|
padding: 40px 0;
|
|
|
|
.synthesize-btns {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
cursor: pointer;
|
|
|
|
img {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
|
|
.statistics-section {
|
|
margin-top: 20px;
|
|
.s-wrap {
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
.sw-left {
|
|
width: 300px;
|
|
}
|
|
.sw-right {
|
|
height: 100%;
|
|
flex: 1;
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
|