| | |
| | | <!-- <div>Loading</div>--> |
| | | <!-- </Spin>--> |
| | | <!-- --> |
| | | <Table ref="accessList" border :columns="accessListColumns" :loading="loading_report" :data="accessList" |
| | | <Table ref="accessList" border :columns="accessListColumns" :loading="loading_report" :data="accessList" |
| | | style="margin-top: 12px" class="assessClass"> |
| | | <template slot="CreateTime" slot-scope="{row,index}"> |
| | | <div > |
| | |
| | | <ul v-if="addModalNext" class="lists_readAndEdit clearfix" style="margin-top: 0;" id="addModalNext"> |
| | | <li class="list" style="padding-left: 130px;width: 100%;"> |
| | | <span class="list_name" style="width: 100px;">被评估公司名称</span> |
| | | <div class="list_value"> |
| | | <div class="list_value"> |
| | | <Poptip trigger="focus" placement="bottom-start" transfer |
| | | style="width: 404px;float: left;margin-right: 10px;"> |
| | | <Input v-model="addMessage.CompanyName" |
| | | size="large" |
| | | @on-change="remoteMethod" |
| | | placeholder="请输入租赁公司名称"></Input> |
| | | placeholder="请输入租赁公司名称"></Input> |
| | | <!-- :class="addMessage.CompanyName?'':'ErrorTip'" --> |
| | | <ul slot="content" style="width: 380px;"> |
| | | <li v-if="optionsList && optionsList.length == 0">无匹配结果</li> |
| | |
| | | <span class="list_name" style="width: 100px;">评估报告名称</span> |
| | | <Input v-model="addMessage.ReportName" |
| | | size="large" |
| | | :class="addMessage.ReportName?'':'ErrorTip'" |
| | | :class="addMessage.ReportName?'':'ErrorTip'" |
| | | placeholder="请输入评估报告名称"></Input> |
| | | |
| | | |
| | | </li> |
| | | <li class="list" style="padding-left: 130px;width: 100%;"> |
| | | <span class="list_name" style="width: 100px;">评估日期</span> |
| | |
| | | height='800'> |
| | | <p slot="header"> |
| | | <Icon custom="custom custom-chakan" style="margin-right: 10px;"></Icon> |
| | | <span>{{ areaName }}</span> |
| | | <span>{{ detailTitle }}</span> |
| | | <!-- <span>政信公司评估</span> --> |
| | | </p> |
| | | <div v-if="detailModal"> |
| | | <Tabs v-model="detailTab" @on-click="changeDetailTab"> |
| | | <TabPane label="地区财政情况" name="tab1"> |
| | | <div v-if="detailTab == 'tab1'" |
| | | style="max-height: 460px;overflow-x:hidden;overflow-y: auto;padding-right: 20px;"> |
| | | style="max-height: 460px;overflow-x:hidden;overflow-y: auto;padding-right: 20px;"> |
| | | <Card style="margin-top: 12px;"> |
| | | <p slot="title" class="title"> |
| | | 一、区域经济走势图 |
| | |
| | | <li class="list" style="width: 100%;padding-left: 20px;"> |
| | | <!-- 截至${detailMessage.jzrqStr},存量资产余额${detailMessage.clzc ? CustomMethods.numTo$(detailMessage.clzc) : '--'}元,存量业务${detailMessage.clywbs ? CustomMethods.numTo$(detailMessage.clywbs, 0) : 0}笔,承租人数量${detailMessage.clczrsl ? CustomMethods.numTo$(detailMessage.clczrsl, 0) : 0}个,平均单笔业务余额为${detailMessage.pjdbywye ? CustomMethods.numTo$(detailMessage.pjdbywye) : '--'}元。 --> |
| | | {{ |
| | | |
| | | |
| | | `• 截至2022-05-24,存量资产余额10,329,740,713.41元,存量业务188笔,承租人数量144个,平均单笔业务余额为54,945,429.33元。` |
| | | }} |
| | | </li> |
| | | <li class="list" style="width: 100%;padding-left: 20px;font-weight:400;font-size:14px;color:#999999;"> |
| | | <!-- 注意:本分析报告根据${detailName}公开的中登网大数据生成,实际业务中由于可能发生错登、误登、漏登等情况而导致该公司的实际业务情况与本报告中的数据出现一定误差。 --> |
| | | {{ |
| | | {{ |
| | | `• 注意:本分析报告根据xx省xx市xx区xx开发区公开的中登网大数据生成,实际业务中由于可能发生错登、误登、漏登等情况而导致该公司的实际业务情况与本报告中的数据出现一定误差。` |
| | | }} |
| | | </li> |
| | |
| | | // xianListNull:false, |
| | | areaShow:false, |
| | | xianShow:false, |
| | | zmShow:false, |
| | | zmShow:false, |
| | | administrative: [ |
| | | { |
| | | value: '省级', |
| | |
| | | userId:'', |
| | | reportData:{}, |
| | | areaName:'', |
| | | detailTitle:'',//查看详情的标题 |
| | | areaReport:[], |
| | | areaReportEcharts:[] |
| | | |
| | | |
| | | } |
| | | }, |
| | | mounted () { |
| | |
| | | ...mapActions([ |
| | | 'getUserInfo' |
| | | ]), |
| | | |
| | | |
| | | //特别行业标签 |
| | | getSpecial(){ |
| | | let data = { |
| | | company: this.addMessage.CompanyName |
| | | } |
| | | axios.request({ |
| | | url: '/UrbanInvestment/GetTags', |
| | | // params:{province:val},, |
| | | url: '/UrbanInvestment/GetInvestmentCompany', |
| | | data, |
| | | method: 'post' |
| | | }).then(res => { |
| | | if (res.data.Check) { |
| | |
| | | } |
| | | } else { |
| | | } |
| | | }, res => { |
| | | }, res => { |
| | | }) |
| | | |
| | | }, |
| | |
| | | this.provinceList=[] |
| | | this.xianList=[] |
| | | this.zmList=[] |
| | | this.areaList=[] |
| | | this.areaList=[] |
| | | this.zmListNull=false |
| | | if(val==='省级'){ |
| | | this.cityShow=false |
| | |
| | | this.cityShow=true |
| | | this.xianShow=false |
| | | this.areaShow=false |
| | | this.zmShow=true |
| | | this.zmShow=true |
| | | } |
| | | // console.log(this.zmListNull); |
| | | |
| | |
| | | } |
| | | } else { |
| | | } |
| | | }, res => { |
| | | }, res => { |
| | | }) |
| | | console.log(this.zmListNull); |
| | | |
| | |
| | | } |
| | | } else { |
| | | } |
| | | }, res => { |
| | | }, res => { |
| | | }) |
| | | |
| | | |
| | | }, |
| | | //所属市getCity |
| | | chooseCity(val){ |
| | | chooseCity(val){ |
| | | this.zmListNull=false |
| | | this.xianList=[] |
| | | this.zmList=[] |
| | |
| | | } |
| | | } else { |
| | | } |
| | | }, res => { |
| | | }, res => { |
| | | }) |
| | | }, |
| | | |
| | |
| | | // console.log( this.userId); |
| | | }) |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | }, |
| | | next(){ |
| | | |
| | | |
| | | }, |
| | | //上一步 |
| | | previousReport(){ |
| | |
| | | this.addModalNext=true |
| | | }, |
| | | //创建报告 |
| | | createReport(){ |
| | | createReport(){ |
| | | let spliceStr='' |
| | | for(let i=0;i<this.special.length;i++){ |
| | | spliceStr=spliceStr+this.special[i]+',' |
| | |
| | | |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | }, |
| | | getReportInfo(){ |
| | | axios.request({ |
| | |
| | | method: 'post' |
| | | }).then(res => { |
| | | if (res.data.Check) { |
| | | |
| | | |
| | | // for(let i=0;i<res.data.Data.length;i++){ |
| | | // this.provinceList.push({value:res.data.Data[i],label:res.data.Data[i]}) |
| | | // } |
| | | } else { |
| | | } |
| | | }, res => { |
| | | }, res => { |
| | | }) |
| | | this.GetReportPage(1) |
| | | this.addModal=false |
| | |
| | | } |
| | | this.accessList[i].Province=this.accessList[i].Province+' '+this.accessList[i].City+' '+this.accessList[i].Area+' '+this.accessList[i].County+' '+this.accessList[i].EconomicZone |
| | | } |
| | | |
| | | |
| | | this.accessListTotalItems = res.data.Data.TotalItems |
| | | } else { |
| | | this.accessList = [] |
| | | } |
| | | }, res => { |
| | | }, res => { |
| | | this.accessList = [] |
| | | this.loading_report = false |
| | | }) |
| | |
| | | method: 'post' |
| | | }).then(res => { |
| | | if (res.data.Check) { |
| | | this.areaReportEcharts=res.data.Data |
| | | this.areaReportEcharts=res.data.Data |
| | | this.areaEcharts(); |
| | | this.areaReport=res.data.Data |
| | | this.areaReport=res.data.Data |
| | | for(let i=0;i<this.areaReport.length;i++){ |
| | | for(var k in this.areaReport[i]) { |
| | | if(typeof(this.areaReport[i][k])==="number"){ |
| | |
| | | this.areaReport[i][k]=res |
| | | }else if(typeof(this.areaReport[i][k]) ==='object'){ |
| | | this.areaReport[i][k]="--" |
| | | } |
| | | } |
| | | } |
| | | } |
| | | // console.log(this.areaReport); |
| | | // console.log(this.areaReport); |
| | | } else { |
| | | } |
| | | }, res => { |
| | | }, res => { |
| | | }) |
| | | this.detailLoading=false |
| | | |
| | | |
| | | }, |
| | | //区域经济折线图 |
| | | areaEcharts(){ |
| | | this.$nextTick(() => { |
| | | this.$nextTick(() => { |
| | | let chartDom1 = document.getElementById('echartsArea1'); |
| | | let chartDom2 = document.getElementById('echartsArea2'); |
| | | let chartDom3 = document.getElementById('echartsArea3'); |
| | |
| | | data: ['GDP(亿元)'], |
| | | |
| | | }, |
| | | |
| | | |
| | | title:{ |
| | | text: 'GDP(亿元)', |
| | | text: 'GDP(亿元)', |
| | | x:'center', //水平安放位置,默认为'left',可选为:'center' | 'left' | 'right' | {number}(x坐标,单位px) |
| | | // y: 'top', //垂直安放位置,默认为top,可选为:'top' | 'bottom' | 'center' | {number}(y坐标,单位px) |
| | | textAlign: 'center' , |
| | |
| | | color:'#0087ED', |
| | | width:1,//这里是为了突出显示加上的 |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | yAxis: { |
| | | type: 'value' |
| | | |
| | | |
| | | }, |
| | | series : [ |
| | | { |
| | | name:'GDP(亿元)', |
| | | type:'line', |
| | | stack: 'GDP(亿元)', |
| | | itemStyle : { |
| | | normal : { |
| | | itemStyle : { |
| | | normal : { |
| | | color:'bule', //改变折线点的颜色 |
| | | lineStyle:{ |
| | | lineStyle:{ |
| | | color:'red' //改变折线颜色 |
| | | } |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | data:[], |
| | | // type: 'line' |
| | |
| | | for(var k in data1) { |
| | | option1.xAxis.data.push(k) |
| | | option1.series[0].data.push( Number(data1[k].split(',').join(''))) |
| | | } |
| | | } |
| | | //一般公共预算收支 |
| | | option2 = { |
| | | grid:{ |
| | |
| | | // padding:[0,50,0,0], //可设定图例[距上方距离,距右方距离,距下方距离,距左方距离] |
| | | bottom:'0%', |
| | | data: ['一般公共预算收入(亿元)','一般公共预算支出(亿元)'], |
| | | |
| | | |
| | | }, |
| | | tooltip: { |
| | | trigger: 'axis', |
| | | axisPointer: { type: 'cross' } |
| | | }, |
| | | title:{ |
| | | text: '一般公共预算收支(亿元)', |
| | | text: '一般公共预算收支(亿元)', |
| | | x:'center', //水平安放位置,默认为'left',可选为:'center' | 'left' | 'right' | {number}(x坐标,单位px) |
| | | // y: 'top', //垂直安放位置,默认为top,可选为:'top' | 'bottom' | 'center' | {number}(y坐标,单位px) |
| | | textAlign: 'left' , |
| | |
| | | for(var k in data2) { |
| | | option2.xAxis.data.push(k) |
| | | option2.series[0].data.push( Number(data2[k].split(',').join(''))) |
| | | } |
| | | } |
| | | for(let i=0;i<this.areaReportEcharts.length;i++){ |
| | | if(this.areaReportEcharts[i].colDesc==="一般公共预算支出(亿元)"){ |
| | | data2=this.areaReportEcharts[i] |
| | |
| | | }} |
| | | for(var k in data2) { |
| | | option2.series[1].data.push( Number(data2[k].split(',').join(''))) |
| | | } |
| | | } |
| | | //区域负债余额 |
| | | option3 = { |
| | | grid:{ |
| | |
| | | // padding:[0,50,0,0], //可设定图例[距上方距离,距右方距离,距下方距离,距左方距离] |
| | | bottom:'0px', |
| | | data: ['地方政府债务限额(亿元)','一般公共预算支融资平台有息债务(亿元)'], |
| | | |
| | | |
| | | }, |
| | | tooltip: { |
| | | trigger: 'axis', |
| | | axisPointer: { type: 'cross' } |
| | | }, |
| | | title:{ |
| | | text: '一般公共预算收支(亿元)', |
| | | text: '一般公共预算收支(亿元)', |
| | | x:'center', //水平安放位置,默认为'left',可选为:'center' | 'left' | 'right' | {number}(x坐标,单位px) |
| | | // y: 'top', //垂直安放位置,默认为top,可选为:'top' | 'bottom' | 'center' | {number}(y坐标,单位px) |
| | | textAlign: 'left' , |
| | |
| | | for(var k in data3) { |
| | | option3.xAxis.data.push(k) |
| | | option3.series[0].data.push( Number(data3[k].split(',').join(''))) |
| | | } |
| | | } |
| | | for(let i=0;i<this.areaReportEcharts.length;i++){ |
| | | if(this.areaReportEcharts[i].colDesc==="一般公共预算支融资平台有息债务(亿元)"){ |
| | | data3=this.areaReportEcharts[i] |
| | |
| | | }} |
| | | for(var k in data3) { |
| | | option3.series[1].data.push( Number(data3[k].split(',').join(''))) |
| | | } |
| | | } |
| | | //区域负债率 |
| | | option4 = { |
| | | grid:{ |
| | |
| | | // padding:[0,50,0,0], //可设定图例[距上方距离,距右方距离,距下方距离,距左方距离] |
| | | bottom:'0%', |
| | | data: ['债务率(%)','债务率(宽口径)(%)'], |
| | | |
| | | |
| | | }, |
| | | tooltip: { |
| | | trigger: 'axis', |
| | | axisPointer: { type: 'cross' } |
| | | }, |
| | | title:{ |
| | | text: '区域负债率', |
| | | text: '区域负债率', |
| | | x:'center', //水平安放位置,默认为'left',可选为:'center' | 'left' | 'right' | {number}(x坐标,单位px) |
| | | // y: 'top', //垂直安放位置,默认为top,可选为:'top' | 'bottom' | 'center' | {number}(y坐标,单位px) |
| | | textAlign: 'left' , |
| | |
| | | for(var k in data4) { |
| | | option4.xAxis.data.push(k) |
| | | option4.series[0].data.push( Number(data4[k].split(',').join(''))) |
| | | } |
| | | } |
| | | for(let i=0;i<this.areaReportEcharts.length;i++){ |
| | | if(this.areaReportEcharts[i].colDesc==="债务率(宽口径)(%)"){ |
| | | data4=this.areaReportEcharts[i] |
| | |
| | | }} |
| | | for(var k in data4) { |
| | | option4.series[1].data.push( Number(data4[k].split(',').join(''))) |
| | | } |
| | | } |
| | | option1 && myChart1.setOption(option1); |
| | | option2 && myChart2.setOption(option2); |
| | | option3 && myChart3.setOption(option3); |
| | | option4 && myChart4.setOption(option4); |
| | | })}, |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | /** |
| | | * 年份选择 |
| | | **/ |
| | |
| | | this.loading2 = true |
| | | this.$nextTick(() => { |
| | | this.getNewList() |
| | | |
| | | |
| | | }) |
| | | |
| | | }, |
| | |
| | | this.getZXDetail(row) |
| | | this.detailModal = true |
| | | |
| | | |
| | | |
| | | }, |
| | | /** |
| | | * 获取业务概览 |
| | |
| | | // option6.color = color |
| | | // option7.color = color |
| | | // option8.color = color |
| | | |
| | | |
| | | |
| | | if (this.showEcharts1) { |
| | | this.$nextTick(() => { |
| | |
| | | align: 'center', |
| | | minWidth: 200, |
| | | // maxWidth: 180 |
| | | }) |
| | | }) |
| | | columns.push({ |
| | | title: '2017年', |
| | | key: '2017', |