Commit 7b20ff30 authored by danfuman's avatar danfuman

修改

parent 91cd6950
<template>
<el-skeleton animated>
<template slot="template">
<el-skeleton-item variant="text" style="width: 60%;"/>
<el-skeleton-item variant="text" style="width: 100%;" />
<el-skeleton-item variant="text" style="width: 100%;" />
<el-skeleton-item variant="text" style="width: 100%;" />
<el-skeleton-item variant="text" style="width: 60%;" />
<el-skeleton-item variant="text" style="width: 100%;" />
<el-skeleton-item variant="text" style="width: 100%;" />
<el-skeleton-item variant="text" style="width: 100%;" />
</template>
</el-skeleton>
</template>
<script>
export default {
name: 'skeleton'
}
</script>
<style lang="scss" scoped>
.el-skeleton__item{
height: 20px;
border-radius: 0;
margin: 9px 0;
background: #f0f0f0;
}
</style>
...@@ -8,9 +8,9 @@ ...@@ -8,9 +8,9 @@
:isExcel="true" :isExcel="true"
@handle-search="handleSearch" @handle-search="handleSearch"
/> />
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<tables <tables
:tableLoading="tableLoading" v-if="!isSkeleton"
:tableData="tableData" :tableData="tableData"
:forData="forData" :forData="forData"
:tableDataTotal="tableDataTotal" :tableDataTotal="tableDataTotal"
...@@ -27,11 +27,12 @@ import { ...@@ -27,11 +27,12 @@ import {
abnormalYears abnormalYears
} from '@/api/detail/party-a/riskInformation' } from '@/api/detail/party-a/riskInformation'
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin'
import skeleton from '../component/skeleton'
export default { export default {
name: 'BusinessAnomaly', name: 'BusinessAnomaly',
mixins: [mixin], mixins: [mixin],
components: { components: {
skeleton
}, },
props: ['companyId'], props: ['companyId'],
data() { data() {
...@@ -56,6 +57,7 @@ export default { ...@@ -56,6 +57,7 @@ export default {
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
tableDataTotal:0, tableDataTotal:0,
isSkeleton:true
} }
}, },
created() { created() {
...@@ -68,11 +70,11 @@ export default { ...@@ -68,11 +70,11 @@ export default {
methods: { methods: {
handleQuery(params) { handleQuery(params) {
let data = params ? params : this.queryParams let data = params ? params : this.queryParams
this.tableLoading = true this.isSkeleton = true
abnormalPage(data).then(res => { abnormalPage(data).then(res => {
this.tableData = res.rows this.tableData = res.rows
this.tableDataTotal = res.total this.tableDataTotal = res.total
this.tableLoading = false this.isSkeleton = false
}) })
}, },
years(){ years(){
......
...@@ -8,9 +8,9 @@ ...@@ -8,9 +8,9 @@
:isExcel="true" :isExcel="true"
@handle-search="handleSearch" @handle-search="handleSearch"
/> />
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<tables <tables
:tableLoading="tableLoading" v-if="!isSkeleton"
:tableData="tableData" :tableData="tableData"
:forData="forData" :forData="forData"
:tableDataTotal="tableDataTotal" :tableDataTotal="tableDataTotal"
...@@ -29,11 +29,12 @@ import { ...@@ -29,11 +29,12 @@ import {
noticesCaseReason noticesCaseReason
} from '@/api/detail/party-a/riskInformation' } from '@/api/detail/party-a/riskInformation'
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin'
import skeleton from '../component/skeleton'
export default { export default {
name: 'CourtNotice', name: 'CourtNotice',
mixins: [mixin], mixins: [mixin],
components: { components: {
skeleton
}, },
props: ['companyId'], props: ['companyId'],
data() { data() {
...@@ -60,6 +61,7 @@ export default { ...@@ -60,6 +61,7 @@ export default {
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
tableDataTotal:0, tableDataTotal:0,
isSkeleton:true
} }
}, },
created() { created() {
...@@ -74,11 +76,11 @@ export default { ...@@ -74,11 +76,11 @@ export default {
methods: { methods: {
handleQuery(params) { handleQuery(params) {
let data = params ? params : this.queryParams let data = params ? params : this.queryParams
this.tableLoading = true this.isSkeleton = true
noticesPage(data).then(res => { noticesPage(data).then(res => {
this.tableData = res.rows this.tableData = res.rows
this.tableDataTotal = res.total this.tableDataTotal = res.total
this.tableLoading = false this.isSkeleton = false
}) })
}, },
// 公告 // 公告
......
...@@ -8,10 +8,10 @@ ...@@ -8,10 +8,10 @@
:isExcel="false" :isExcel="false"
@handle-search="handleSearch" @handle-search="handleSearch"
/> />
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<tables <tables
v-if="!isSkeleton"
:index-fixed="true" :index-fixed="true"
:tableLoading="tableLoading"
:tableData="tableData" :tableData="tableData"
:forData="forData" :forData="forData"
:tableDataTotal="tableDataTotal" :tableDataTotal="tableDataTotal"
...@@ -27,11 +27,12 @@ import { ...@@ -27,11 +27,12 @@ import {
executedPage executedPage
} from '@/api/detail/party-a/riskInformation' } from '@/api/detail/party-a/riskInformation'
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin'
import skeleton from '../component/skeleton'
export default { export default {
name: 'Dishonesty', name: 'Dishonesty',
mixins: [mixin], mixins: [mixin],
components: { components: {
skeleton
}, },
props: ['companyId'], props: ['companyId'],
data() { data() {
...@@ -56,6 +57,7 @@ export default { ...@@ -56,6 +57,7 @@ export default {
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
tableDataTotal:0, tableDataTotal:0,
isSkeleton:true
} }
}, },
created() { created() {
...@@ -67,11 +69,11 @@ export default { ...@@ -67,11 +69,11 @@ export default {
methods: { methods: {
handleQuery(params) { handleQuery(params) {
let data = params ? params : this.queryParams let data = params ? params : this.queryParams
this.tableLoading = true this.isSkeleton = true
executedPage(data).then(res => { executedPage(data).then(res => {
this.tableData = res.rows this.tableData = res.rows
this.tableDataTotal = res.total this.tableDataTotal = res.total
this.tableLoading = false this.isSkeleton = false
}) })
} }
} }
......
...@@ -8,9 +8,9 @@ ...@@ -8,9 +8,9 @@
:isExcel="false" :isExcel="false"
@handle-search="handleSearch" @handle-search="handleSearch"
/> />
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<tables <tables
:tableLoading="tableLoading" v-if="!isSkeleton"
:tableData="tableData" :tableData="tableData"
:forData="forData" :forData="forData"
:tableDataTotal="tableDataTotal" :tableDataTotal="tableDataTotal"
...@@ -26,11 +26,12 @@ import { ...@@ -26,11 +26,12 @@ import {
executedPersonsPage executedPersonsPage
} from '@/api/detail/party-a/riskInformation' } from '@/api/detail/party-a/riskInformation'
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin'
import skeleton from '../component/skeleton'
export default { export default {
name: 'IfThePerson', name: 'IfThePerson',
mixins: [mixin], mixins: [mixin],
components: { components: {
skeleton
}, },
props: ['companyId'], props: ['companyId'],
data() { data() {
...@@ -53,6 +54,7 @@ export default { ...@@ -53,6 +54,7 @@ export default {
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
tableDataTotal:0, tableDataTotal:0,
isSkeleton:true
} }
}, },
created() { created() {
...@@ -64,11 +66,11 @@ export default { ...@@ -64,11 +66,11 @@ export default {
methods: { methods: {
handleQuery(params) { handleQuery(params) {
let data = params ? params : this.queryParams let data = params ? params : this.queryParams
this.tableLoading = true this.isSkeleton = true
executedPersonsPage(data).then(res => { executedPersonsPage(data).then(res => {
this.tableData = res.rows this.tableData = res.rows
this.tableDataTotal = res.total this.tableDataTotal = res.total
this.tableLoading = false this.isSkeleton = false
}) })
} }
} }
......
...@@ -8,9 +8,9 @@ ...@@ -8,9 +8,9 @@
:isExcel="false" :isExcel="false"
@handle-search="handleSearch" @handle-search="handleSearch"
/> />
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<tables <tables
:tableLoading="tableLoading" v-if="!isSkeleton"
:tableData="tableData" :tableData="tableData"
:forData="forData" :forData="forData"
:tableDataTotal="tableDataTotal" :tableDataTotal="tableDataTotal"
...@@ -35,11 +35,12 @@ import { ...@@ -35,11 +35,12 @@ import {
lawsuitsRole lawsuitsRole
} from '@/api/detail/party-a/riskInformation' } from '@/api/detail/party-a/riskInformation'
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin'
import skeleton from '../component/skeleton'
export default { export default {
name: 'Judgment', name: 'Judgment',
mixins: [mixin], mixins: [mixin],
components: { components: {
skeleton
}, },
props: ['companyId'], props: ['companyId'],
data() { data() {
...@@ -68,6 +69,7 @@ export default { ...@@ -68,6 +69,7 @@ export default {
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
tableDataTotal:0, tableDataTotal:0,
isSkeleton:true
} }
}, },
created() { created() {
...@@ -81,14 +83,14 @@ export default { ...@@ -81,14 +83,14 @@ export default {
methods: { methods: {
handleQuery(params) { handleQuery(params) {
let data = params ? params : this.queryParams let data = params ? params : this.queryParams
this.tableLoading = true this.isSkeleton = true
lawsuitsPage(data).then(res => { lawsuitsPage(data).then(res => {
this.tableData = res.rows this.tableData = res.rows
for (var i=0;i<this.tableData.length;i++){ for (var i=0;i<this.tableData.length;i++){
this.tableData[i].relatedCompanies = JSON.parse(this.tableData[i].relatedCompanies) this.tableData[i].relatedCompanies = JSON.parse(this.tableData[i].relatedCompanies)
} }
this.tableDataTotal = res.total this.tableDataTotal = res.total
this.tableLoading = false this.isSkeleton = false
}) })
}, },
lawsuitsCauseActions(){ lawsuitsCauseActions(){
......
...@@ -8,10 +8,10 @@ ...@@ -8,10 +8,10 @@
:isExcel="false" :isExcel="false"
@handle-search="handleSearch" @handle-search="handleSearch"
/> />
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<tables <tables
:index-fixed="true" :index-fixed="true"
:tableLoading="tableLoading" v-if="!isSkeleton"
:tableData="tableData" :tableData="tableData"
:forData="forData" :forData="forData"
:tableDataTotal="tableDataTotal" :tableDataTotal="tableDataTotal"
...@@ -35,11 +35,12 @@ import { ...@@ -35,11 +35,12 @@ import {
kaitingPureRole kaitingPureRole
} from '@/api/detail/party-a/riskInformation' } from '@/api/detail/party-a/riskInformation'
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin'
import skeleton from '../component/skeleton'
export default { export default {
name: 'OpenacourtsessionNotice', name: 'OpenacourtsessionNotice',
mixins: [mixin], mixins: [mixin],
components: { components: {
skeleton
}, },
props: ['companyId'], props: ['companyId'],
data() { data() {
...@@ -71,6 +72,7 @@ export default { ...@@ -71,6 +72,7 @@ export default {
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
tableDataTotal:0, tableDataTotal:0,
isSkeleton:true
} }
}, },
created() { created() {
...@@ -88,14 +90,14 @@ export default { ...@@ -88,14 +90,14 @@ export default {
}, },
handleQuery(params) { handleQuery(params) {
let data = params ? params : this.queryParams let data = params ? params : this.queryParams
this.tableLoading = true this.isSkeleton = true
kaitingPage(data).then(res => { kaitingPage(data).then(res => {
this.tableData = res.rows this.tableData = res.rows
for (var i=0;i<this.tableData.length;i++){ for (var i=0;i<this.tableData.length;i++){
this.tableData[i].relatedCompanies = JSON.parse(this.tableData[i].relatedCompanies) this.tableData[i].relatedCompanies = JSON.parse(this.tableData[i].relatedCompanies)
} }
this.tableDataTotal = res.total this.tableDataTotal = res.total
this.tableLoading = false this.isSkeleton = false
}) })
}, },
kaitingCauseActions(){ kaitingCauseActions(){
......
...@@ -8,10 +8,10 @@ ...@@ -8,10 +8,10 @@
:isExcel="true" :isExcel="true"
@handle-search="handleSearch" @handle-search="handleSearch"
/> />
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<tables <tables
v-if="!isSkeleton"
:indexFixed="true" :indexFixed="true"
:tableLoading="tableLoading"
:tableData="tableData" :tableData="tableData"
:forData="forData" :forData="forData"
:tableDataTotal="tableDataTotal" :tableDataTotal="tableDataTotal"
...@@ -35,11 +35,12 @@ import { ...@@ -35,11 +35,12 @@ import {
penalizePage, penalizePage,
penalizeReasonType penalizeReasonType
} from '@/api/detail/party-a/riskInformation' } from '@/api/detail/party-a/riskInformation'
import skeleton from '../component/skeleton'
export default { export default {
name: 'Punish', name: 'Punish',
mixins: [mixin], mixins: [mixin],
components: { components: {
skeleton
}, },
props: ['companyId'], props: ['companyId'],
data() { data() {
...@@ -66,6 +67,7 @@ export default { ...@@ -66,6 +67,7 @@ export default {
tableData:[], tableData:[],
tableDataTotal:0, tableDataTotal:0,
showList:[], showList:[],
isSkeleton:true
} }
}, },
created() { created() {
...@@ -78,11 +80,11 @@ export default { ...@@ -78,11 +80,11 @@ export default {
methods: { methods: {
handleQuery(params) { handleQuery(params) {
let data = params ? params : this.queryParams let data = params ? params : this.queryParams
this.tableLoading = true this.isSkeleton = true
penalizePage(data).then((res) => { penalizePage(data).then((res) => {
this.tableData = res.rows this.tableData = res.rows
this.tableDataTotal = res.total this.tableDataTotal = res.total
this.tableLoading = false this.isSkeleton = false
}) })
}, },
penalizeReasonTypeData(){ penalizeReasonTypeData(){
......
...@@ -8,8 +8,9 @@ ...@@ -8,8 +8,9 @@
:isExcel="true" :isExcel="true"
@handle-search="handleSearch" @handle-search="handleSearch"
/> />
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<tables <tables
v-if="!isSkeleton"
:tableLoading="tableLoading" :tableLoading="tableLoading"
:tableData="tableData" :tableData="tableData"
:forData="forData" :forData="forData"
...@@ -32,11 +33,12 @@ import { ...@@ -32,11 +33,12 @@ import {
landUse landUse
} from '@/api/detail/party-a/urbanLnvestment' } from '@/api/detail/party-a/urbanLnvestment'
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin'
import skeleton from '../component/skeleton'
export default { export default {
name: 'landAcquisition', name: 'landAcquisition',
mixins: [mixin], mixins: [mixin],
components: { components: {
skeleton
}, },
props: ['companyId'], props: ['companyId'],
data() { data() {
...@@ -66,6 +68,7 @@ export default { ...@@ -66,6 +68,7 @@ export default {
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
tableDataTotal:0, tableDataTotal:0,
isSkeleton:true
} }
}, },
created() { created() {
...@@ -78,11 +81,11 @@ export default { ...@@ -78,11 +81,11 @@ export default {
methods: { methods: {
handleQuery(params) { handleQuery(params) {
let data = params ? params : this.queryParams let data = params ? params : this.queryParams
this.tableLoading = true this.isSkeleton = true
landTransactionPage(data).then(res=>{ landTransactionPage(data).then(res=>{
this.tableData = res.rows this.tableData = res.rows
this.tableDataTotal = res.total this.tableDataTotal = res.total
this.tableLoading = false this.isSkeleton = false
}) })
}, },
//土地用途 //土地用途
......
...@@ -6,7 +6,8 @@ ...@@ -6,7 +6,8 @@
</div> </div>
<div class="params-dw"><img src="@/assets/images/addree.png" />{{ addressList }}</div> <div class="params-dw"><img src="@/assets/images/addree.png" />{{ addressList }}</div>
</div> </div>
<div class="table-item"> <skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<div class="table-item" v-if="!isSkeleton">
<el-table <el-table
:tableLoading="tableLoading" :tableLoading="tableLoading"
:data="getValues" :data="getValues"
...@@ -29,13 +30,14 @@ ...@@ -29,13 +30,14 @@
<script> <script>
import dataRegion from '@/assets/json/dataRegion' import dataRegion from '@/assets/json/dataRegion'
import skeleton from '../component/skeleton'
import { import {
regionalEconomy regionalEconomy
} from '@/api/detail/party-a/urbanLnvestment' } from '@/api/detail/party-a/urbanLnvestment'
export default { export default {
name: 'regionalEconomies', name: 'regionalEconomies',
components: { components: {
skeleton
}, },
props: ['companyId','companyInfo'], props: ['companyId','companyInfo'],
data() { data() {
...@@ -209,7 +211,8 @@ export default { ...@@ -209,7 +211,8 @@ export default {
label: '债务率-宽口径(%)', label: '债务率-宽口径(%)',
}, },
], ],
tableLoading: true tableLoading: true,
isSkeleton:true
} }
}, },
created() { created() {
...@@ -228,11 +231,11 @@ export default { ...@@ -228,11 +231,11 @@ export default {
methods: { methods: {
//地区 //地区
regionalEconomys() { regionalEconomys() {
this.tableLoading = true this.isSkeleton = true
if(this.companyInfo){ if(this.companyInfo){
regionalEconomy(this.params).then(res => { regionalEconomy(this.params).then(res => {
this.tableData = res.data this.tableData = res.data
this.tableLoading = false this.isSkeleton = false
}) })
this.dataRegion(this.companyInfo.provinceId, this.companyInfo.cityId) this.dataRegion(this.companyInfo.provinceId, this.companyInfo.cityId)
} }
......
...@@ -87,8 +87,9 @@ ...@@ -87,8 +87,9 @@
</div> </div>
</template> </template>
</head-form> </head-form>
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<tables <tables
v-if="!isSkeleton"
:tableLoading="tableLoading" :tableLoading="tableLoading"
:tableData="tableData" :tableData="tableData"
:forData="forData" :forData="forData"
...@@ -118,6 +119,7 @@ ...@@ -118,6 +119,7 @@
<script> <script>
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin'
import skeleton from '../component/skeleton'
import dataRegion from '@/assets/json/dataRegion' import dataRegion from '@/assets/json/dataRegion'
import { import {
urbanInvestmentPage, urbanInvestmentPage,
...@@ -127,7 +129,7 @@ export default { ...@@ -127,7 +129,7 @@ export default {
name: 'SameRegion', name: 'SameRegion',
mixins: [mixin], mixins: [mixin],
components: { components: {
skeleton
}, },
props: ['companyId', 'companyInfo'], props: ['companyId', 'companyInfo'],
data() { data() {
...@@ -200,6 +202,7 @@ export default { ...@@ -200,6 +202,7 @@ export default {
tableLoading:false, tableLoading:false,
tableData:[], tableData:[],
tableDataTotal:0, tableDataTotal:0,
isSkeleton:true
} }
}, },
watch:{ watch:{
...@@ -338,12 +341,12 @@ export default { ...@@ -338,12 +341,12 @@ export default {
}, },
handleQuery(params){ handleQuery(params){
this.tableLoading = true this.isSkeleton = true
let data = params ? params : this.queryParams let data = params ? params : this.queryParams
urbanInvestmentPage(data).then(res => { urbanInvestmentPage(data).then(res => {
this.tableData = res.data.list this.tableData = res.data.list
this.tableDataTotal = res.data.totalCount this.tableDataTotal = res.data.totalCount
this.tableLoading = false this.isSkeleton = false
}) })
}, },
//排序 //排序
......
...@@ -108,6 +108,9 @@ ...@@ -108,6 +108,9 @@
export default { export default {
name: 'comparison', name: 'comparison',
props:['dataQuery','provinceId'], props:['dataQuery','provinceId'],
components: {
},
data() { data() {
return { return {
queryParams: { queryParams: {
...@@ -292,7 +295,8 @@ export default { ...@@ -292,7 +295,8 @@ export default {
regionData:[], regionData:[],
compareList:[{},{},{},{},{}], compareList:[{},{},{},{},{}],
fixed: false, fixed: false,
StyWidth:null StyWidth:null,
isSkeleton:true
} }
}, },
watch: { watch: {
......
<template> <template>
<div class="regionalEconomy"> <div class="regionalEconomy">
<div class="flex-box query-box"> <skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<div v-if="!isSkeleton" class="flex-box query-box">
<div class="flex-box query-params"> <div class="flex-box query-params">
<span class="common-title">主要指标</span> <span class="common-title">主要指标</span>
<el-form ref="queryForm" :model="queryParams" :inline="true" size="small"> <el-form ref="queryForm" :model="queryParams" :inline="true" size="small">
...@@ -15,7 +16,7 @@ ...@@ -15,7 +16,7 @@
<span class="flex-box" @click="handleMessage"><img src="@/assets/images/ability_excel.png">导出EXCEL</span> <span class="flex-box" @click="handleMessage"><img src="@/assets/images/ability_excel.png">导出EXCEL</span>
</div> </div>
</div> </div>
<div class="content"> <div v-if="!isSkeleton" class="content">
<div class="content-left"> <div class="content-left">
<div id="echarts" style="height: 400px"></div> <div id="echarts" style="height: 400px"></div>
<p class="tips"> 注:数据均来源于统计公报、统计年鉴,实际披露中由于部分地区最新年度数据不全,导致年份间数据差距较大</p> <p class="tips"> 注:数据均来源于统计公报、统计年鉴,实际披露中由于部分地区最新年度数据不全,导致年份间数据差距较大</p>
...@@ -29,18 +30,19 @@ ...@@ -29,18 +30,19 @@
highlight-current-row highlight-current-row
:summary-method="getSummaries" :summary-method="getSummaries"
show-summary show-summary
@sort-change="sortChange"
> >
<el-table-column label="序号" width="60" align="left"> <el-table-column label="序号" width="60" align="left">
<template slot-scope="scope">{{ scope.$index + 2 }}</template> <template slot-scope="scope">{{ scope.$index + 2 }}</template>
</el-table-column> </el-table-column>
<el-table-column label="产业类型" prop="projectType"></el-table-column> <el-table-column label="产业类型" prop="projectType"></el-table-column>
<el-table-column :label="oneYear"> <el-table-column :label="oneYear">
<el-table-column prop="money" label="金额(亿元)" sortable></el-table-column> <el-table-column prop="money" label="金额(亿元)" sortable="custom" :formatter="formatStatus"></el-table-column>
<el-table-column prop="rate" label="占比(%)"> </el-table-column> <el-table-column prop="rate" label="占比(%)" sortable> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column :label="twoYear"> <el-table-column :label="twoYear">
<el-table-column prop="lastMoney" label="金额(亿元)" sortable> </el-table-column> <el-table-column prop="lastMoney" label="金额(亿元)" sortable="custom" :formatter="formatStatus"> </el-table-column>
<el-table-column prop="lastRate" label="占比(%)" > </el-table-column> <el-table-column prop="lastRate" label="占比(%)" sortable> </el-table-column>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
...@@ -57,9 +59,13 @@ ...@@ -57,9 +59,13 @@
<script> <script>
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import { bidGroupCountByProjectType,bidMoneyGroupByProjectType,getYears } from '@/api/macro/macro' import { bidGroupCountByProjectType,bidMoneyGroupByProjectType,getYears } from '@/api/macro/macro'
import skeleton from '../../component/skeleton'
export default { export default {
name: 'industrialStructure', name: 'industrialStructure',
props:['dataQuery','provinceId'], props:['dataQuery','provinceId'],
components: {
skeleton
},
data() { data() {
return { return {
queryParams: { queryParams: {
...@@ -68,11 +74,13 @@ export default { ...@@ -68,11 +74,13 @@ export default {
}, },
yearOptions: [], yearOptions: [],
tableData:[], tableData:[],
tabData:[],
tableLoading: false, tableLoading: false,
data:[], data:[],
oneYear:'', oneYear:'',
twoYear:'', twoYear:'',
state:false state:false,
isSkeleton:true
} }
}, },
watch: { watch: {
...@@ -86,11 +94,11 @@ export default { ...@@ -86,11 +94,11 @@ export default {
this.yearOptions=res.data.reverse(); this.yearOptions=res.data.reverse();
this.queryParams.year = this.yearOptions[0].year; this.queryParams.year = this.yearOptions[0].year;
}) })
this.getData()
this.getGroupCount()
this.$nextTick(()=>{
this.$nextTick(()=>{
this.getData()
this.getGroupCount()
}) })
}, },
methods: { methods: {
...@@ -112,6 +120,7 @@ export default { ...@@ -112,6 +120,7 @@ export default {
if(this.provinceId.length >= 2){ if(this.provinceId.length >= 2){
params.county=this.provinceId[2] params.county=this.provinceId[2]
} }
bidMoneyGroupByProjectType(params).then(res => { bidMoneyGroupByProjectType(params).then(res => {
if(res.data.length > 0){ if(res.data.length > 0){
let list=[] let list=[]
...@@ -133,16 +142,18 @@ export default { ...@@ -133,16 +142,18 @@ export default {
} }
} }
for(let i=0; i<list.length; i++){ for(let i=0; i<list.length; i++){
list[i].money=list[i].money ? Number(list[i].money).toFixed(2) : '-'; // list[i].money=list[i].money ? Number(list[i].money).toFixed(2) : '-';
list[i].rate=list[i].rate ? Number(list[i].rate).toFixed(2) : '-'; list[i].rate=list[i].rate ? Number(list[i].rate).toFixed(2) : '-';
list[i].lastMoney=list[i].lastMoney ? Number(list[i].lastMoney).toFixed(2) : '-'; // list[i].lastMoney=list[i].lastMoney ? Number(list[i].lastMoney).toFixed(2) : '-';
list[i].lastRate=list[i].lastRate ? Number(list[i].lastRate).toFixed(2) : '-'; list[i].lastRate=list[i].lastRate ? Number(list[i].lastRate).toFixed(2) : '-';
} }
this.tableData=list.reverse() this.tableData=list.reverse()
this.tabData=list.reverse()
} }
}) })
}, },
getGroupCount(){ getGroupCount(){
this.isSkeleton = true
let mydate=new Date(); let mydate=new Date();
let startTime='' let startTime=''
let endTime='' let endTime=''
...@@ -164,6 +175,7 @@ export default { ...@@ -164,6 +175,7 @@ export default {
params.county=this.provinceId[2] params.county=this.provinceId[2]
} }
bidGroupCountByProjectType(params).then(res => { bidGroupCountByProjectType(params).then(res => {
this.isSkeleton = false
if(res.code === 200){ if(res.code === 200){
let list=[] let list=[]
for(let i=0; i<res.data.length; i++){ for(let i=0; i<res.data.length; i++){
...@@ -174,7 +186,9 @@ export default { ...@@ -174,7 +186,9 @@ export default {
} }
this.data=list; this.data=list;
// if(list.length > 0){ // if(list.length > 0){
this.$nextTick(() => {
this.initChart() this.initChart()
})
// } // }
} }
}) })
...@@ -270,6 +284,47 @@ export default { ...@@ -270,6 +284,47 @@ export default {
}); });
return sums; return sums;
}, },
sortChange(column) {
if (column.order !== null && column.prop) {
let data1 = [];
let data2 = [];
for (let i = 0; i < this.tableData.length; i++) {
this.tableData[i].money=this.tableData[i].money ? Number(this.tableData[i].money) : 0
this.tableData[i].lastMoney=Number(this.tableData[i].lastMoney)
let temp = null;
temp = this.tableData[i][column.prop];
if (temp === null || typeof temp == "undefined") {
data2.push(this.tableData[i]);
} else {
data1.push(this.tableData[i]);
}
}
if (column.order === "ascending") {
data1 = data1.sort(this.compare(column.prop, "ascending"));
} else {
data1 = data1.sort(this.compare(column.prop, "descending"));
}
this.$nextTick(() => {
this.tableData = data1.concat(data2);
});
}
if (column.order === null) {
this.tableData = this.tabData; // tabData存放的是list副本,不排序时恢复到初始状态
}
this.$forceUpdate()
},
compare(property, type, prop) {
return function(obj1, obj2) {
if (type === "ascending") {
return obj1[property] - obj2[property];
} else {
return obj2[property] - obj1[property];
}
};
},
formatStatus: function(row, column, cellValue) {
return cellValue? Number(cellValue).toFixed(2) : '-'
},
} }
} }
......
<template> <template>
<div class="regionalEconomy"> <div class="regionalEconomy">
<div class="content"> <skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<div v-if="!isSkeleton" class="content">
<div class="flex-box query-box"> <div class="flex-box query-box">
<div class="flex-box query-params"> <div class="flex-box query-params">
<span class="common-title">经济数据</span> <span class="common-title">经济数据</span>
...@@ -52,15 +53,18 @@ ...@@ -52,15 +53,18 @@
<el-pagination background :current-page="pageIndex" :page-size="pageSize" :total="tableDataTotal" layout="prev, pager, next, jumper" @current-change="handleCurrentChange" @size-change="handleSizeChange" /> <el-pagination background :current-page="pageIndex" :page-size="pageSize" :total="tableDataTotal" layout="prev, pager, next, jumper" @current-change="handleCurrentChange" @size-change="handleSizeChange" />
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { nationalPage,getYears } from '@/api/macro/macro' import { nationalPage,getYears } from '@/api/macro/macro'
import skeleton from '../../component/skeleton'
export default { export default {
name: 'localEconomy', name: 'localEconomy',
props:['dataQuery','provinceId'], props:['dataQuery','provinceId'],
components: {
skeleton
},
data() { data() {
return { return {
queryParams: { queryParams: {
...@@ -74,7 +78,8 @@ export default { ...@@ -74,7 +78,8 @@ export default {
pageSize: 20, pageSize: 20,
tableDataTotal: 0, tableDataTotal: 0,
show_page:true, show_page:true,
MaxPage:500 MaxPage:500,
isSkeleton:true
} }
}, },
watch: { watch: {
...@@ -95,6 +100,7 @@ export default { ...@@ -95,6 +100,7 @@ export default {
}, },
methods: { methods: {
getData(){ getData(){
this.isSkeleton = true
const params = { pageNum: this.pageIndex, pageSize: this.pageSize, year: this.queryParams.year,type:2 } const params = { pageNum: this.pageIndex, pageSize: this.pageSize, year: this.queryParams.year,type:2 }
if(this.queryParams.field){ if(this.queryParams.field){
params.field=this.queryParams.field params.field=this.queryParams.field
...@@ -113,6 +119,7 @@ export default { ...@@ -113,6 +119,7 @@ export default {
} }
// params.provinceIds=[this.dataQuery.provinceId] // params.provinceIds=[this.dataQuery.provinceId]
nationalPage(params).then(res => { nationalPage(params).then(res => {
this.isSkeleton = false
this.tableData = res.data.list this.tableData = res.data.list
this.tableDataTotal = res.data.totalCount this.tableDataTotal = res.data.totalCount
}) })
......
...@@ -3,25 +3,28 @@ ...@@ -3,25 +3,28 @@
<div class="header"> <div class="header">
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="全国经济大全" name="first"></el-tab-pane> <el-tab-pane label="全国经济大全" name="first"></el-tab-pane>
<el-tab-pane label="全国招标市场分析" name="second"></el-tab-pane> <el-tab-pane label="全国商机项目分析" name="second"></el-tab-pane>
<el-tab-pane label="全国中标市场分析" name="third"></el-tab-pane> <el-tab-pane label="全国中标市场分析" name="third"></el-tab-pane>
<el-tab-pane label="全国建筑企业分析" name="fourth"></el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
<Economic v-if="activeName === 'first'"></Economic> <Economic v-if="activeName === 'first'"></Economic>
<ZhaoBiao v-if="activeName === 'second'"></ZhaoBiao> <Sjxmfx v-if="activeName === 'second'"></Sjxmfx>
<ZhongBiao v-if="activeName === 'third'"></ZhongBiao> <Zhongbiao v-if="activeName === 'third'"></Zhongbiao>
<Jzqyfx v-if="activeName === 'fourth'"></Jzqyfx>
</div> </div>
</template> </template>
<script> <script>
import Economic from './component/qgjjdq' import Economic from './component/qgjjdq'
import ZhaoBiao from './component/zhaobiao' import Sjxmfx from './component/sjxmfx'
import ZhongBiao from './component/zhongbiao' import Jzqyfx from './component/jzqyfx'
import Zhongbiao from './component/zhongbiao'
export default { export default {
name: 'NationalEconomies', name: 'NationalEconomies',
components: { components: {
Economic,ZhaoBiao,ZhongBiao Economic,Sjxmfx,Jzqyfx,Zhongbiao
}, },
data() { data() {
return { return {
......
...@@ -128,7 +128,6 @@ ...@@ -128,7 +128,6 @@
} }
getGZDB(params).then(result=>{ getGZDB(params).then(result=>{
this.datalist = result.code == 200?result:[] this.datalist = result.code == 200?result:[]
console.log(this.datalist.rows)
if(this.datalist){ if(this.datalist){
this.yqnum = `已逾期 ${this.datalist.rows.length} 条`; this.yqnum = `已逾期 ${this.datalist.rows.length} 条`;
} }
...@@ -140,7 +139,6 @@ ...@@ -140,7 +139,6 @@
this.value = "" this.value = ""
}, },
add(){ add(){
// if(this.queryParam.task == '' || this.queryParam.dueTime == '') // if(this.queryParam.task == '' || this.queryParam.dueTime == '')
if(this.queryParam.task == '') if(this.queryParam.task == '')
return this.$message.warning('时间和内容需填写完整!') return this.$message.warning('时间和内容需填写完整!')
......
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