xzt
1 year ago
11 changed files with 535 additions and 424 deletions
@ -1,136 +1,191 @@ |
|||||
<template> |
<template> |
||||
<div> |
<div> |
||||
<el-form :inline="true" label-width="80px" :model="queryForm"> |
<el-form :inline="true" label-width="80px" :model="queryForm"> |
||||
<el-form-item label="企业名称"> |
<el-form-item label="企业名称"> |
||||
<el-input class="name-inp-search" placeholder="请输入企业名称" v-model="queryForm.enterpriseName"></el-input> |
<el-input |
||||
</el-form-item> |
class="name-inp-search" |
||||
<el-form-item label="企业资质"> |
placeholder="请输入企业名称" |
||||
<el-select v-model="queryForm.qualificationCategory" clearable placeholder="请选择企业类型"> |
v-model="queryForm.enterpriseName" |
||||
<el-option v-for="item in categoryList" :key="item.dictValue" :label="item.dictLabel.split('资质')[0]" |
></el-input> |
||||
:value="item.dictValue"> |
</el-form-item> |
||||
</el-option> |
<el-form-item label="企业资质"> |
||||
</el-select> |
<el-select |
||||
</el-form-item> |
v-model="queryForm.qualificationCategory" |
||||
<el-form-item label="所在区域"> |
clearable |
||||
<el-select v-model="queryForm.adcd" clearable placeholder="请选择所有区域"> |
placeholder="请选择企业类型" |
||||
<el-option v-for="item in areaList" :key="item.xzqhdm" :label="item.name" :value="item.xzqhdm"> |
> |
||||
</el-option> |
<el-option |
||||
</el-select> |
v-for="item in categoryList" |
||||
</el-form-item> |
:key="item.dictValue" |
||||
<el-form-item label="资质等级"> |
:label="item.dictLabel.split('资质')[0]" |
||||
<el-input class="name-inp-search" placeholder="请输入资质等级" v-model="queryForm.qualificationCategory"></el-input> |
:value="item.dictValue" |
||||
</el-form-item> |
> |
||||
<el-form-item> |
</el-option> |
||||
<el-button type="mini" icon="el-icon-search" @click="getResult()">查询</el-button> |
</el-select> |
||||
<el-button type="mini" icon="el-icon-refresh" @click="resetForm()">重置</el-button> |
</el-form-item> |
||||
</el-form-item> |
<el-form-item label="所在区域"> |
||||
</el-form> |
<el-select |
||||
<el-table :data="tableData" style="width: 100%" v-loading="loading"> |
v-model="queryForm.adcd" |
||||
<el-table-column prop="enterpriseName" label="企业名称" width="500"> |
clearable |
||||
<template slot-scope="scope"> |
placeholder="请选择所有区域" |
||||
<span style="color: #005EB7;cursor: pointer;font-size: 16px !important;" @click="toDetail(scope.row)">{{ |
> |
||||
scope.row.enterpriseName |
<el-option |
||||
}}</span> |
v-for="item in areaList" |
||||
</template> |
:key="item.xzqhdm" |
||||
</el-table-column> |
:label="item.name" |
||||
<el-table-column prop="qualificationCategory" label="资质类别" width="180" align="center"> |
:value="item.xzqhdm" |
||||
<template slot-scope="scope"> |
> |
||||
<div v-for="(cateTtem, index) in categoryList" :key="(cateTtem, index)"> |
</el-option> |
||||
<div v-if="cateTtem.dictValue == scope.row.qualificationCategory">{{ |
</el-select> |
||||
cateTtem.dictLabel.split("资质")[0] }}</div> |
</el-form-item> |
||||
</div> |
<el-form-item label="资质等级"> |
||||
</template> |
<el-input |
||||
</el-table-column> |
class="name-inp-search" |
||||
<el-table-column prop="qualificationCategory" label="资质等级名称" width="180" align="center"> |
placeholder="请输入资质等级" |
||||
</el-table-column> |
v-model="queryForm.aaa" |
||||
<el-table-column prop="legalRepresentative" label="法定代表人" align="center"> |
></el-input> |
||||
</el-table-column> |
</el-form-item> |
||||
</el-table> |
<el-form-item> |
||||
<pagination :total="total" :page.sync="apidata.pageNum" :limit.sync="apidata.pageSize" :pageSizes="pageSizes" |
<el-button type="mini" icon="el-icon-search" @click="getResult()" |
||||
@pagination="getResult" /> |
>查询</el-button |
||||
</div> |
> |
||||
|
<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="500"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span |
||||
|
style="color: #005EB7;cursor: pointer;font-size: 16px !important;" |
||||
|
@click="toDetail(scope.row)" |
||||
|
>{{ scope.row.enterpriseName }}</span |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="qualificationCategory" |
||||
|
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.split("资质")[0] }} |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="aaa" |
||||
|
label="资质等级名称" |
||||
|
width="180" |
||||
|
align="center" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="legalRepresentative" |
||||
|
label="法定代表人" |
||||
|
align="center" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<pagination |
||||
|
:total="total" |
||||
|
:page.sync="apidata.pageNum" |
||||
|
:limit.sync="apidata.pageSize" |
||||
|
:pageSizes="pageSizes" |
||||
|
@pagination="getResult" |
||||
|
/> |
||||
|
</div> |
||||
</template> |
</template> |
||||
<script> |
<script> |
||||
import { getDisclosure } from "@/api/home" |
import { getDisclosure } from "@/api/home"; |
||||
import { getGuangDong } from "@/api/creditStatistics" |
import { getGuangDong } from "@/api/creditStatistics"; |
||||
export default { |
export default { |
||||
data(){ |
data() { |
||||
return { |
return { |
||||
loading: false, |
loading: false, |
||||
total: 0, |
total: 0, |
||||
apidata: { |
apidata: { |
||||
pageNum: 1, |
pageNum: 1, |
||||
pageSize: 10, |
pageSize: 10 |
||||
}, |
}, |
||||
pageSizes: [10, 20, 30, 50], |
pageSizes: [10, 20, 30, 50], |
||||
queryForm: { |
queryForm: { |
||||
groupId: "2", |
groupId: "2", |
||||
qualificationCategory: "", |
qualificationCategory: "", |
||||
personName:"", |
personName: "", |
||||
enterpriseName: "", |
enterpriseName: "", |
||||
adcd: "", |
adcd: "", |
||||
pageNum: 1, |
pageNum: 1, |
||||
pageSize: 10 |
pageSize: 10 |
||||
}, |
}, |
||||
tableData: [], |
tableData: [], |
||||
areaList: [], |
areaList: [], |
||||
categoryList: [], |
categoryList: [] |
||||
|
}; |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.getArea(); |
||||
|
this.getResult(); |
||||
|
this.getDicts("qualification_type").then(res => { |
||||
|
this.categoryList = res.data.data; |
||||
|
}); |
||||
|
}, |
||||
|
methods: { |
||||
|
getResult() { |
||||
|
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; |
||||
|
}); |
||||
|
}, |
||||
|
getArea() { |
||||
|
getGuangDong().then(res => { |
||||
|
this.areaList = res.data.data; |
||||
|
}); |
||||
|
}, |
||||
|
getadcd(row) { |
||||
|
let adcdText = ""; |
||||
|
let adcdCode = row.adcd.slice(0, 4) + "00"; |
||||
|
this.areaList.forEach(item => { |
||||
|
if (item.xzqhdm == adcdCode) { |
||||
|
adcdText = item.name; |
||||
} |
} |
||||
|
}); |
||||
|
if (adcdText == "") { |
||||
|
adcdText = "省外"; |
||||
|
} |
||||
|
return adcdText; |
||||
}, |
}, |
||||
mounted(){ |
resetForm() { |
||||
this.getArea() |
this.queryForm = { |
||||
this.getResult() |
groupId: "2", |
||||
this.getDicts("qualification_type").then(res => { |
qualificationCategory: "", |
||||
this.categoryList = res.data.data |
enterpriseName: "", |
||||
}) |
adcd: "", |
||||
|
pageNum: 1, |
||||
|
pageSize: 10 |
||||
|
}; |
||||
|
this.getResult(); |
||||
}, |
}, |
||||
methods:{ |
toDetail(row) { |
||||
getResult() { |
this.$router.push({ |
||||
this.loading = true |
path: "/enterpriseInDetail", |
||||
getDisclosure({ ...this.queryForm }).then(res => { |
query: { |
||||
this.loading = false |
enterpriseId: row.enterpriseId, |
||||
this.tableData = [] |
type: "zizhi" |
||||
this.tableData = res.data.data.records |
} |
||||
this.total = res.data.data.total |
}); |
||||
}) |
|
||||
}, |
|
||||
getArea() { |
|
||||
getGuangDong().then(res => { |
|
||||
this.areaList = res.data.data |
|
||||
}) |
|
||||
}, |
|
||||
getadcd(row) { |
|
||||
let adcdText = "" |
|
||||
let adcdCode = row.adcd.slice(0, 4) + "00" |
|
||||
this.areaList.forEach(item => { |
|
||||
if (item.xzqhdm == adcdCode) { |
|
||||
adcdText = item.name |
|
||||
} |
|
||||
}) |
|
||||
if (adcdText == "") { |
|
||||
adcdText = "省外" |
|
||||
} |
|
||||
return adcdText |
|
||||
}, |
|
||||
resetForm() { |
|
||||
this.queryForm = { |
|
||||
groupId: "2", |
|
||||
qualificationCategory: "", |
|
||||
enterpriseName: "", |
|
||||
adcd: "", |
|
||||
pageNum: 1, |
|
||||
pageSize: 10 |
|
||||
} |
|
||||
this.getResult() |
|
||||
}, |
|
||||
toDetail(row) { |
|
||||
this.$router.push({ |
|
||||
path: "/enterpriseInDetail", |
|
||||
query:{ |
|
||||
enterpriseId:row.enterpriseId |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
} |
} |
||||
} |
} |
||||
</script> |
}; |
||||
|
</script> |
||||
|
|||||
@ -1,122 +1,148 @@ |
|||||
<template> |
<template> |
||||
<div class="descriptions-table"> |
<div class="descriptions-table"> |
||||
<el-descriptions class="margin-top" :column="1" border :content-style="rowCenter" :label-style="labelRowCenter" |
<el-descriptions |
||||
v-for="(item, index) in certificationData" :key="(item, index)"> |
class="margin-top" |
||||
<el-descriptions-item :label="itemTable.label" v-for="(itemTable, indexTable) in item" |
:column="1" |
||||
:key="(itemTable, indexTable)"> |
border |
||||
{{ itemTable.val }} |
:content-style="rowCenter" |
||||
</el-descriptions-item> |
:label-style="labelRowCenter" |
||||
</el-descriptions> |
v-for="(item, index) in certificationData" |
||||
|
:key="(item, index)" |
||||
|
> |
||||
|
<el-descriptions-item |
||||
|
:label="itemTable.label" |
||||
|
v-for="(itemTable, indexTable) in item" |
||||
|
:key="(itemTable, indexTable)" |
||||
|
> |
||||
|
{{ itemTable.val }} |
||||
|
</el-descriptions-item> |
||||
|
</el-descriptions> |
||||
|
<div v-if="certificationData.length == 0"> |
||||
|
暂无子资质数据~ |
||||
</div> |
</div> |
||||
|
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { listByEid } from "@/api/enterpriseInformation" |
import { listByEid } from "@/api/enterpriseInformation"; |
||||
export default { |
export default { |
||||
data() { |
data() { |
||||
return { |
return { |
||||
rowCenter: { |
rowCenter: { |
||||
'borderColor': '#DADCE3' |
borderColor: "#DADCE3" |
||||
}, |
}, |
||||
labelRowCenter: { |
labelRowCenter: { |
||||
'borderColor': '#DADCE3' |
borderColor: "#DADCE3" |
||||
}, |
}, |
||||
enterpriseId: "", |
enterpriseId: "", |
||||
// certificationList: [{ |
// certificationList: [{ |
||||
// certificationName: "", |
// certificationName: "", |
||||
|
|
||||
// }] |
// }] |
||||
certificationData: [] |
certificationData: [] |
||||
|
}; |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.enterpriseId = this.$route.query.enterpriseId; |
||||
|
this.getListByEid(); |
||||
|
}, |
||||
|
methods: { |
||||
|
getListByEid() { |
||||
|
listByEid(this.enterpriseId).then(res => { |
||||
|
if (res.data.data.length > 0) { |
||||
|
let dataList = []; |
||||
|
res.data.data.forEach(item => { |
||||
|
if (item.children && item.children.length > 0) { |
||||
|
dataList.push(...item.children); |
||||
|
} |
||||
|
}); |
||||
|
dataList.forEach(item => { |
||||
|
this.certificationData.push(this.toVal(item)); |
||||
|
}); |
||||
} |
} |
||||
|
}); |
||||
}, |
}, |
||||
mounted() { |
toVal(item) { |
||||
this.enterpriseId = this.$route.query.enterpriseId |
let obj = [ |
||||
this.getListByEid() |
{ |
||||
}, |
label: "企业名称", |
||||
methods: { |
code: "enterpriseName", |
||||
getListByEid() { |
val: "" |
||||
listByEid(this.enterpriseId).then(res => { |
|
||||
if (res.data.data.length > 0) { |
|
||||
let dataList = [] |
|
||||
res.data.data.forEach(item => { |
|
||||
if (item.children && item.children.length > 0) { |
|
||||
dataList.push(...item.children) |
|
||||
} |
|
||||
}) |
|
||||
dataList.forEach(item => { |
|
||||
this.certificationData.push(this.toVal(item)) |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
}, |
}, |
||||
toVal(item) { |
{ |
||||
let obj = [{ |
label: "资质类别", |
||||
label: "企业名称", |
code: "qualificationCategory", |
||||
code: "enterpriseName", |
val: "" |
||||
val: "" |
}, |
||||
}, { |
{ |
||||
label: "资质类别", |
label: "资质专业类别", |
||||
code: "qualificationCategory", |
code: "professionalCategory", |
||||
val: "" |
val: "" |
||||
}, { |
}, |
||||
label: "资质专业类别", |
{ |
||||
code: "professionalCategory", |
label: "资质等级名称", |
||||
val: "" |
code: "level", |
||||
}, { |
val: "" |
||||
label: "资质等级名称", |
}, |
||||
code: "level", |
{ |
||||
val: "" |
label: "资质证书号", |
||||
}, { |
code: "certificateNo", |
||||
label: "资质证书号", |
val: "" |
||||
code: "certificateNo", |
}, |
||||
val: "" |
{ |
||||
}, { |
label: "资质证书核发机关", |
||||
label: "资质证书核发机关", |
code: "issuedBy", |
||||
code: "issuedBy", |
val: "" |
||||
val: "" |
}, |
||||
}, { |
{ |
||||
label: "资质证书核发日期", |
label: "资质证书核发日期", |
||||
code: "issuanceDate", |
code: "issuanceDate", |
||||
val: "" |
val: "" |
||||
}, { |
}, |
||||
label: "有效到期日期", |
{ |
||||
code: "validityPeriod", |
label: "有效到期日期", |
||||
val: "" |
code: "validityPeriod", |
||||
}] |
val: "" |
||||
obj[0].val = item.enterpriseName || "-" |
|
||||
obj[1].val = item.qualificationCategory || "-" |
|
||||
for (let key in item) { |
|
||||
obj.forEach(itemObj => { |
|
||||
if (itemObj.code !== "enterpriseName" && itemObj.code !== "qualificationCategory" && itemObj.code == key) { |
|
||||
itemObj.val = item[key] || "-" |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
return obj |
|
||||
} |
} |
||||
|
]; |
||||
|
obj[0].val = item.enterpriseName || "-"; |
||||
|
obj[1].val = item.qualificationCategory || "-"; |
||||
|
for (let key in item) { |
||||
|
obj.forEach(itemObj => { |
||||
|
if ( |
||||
|
itemObj.code !== "enterpriseName" && |
||||
|
itemObj.code !== "qualificationCategory" && |
||||
|
itemObj.code == key |
||||
|
) { |
||||
|
itemObj.val = item[key] || "-"; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
return obj; |
||||
} |
} |
||||
} |
} |
||||
|
}; |
||||
</script> |
</script> |
||||
|
|
||||
<style lang="less" scoped> |
<style lang="less" scoped> |
||||
.descriptions-table { |
.descriptions-table { |
||||
min-height: 600px; |
min-height: 600px; |
||||
|
|
||||
/deep/.el-descriptions { |
/deep/.el-descriptions { |
||||
margin-bottom: 20px; |
margin-bottom: 20px; |
||||
|
|
||||
.el-descriptions-item__cell { |
.el-descriptions-item__cell { |
||||
padding: 11px 10px; |
padding: 11px 10px; |
||||
font-size: 16px; |
font-size: 16px; |
||||
} |
} |
||||
|
|
||||
.el-descriptions-item__label { |
.el-descriptions-item__label { |
||||
background: #EBF4FE; |
background: #ebf4fe; |
||||
width: 240px; |
width: 240px; |
||||
font-weight: 600; |
font-weight: 600; |
||||
color: #005EB7; |
color: #005eb7; |
||||
padding-left: 21px; |
padding-left: 21px; |
||||
} |
|
||||
} |
} |
||||
|
} |
||||
} |
} |
||||
</style> |
</style> |
||||
|
|||||
@ -1,199 +1,218 @@ |
|||||
<template> |
<template> |
||||
<div class="basic-detail"> |
<div class="basic-detail"> |
||||
<div class="basic-header"> |
<div class="basic-header"> |
||||
<div class="header-wrap"> |
<div class="header-wrap"> |
||||
<el-breadcrumb separator-class="el-icon-arrow-right"> |
<el-breadcrumb separator-class="el-icon-arrow-right"> |
||||
<el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> |
<el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> |
||||
<el-breadcrumb-item :to="{ path: '/enterpriseInformation' }">企业信息</el-breadcrumb-item> |
<el-breadcrumb-item :to="{ path: '/enterpriseInformation' }" |
||||
<el-breadcrumb-item>企业信息详情</el-breadcrumb-item> |
>企业信息</el-breadcrumb-item |
||||
</el-breadcrumb> |
> |
||||
</div> |
<el-breadcrumb-item>企业信息详情</el-breadcrumb-item> |
||||
|
</el-breadcrumb> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="basic-main"> |
||||
|
<div class="main-wrap"> |
||||
|
<el-tabs |
||||
|
type="border-card" |
||||
|
v-model="activeName" |
||||
|
@tab-click="handleClick" |
||||
|
> |
||||
|
<el-tab-pane label="企业基本信息" name="basic"></el-tab-pane> |
||||
|
<el-tab-pane label="资质信息" name="qualification"></el-tab-pane> |
||||
|
<el-tab-pane label="人员信息" name="personal"></el-tab-pane> |
||||
|
<el-tab-pane label="项目业绩" name="proAchievement"></el-tab-pane> |
||||
|
<el-tab-pane label="工程获奖" name="projectAward"></el-tab-pane> |
||||
|
</el-tabs> |
||||
|
<div class="descriptions-wrap"> |
||||
|
<descriptionsEnterpriseTable v-if="activeName == 'basic'" /> |
||||
|
<qualificationTable v-else-if="activeName == 'qualification'" /> |
||||
|
<personalTable v-else-if="activeName == 'personal'" /> |
||||
|
<proAchievementTable v-else-if="activeName == 'proAchievement'" /> |
||||
|
<projectAwardTable v-else-if="activeName == 'projectAward'" /> |
||||
|
</div> |
||||
|
<div class="real-time" v-if="activeName == 'basic'"> |
||||
|
<realTimeCredit /> |
||||
</div> |
</div> |
||||
<div class="basic-main"> |
<div v-if="activeName == 'basic'"> |
||||
<div class="main-wrap"> |
<actionList |
||||
<el-tabs type="border-card" v-model="activeName" @tab-click="handleClick"> |
:title="'良好行为列表'" |
||||
<el-tab-pane label="企业基本信息" name="basic"></el-tab-pane> |
:tableData="goodList" |
||||
<el-tab-pane label="资质信息" name="qualification"></el-tab-pane> |
:total="goodTotal" |
||||
<el-tab-pane label="人员信息" name="personal"></el-tab-pane> |
@getGoodResult="getCreditList" |
||||
<el-tab-pane label="项目业绩" name="proAchievement"></el-tab-pane> |
/> |
||||
<el-tab-pane label="工程获奖" name="projectAward"></el-tab-pane> |
<actionList |
||||
</el-tabs> |
:title="'不良行为列表'" |
||||
<div class="descriptions-wrap"> |
:tableData="badList" |
||||
<descriptionsEnterpriseTable v-if="activeName == 'basic'" /> |
:total="badTotal" |
||||
<qualificationTable v-else-if="activeName == 'qualification'" /> |
@getBadResult="getCreditBadList" |
||||
<personalTable v-else-if="activeName == 'personal'" /> |
/> |
||||
<proAchievementTable v-else-if="activeName == 'proAchievement'" /> |
|
||||
<projectAwardTable v-else-if="activeName == 'projectAward'" /> |
|
||||
</div> |
|
||||
<div class="real-time" v-if="activeName == 'basic'"> |
|
||||
<realTimeCredit /> |
|
||||
</div> |
|
||||
<div v-if="activeName == 'basic'"> |
|
||||
<actionList :title="'良好行为列表'" :tableData="goodList" :total="goodTotal" @getGoodResult="getCreditList"/> |
|
||||
<actionList :title="'不良行为列表'" :tableData="badList" :total="badTotal" @getBadResult="getCreditBadList"/> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
|
</div> |
||||
</template> |
</template> |
||||
<script> |
<script> |
||||
import { creditList } from "@/api/enterpriseInformation" |
import { creditList } from "@/api/enterpriseInformation"; |
||||
import descriptionsEnterpriseTable from "./components/descriptionsEnterpriseTable" |
import descriptionsEnterpriseTable from "./components/descriptionsEnterpriseTable"; |
||||
import qualificationTable from "./components/qualificationTable" |
import qualificationTable from "./components/qualificationTable"; |
||||
import personalTable from "./components/personalTable" |
import personalTable from "./components/personalTable"; |
||||
import proAchievementTable from "./components/proAchievementTable" |
import proAchievementTable from "./components/proAchievementTable"; |
||||
import projectAwardTable from "./components/projectAwardTable" |
import projectAwardTable from "./components/projectAwardTable"; |
||||
import realTimeCredit from "./components/realTimeCredit" |
import realTimeCredit from "./components/realTimeCredit"; |
||||
import actionList from "./components/actionList" |
import actionList from "./components/actionList"; |
||||
export default { |
export default { |
||||
components: { |
components: { |
||||
descriptionsEnterpriseTable, |
descriptionsEnterpriseTable, |
||||
qualificationTable, |
qualificationTable, |
||||
personalTable, |
personalTable, |
||||
proAchievementTable, |
proAchievementTable, |
||||
projectAwardTable, |
projectAwardTable, |
||||
realTimeCredit, |
realTimeCredit, |
||||
actionList, |
actionList |
||||
}, |
}, |
||||
data() { |
data() { |
||||
return { |
return { |
||||
activeName: "basic", |
activeName: "basic", |
||||
enterpriseGoodForm: { |
enterpriseGoodForm: { |
||||
pageNum: 1, |
pageNum: 1, |
||||
pageSize: 10, |
pageSize: 10, |
||||
data: { |
data: { |
||||
enterpriseId: "", |
enterpriseId: "", |
||||
type: "1", |
type: "1" |
||||
}, |
} |
||||
}, |
}, |
||||
goodList:[], |
goodList: [], |
||||
goodTotal:0, |
goodTotal: 0, |
||||
enterpriseBadForm: { |
enterpriseBadForm: { |
||||
pageNum: 1, |
pageNum: 1, |
||||
pageSize: 10, |
pageSize: 10, |
||||
data: { |
data: { |
||||
enterpriseId: "", |
enterpriseId: "", |
||||
type: "0", |
type: "0" |
||||
}, |
|
||||
}, |
|
||||
badList:[], |
|
||||
badTotal:0 |
|
||||
} |
} |
||||
|
}, |
||||
|
badList: [], |
||||
|
badTotal: 0 |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
if (this.$route.query.type == "zizhi") { |
||||
|
this.activeName = "qualification"; |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.enterpriseGoodForm.data.enterpriseId = this.$route.query.enterpriseId; |
||||
|
this.enterpriseBadForm.data.enterpriseId = this.$route.query.enterpriseId; |
||||
|
this.getCreditList(); |
||||
|
this.getCreditBadList(); |
||||
|
}, |
||||
|
methods: { |
||||
|
getCreditList() { |
||||
|
creditList(this.enterpriseGoodForm).then(res => { |
||||
|
this.goodList = res.data.records; |
||||
|
this.goodTotal = res.data.total; |
||||
|
}); |
||||
}, |
}, |
||||
mounted() { |
getCreditBadList() { |
||||
this.enterpriseGoodForm.data.enterpriseId = this.$route.query.enterpriseId |
creditList(this.enterpriseBadForm).then(res => { |
||||
this.enterpriseBadForm.data.enterpriseId = this.$route.query.enterpriseId |
this.badList = res.data.records; |
||||
this.getCreditList() |
this.badTotal = res.data.total; |
||||
this.getCreditBadList() |
}); |
||||
}, |
}, |
||||
methods: { |
handleClick(tab, event) { |
||||
getCreditList() { |
// console.log(tab, event); |
||||
creditList(this.enterpriseGoodForm).then(res => { |
|
||||
this.goodList=res.data.records |
|
||||
this.goodTotal=res.data.total |
|
||||
}) |
|
||||
}, |
|
||||
getCreditBadList() { |
|
||||
creditList(this.enterpriseBadForm).then(res => { |
|
||||
this.badList=res.data.records |
|
||||
this.badTotal=res.data.total |
|
||||
}) |
|
||||
}, |
|
||||
handleClick(tab, event) { |
|
||||
// console.log(tab, event); |
|
||||
} |
|
||||
} |
} |
||||
} |
} |
||||
|
}; |
||||
</script> |
</script> |
||||
<style lang="less" scoped> |
<style lang="less" scoped> |
||||
.basic-detail { |
.basic-detail { |
||||
.basic-header { |
.basic-header { |
||||
height: 40px; |
height: 40px; |
||||
background: #EBF4FE; |
background: #ebf4fe; |
||||
|
|
||||
.header-wrap { |
.header-wrap { |
||||
width: 1200px; |
width: 1200px; |
||||
margin: 0 auto; |
margin: 0 auto; |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
|
|
||||
/deep/.el-breadcrumb { |
/deep/.el-breadcrumb { |
||||
margin-top: 10px; |
margin-top: 10px; |
||||
|
|
||||
.el-breadcrumb__item { |
.el-breadcrumb__item { |
||||
.el-breadcrumb__inner { |
.el-breadcrumb__inner { |
||||
font-size: 16px; |
font-size: 16px; |
||||
color: #005EB7 !important; |
color: #005eb7 !important; |
||||
} |
} |
||||
|
|
||||
.el-breadcrumb__separator { |
.el-breadcrumb__separator { |
||||
font-size: 16px; |
font-size: 16px; |
||||
color: #005EB7 !important; |
color: #005eb7 !important; |
||||
} |
} |
||||
} |
|
||||
} |
|
||||
} |
} |
||||
|
} |
||||
} |
} |
||||
|
} |
||||
|
|
||||
|
.basic-main { |
||||
|
background: linear-gradient(180deg, #005eb7 0%, #edf7ff 60% #edf7ff 100%); |
||||
|
padding: 20px 0; |
||||
|
|
||||
|
.main-wrap { |
||||
|
width: 1200px; |
||||
|
margin: 0 auto; |
||||
|
background: #ffffff; |
||||
|
border-radius: 8px; |
||||
|
overflow: hidden; |
||||
|
|
||||
.basic-main { |
/deep/.el-tabs { |
||||
background: linear-gradient(180deg, #005EB7 0%, #EDF7FF 60% #EDF7FF 100%); |
.el-tabs__header { |
||||
padding: 20px 0; |
border-bottom-color: #c8dff8; |
||||
|
} |
||||
.main-wrap { |
|
||||
width: 1200px; |
|
||||
margin: 0 auto; |
|
||||
background: #FFFFFF; |
|
||||
border-radius: 8px; |
|
||||
overflow: hidden; |
|
||||
|
|
||||
/deep/.el-tabs { |
|
||||
.el-tabs__header { |
|
||||
border-bottom-color: #C8DFF8; |
|
||||
} |
|
||||
|
|
||||
.el-tabs__nav-wrap { |
.el-tabs__nav-wrap { |
||||
height: 50px; |
height: 50px; |
||||
padding-left: 5px; |
padding-left: 5px; |
||||
|
|
||||
.el-tabs__item { |
.el-tabs__item { |
||||
height: 45px; |
height: 45px; |
||||
font-size: 14px; |
font-size: 14px; |
||||
font-weight: 600; |
font-weight: 600; |
||||
color: #333333; |
color: #333333; |
||||
margin-top: 5px; |
margin-top: 5px; |
||||
margin-left: 1px; |
margin-left: 1px; |
||||
padding-left: 0; |
padding-left: 0; |
||||
padding-right: 0; |
padding-right: 0; |
||||
margin-right: 18px; |
margin-right: 18px; |
||||
} |
} |
||||
} |
} |
||||
|
|
||||
.el-tabs__item.is-active { |
.el-tabs__item.is-active { |
||||
padding-left: 15px; |
padding-left: 15px; |
||||
padding-right: 15px; |
padding-right: 15px; |
||||
color: #005EB7; |
color: #005eb7; |
||||
border-right-color: #C8DFF8; |
border-right-color: #c8dff8; |
||||
border-left-color: #C8DFF8; |
border-left-color: #c8dff8; |
||||
border-top-color: #C8DFF8; |
border-top-color: #c8dff8; |
||||
border-radius: 8px 8px 0px 0px; |
border-radius: 8px 8px 0px 0px; |
||||
} |
} |
||||
|
|
||||
.el-tabs__content { |
.el-tabs__content { |
||||
padding: 0px; |
padding: 0px; |
||||
} |
} |
||||
} |
} |
||||
|
|
||||
/deep/.el-tabs--border-card { |
/deep/.el-tabs--border-card { |
||||
border: none; |
border: none; |
||||
box-shadow: none; |
box-shadow: none; |
||||
} |
} |
||||
|
|
||||
.descriptions-wrap { |
.descriptions-wrap { |
||||
padding: 20px; |
padding: 20px; |
||||
} |
} |
||||
} |
|
||||
} |
} |
||||
|
} |
||||
} |
} |
||||
</style> |
</style> |
||||
|
|||||
Loading…
Reference in new issue