xzt
1 year ago
11 changed files with 535 additions and 424 deletions
@ -1,136 +1,191 @@ |
|||
<template> |
|||
<div> |
|||
<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-form-item> |
|||
<el-form-item label="企业资质"> |
|||
<el-select v-model="queryForm.qualificationCategory" clearable placeholder="请选择企业类型"> |
|||
<el-option v-for="item in categoryList" :key="item.dictValue" :label="item.dictLabel.split('资质')[0]" |
|||
:value="item.dictValue"> |
|||
</el-option> |
|||
</el-select> |
|||
</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-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="资质等级"> |
|||
<el-input class="name-inp-search" placeholder="请输入资质等级" v-model="queryForm.qualificationCategory"></el-input> |
|||
</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-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="qualificationCategory" 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> |
|||
<div> |
|||
<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-form-item> |
|||
<el-form-item label="企业资质"> |
|||
<el-select |
|||
v-model="queryForm.qualificationCategory" |
|||
clearable |
|||
placeholder="请选择企业类型" |
|||
> |
|||
<el-option |
|||
v-for="item in categoryList" |
|||
:key="item.dictValue" |
|||
:label="item.dictLabel.split('资质')[0]" |
|||
:value="item.dictValue" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
</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-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="资质等级"> |
|||
<el-input |
|||
class="name-inp-search" |
|||
placeholder="请输入资质等级" |
|||
v-model="queryForm.aaa" |
|||
></el-input> |
|||
</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-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> |
|||
<script> |
|||
import { getDisclosure } from "@/api/home" |
|||
import { getGuangDong } from "@/api/creditStatistics" |
|||
import { getDisclosure } from "@/api/home"; |
|||
import { getGuangDong } from "@/api/creditStatistics"; |
|||
export default { |
|||
data(){ |
|||
return { |
|||
loading: false, |
|||
total: 0, |
|||
apidata: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
}, |
|||
pageSizes: [10, 20, 30, 50], |
|||
queryForm: { |
|||
groupId: "2", |
|||
qualificationCategory: "", |
|||
personName:"", |
|||
enterpriseName: "", |
|||
adcd: "", |
|||
pageNum: 1, |
|||
pageSize: 10 |
|||
}, |
|||
tableData: [], |
|||
areaList: [], |
|||
categoryList: [], |
|||
data() { |
|||
return { |
|||
loading: false, |
|||
total: 0, |
|||
apidata: { |
|||
pageNum: 1, |
|||
pageSize: 10 |
|||
}, |
|||
pageSizes: [10, 20, 30, 50], |
|||
queryForm: { |
|||
groupId: "2", |
|||
qualificationCategory: "", |
|||
personName: "", |
|||
enterpriseName: "", |
|||
adcd: "", |
|||
pageNum: 1, |
|||
pageSize: 10 |
|||
}, |
|||
tableData: [], |
|||
areaList: [], |
|||
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(){ |
|||
this.getArea() |
|||
this.getResult() |
|||
this.getDicts("qualification_type").then(res => { |
|||
this.categoryList = res.data.data |
|||
}) |
|||
resetForm() { |
|||
this.queryForm = { |
|||
groupId: "2", |
|||
qualificationCategory: "", |
|||
enterpriseName: "", |
|||
adcd: "", |
|||
pageNum: 1, |
|||
pageSize: 10 |
|||
}; |
|||
this.getResult(); |
|||
}, |
|||
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 |
|||
}, |
|||
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 |
|||
} |
|||
}) |
|||
}, |
|||
toDetail(row) { |
|||
this.$router.push({ |
|||
path: "/enterpriseInDetail", |
|||
query: { |
|||
enterpriseId: row.enterpriseId, |
|||
type: "zizhi" |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
</script> |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
@ -1,122 +1,148 @@ |
|||
<template> |
|||
<div class="descriptions-table"> |
|||
<el-descriptions class="margin-top" :column="1" border :content-style="rowCenter" :label-style="labelRowCenter" |
|||
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 class="descriptions-table"> |
|||
<el-descriptions |
|||
class="margin-top" |
|||
:column="1" |
|||
border |
|||
:content-style="rowCenter" |
|||
:label-style="labelRowCenter" |
|||
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> |
|||
</template> |
|||
|
|||
<script> |
|||
import { listByEid } from "@/api/enterpriseInformation" |
|||
import { listByEid } from "@/api/enterpriseInformation"; |
|||
export default { |
|||
data() { |
|||
return { |
|||
rowCenter: { |
|||
'borderColor': '#DADCE3' |
|||
}, |
|||
labelRowCenter: { |
|||
'borderColor': '#DADCE3' |
|||
}, |
|||
enterpriseId: "", |
|||
// certificationList: [{ |
|||
// certificationName: "", |
|||
data() { |
|||
return { |
|||
rowCenter: { |
|||
borderColor: "#DADCE3" |
|||
}, |
|||
labelRowCenter: { |
|||
borderColor: "#DADCE3" |
|||
}, |
|||
enterpriseId: "", |
|||
// certificationList: [{ |
|||
// 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() { |
|||
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)) |
|||
}) |
|||
} |
|||
}) |
|||
toVal(item) { |
|||
let obj = [ |
|||
{ |
|||
label: "企业名称", |
|||
code: "enterpriseName", |
|||
val: "" |
|||
}, |
|||
toVal(item) { |
|||
let obj = [{ |
|||
label: "企业名称", |
|||
code: "enterpriseName", |
|||
val: "" |
|||
}, { |
|||
label: "资质类别", |
|||
code: "qualificationCategory", |
|||
val: "" |
|||
}, { |
|||
label: "资质专业类别", |
|||
code: "professionalCategory", |
|||
val: "" |
|||
}, { |
|||
label: "资质等级名称", |
|||
code: "level", |
|||
val: "" |
|||
}, { |
|||
label: "资质证书号", |
|||
code: "certificateNo", |
|||
val: "" |
|||
}, { |
|||
label: "资质证书核发机关", |
|||
code: "issuedBy", |
|||
val: "" |
|||
}, { |
|||
label: "资质证书核发日期", |
|||
code: "issuanceDate", |
|||
val: "" |
|||
}, { |
|||
label: "有效到期日期", |
|||
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 |
|||
{ |
|||
label: "资质类别", |
|||
code: "qualificationCategory", |
|||
val: "" |
|||
}, |
|||
{ |
|||
label: "资质专业类别", |
|||
code: "professionalCategory", |
|||
val: "" |
|||
}, |
|||
{ |
|||
label: "资质等级名称", |
|||
code: "level", |
|||
val: "" |
|||
}, |
|||
{ |
|||
label: "资质证书号", |
|||
code: "certificateNo", |
|||
val: "" |
|||
}, |
|||
{ |
|||
label: "资质证书核发机关", |
|||
code: "issuedBy", |
|||
val: "" |
|||
}, |
|||
{ |
|||
label: "资质证书核发日期", |
|||
code: "issuanceDate", |
|||
val: "" |
|||
}, |
|||
{ |
|||
label: "有效到期日期", |
|||
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; |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="less" scoped> |
|||
.descriptions-table { |
|||
min-height: 600px; |
|||
min-height: 600px; |
|||
|
|||
/deep/.el-descriptions { |
|||
margin-bottom: 20px; |
|||
/deep/.el-descriptions { |
|||
margin-bottom: 20px; |
|||
|
|||
.el-descriptions-item__cell { |
|||
padding: 11px 10px; |
|||
font-size: 16px; |
|||
} |
|||
.el-descriptions-item__cell { |
|||
padding: 11px 10px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.el-descriptions-item__label { |
|||
background: #EBF4FE; |
|||
width: 240px; |
|||
font-weight: 600; |
|||
color: #005EB7; |
|||
padding-left: 21px; |
|||
} |
|||
.el-descriptions-item__label { |
|||
background: #ebf4fe; |
|||
width: 240px; |
|||
font-weight: 600; |
|||
color: #005eb7; |
|||
padding-left: 21px; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
</style> |
|||
|
|||
@ -1,199 +1,218 @@ |
|||
<template> |
|||
<div class="basic-detail"> |
|||
<div class="basic-header"> |
|||
<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: '/enterpriseInformation' }">企业信息</el-breadcrumb-item> |
|||
<el-breadcrumb-item>企业信息详情</el-breadcrumb-item> |
|||
</el-breadcrumb> |
|||
</div> |
|||
<div class="basic-detail"> |
|||
<div class="basic-header"> |
|||
<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: '/enterpriseInformation' }" |
|||
>企业信息</el-breadcrumb-item |
|||
> |
|||
<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 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 v-if="activeName == 'basic'"> |
|||
<actionList :title="'良好行为列表'" :tableData="goodList" :total="goodTotal" @getGoodResult="getCreditList"/> |
|||
<actionList :title="'不良行为列表'" :tableData="badList" :total="badTotal" @getBadResult="getCreditBadList"/> |
|||
</div> |
|||
</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> |
|||
</template> |
|||
<script> |
|||
import { creditList } from "@/api/enterpriseInformation" |
|||
import descriptionsEnterpriseTable from "./components/descriptionsEnterpriseTable" |
|||
import qualificationTable from "./components/qualificationTable" |
|||
import personalTable from "./components/personalTable" |
|||
import proAchievementTable from "./components/proAchievementTable" |
|||
import projectAwardTable from "./components/projectAwardTable" |
|||
import realTimeCredit from "./components/realTimeCredit" |
|||
import actionList from "./components/actionList" |
|||
import { creditList } from "@/api/enterpriseInformation"; |
|||
import descriptionsEnterpriseTable from "./components/descriptionsEnterpriseTable"; |
|||
import qualificationTable from "./components/qualificationTable"; |
|||
import personalTable from "./components/personalTable"; |
|||
import proAchievementTable from "./components/proAchievementTable"; |
|||
import projectAwardTable from "./components/projectAwardTable"; |
|||
import realTimeCredit from "./components/realTimeCredit"; |
|||
import actionList from "./components/actionList"; |
|||
export default { |
|||
components: { |
|||
descriptionsEnterpriseTable, |
|||
qualificationTable, |
|||
personalTable, |
|||
proAchievementTable, |
|||
projectAwardTable, |
|||
realTimeCredit, |
|||
actionList, |
|||
}, |
|||
data() { |
|||
return { |
|||
activeName: "basic", |
|||
enterpriseGoodForm: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
data: { |
|||
enterpriseId: "", |
|||
type: "1", |
|||
}, |
|||
}, |
|||
goodList:[], |
|||
goodTotal:0, |
|||
enterpriseBadForm: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
data: { |
|||
enterpriseId: "", |
|||
type: "0", |
|||
}, |
|||
}, |
|||
badList:[], |
|||
badTotal:0 |
|||
components: { |
|||
descriptionsEnterpriseTable, |
|||
qualificationTable, |
|||
personalTable, |
|||
proAchievementTable, |
|||
projectAwardTable, |
|||
realTimeCredit, |
|||
actionList |
|||
}, |
|||
data() { |
|||
return { |
|||
activeName: "basic", |
|||
enterpriseGoodForm: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
data: { |
|||
enterpriseId: "", |
|||
type: "1" |
|||
} |
|||
}, |
|||
goodList: [], |
|||
goodTotal: 0, |
|||
enterpriseBadForm: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
data: { |
|||
enterpriseId: "", |
|||
type: "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() { |
|||
this.enterpriseGoodForm.data.enterpriseId = this.$route.query.enterpriseId |
|||
this.enterpriseBadForm.data.enterpriseId = this.$route.query.enterpriseId |
|||
this.getCreditList() |
|||
this.getCreditBadList() |
|||
getCreditBadList() { |
|||
creditList(this.enterpriseBadForm).then(res => { |
|||
this.badList = res.data.records; |
|||
this.badTotal = res.data.total; |
|||
}); |
|||
}, |
|||
methods: { |
|||
getCreditList() { |
|||
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); |
|||
} |
|||
handleClick(tab, event) { |
|||
// console.log(tab, event); |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
<style lang="less" scoped> |
|||
.basic-detail { |
|||
.basic-header { |
|||
height: 40px; |
|||
background: #EBF4FE; |
|||
.basic-header { |
|||
height: 40px; |
|||
background: #ebf4fe; |
|||
|
|||
.header-wrap { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
display: flex; |
|||
align-items: center; |
|||
.header-wrap { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
/deep/.el-breadcrumb { |
|||
margin-top: 10px; |
|||
/deep/.el-breadcrumb { |
|||
margin-top: 10px; |
|||
|
|||
.el-breadcrumb__item { |
|||
.el-breadcrumb__inner { |
|||
font-size: 16px; |
|||
color: #005EB7 !important; |
|||
} |
|||
.el-breadcrumb__item { |
|||
.el-breadcrumb__inner { |
|||
font-size: 16px; |
|||
color: #005eb7 !important; |
|||
} |
|||
|
|||
.el-breadcrumb__separator { |
|||
font-size: 16px; |
|||
color: #005EB7 !important; |
|||
} |
|||
} |
|||
} |
|||
.el-breadcrumb__separator { |
|||
font-size: 16px; |
|||
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 { |
|||
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; |
|||
|
|||
/deep/.el-tabs { |
|||
.el-tabs__header { |
|||
border-bottom-color: #C8DFF8; |
|||
} |
|||
/deep/.el-tabs { |
|||
.el-tabs__header { |
|||
border-bottom-color: #c8dff8; |
|||
} |
|||
|
|||
.el-tabs__nav-wrap { |
|||
height: 50px; |
|||
padding-left: 5px; |
|||
.el-tabs__nav-wrap { |
|||
height: 50px; |
|||
padding-left: 5px; |
|||
|
|||
.el-tabs__item { |
|||
height: 45px; |
|||
font-size: 14px; |
|||
font-weight: 600; |
|||
color: #333333; |
|||
margin-top: 5px; |
|||
margin-left: 1px; |
|||
padding-left: 0; |
|||
padding-right: 0; |
|||
margin-right: 18px; |
|||
} |
|||
} |
|||
.el-tabs__item { |
|||
height: 45px; |
|||
font-size: 14px; |
|||
font-weight: 600; |
|||
color: #333333; |
|||
margin-top: 5px; |
|||
margin-left: 1px; |
|||
padding-left: 0; |
|||
padding-right: 0; |
|||
margin-right: 18px; |
|||
} |
|||
} |
|||
|
|||
.el-tabs__item.is-active { |
|||
padding-left: 15px; |
|||
padding-right: 15px; |
|||
color: #005EB7; |
|||
border-right-color: #C8DFF8; |
|||
border-left-color: #C8DFF8; |
|||
border-top-color: #C8DFF8; |
|||
border-radius: 8px 8px 0px 0px; |
|||
} |
|||
.el-tabs__item.is-active { |
|||
padding-left: 15px; |
|||
padding-right: 15px; |
|||
color: #005eb7; |
|||
border-right-color: #c8dff8; |
|||
border-left-color: #c8dff8; |
|||
border-top-color: #c8dff8; |
|||
border-radius: 8px 8px 0px 0px; |
|||
} |
|||
|
|||
.el-tabs__content { |
|||
padding: 0px; |
|||
} |
|||
} |
|||
.el-tabs__content { |
|||
padding: 0px; |
|||
} |
|||
} |
|||
|
|||
/deep/.el-tabs--border-card { |
|||
border: none; |
|||
box-shadow: none; |
|||
} |
|||
/deep/.el-tabs--border-card { |
|||
border: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.descriptions-wrap { |
|||
padding: 20px; |
|||
} |
|||
} |
|||
.descriptions-wrap { |
|||
padding: 20px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
</style> |
|||
|
|||
Loading…
Reference in new issue