Skip to content

G
GaoQuIncubator
Commit 81a4c64c authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

数据概览

parent 4c7b7e96
Hide whitespace changes
Inline Side-by-side
Showing with 416 additions and 30 deletions
src/api/system/overview.js
View file @ 81a4c64c
...@@ -5,13 +5,13 @@ export function getData4panel4(data) { // 导师信息 ...@@ -5,13 +5,13 @@ export function getData4panel4(data) { // 导师信息
return request({ return request({
url: 'api/mentor', url: 'api/mentor',
method: 'get', method: 'get',
params:data, params: data,
}) })
} }
export function getData4panel0(data) { // 孵化器概况信息 export function getData4panel0(data) { // 孵化器概况信息
return request({ return request({
url: 'api/incubator/profile?incubatorId='+data.incubatorId, url: 'api/incubator/profile?incubatorId=' + data.incubatorId,
method: 'get', method: 'get',
}) })
} }
...@@ -20,10 +20,43 @@ export function getDialogData4panel0(data) { // 孵化器概况信息 ...@@ -20,10 +20,43 @@ export function getDialogData4panel0(data) { // 孵化器概况信息
return request({ return request({
url: 'api/incubatorRevenue', url: 'api/incubatorRevenue',
method: 'get', method: 'get',
params:data, params: data,
}) })
} }
export function getData4enterprise(data) {
return request({
url: 'api/company/companyName/list',
method: 'get',
params: data
})
}
export function getData4enterpriseDetail(data) {
return request({
url: 'api/company/web/details',
method: 'get',
params: data
})
}
export function getDialogData4panel1_2(data) {
return request({
url: 'api/companyAnnualInfo',
method: 'get',
params: data
})
}
export function getDialogData4panel1_3(data) {
return request({
url: 'api/companyProduct',
method: 'get',
params: data
})
}
export function getData4tech(data) { export function getData4tech(data) {
return request({ return request({
...@@ -64,5 +97,7 @@ export function editUser(data) { ...@@ -64,5 +97,7 @@ export function editUser(data) {
} }
export default { getData4panel0, getDialogData4panel0, getData4panel4, getData4tech, add, edit, del } export default { getData4panel0, getDialogData4panel0, getData4panel4, getData4enterprise,
getData4enterpriseDetail, getDialogData4panel1_2, getDialogData4panel1_3,
getData4tech, add, edit, del }
src/views/system/home/overview.vue
View file @ 81a4c64c
...@@ -103,11 +103,11 @@ ...@@ -103,11 +103,11 @@
</div> </div>
</div> </div>
</li> </li>
<li class="tab_panel_1" v-if="activeIndex === 10"> <li class="tab_panel_1" v-if="activeIndex === 0">
<div class="_left"> <div class="_left">
<div class="_title"> <div class="_title">
<span>在孵企业</span> <span>在孵企业</span>
<span>280家</span> <span>{{ totalCount4panel1 }}家</span>
</div> </div>
<div class="_list"> <div class="_list">
<el-input <el-input
...@@ -118,8 +118,8 @@ ...@@ -118,8 +118,8 @@
></el-input> ></el-input>
<ul> <ul>
<li v-for="item1 in 10" :key="item1"> <li v-for="item1 in tableData4panel1" :key="item1.companyId" @click="changeCompany(item1.companyId)">
威海众智惠新信息科技有限公司 {{ item1.companyName }}
</li> </li>
</ul> </ul>
<el-pagination <el-pagination
...@@ -127,23 +127,59 @@ ...@@ -127,23 +127,59 @@
@size-change="handleSizeChange4panel1" @size-change="handleSizeChange4panel1"
:current-page="currentPage4panel1" :current-page="currentPage4panel1"
:page-size="pageSize4panel1" :page-size="pageSize4panel1"
:total="totalItems4panel1" :total="totalCount4panel1"
:page-sizes="[10, 20, 30, 40]" :page-sizes="[10, 20, 30, 40]"
layout="prev, pager, next, sizes" layout="prev, pager, next, sizes"
/> />
</div> </div>
</div> </div>
<div class="_right"> <div class="_right">
<h2>威海众智惠新信息科技有限公司</h2> <h2>{{data4panel1.companyName}}</h2>
<div class="divider"></div> <div class="divider"></div>
<div class="_title prefixDiv"> <div class="_title prefixDiv">
<div class="_left">企业基础信息</div> <div class="_left">企业基础信息</div>
<div class="_right">查看企业简介>></div> <div class="_right" @click="getMore4panel1">查看企业简介>></div>
</div> </div>
<div class="_body"> <div class="_body">
<ul> <ul>
<li v-for="item in 10" class="prefixPoint"> <li class="prefixPoint">
入驻时间: 2021-10-10 入驻时间: {{ data4panel1.entryDate }}
</li>
<li class="prefixPoint">
企业负责人: {{ data4panel1.principal }}
</li>
<li class="prefixPoint">
联系电话: {{ data4panel1.contactPhone }}
</li>
<li class="prefixPoint">
企业类型: {{ data4panel1.xxx }}
</li>
<li class="prefixPoint">
主要负责人创业特征: {{ data4panel1.xxx }}
</li>
<li class="prefixPoint">
创业导师:: {{ data4panel1.xxx }}
</li>
<li class="prefixPoint">
孵化状态: {{ data4panel1.incubationStatusName }}
</li>
<li class="prefixPoint">
企业级别: {{ data4panel1.companyLevelName }}
</li>
<li class="prefixPoint">
所属技术领域: {{ data4panel1.xxx }}
</li>
<li class="prefixPoint">
占用孵化场地面积: {{ data4panel1.occupiedArea }}
</li>
<li class="prefixPoint">
累计获得融资总额: {{ data4panel1.totalFunding }}
</li>
<li class="prefixPoint">
注册资金: {{ data4panel1.xxx }}
</li>
<li class="prefixPoint">
位置: {{ data4panel1.address }}
</li> </li>
</ul> </ul>
</div> </div>
...@@ -153,8 +189,17 @@ ...@@ -153,8 +189,17 @@
</div> </div>
<div class="_body"> <div class="_body">
<ul> <ul>
<li v-for="item in 10" class="prefixPoint"> <li class="prefixPoint">
入驻时间: 2021-10-10 发明专利数: {{ data4panel1.inventionPatentsNumber }}
</li>
<li class="prefixPoint">
实用新型数: {{ data4panel1.utilityModelsNumber }}
</li>
<li class="prefixPoint">
软件著作权数: {{ data4panel1.softwareCopyrightNumber }}
</li>
<li class="prefixPoint">
发明申请数: {{ data4panel1.inventionPatentsNumber }}
</li> </li>
</ul> </ul>
</div> </div>
...@@ -164,20 +209,41 @@ ...@@ -164,20 +209,41 @@
</div> </div>
<div class="_body"> <div class="_body">
<ul> <ul>
<li v-for="item in 10" class="prefixPoint"> <li v-for="(item, index) in data4panel1.entrepreneurshipInnovationEnterprises" class="prefixPoint" :key="index">
入驻时间: 2021-10-10 {{ item.name }}: {{ item.value }}
</li> </li>
</ul> </ul>
</div> </div>
<div class="_title prefixDiv"> <div class="_title prefixDiv">
<div class="_left">今年企业经营信息</div> <div class="_left">今年企业经营信息</div>
<div class="_right">查看更多>></div> <div class="_right" @click="getMore4panel1_2">查看更多>></div>
</div> </div>
<div class="_body"> <div class="_body">
<ul> <ul>
<li v-for="item in 10" class="prefixPoint"> <li class="prefixPoint">
入驻时间: 2021-10-10 从业人员: {{ data4panel1.totalEmployees }}人
</li>
<li class="prefixPoint">
博士人数: {{ data4panel1.phdEmployees }}人
</li>
<li class="prefixPoint">
留学人数: {{ data4panel1.overseasEmployees }}人
</li>
<li class="prefixPoint">
净利润: {{ data4panel1.netProfit }}万元
</li>
<li class="prefixPoint">
上缴税费: {{ data4panel1.taxesPaid }}万元
</li>
<li class="prefixPoint">
研发投入: {{ data4panel1.researchInput }}万元
</li>
<li class="prefixPoint">
研发投入占比: {{ data4panel1.investmentProportion }}%
</li>
<li class="prefixPoint">
总收入: {{ data4panel1.grossIncome }}万元
</li> </li>
</ul> </ul>
</div> </div>
...@@ -185,23 +251,26 @@ ...@@ -185,23 +251,26 @@
<!-- --> <!-- -->
<div class="_title prefixDiv"> <div class="_title prefixDiv">
<div class="_left">企业产品</div> <div class="_left">企业产品</div>
<div class="_right">查看更多>></div> <div class="_right" @click="getMore4panel1_3">查看更多>></div>
</div> </div>
<div class="_body"> <div class="_body">
<dl> <dl>
<dd v-for="item in 10"> <dd v-for="(item,index) in data4panel1.companyProductList" :key="index">
<img src="" alt="" /> <img
<h3>环境监测设备</h3> :src="`${baseAPI}file/${item.image}`"
<p> alt=""
内置NB-IoT物联网SIM卡，把数据传 />
输到晶合云平台或客户私有云平台， 实现数据 <h3>{{ item.productName }}</h3>
<p v-html="item.description">
<!-- 内置NB-IoT物联网SIM卡，把数据传
输到晶合云平台或客户私有云平台， 实现数据 -->
</p> </p>
</dd> </dd>
</dl> </dl>
</div> </div>
</div> </div>
</li> </li>
<li class="tab_panel_4" v-if="activeIndex === 0"> <li class="tab_panel_4" v-if="activeIndex === 40">
<div class="_title"> <div class="_title">
<span>创业导师</span> <span>创业导师</span>
<el-input <el-input
...@@ -238,6 +307,7 @@ ...@@ -238,6 +307,7 @@
</ul> </ul>
</div> </div>
<el-dialog <el-dialog
title="孵化器年度收入信息" title="孵化器年度收入信息"
:visible.sync="dialogVisible4panel0" :visible.sync="dialogVisible4panel0"
...@@ -297,12 +367,132 @@ ...@@ -297,12 +367,132 @@
></el-pagination> ></el-pagination>
</el-dialog> </el-dialog>
<el-dialog
title="企业经营信息"
:visible.sync="dialogVisible4panel1_2"
width="1100px"
>
<el-input
placeholder="请输入年度搜索"
prefix-icon="el-icon-search"
v-model="searchQuery4panel1_2"
style="width: 300px;margin-bottom: 10px;"
@blur="filterData4panel1_2"
></el-input>
<el-table :data="tableData4panel1_2" style="width: 100%">
<el-table-column
prop="year"
label="年度"
width="50"
></el-table-column>
<el-table-column
prop="totalEmployees"
label="从业人数"
></el-table-column>
<el-table-column
prop="phdEmployees"
label="博士从业人数"
></el-table-column>
<el-table-column
prop="overseasEmployees"
label="留学人数"
></el-table-column>
<el-table-column
prop="netProfit"
label="净利润(万元)"
></el-table-column>
<el-table-column
prop="taxesPaid"
label="上缴税费(万元)"
></el-table-column>
<el-table-column
prop="researchInput"
label="研发投入(万元)"
></el-table-column>
<el-table-column
prop="investmentProportion"
label="研发投入占比"
></el-table-column>
<el-table-column
prop="grossIncome"
label="总收入(万元)"
></el-table-column>
</el-table>
<el-pagination
@current-change="handleCurrentChange4panel1_2"
@size-change="handleSizeChange4panel1_2"
:current-page="currentPage4panel1_2"
:page-size="pageSize4panel1_2"
:total="totalCount4panel1_2"
:page-sizes="[10, 20, 30, 40]"
layout="prev, pager, next, sizes"
></el-pagination>
</el-dialog>
<el-dialog
title="企业产品信息"
:visible.sync="dialogVisible4panel1_3"
width="1100px"
>
<el-input
placeholder="请输入产品名称"
prefix-icon="el-icon-search"
v-model="searchQuery4panel1_3"
style="width: 300px;margin-bottom: 10px;"
@blur="filterData4panel1_3"
></el-input>
<el-table :data="tableData4panel1_3" style="width: 100%">
<el-table-column
prop="productName"
label="产品名称"
align="center"
></el-table-column>
<el-table-column
prop="totalEmployees"
label="图片"
width="120"
align="center"
>
<template slot-scope="scope">
<img :src="`${baseAPI}file/${scope.row.image}`" alt="Image" style="width: 80px; height: auto;" />
</template>
</el-table-column>
<el-table-column
prop="description"
label="简介"
align="center"
>
</el-table-column>
</el-table>
<el-pagination
@current-change="handleCurrentChange4panel1_3"
@size-change="handleSizeChange4panel1_3"
:current-page="currentPage4panel1_3"
:page-size="pageSize4panel1_3"
:total="totalCount4panel1_3"
:page-sizes="[10, 20, 30, 40]"
layout="prev, pager, next, sizes"
></el-pagination>
</el-dialog>
<!-- penel -->
<el-dialog <el-dialog
title="简介信息" title="简介信息"
:visible.sync="dialogVisible4panel4" :visible.sync="dialogVisible4panel4"
> >
<div v-html="introduction4panel4"></div> <div v-html="introduction4panel4"></div>
</el-dialog> </el-dialog>
<el-dialog
title="企业简介"
:visible.sync="dialogVisible4panel1"
>
<div v-html="data4panel1.introduction"></div>
</el-dialog>
</div> </div>
</template> </template>
...@@ -335,6 +525,35 @@ export default { ...@@ -335,6 +525,35 @@ export default {
searchQuery4panel0: '', searchQuery4panel0: '',
tableData4panel0: [], tableData4panel0: [],
// panel123 企业信息
data4panel1: {},
totalCount4panel1: 0, // 总条目数
currentPage4panel1: 0, // 当前页码
pageSize4panel1: 10, // 每页显示的条目数量
searchQuery4panel1: '',
tableData4panel1: [],
// panel_1 企业简介 弹窗
dialogVisible4panel1: false,
introduction4panel1: '',
// panel_1 年度收入信息 弹窗
currentPage4panel1_2: 0, // 当前页码
pageSize4panel1_2: 10, // 每页显示的条目数量
dialogVisible4panel1_2: false,
searchQuery4panel1_2: '',
tableData4panel1_2: [],
totalCount4panel1_2: 0, // 总条目数
// panel_1 产品信息 弹窗
currentSelectedCompanyId: '',
currentPage4panel1_3: 0, // 当前页码
pageSize4panel1_3: 10, // 每页显示的条目数量
dialogVisible4panel1_3: false,
searchQuery4panel1_3: '',
tableData4panel1_3: [],
totalCount4panel1_3: 0,
// panel4 创业导师 // panel4 创业导师
totalCount4panel4: 0, // 总条目数 totalCount4panel4: 0, // 总条目数
currentPage4panel4: 0, // 当前页码 currentPage4panel4: 0, // 当前页码
...@@ -350,14 +569,145 @@ export default { ...@@ -350,14 +569,145 @@ export default {
mounted() { mounted() {
this.incubatorId = this.$route.query.id; this.incubatorId = this.$route.query.id;
// this.getData4panel0(); // this.getData4panel0();
this.getData4panel4(); // this.getData4panel4();
this.getData4panel1()
}, },
methods: { methods: {
changeNav(index) { changeNav(index) {
this.activeIndex = ~~index; this.activeIndex = ~~index;
}, },
/**
* getData4enterprise
* panel 1,2,3 企业信息
*/
filterData4panel1() {
this.currentPage4panel1 = 1; // 重置当前分页
this.getData4panel1();
},
getMore4panel1(item){
this.dialogVisible4panel1 = true
this.introduction4panel1 = item.introduction
},
handleCurrentChange4panel1(newPage) {
// 切换分页
this.currentPage4panel1 = newPage;
this.getData4panel1()
},
handleSizeChange4panel1(newSize){
this.pageSize4panel1 = newSize;
this.getData4panel4()
},
getData4panel1() { // 获取panel2，3，4企业列表
let companyType = ''
if(~~this.activeIndex === 0){
companyType = '1'
}else if(~~this.activeIndex === 2){
companyType = '2'
}else if(~~this.activeIndex === 3){
companyType = '3'
}
overviewApi
.getData4enterprise({
page: this.currentPage4panel1 > 0 ? this.currentPage4panel1-1 : this.currentPage4panel1,
size: this.pageSize4panel1,
incubatorId: this.incubatorId,
companyType,
mentorName: this.searchQuery4panel1
})
.then((res) => {
this.tableData4panel1 = res.body.records || [];
this.totalCount4panel1 = res.body.total
if(this.tableData4panel1.length){
this.getData4panel1_1(this.tableData4panel1[0].companyId)
this.currentSelectedCompanyId = this.tableData4panel1[0].companyId
}
});
},
getData4panel1_1(companyId) { // 获取panel2，3，4企业详情
overviewApi
.getData4enterpriseDetail({
companyId: companyId+''
})
.then((res) => {
this.data4panel1 = res.body || {};
});
},
changeCompany(companyId){
this.currentSelectedCompanyId = companyId
this.getData4panel1_1(companyId)
},
getMore4panel1(){// 获取企业简介
this.dialogVisible4panel1 = true
},
filterData4panel1_2() {
this.currentPage4panel1_2 = 1; // 重置当前分页
this.getDialogData4panel1_2();
},
getMore4panel1_2(){ // 获取更多年度收入信息
this.dialogVisible4panel1_2 = true
this.getDialogData4panel1_2()
},
getDialogData4panel1_2(fn) { // 获取panel1 经营信息 弹窗列表信息
overviewApi
.getDialogData4panel1_2({
page: this.currentPage4panel1_2 > 0 ? this.currentPage4panel1_2-1 : this.currentPage4panel1_2,
size: this.pageSize4panel1_2,
exact:{
companyId: this.currentSelectedCompanyId,
}
})
.then((res) => {
this.tableData4panel1_2 = res.body.list || [];
});
},
handleCurrentChange4panel1_2(newPage) {
// 切换分页
this.currentPage4panel1_2 = newPage;
// 这里可以添加代码来加载新页的数据
console.log(`当前页: ${newPage}`);
this.getDialogData4panel1_2()
},
handleSizeChange4panel1_2(newSize){
this.pageSize4panel1_2 = newSize;
this.getDialogData4panel1_2()
},
getMore4panel1_3(){ // 获取更多产品信息
this.dialogVisible4panel1_3 = true
this.getDialogData4panel1_3()
},
getDialogData4panel1_3(fn) { // 获取panel1 产品弹窗列表信息
overviewApi
.getDialogData4panel1_3({
page: this.currentPage4panel1_3 > 0 ? this.currentPage4panel1_3-1 : this.currentPage4panel1_3,
size: this.pageSize4panel1_3,
exact:{
companyId: this.currentSelectedCompanyId,
}
})
.then((res) => {
this.tableData4panel1_3 = res.body.list || [];
this.totalCount4panel1_3 = res.body.total
});
},
handleCurrentChange4panel1_3(newPage) {
// 切换分页
this.currentPage4panel1_3 = newPage;
// 这里可以添加代码来加载新页的数据
console.log(`当前页: ${newPage}`);
this.getDialogData4panel1_3()
},
handleSizeChange4panel1_3(newSize){
this.pageSize4panel1_3 = newSize;
this.getDialogData4panel1_3()
},
/** /**
* panel0 * panel0
*/ */
...@@ -646,7 +996,7 @@ export default { ...@@ -646,7 +996,7 @@ export default {
} }
a { a {
position: absolute; position: absolute;
right: 6px; right: 11px;
bottom: 96px; bottom: 96px;
font-size: 15px; font-size: 15px;
color: #1890ff; color: #1890ff;
...@@ -745,6 +1095,7 @@ export default { ...@@ -745,6 +1095,7 @@ export default {
float: right; float: right;
margin-right: 30px; margin-right: 30px;
margin-top: 6px; margin-top: 6px;
cursor: pointer;
} }
} }
ul { ul {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment