Commit a0aeef09 authored by caixingbing's avatar caixingbing

*

parent 2d6ab724
import request from "@/utils/request";
// 获取页面数据
export function getList(data) {
return request({
url: '/getInfo',
method: 'get'
})
}
import request from "@/utils/request";
// 获取查询下拉选项
export function getOption() {
return request({
url: '/getInfo',
method: 'get'
})
}
// 获取列表数据
export function getList(data) {
return request({
url: '/getInfo',
method: 'get'
})
}
...@@ -54,7 +54,8 @@ ...@@ -54,7 +54,8 @@
</template> </template>
<script> <script>
import * as echarts from 'echarts'; import { getList } from '@/api/detail/party-a/financial'
import * as echarts from 'echarts'
export default { export default {
name: 'Financial', name: 'Financial',
props: ['companyId'], props: ['companyId'],
...@@ -79,12 +80,7 @@ export default { ...@@ -79,12 +80,7 @@ export default {
{ name: '非标余额', ico: require('@/assets/images/detail/financial/zwqk_ico3.png'), intro: '非标余额/有息债务', introPro: '95.19%', amount: '1699.7', unit: '亿元'}, { name: '非标余额', ico: require('@/assets/images/detail/financial/zwqk_ico3.png'), intro: '非标余额/有息债务', introPro: '95.19%', amount: '1699.7', unit: '亿元'},
{ name: '对外担保金额', ico: require('@/assets/images/detail/financial/zwqk_ico4.png'), intro: '对外担保比例', introPro: '95.19%', amount: '1699.7', unit: '亿元'} { name: '对外担保金额', ico: require('@/assets/images/detail/financial/zwqk_ico4.png'), intro: '对外担保比例', introPro: '95.19%', amount: '1699.7', unit: '亿元'}
], ],
echartsData: [ echartsData: [],
{ value: 1048, name: '有息债务' },
{ value: 735, name: '有息债务/总债务' },
{ value: 580, name: '综合融资成本' },
{ value: 484, name: 'EBITDA保障倍数' }
],
// 资金情况 // 资金情况
zjqkList: [ zjqkList: [
{ name: '经营现金流', ico: require('@/assets/images/detail/financial/zjqk_ico1.png'), intro: '该指标越高,说明经营活动的造血能力越强', amount: '99213', unit: '亿元'}, { name: '经营现金流', ico: require('@/assets/images/detail/financial/zjqk_ico1.png'), intro: '该指标越高,说明经营活动的造血能力越强', amount: '99213', unit: '亿元'},
...@@ -113,9 +109,23 @@ export default { ...@@ -113,9 +109,23 @@ export default {
created() { created() {
}, },
mounted() { mounted() {
this.getEcharts() this.handleQuery()
}, },
methods: { methods: {
handleQuery() {
let param = {}
getList(param).then((res) => {
this.echartsData = [
{ value: 1048, name: '有息债务' },
{ value: 735, name: '有息债务/总债务' },
{ value: 580, name: '综合融资成本' },
{ value: 484, name: 'EBITDA保障倍数' }
]
this.$nextTick(() => {
this.getEcharts()
})
})
},
getEcharts(){ getEcharts(){
let myChart = echarts.init(document.getElementById("myEcharts")); let myChart = echarts.init(document.getElementById("myEcharts"));
//配置图表 //配置图表
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
@handle-current-change="handleCurrentChange" @handle-current-change="handleCurrentChange"
> >
<template slot="porjectName" slot-scope="scope"> <template slot="porjectName" slot-scope="scope">
<span :class="[isOverHiddenFlag(scope.data.width, showList, scope.index, 0, scope.row.porjectName)?'cell-span':'']" :style="{'-webkit-line-clamp': 5}"> <span :class="[isOverHiddenFlag(scope.data.width, showList, scope.index, 0, scope.row.porjectName)?'cell-span':'']" :style="{'-webkit-line-clamp': 2}">
{{ scope.row.porjectName }} {{ scope.row.porjectName }}
<span v-if="isOverHiddenFlag(scope.data.width, showList, scope.index, 0, scope.row.porjectName)" @click="changeShowAll(scope.index, 0)">...<span style="color: #0081FF;">展开</span></span> <span v-if="isOverHiddenFlag(scope.data.width, showList, scope.index, 0, scope.row.porjectName)" @click="changeShowAll(scope.index, 0)">...<span style="color: #0081FF;">展开</span></span>
</span> </span>
...@@ -83,7 +83,7 @@ export default { ...@@ -83,7 +83,7 @@ export default {
this.tableData = [ this.tableData = [
{ {
projectId: '1', projectId: '1',
porjectName:'滨州医学院口腔医学大楼铝合金门窗供货及安装滨州医学院口腔医学大楼铝合金门窗供货及安装滨州医学院口腔医学大楼铝合金门窗供货及安装滨州医学院口腔医学大楼铝合金门窗供货及安装滨州医学院口腔医学大楼铝合金门窗供货及安装滨州医学院口腔医学大楼铝合金门窗供货及安装滨州医学院口腔医学大楼铝合金门窗供货及安装滨州医学院口腔医学大楼铝合金门窗供货及安装滨州医学院口腔医学大楼铝合金门窗供货及安装滨州医学院口腔医学大楼铝合金门窗供货及安装2', porjectName:'滨州医学院口腔医学大楼铝合金门窗供货及安装滨州医学院口腔医学大',
use:'城镇住宅用地', use:'城镇住宅用地',
type:'房地产业', type:'房地产业',
way:'挂牌出让', way:'挂牌出让',
......
...@@ -58,12 +58,12 @@ export default { ...@@ -58,12 +58,12 @@ export default {
formData: [ formData: [
{ type: 1, fieldName: 'projectStage', value: '', placeholder: '项目地区', options: []}, { type: 1, fieldName: 'projectStage', value: '', placeholder: '项目地区', options: []},
{ type: 1, fieldName: 'projectType', value: '', placeholder: '项目类型', options: []}, { type: 1, fieldName: 'projectType', value: '', placeholder: '项目类型', options: []},
{ type: 3, fieldName: 'keys', value: '', placeholder: '输入关键词查询', options: []}
], ],
//列表 //列表
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
tableDataTotal:0, tableDataTotal:0
showList:[],
} }
}, },
computed: { computed: {
......
...@@ -56,8 +56,7 @@ export default { ...@@ -56,8 +56,7 @@ export default {
//列表 //列表
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
tableDataTotal:0, tableDataTotal:0
showList:[],
} }
}, },
computed: { computed: {
......
...@@ -55,7 +55,7 @@ export default { ...@@ -55,7 +55,7 @@ export default {
], ],
formData: [ formData: [
{ type: 1, fieldName: 'penalizeReasonType', value: '', placeholder: '土地用途', options: []}, { type: 1, fieldName: 'penalizeReasonType', value: '', placeholder: '土地用途', options: []},
{ type: 3, fieldName: 'keys', value: '', placeholder: '输入项目名称关键词查询', options: []}, { type: 3, fieldName: 'keys', value: '', placeholder: '输入项目名称关键词查询', options: []}
], ],
//列表 //列表
tableLoading:false, tableLoading:false,
......
...@@ -57,8 +57,7 @@ export default { ...@@ -57,8 +57,7 @@ export default {
//列表 //列表
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
tableDataTotal:0, tableDataTotal:0
showList:[],
} }
}, },
computed: { computed: {
......
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
/> />
<tables <tables
:indexFixed="true"
:tableLoading="tableLoading" :tableLoading="tableLoading"
:tableData="tableData" :tableData="tableData"
:forData="forData" :forData="forData"
...@@ -17,11 +18,10 @@ ...@@ -17,11 +18,10 @@
:queryParams="queryParams" :queryParams="queryParams"
@handle-current-change="handleCurrentChange" @handle-current-change="handleCurrentChange"
> >
<template slot="inReason" slot-scope="scope"> <template slot="projectName" slot-scope="scope">
<router-link to="" tag="a" class="a-link">{{scope.row.inReason}}</router-link> <router-link to="" tag="a" class="a-link">{{scope.row.projectName}}</router-link>
<div class="tags" v-if="scope.row.tag"> <div class="tags" v-if="scope.row.tag">
<span class="tag style1">{{scope.row.tag}}</span> <span class="tag style1">{{scope.row.tag}}</span>
<span class="tag style1">{{scope.row.tag}}</span>
</div> </div>
</template> </template>
</tables> </tables>
...@@ -30,53 +30,70 @@ ...@@ -30,53 +30,70 @@
<script> <script>
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin'
import {getList, getOption} from '@/api/detail/party-a/overview'
export default { export default {
name: 'Branch', name: 'Branch',
props: ['companyId'],
mixins: [mixin], mixins: [mixin],
data() { data() {
return { return {
queryParams: { queryParams: {
cid: 6034, companyId: this.companyId,
pageNum: 1, pageNum: 1,
pageSize: 10 pageSize: 10
}, },
forData: [ forData: [
{label: '被投资企业名称', prop: 'inReason', slot: true}, {label: '被投资企业名称', prop: 'projectName', slot: true},
{label: '负责人', prop: 'inDate'}, {label: '负责人', prop: 'type'},
{label: '成立日期', prop: 'department'} {label: '成立日期', prop: 'date'}
], ],
formData: [ formData: [
{ type: 1, fieldName: 'zbgg', value: '', placeholder: '招标公告', { type: 1, fieldName: 'zbgg', value: '', placeholder: '招标公告', options: []
options: [
{ name: '招标公告类别1', value: '1' },
{ name: '招标公告类别2', value: '2' },
{ name: '招标公告类别3', value: '3' },
{ name: '招标公告类别4', value: '4' }
]
} }
], ],
//列表 //列表
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
pageIndex:1,
pageSize:10,
tableDataTotal:0, tableDataTotal:0,
} }
}, },
created() { created() {
this.dataRegion() this.handleOption()
this.handleQuery()
}, },
methods: { methods: {
async dataRegion() { handleOption(){
this.tableData = [ getOption().then((res) => {
{id:1, inReason:'达萨法达萨法', inDate:'000',tag:'aaa'}, this.setFormData('zbgg', [
{id:2, inReason:'达萨法达萨法', inDate:'111'}, { name: '类别1', value: '1' },
{id:3, inReason:'达萨法达萨法', inDate:'222'}, { name: '类别2', value: '2' },
{id:4, inReason:'达萨法达萨法', inDate:'333'} { name: '类别3', value: '3' },
] //测试 { name: '类别4', value: '4' }
])
})
}, },
handleQuery(params) { handleQuery(params) {
console.log(params) this.tableLoading = true
let param = params?params:this.queryParams
getList(param).then((res) => {
this.tableLoading = false
this.tableData = [
{
projectId: '1',
tag: '在业',
projectName:'滨州医学院口腔医学大楼铝合金门窗供货及安装',
use:'城镇住宅用地',
type:'房地产业',
way:'挂牌出让',
state:'重庆',
money:'11234万元',
scale:'222平米',
unit:'江苏省住房和城乡建设厅',
date:'2015-08-06',
}
]
this.tableDataTotal = 100
})
} }
} }
} }
......
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
<script> <script>
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin'
import InfoTable from '../component/infoTable' import InfoTable from '../component/infoTable'
import {getList} from "@/api/detail/party-a/overview";
export default { export default {
name: 'Businfo', name: 'Businfo',
props: ['companyId'], props: ['companyId'],
...@@ -34,7 +35,7 @@ export default { ...@@ -34,7 +35,7 @@ export default {
return { return {
activeName: 'first', activeName: 'first',
queryParams: { queryParams: {
cid: 6034, companyId: this.companyId,
pageNum: 1, pageNum: 1,
pageSize: 10 pageSize: 10
}, },
...@@ -73,22 +74,34 @@ export default { ...@@ -73,22 +74,34 @@ export default {
} }
}, },
created() { created() {
this.handleData() this.handleQuery()
}, },
methods: { methods: {
handleClick(){ handleClick(){
this.handleData() this.handleQuery()
}, },
async handleData() { handleQuery() {
this.tableData = [ console.log('索引:',thia.activeName)
{id:1, inReason:'达萨法达萨法', inDate:'000',tag:'aaa'}, this.tableLoading = true
{id:2, inReason:'达萨法达萨法', inDate:'111'}, getList(this.queryParams).then((res) => {
{id:3, inReason:'达萨法达萨法', inDate:'222'}, this.tableLoading = false
{id:4, inReason:'达萨法达萨法', inDate:'333'} this.tableData = [
] //测试 {
}, projectId: '1',
handleQuery(params) { tag: '在业',
console.log(params) projectName:'滨州医学院口腔医学大楼铝合金门窗供货及安装',
use:'城镇住宅用地',
type:'房地产业',
way:'挂牌出让',
state:'重庆',
money:'11234万元',
scale:'222平米',
unit:'江苏省住房和城乡建设厅',
date:'2015-08-06',
}
]
this.tableDataTotal = 100
})
} }
} }
} }
......
...@@ -19,6 +19,7 @@ ...@@ -19,6 +19,7 @@
<script> <script>
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin'
import {getList} from '@/api/detail/party-a/overview'
export default { export default {
name: 'Execuinfo', name: 'Execuinfo',
props: ['companyId'], props: ['companyId'],
...@@ -26,13 +27,13 @@ export default { ...@@ -26,13 +27,13 @@ export default {
data() { data() {
return { return {
queryParams: { queryParams: {
cid: 6034, companyId: this.companyId,
pageNum: 1, pageNum: 1,
pageSize: 10 pageSize: 10
}, },
forData: [ forData: [
{label: '姓名', prop: 'inDate'}, {label: '姓名', prop: 'projectName'},
{label: '职位', prop: 'department'} {label: '职位', prop: 'type'}
], ],
formData: [], formData: [],
//列表 //列表
...@@ -42,19 +43,30 @@ export default { ...@@ -42,19 +43,30 @@ export default {
} }
}, },
created() { created() {
this.handleData() this.handleQuery()
}, },
methods: { methods: {
async handleData() { handleQuery() {
this.tableData = [ this.tableLoading = true
{id:1, inReason:'达萨法达萨法', inDate:'000',tag:'aaa'}, getList(this.queryParams).then((res) => {
{id:2, inReason:'达萨法达萨法', inDate:'111'}, this.tableLoading = false
{id:3, inReason:'达萨法达萨法', inDate:'222'}, this.tableData = [
{id:4, inReason:'达萨法达萨法', inDate:'333'} {
] //测试 projectId: '1',
}, tag: '在业',
handleQuery(params) { projectName:'滨州医学院口腔医学大楼铝合金门窗供货及安装',
console.log(params) use:'城镇住宅用地',
type:'房地产业',
way:'挂牌出让',
state:'重庆',
money:'11234万元',
scale:'222平米',
unit:'江苏省住房和城乡建设厅',
date:'2015-08-06',
}
]
this.tableDataTotal = 100
})
} }
} }
} }
......
...@@ -19,11 +19,10 @@ ...@@ -19,11 +19,10 @@
:queryParams="queryParams" :queryParams="queryParams"
@handle-current-change="handleCurrentChange" @handle-current-change="handleCurrentChange"
> >
<template slot="inReason" slot-scope="scope"> <template slot="projectName" slot-scope="scope">
<router-link to="" tag="a" class="a-link">{{scope.row.inReason}}</router-link> <router-link to="" tag="a" class="a-link">{{scope.row.projectName}}</router-link>
<div class="tags" v-if="scope.row.tag"> <div class="tags" v-if="scope.row.tag">
<span class="tag style1">{{scope.row.tag}}</span> <span class="tag style1">{{scope.row.tag}}</span>
<span class="tag style1">{{scope.row.tag}}</span>
</div> </div>
</template> </template>
</tables> </tables>
...@@ -32,6 +31,7 @@ ...@@ -32,6 +31,7 @@
<script> <script>
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin'
import {getList} from '@/api/detail/party-a/overview'
export default { export default {
name: 'Holderinfo', name: 'Holderinfo',
props: ['companyId'], props: ['companyId'],
...@@ -40,12 +40,12 @@ export default { ...@@ -40,12 +40,12 @@ export default {
return { return {
activeName: 'first', activeName: 'first',
queryParams: { queryParams: {
cid: 6034, companyId: this.companyId,
pageNum: 1, pageNum: 1,
pageSize: 10 pageSize: 10
}, },
forData: [ forData: [
{label: '发起人/股东', prop: 'inReason', slot: true}, {label: '发起人/股东', prop: 'projectName', minWidth: '230', slot: true},
{label: '持股比例', prop: 'inDate'}, {label: '持股比例', prop: 'inDate'},
{label: '认缴出资(万)', prop: 'department'}, {label: '认缴出资(万)', prop: 'department'},
{label: '实缴出资额', prop: 'department'}, {label: '实缴出资额', prop: 'department'},
...@@ -56,28 +56,38 @@ export default { ...@@ -56,28 +56,38 @@ export default {
//列表 //列表
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
pageIndex:1,
pageSize:10,
tableDataTotal:0, tableDataTotal:0,
} }
}, },
created() { created() {
this.handleData() this.handleQuery()
}, },
methods: { methods: {
handleClick(){ handleClick(){
this.handleData() this.handleQuery()
},
async handleData() {
this.tableData = [
{id:1, inReason:'达萨法达萨法', inDate:'000',tag:'aaa'},
{id:2, inReason:'达萨法达萨法', inDate:'111'},
{id:3, inReason:'达萨法达萨法', inDate:'222'},
{id:4, inReason:'达萨法达萨法', inDate:'333'}
] //测试
}, },
handleQuery(params) { handleQuery() {
console.log(params) console.log('索引:',thia.activeName)
this.tableLoading = true
getList(this.queryParams).then((res) => {
this.tableLoading = false
this.tableData = [
{
projectId: '1',
tag: '在业',
projectName:'滨州医学院口腔医学大楼铝合金门窗供货及安装',
use:'城镇住宅用地',
type:'房地产业',
way:'挂牌出让',
state:'重庆',
money:'11234万元',
scale:'222平米',
unit:'江苏省住房和城乡建设厅',
date:'2015-08-06',
}
]
this.tableDataTotal = 100
})
} }
} }
} }
......
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
/> />
<tables <tables
:indexFixed="true"
:tableLoading="tableLoading" :tableLoading="tableLoading"
:tableData="tableData" :tableData="tableData"
:forData="forData" :forData="forData"
...@@ -18,22 +19,18 @@ ...@@ -18,22 +19,18 @@
@handle-current-change="handleCurrentChange" @handle-current-change="handleCurrentChange"
> >
<template slot="gqzb"> <template slot="gqzb">
<div class="tab-header">股权占比 <el-popover <div class="tab-header">股权占比 <el-popover placement="top-start" width="280" trigger="hover">
placement="top-start" <div style="font-size: 12px;">
width="280"
trigger="hover">
<div>
控股67%:绝对控制权67%,相当于100%的权力,修改公司章程/分立、合并、变更主营项目、重大决策<br /> 控股67%:绝对控制权67%,相当于100%的权力,修改公司章程/分立、合并、变更主营项目、重大决策<br />
控股51%:相对控制权51%,控制线,绝对控制公司<br /> 控股51%:相对控制权51%,控制线,绝对控制公司<br />
控股34%:安全控制权,一票否决权</div> 控股34%:安全控制权,一票否决权</div>
<img src="@/assets/images/detail/overview/zbph_question.png" slot="reference"> <img src="@/assets/images/detail/overview/zbph_question.png" slot="reference">
</el-popover></div> </el-popover></div>
</template> </template>
<template slot="inReason" slot-scope="scope"> <template slot="projectName" slot-scope="scope">
<router-link to="" tag="a" class="a-link">{{scope.row.inReason}}</router-link> <router-link to="" tag="a" class="a-link">{{scope.row.projectName}}</router-link>
<div class="tags" v-if="scope.row.tag"> <div class="tags" v-if="scope.row.tag">
<span class="tag style1">{{scope.row.tag}}</span> <span class="tag style1">{{scope.row.tag}}</span>
<span class="tag style1">{{scope.row.tag}}</span>
</div> </div>
</template> </template>
</tables> </tables>
...@@ -42,6 +39,7 @@ ...@@ -42,6 +39,7 @@
<script> <script>
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin'
import {getList, getOption} from '@/api/detail/party-a/overview'
export default { export default {
name: 'Overseas', name: 'Overseas',
props: ['companyId'], props: ['companyId'],
...@@ -49,12 +47,12 @@ export default { ...@@ -49,12 +47,12 @@ export default {
data() { data() {
return { return {
queryParams: { queryParams: {
cid: 6034, companyId: this.companyId,
pageNum: 1, pageNum: 1,
pageSize: 10 pageSize: 10
}, },
forData: [ forData: [
{label: '被投资企业名称', prop: 'inReason', slot: true}, {label: '被投资企业名称', prop: 'projectName', minWidth: '180', slot: true},
{label: '法定代表人', prop: 'inDate'}, {label: '法定代表人', prop: 'inDate'},
{label: '注册资本(万元)', prop: 'department'}, {label: '注册资本(万元)', prop: 'department'},
{label: '成立日期', prop: 'department'}, {label: '成立日期', prop: 'department'},
...@@ -62,45 +60,58 @@ export default { ...@@ -62,45 +60,58 @@ export default {
{label: '认缴出资额(万元)', prop: 'department'} {label: '认缴出资额(万元)', prop: 'department'}
], ],
formData: [ formData: [
{ type: 1, fieldName: 'zbgg', value: '', placeholder: '招标公告', { type: 1, fieldName: 'zbgg', value: '', placeholder: '招标公告', options: [] },
options: [ { type: 1, fieldName: 'gqzb', value: '', placeholder: '股权占比', options: [] }
{ name: '招标公告类别1', value: '1' },
{ name: '招标公告类别2', value: '2' },
{ name: '招标公告类别3', value: '3' },
{ name: '招标公告类别4', value: '4' }
]
},
{ type: 1, fieldName: 'gqzb', value: '', placeholder: '股权占比',
options: [
{ name: '股权占比类别1', value: '1' },
{ name: '股权占比类别2', value: '2' },
{ name: '股权占比类别3', value: '3' },
{ name: '股权占比类别4', value: '4' }
]
}
], ],
//列表 //列表
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
pageIndex:1,
pageSize:10,
tableDataTotal:0, tableDataTotal:0,
} }
}, },
created() { created() {
this.handleData() this.handleOption()
this.handleQuery()
}, },
methods: { methods: {
async handleData() { handleOption(){
this.tableData = [ getOption().then((res) => {
{id:1, inReason:'达萨法达萨法', inDate:'000',tag:'aaa'}, this.setFormData('zbgg', [
{id:2, inReason:'达萨法达萨法', inDate:'111'}, { name: '类别1', value: '1' },
{id:3, inReason:'达萨法达萨法', inDate:'222'}, { name: '类别2', value: '2' },
{id:4, inReason:'达萨法达萨法', inDate:'333'} { name: '类别3', value: '3' },
] //测试 { name: '类别4', value: '4' }
])
this.setFormData('gqzb', [
{ name: '类别1', value: '1' },
{ name: '类别2', value: '2' },
{ name: '类别3', value: '3' },
{ name: '类别4', value: '4' }
])
})
}, },
handleQuery(params) { handleQuery(params) {
console.log(params) this.tableLoading = true
let param = params?params:this.queryParams
getList(param).then((res) => {
this.tableLoading = false
this.tableData = [
{
projectId: '1',
tag: '在业',
projectName:'滨州医学院口腔医学大楼铝合金门窗供货及安装',
use:'城镇住宅用地',
type:'房地产业',
way:'挂牌出让',
state:'重庆',
money:'11234万元',
scale:'222平米',
unit:'江苏省住房和城乡建设厅',
date:'2015-08-06',
}
]
this.tableDataTotal = 100
})
} }
} }
} }
......
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