|
|
@ -4,14 +4,20 @@ |
|
|
<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-item>企业信息详情</el-breadcrumb-item> |
|
|
</el-breadcrumb> |
|
|
</el-breadcrumb> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="basic-main"> |
|
|
<div class="basic-main"> |
|
|
<div class="main-wrap"> |
|
|
<div class="main-wrap"> |
|
|
<el-tabs type="border-card" v-model="activeName" @tab-click="handleClick"> |
|
|
<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="basic"></el-tab-pane> |
|
|
<el-tab-pane label="资质信息" name="qualification"></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="personal"></el-tab-pane> |
|
|
@ -29,22 +35,32 @@ |
|
|
<realTimeCredit /> |
|
|
<realTimeCredit /> |
|
|
</div> |
|
|
</div> |
|
|
<div v-if="activeName == 'basic'"> |
|
|
<div v-if="activeName == 'basic'"> |
|
|
<actionList :title="'良好行为列表'" :tableData="goodList" :total="goodTotal" @getGoodResult="getCreditList"/> |
|
|
<actionList |
|
|
<actionList :title="'不良行为列表'" :tableData="badList" :total="badTotal" @getBadResult="getCreditBadList"/> |
|
|
: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, |
|
|
@ -53,7 +69,7 @@ export default { |
|
|
proAchievementTable, |
|
|
proAchievementTable, |
|
|
projectAwardTable, |
|
|
projectAwardTable, |
|
|
realTimeCredit, |
|
|
realTimeCredit, |
|
|
actionList, |
|
|
actionList |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
@ -63,8 +79,8 @@ export default { |
|
|
pageSize: 10, |
|
|
pageSize: 10, |
|
|
data: { |
|
|
data: { |
|
|
enterpriseId: "", |
|
|
enterpriseId: "", |
|
|
type: "1", |
|
|
type: "1" |
|
|
}, |
|
|
} |
|
|
}, |
|
|
}, |
|
|
goodList: [], |
|
|
goodList: [], |
|
|
goodTotal: 0, |
|
|
goodTotal: 0, |
|
|
@ -73,43 +89,48 @@ export default { |
|
|
pageSize: 10, |
|
|
pageSize: 10, |
|
|
data: { |
|
|
data: { |
|
|
enterpriseId: "", |
|
|
enterpriseId: "", |
|
|
type: "0", |
|
|
type: "0" |
|
|
}, |
|
|
} |
|
|
}, |
|
|
}, |
|
|
badList: [], |
|
|
badList: [], |
|
|
badTotal: 0 |
|
|
badTotal: 0 |
|
|
|
|
|
}; |
|
|
|
|
|
}, |
|
|
|
|
|
created() { |
|
|
|
|
|
if (this.$route.query.type == "zizhi") { |
|
|
|
|
|
this.activeName = "qualification"; |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
this.enterpriseGoodForm.data.enterpriseId = this.$route.query.enterpriseId |
|
|
this.enterpriseGoodForm.data.enterpriseId = this.$route.query.enterpriseId; |
|
|
this.enterpriseBadForm.data.enterpriseId = this.$route.query.enterpriseId |
|
|
this.enterpriseBadForm.data.enterpriseId = this.$route.query.enterpriseId; |
|
|
this.getCreditList() |
|
|
this.getCreditList(); |
|
|
this.getCreditBadList() |
|
|
this.getCreditBadList(); |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
getCreditList() { |
|
|
getCreditList() { |
|
|
creditList(this.enterpriseGoodForm).then(res => { |
|
|
creditList(this.enterpriseGoodForm).then(res => { |
|
|
this.goodList=res.data.records |
|
|
this.goodList = res.data.records; |
|
|
this.goodTotal=res.data.total |
|
|
this.goodTotal = res.data.total; |
|
|
}) |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
getCreditBadList() { |
|
|
getCreditBadList() { |
|
|
creditList(this.enterpriseBadForm).then(res => { |
|
|
creditList(this.enterpriseBadForm).then(res => { |
|
|
this.badList=res.data.records |
|
|
this.badList = res.data.records; |
|
|
this.badTotal=res.data.total |
|
|
this.badTotal = res.data.total; |
|
|
}) |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
handleClick(tab, event) { |
|
|
handleClick(tab, event) { |
|
|
// console.log(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; |
|
|
@ -123,34 +144,32 @@ export default { |
|
|
.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 { |
|
|
.basic-main { |
|
|
background: linear-gradient(180deg, #005EB7 0%, #EDF7FF 60% #EDF7FF 100%); |
|
|
background: linear-gradient(180deg, #005eb7 0%, #edf7ff 60% #edf7ff 100%); |
|
|
padding: 20px 0; |
|
|
padding: 20px 0; |
|
|
|
|
|
|
|
|
.main-wrap { |
|
|
.main-wrap { |
|
|
width: 1200px; |
|
|
width: 1200px; |
|
|
margin: 0 auto; |
|
|
margin: 0 auto; |
|
|
background: #FFFFFF; |
|
|
background: #ffffff; |
|
|
border-radius: 8px; |
|
|
border-radius: 8px; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
|
|
|
|
|
|
/deep/.el-tabs { |
|
|
/deep/.el-tabs { |
|
|
.el-tabs__header { |
|
|
.el-tabs__header { |
|
|
border-bottom-color: #C8DFF8; |
|
|
border-bottom-color: #c8dff8; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.el-tabs__nav-wrap { |
|
|
.el-tabs__nav-wrap { |
|
|
@ -173,10 +192,10 @@ export default { |
|
|
.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; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
xzt
1 year ago