|
|
|
@ -4,7 +4,9 @@ |
|
|
|
<div class="header-wrap"> |
|
|
|
<el-breadcrumb separator-class="el-icon-arrow-right"> |
|
|
|
<el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> |
|
|
|
<el-breadcrumb-item :to="{ path: '/creditStatistics' }">信用统计</el-breadcrumb-item> |
|
|
|
<el-breadcrumb-item :to="{ path: '/creditStatistics' }" |
|
|
|
>信用统计</el-breadcrumb-item |
|
|
|
> |
|
|
|
<el-breadcrumb-item>信用统计列表</el-breadcrumb-item> |
|
|
|
</el-breadcrumb> |
|
|
|
</div> |
|
|
|
@ -18,7 +20,10 @@ |
|
|
|
<el-tab-pane label="勘测设计资质" name="surveyCerti"></el-tab-pane> |
|
|
|
<el-tab-pane label="招标代理资质" name="tenderingCerti"></el-tab-pane> |
|
|
|
<el-tab-pane label="质量检测资质" name="qualityCerti"></el-tab-pane> |
|
|
|
<el-tab-pane label="生产供货资质" name="productionCerti"></el-tab-pane> |
|
|
|
<el-tab-pane |
|
|
|
label="生产供货资质" |
|
|
|
name="productionCerti" |
|
|
|
></el-tab-pane> |
|
|
|
<el-tab-pane label="白蚁防治资质" name="termiteCerti"></el-tab-pane> |
|
|
|
<el-tab-pane label="其他资质" name="otherCerti"></el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
@ -28,53 +33,96 @@ |
|
|
|
<div class="list-wrap"> |
|
|
|
<el-form :inline="true" label-width="80px" :model="queryForm"> |
|
|
|
<el-form-item label="企业名称"> |
|
|
|
<el-input class="name-inp-search" placeholder="请输入企业名称" |
|
|
|
v-model="queryForm.enterpriseName"></el-input> |
|
|
|
<el-input |
|
|
|
class="name-inp-search" |
|
|
|
placeholder="请输入企业名称" |
|
|
|
v-model="queryForm.enterpriseName" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="所在区域"> |
|
|
|
<el-select v-model="queryForm.adcd" clearable placeholder="请选择所有区域"> |
|
|
|
<el-option v-for="item in areaList" :key="item.xzqhdm" :label="item.name" :value="item.xzqhdm"> |
|
|
|
<el-select |
|
|
|
v-model="queryForm.adcd" |
|
|
|
clearable |
|
|
|
placeholder="请选择所有区域" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in areaList" |
|
|
|
:key="item.xzqhdm" |
|
|
|
:label="item.name" |
|
|
|
:value="item.xzqhdm" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="mini" icon="el-icon-search" @click="getResult()">查询</el-button> |
|
|
|
<el-button type="mini" icon="el-icon-refresh" @click="resetForm()">重置</el-button> |
|
|
|
<el-button type="mini" icon="el-icon-search" @click="getResult()" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
<el-button type="mini" icon="el-icon-refresh" @click="resetForm()" |
|
|
|
>重置</el-button |
|
|
|
> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<el-table :data="tableData" style="width: 100%" v-loading="loading"> |
|
|
|
<el-table-column prop="enterpriseName" label="企业名称" width="700"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span style="color: #005EB7;cursor: pointer;font-size: 16px !important;">{{ |
|
|
|
scope.row.enterpriseName |
|
|
|
}}</span> |
|
|
|
<span |
|
|
|
style="color: #005EB7;cursor: pointer;font-size: 16px !important;" |
|
|
|
@click="goDetails(scope.row)" |
|
|
|
>{{ scope.row.enterpriseName }}</span |
|
|
|
> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="certification" label="企业资质" width="180" align="center"> |
|
|
|
<el-table-column |
|
|
|
prop="certification" |
|
|
|
label="企业资质" |
|
|
|
width="180" |
|
|
|
align="center" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-for="(cateTtem, index) in categoryList" :key="(cateTtem, index)"> |
|
|
|
<div v-if="cateTtem.dictValue == scope.row.qualificationCategory">{{ |
|
|
|
cateTtem.dictLabel }}</div> |
|
|
|
<div |
|
|
|
v-for="(cateTtem, index) in categoryList" |
|
|
|
:key="(cateTtem, index)" |
|
|
|
> |
|
|
|
<div |
|
|
|
v-if="cateTtem.dictValue == scope.row.qualificationCategory" |
|
|
|
> |
|
|
|
{{ cateTtem.dictLabel }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="area" label="所在区域" width="180" align="center"> |
|
|
|
<el-table-column |
|
|
|
prop="area" |
|
|
|
label="所在区域" |
|
|
|
width="180" |
|
|
|
align="center" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ functionArea(scope.row) }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="dynamicCreditScore" label="信用分数" align="center"> |
|
|
|
<el-table-column |
|
|
|
prop="dynamicCreditScore" |
|
|
|
label="信用分数" |
|
|
|
align="center" |
|
|
|
> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<pagination :total="total" :page.sync="apidata.pageNum" :limit.sync="apidata.pageSize" |
|
|
|
:pageSizes="pageSizes" @pagination="getResult" /> |
|
|
|
<pagination |
|
|
|
:total="total" |
|
|
|
:page.sync="apidata.pageNum" |
|
|
|
:limit.sync="apidata.pageSize" |
|
|
|
:pageSizes="pageSizes" |
|
|
|
@pagination="getResult" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import { getDisclosure } from "@/api/home" |
|
|
|
import { getGuangDong } from "@/api/creditStatistics" |
|
|
|
import { getDisclosure } from "@/api/home"; |
|
|
|
import { getGuangDong } from "@/api/creditStatistics"; |
|
|
|
import { regionData, codeToText, TextToCode } from "element-china-area-data"; |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
@ -83,7 +131,7 @@ export default { |
|
|
|
total: 0, |
|
|
|
apidata: { |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 10, |
|
|
|
pageSize: 10 |
|
|
|
}, |
|
|
|
pageSizes: [10, 20, 30, 50], |
|
|
|
activeName: "allCertification", |
|
|
|
@ -97,91 +145,113 @@ export default { |
|
|
|
}, |
|
|
|
tableData: [], |
|
|
|
categoryList: [], |
|
|
|
certificationData: [{ |
|
|
|
certificationData: [ |
|
|
|
{ |
|
|
|
qualificationCategory: "", |
|
|
|
codeText: "allCertification" |
|
|
|
}, { |
|
|
|
}, |
|
|
|
{ |
|
|
|
qualificationCategory: "0", |
|
|
|
codeText: "buildCerti" |
|
|
|
}, { |
|
|
|
}, |
|
|
|
{ |
|
|
|
qualificationCategory: "2", |
|
|
|
codeText: "supervisorCerti" |
|
|
|
}, { |
|
|
|
}, |
|
|
|
{ |
|
|
|
qualificationCategory: "3", |
|
|
|
codeText: "surveyCerti" |
|
|
|
}, { |
|
|
|
}, |
|
|
|
{ |
|
|
|
qualificationCategory: "1", |
|
|
|
codeText: "tenderingCerti" |
|
|
|
}, { |
|
|
|
}, |
|
|
|
{ |
|
|
|
qualificationCategory: "5", |
|
|
|
codeText: "productionCerti" |
|
|
|
}, { |
|
|
|
}, |
|
|
|
{ |
|
|
|
qualificationCategory: "4", |
|
|
|
codeText: "qualityCerti" |
|
|
|
}, { |
|
|
|
}, |
|
|
|
{ |
|
|
|
qualificationCategory: "6", |
|
|
|
codeText: "termiteCerti" |
|
|
|
}, { |
|
|
|
}, |
|
|
|
{ |
|
|
|
qualificationCategory: "9", |
|
|
|
codeText: "otherCerti" |
|
|
|
}], |
|
|
|
areaList: [] |
|
|
|
} |
|
|
|
], |
|
|
|
areaList: [] |
|
|
|
}; |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.getArea() |
|
|
|
this.activeName = this.$route.query.codeText |
|
|
|
this.queryForm.qualificationCategory = this.$route.query.qualificationCategory |
|
|
|
if (this.activeName !== "allCertification" && this.activeName !== "buildCerti" && this.activeName !== "supervisorCerti" && this.activeName !== "otherCerti") { |
|
|
|
this.getArea(); |
|
|
|
this.activeName = this.$route.query.codeText; |
|
|
|
this.queryForm.qualificationCategory = this.$route.query.qualificationCategory; |
|
|
|
if ( |
|
|
|
this.activeName !== "allCertification" && |
|
|
|
this.activeName !== "buildCerti" && |
|
|
|
this.activeName !== "supervisorCerti" && |
|
|
|
this.activeName !== "otherCerti" |
|
|
|
) { |
|
|
|
this.resetActivePosition(this.$refs.tabcs.$el); |
|
|
|
} |
|
|
|
this.getResult() |
|
|
|
this.getResult(); |
|
|
|
this.getDicts("qualification_type").then(res => { |
|
|
|
this.categoryList = res.data.data |
|
|
|
}) |
|
|
|
this.categoryList = res.data.data; |
|
|
|
}); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
goDetails(row) { |
|
|
|
this.$router.push("/enterpriseInDetail?enterpriseId=" + row.enterpriseId); |
|
|
|
}, |
|
|
|
getResult() { |
|
|
|
this.loading=true |
|
|
|
this.loading = true; |
|
|
|
getDisclosure({ ...this.queryForm }).then(res => { |
|
|
|
this.loading=false |
|
|
|
this.tableData = [] |
|
|
|
this.tableData = res.data.data.records |
|
|
|
this.total = res.data.data.total |
|
|
|
}) |
|
|
|
|
|
|
|
this.loading = false; |
|
|
|
this.tableData = []; |
|
|
|
this.tableData = res.data.data.records; |
|
|
|
this.total = res.data.data.total; |
|
|
|
}); |
|
|
|
}, |
|
|
|
getArea() { |
|
|
|
getGuangDong().then(res => { |
|
|
|
this.areaList = res.data.data |
|
|
|
}) |
|
|
|
this.areaList = res.data.data; |
|
|
|
}); |
|
|
|
}, |
|
|
|
resetForm() { |
|
|
|
this.queryForm.enterpriseName="" |
|
|
|
this.queryForm.adcd="" |
|
|
|
this.queryForm.pageNum=1 |
|
|
|
this.getResult() |
|
|
|
this.queryForm.enterpriseName = ""; |
|
|
|
this.queryForm.adcd = ""; |
|
|
|
this.queryForm.pageNum = 1; |
|
|
|
this.getResult(); |
|
|
|
}, |
|
|
|
handleClick(tab, event) { |
|
|
|
// console.log(tab, event); |
|
|
|
this.certificationData.forEach(item => { |
|
|
|
if (item.codeText == tab.name) { |
|
|
|
this.queryForm.qualificationCategory = item.qualificationCategory |
|
|
|
this.queryForm.qualificationCategory = item.qualificationCategory; |
|
|
|
} |
|
|
|
}) |
|
|
|
this.getResult() |
|
|
|
if (tab.name !== "allCertification" && tab.name !== "buildCerti" && tab.name !== "supervisorCerti" && tab.name !== "otherCerti") { |
|
|
|
}); |
|
|
|
this.getResult(); |
|
|
|
if ( |
|
|
|
tab.name !== "allCertification" && |
|
|
|
tab.name !== "buildCerti" && |
|
|
|
tab.name !== "supervisorCerti" && |
|
|
|
tab.name !== "otherCerti" |
|
|
|
) { |
|
|
|
this.resetActivePosition(this.$refs.tabcs.$el); |
|
|
|
} |
|
|
|
}, |
|
|
|
resetActivePosition($el) { |
|
|
|
this.$nextTick(() => { |
|
|
|
const activeEl = $el.querySelector('.el-tabs__item.is-active'); |
|
|
|
const lineEl = $el.querySelector('.el-tabs__active-bar'); |
|
|
|
const activeEl = $el.querySelector(".el-tabs__item.is-active"); |
|
|
|
const lineEl = $el.querySelector(".el-tabs__active-bar"); |
|
|
|
const style = getComputedStyle(activeEl); |
|
|
|
const pl = style.paddingLeft.match(/\d+/)[0] * 1; |
|
|
|
lineEl.style.transform = |
|
|
|
'translateX(' + (activeEl.offsetLeft + 40) + 'px)'; |
|
|
|
"translateX(" + (activeEl.offsetLeft + 40) + "px)"; |
|
|
|
// console.log(activeEl.offsetLeft, pl); |
|
|
|
}); |
|
|
|
}, |
|
|
|
@ -206,15 +276,15 @@ export default { |
|
|
|
return codeToText[provinceCode]; |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style lang="less" scoped> |
|
|
|
.certification-page { |
|
|
|
.certification-header { |
|
|
|
height: 40px; |
|
|
|
background: #EBF4FE; |
|
|
|
background: #ebf4fe; |
|
|
|
|
|
|
|
.header-wrap { |
|
|
|
width: 1200px; |
|
|
|
@ -228,12 +298,12 @@ export default { |
|
|
|
.el-breadcrumb__item { |
|
|
|
.el-breadcrumb__inner { |
|
|
|
font-size: 16px; |
|
|
|
color: #005EB7 !important; |
|
|
|
color: #005eb7 !important; |
|
|
|
} |
|
|
|
|
|
|
|
.el-breadcrumb__separator { |
|
|
|
font-size: 16px; |
|
|
|
color: #005EB7 !important; |
|
|
|
color: #005eb7 !important; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -242,7 +312,7 @@ export default { |
|
|
|
|
|
|
|
.certification-tabs { |
|
|
|
height: 60px; |
|
|
|
background: #FFFFFF; |
|
|
|
background: #ffffff; |
|
|
|
border: 1px solid transparent; |
|
|
|
|
|
|
|
.tabs-wrap { |
|
|
|
@ -255,7 +325,7 @@ export default { |
|
|
|
margin-top: 11px; |
|
|
|
|
|
|
|
.el-tabs__nav-wrap::after { |
|
|
|
background: #Fff; |
|
|
|
background: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.el-tabs__item { |
|
|
|
@ -266,14 +336,14 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.el-tabs__item.is-active { |
|
|
|
color: #005EB7; |
|
|
|
color: #005eb7; |
|
|
|
} |
|
|
|
|
|
|
|
.el-tabs__active-bar { |
|
|
|
width: 0 !important; |
|
|
|
height: 0; |
|
|
|
border: 10px solid transparent; |
|
|
|
border-bottom: 10px solid #005EB7; |
|
|
|
border-bottom: 10px solid #005eb7; |
|
|
|
background: none; |
|
|
|
left: 20px; |
|
|
|
} |
|
|
|
@ -282,13 +352,13 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.certification-list { |
|
|
|
background: linear-gradient(180deg, #005EB7 0%, #EDF7FF 60% #EDF7FF 100%); |
|
|
|
background: linear-gradient(180deg, #005eb7 0%, #edf7ff 60% #edf7ff 100%); |
|
|
|
padding: 20px 0; |
|
|
|
|
|
|
|
.list-wrap { |
|
|
|
width: 1200px; |
|
|
|
height: 1098px; |
|
|
|
background: #FFFFFF; |
|
|
|
background: #ffffff; |
|
|
|
border-radius: 8px; |
|
|
|
margin: 0 auto; |
|
|
|
padding: 20px; |
|
|
|
@ -305,14 +375,14 @@ export default { |
|
|
|
.el-input__inner { |
|
|
|
width: 300px; |
|
|
|
border-radius: 8px; |
|
|
|
border: 1px solid #AAD8FB; |
|
|
|
border: 1px solid #aad8fb; |
|
|
|
} |
|
|
|
|
|
|
|
.el-button { |
|
|
|
padding: 13px 15px; |
|
|
|
background: linear-gradient(180deg, #005BA6 0%, #0059A5 100%); |
|
|
|
background: linear-gradient(180deg, #005ba6 0%, #0059a5 100%); |
|
|
|
border-radius: 8px; |
|
|
|
color: #FFFFFF; |
|
|
|
color: #ffffff; |
|
|
|
|
|
|
|
span { |
|
|
|
font-size: 16px; |
|
|
|
@ -340,12 +410,12 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
th { |
|
|
|
background: #EBF4FE; |
|
|
|
background: #ebf4fe; |
|
|
|
|
|
|
|
.cell { |
|
|
|
font-size: 16px !important; |
|
|
|
font-weight: 600 !important; |
|
|
|
color: #005EB7; |
|
|
|
color: #005eb7; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@ -357,7 +427,6 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
xzt
1 year ago