@@ -7,7 +7,7 @@ | |||||
<div class="header row align_item_center"> | <div class="header row align_item_center"> | ||||
<div v-if="title" class="title_bk row align_item_center"> | <div v-if="title" class="title_bk row align_item_center"> | ||||
<i class="icon"></i> | <i class="icon"></i> | ||||
<p>{{title}}</p> | |||||
<p @click="titleClick">{{title}}</p> | |||||
</div> | </div> | ||||
<div class="more"> | <div class="more"> | ||||
<slot name="header"></slot> | <slot name="header"></slot> | ||||
@@ -47,6 +47,9 @@ export default { | |||||
}; | }; | ||||
}, | }, | ||||
methods: { | methods: { | ||||
titleClick () { | |||||
this.$emit('titleClick') | |||||
}, | |||||
open () { | open () { | ||||
this.isOpen = !this.isOpen | this.isOpen = !this.isOpen | ||||
} | } | ||||
@@ -170,4 +170,32 @@ export function rankingOfNonStandardFundTransactionsWarning (deptId, year, type) | |||||
method: 'get', | method: 'get', | ||||
params: query | params: query | ||||
}) | }) | ||||
} | |||||
// 资金一张图-预警分析-左中-资金往来敏感词预警分析 | |||||
export function analysisSensitiveWarningForFundTransactions (deptId, year, type) { | |||||
let query = { | |||||
deptId, | |||||
year, | |||||
type | |||||
} | |||||
return request({ | |||||
url: 'api/home/xixia/financeWarning/zjwlmgcyjfx', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | |||||
// 资金一张图-预警分析-右中-资金往来敏感词预警排名 | |||||
export function RankingSensitiveWordWarningFundTransactions (deptId, year, type) { | |||||
let query = { | |||||
deptId, | |||||
year, | |||||
type | |||||
} | |||||
return request({ | |||||
url: 'api/home/xixia/financeWarning/zjwlmgcyjpm', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | } |
@@ -42,15 +42,10 @@ export default { | |||||
immediate: true, // 立即执行 | immediate: true, // 立即执行 | ||||
} | } | ||||
}, | }, | ||||
created () { | |||||
}, | |||||
mounted () { | |||||
}, | |||||
methods: { | methods: { | ||||
// 获取数据 | // 获取数据 | ||||
getData () { | getData () { | ||||
if (this.year || this.deptId) { | if (this.year || this.deptId) { | ||||
this.isLoad = false; | this.isLoad = false; | ||||
// 如果是趋势 | // 如果是趋势 | ||||
if (this.tabIndex == 1) { | if (this.tabIndex == 1) { | ||||
@@ -1,11 +1,16 @@ | |||||
<Pannel title="资金往来敏感词预警分析" height="305"> | |||||
<Pannel title="资金往来敏感词预警分析" height="305" | |||||
v-loading="!isLoad" | |||||
element-loading-text="拼命加载中" | |||||
element-loading-spinner="el-icon-loading" | |||||
element-loading-background="rgba(0, 0, 0, 0.1)" | |||||
> | |||||
<div class="full"> | <div class="full"> | ||||
<div class="top"> | <div class="top"> | ||||
<PannelTabs @change="tabChange" :data="pannelTabsData"></PannelTabs> | <PannelTabs @change="tabChange" :data="pannelTabsData"></PannelTabs> | ||||
</div> | </div> | ||||
<div class="buttom"> | <div class="buttom"> | ||||
<Bar id="bar2" :color="['rgba(134, 91, 252, 1)', 'rgba(49, 129, 246, 1)']"></Bar> | |||||
<Bar v-if="isLoad" :data="data"d id="bar2" :color="['rgba(134, 91, 252, 1)', 'rgba(49, 129, 246, 1)']"></Bar> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</Pannel> | </Pannel> |
@@ -1,6 +1,8 @@ | |||||
import Pannel from '@/components/pannel/index.vue'; | import Pannel from '@/components/pannel/index.vue'; | ||||
import Bar from '@/components/charts/bar/index.vue'; | import Bar from '@/components/charts/bar/index.vue'; | ||||
import PannelTabs from '@/components/pannel-tabs/index.vue'; | import PannelTabs from '@/components/pannel-tabs/index.vue'; | ||||
import { mapGetters } from 'vuex'; | |||||
import { analysisSensitiveWarningForFundTransactions } from '../../../../api/index.js'; | |||||
export default { | export default { | ||||
components: { | components: { | ||||
PannelTabs, | PannelTabs, | ||||
@@ -9,6 +11,8 @@ export default { | |||||
}, | }, | ||||
data () { | data () { | ||||
return { | return { | ||||
isLoad: false, | |||||
tabIndex: '1', | |||||
pannelTabsData: [ | pannelTabsData: [ | ||||
{ | { | ||||
id: '1', | id: '1', | ||||
@@ -18,16 +22,46 @@ export default { | |||||
id: '2', | id: '2', | ||||
name: '收入' | name: '收入' | ||||
} | } | ||||
] | |||||
], | |||||
data: [] | |||||
}; | }; | ||||
}, | }, | ||||
created () { | |||||
computed: { | |||||
...mapGetters(['year', 'deptId']) | |||||
}, | }, | ||||
mounted () { | |||||
watch: { | |||||
year: { | |||||
handler () { | |||||
this.getData(); | |||||
}, | |||||
immediate: true, // 立即执行 | |||||
}, | |||||
deptId: { | |||||
handler () { | |||||
this.getData(); | |||||
}, | |||||
immediate: true, // 立即执行 | |||||
} | |||||
}, | }, | ||||
methods: { | methods: { | ||||
tabChange () { | |||||
// 获取数据 | |||||
getData () { | |||||
if (this.year || this.deptId) { | |||||
this.isLoad = false; | |||||
analysisSensitiveWarningForFundTransactions(this.year, this.deptId).then(res => { | |||||
if (this.tabIndex == 1) { | |||||
this.data = res.data.zc | |||||
} else if (this.tabIndex == 2) { | |||||
this.data = res.data.sr | |||||
} | |||||
this.isLoad = true; | |||||
}) | |||||
} | |||||
}, | |||||
tabChange (info) { | |||||
this.tabIndex = info.id | |||||
this.getData() | |||||
} | } | ||||
} | } | ||||
}; | }; |
@@ -28,11 +28,6 @@ export default { | |||||
return { | return { | ||||
isLoad: false | isLoad: false | ||||
}; | }; | ||||
}, | |||||
created () { | |||||
}, | |||||
mounted () { | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getData () { | getData () { | ||||
@@ -1,11 +1,16 @@ | |||||
<Pannel title="资金往来敏感词预警排名" height="305"> | |||||
<Pannel title="资金往来敏感词预警排名" height="305" | |||||
v-loading="!isLoad" | |||||
element-loading-text="拼命加载中" | |||||
element-loading-spinner="el-icon-loading" | |||||
element-loading-background="rgba(0, 0, 0, 0.1)" | |||||
> | |||||
<div class="full"> | <div class="full"> | ||||
<div class="top"> | <div class="top"> | ||||
<PannelTabs :data="pannelTabsData" @change="tabChange"></PannelTabs> | <PannelTabs :data="pannelTabsData" @change="tabChange"></PannelTabs> | ||||
</div> | </div> | ||||
<div class="buttom"> | <div class="buttom"> | ||||
<ScrollTable :headers="headers" :bodyHeight="160"></ScrollTable> | |||||
<ScrollTable v-if="isLoad" :headers="headers" :data="data" :bodyHeight="160"></ScrollTable> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</Pannel> | </Pannel> |
@@ -1,6 +1,8 @@ | |||||
import Pannel from '@/components/pannel/index.vue'; | import Pannel from '@/components/pannel/index.vue'; | ||||
import ScrollTable from '@/components/scroll-table/index.vue'; | import ScrollTable from '@/components/scroll-table/index.vue'; | ||||
import PannelTabs from '@/components/pannel-tabs/index.vue'; | import PannelTabs from '@/components/pannel-tabs/index.vue'; | ||||
import { mapGetters } from 'vuex'; | |||||
import { RankingSensitiveWordWarningFundTransactions } from '../../../../api/index.js'; | |||||
export default { | export default { | ||||
components: { | components: { | ||||
PannelTabs, | PannelTabs, | ||||
@@ -9,13 +11,17 @@ export default { | |||||
}, | }, | ||||
data () { | data () { | ||||
return { | return { | ||||
type: 'zc', | |||||
isLoad: false, | |||||
pannelTabsData: [ | pannelTabsData: [ | ||||
{ | { | ||||
id: '1', | id: '1', | ||||
type: 'zc', | |||||
name: '支出' | name: '支出' | ||||
}, | }, | ||||
{ | { | ||||
id: '2', | id: '2', | ||||
type: 'sr', | |||||
name: '收入' | name: '收入' | ||||
} | } | ||||
], | ], | ||||
@@ -23,13 +29,39 @@ export default { | |||||
headers: ['部门名称', '支出金额', '排名'] | headers: ['部门名称', '支出金额', '排名'] | ||||
}; | }; | ||||
}, | }, | ||||
created () { | |||||
computed: { | |||||
...mapGetters(['year', 'deptId']) | |||||
}, | }, | ||||
mounted () { | |||||
watch: { | |||||
year: { | |||||
handler () { | |||||
this.getData(); | |||||
}, | |||||
immediate: true, // 立即执行 | |||||
}, | |||||
deptId: { | |||||
handler () { | |||||
this.getData(); | |||||
}, | |||||
immediate: true, // 立即执行 | |||||
} | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getData () { | |||||
if (this.year, this.deptId) { | |||||
this.isLoad = false; | |||||
RankingSensitiveWordWarningFundTransactions(this.deptId, this.year, this.type).then(res => { | |||||
let data = res.rows.map(item => { | |||||
return [item.name, item.value, item.index] | |||||
}) | |||||
this.data = data; | |||||
this.isLoad = true; | |||||
}) | |||||
} | |||||
}, | |||||
tabChange (info) { | tabChange (info) { | ||||
this.tabIndex = info.id | |||||
this.type = info.type | |||||
this.getData() | |||||
} | } | ||||
} | } | ||||
}; | }; |
@@ -263,3 +263,68 @@ export function indicatorBelowAverage (deptId, year) { | |||||
params: query | params: query | ||||
}) | }) | ||||
} | } | ||||
// 资产一张图-债务预警-左中-负债分布 | |||||
export function distributionOfLiabilities (deptId, year) { | |||||
let query = { | |||||
deptId, | |||||
year | |||||
} | |||||
return request({ | |||||
url: 'api/home/xixia/assetLiabilities/fzfb', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | |||||
// 资产一张图-债务预警-左下-负债组织清单 | |||||
export function listDebtOrganizations (deptId, year) { | |||||
let query = { | |||||
deptId, | |||||
year | |||||
} | |||||
return request({ | |||||
url: 'api/home/xixia/assetLiabilities/fzzzqd', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | |||||
//资产一张图-债务预警-右上-债务概况 | |||||
export function debtOverview2 (deptId, year) { | |||||
let query = { | |||||
deptId, | |||||
year | |||||
} | |||||
return request({ | |||||
url: 'api/home/xixia/assetLiabilities/zwgk', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | |||||
// 资产一张图-债务预警-左下-负债组织清单 | |||||
export function listDebtOrganizations2 (deptId, year) { | |||||
let query = { | |||||
deptId, | |||||
year | |||||
} | |||||
return request({ | |||||
url: 'api/home/xixia/assetLiabilities/zwzzqd', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | |||||
// 资产一张图-债务分析-左中-债务类别分析 | |||||
export function debtCategoryAnalysis (deptId, year) { | |||||
let query = { | |||||
deptId, | |||||
year | |||||
} | |||||
return request({ | |||||
url: 'api/home/xixia/assetAnalysis/zwlxfx', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} |
@@ -48,7 +48,6 @@ export default { | |||||
if (this.year && this.deptId) { | if (this.year && this.deptId) { | ||||
this.isLoad = false; | this.isLoad = false; | ||||
analysisOfOperatingAssets(this.deptId, this.year).then(res => { | analysisOfOperatingAssets(this.deptId, this.year).then(res => { | ||||
console.log(res, 999); | |||||
if (this.tabIndex == 1) { | if (this.tabIndex == 1) { | ||||
this.data = res.data.jyx | this.data = res.data.jyx | ||||
} else if (this.tabIndex == 2) { | } else if (this.tabIndex == 2) { | ||||
@@ -5,5 +5,5 @@ | |||||
element-loading-spinner="el-icon-loading" | element-loading-spinner="el-icon-loading" | ||||
element-loading-background="rgba(0, 0, 0, 0.1)" | element-loading-background="rgba(0, 0, 0, 0.1)" | ||||
> | > | ||||
<ScrollTable :headers="headers" :data="data"></ScrollTable> | |||||
<ScrollTable v-if="isLoad" :headers="headers" :data="data"></ScrollTable> | |||||
</Pannel> | </Pannel> |
@@ -1,13 +1,48 @@ | |||||
import Pannel from '@/components/pannel/index.vue'; | import Pannel from '@/components/pannel/index.vue'; | ||||
import PieLegend from '@/components/charts/pie-legend/index.vue'; | import PieLegend from '@/components/charts/pie-legend/index.vue'; | ||||
import { debtCategoryAnalysis } from '../../../../api/index.js'; | |||||
import { mapGetters } from 'vuex'; | |||||
export default { | export default { | ||||
components: { | components: { | ||||
PieLegend, | PieLegend, | ||||
Pannel | Pannel | ||||
}, | }, | ||||
computed: { | |||||
...mapGetters(['year', 'deptId']) | |||||
}, | |||||
watch: { | |||||
year: { | |||||
handler () { | |||||
this.getData(); | |||||
}, | |||||
immediate: true, // 立即执行 | |||||
}, | |||||
deptId: { | |||||
handler () { | |||||
this.getData(); | |||||
}, | |||||
immediate: true, // 立即执行 | |||||
} | |||||
}, | |||||
data () { | data () { | ||||
return { | return { | ||||
isLoad: false, | |||||
data: [] | |||||
}; | }; | ||||
}, | |||||
methods: { | |||||
getData () { | |||||
if (this.year, this.deptId) { | |||||
this.isLoad = false; | |||||
debtCategoryAnalysis(this.deptId, this.year).then(res => { | |||||
console.log('debtCategoryAnalysis', res); | |||||
let data = res.data.map(item => { | |||||
return [item.name, item.resourceSort, item.resourceType, item.deptName] | |||||
}) | |||||
this.data = data; | |||||
this.isLoad = true; | |||||
}) | |||||
} | |||||
} | |||||
} | } | ||||
}; | }; |
@@ -1,4 +1,9 @@ | |||||
<Pannel title="债务组织清单" height="305" flexIble> | |||||
<ScrollTable :headers="headers" :data="data"></ScrollTable> | |||||
<Pannel title="债务组织清单" height="305" flexIble | |||||
v-loading="!isLoad" | |||||
element-loading-text="拼命加载中" | |||||
element-loading-spinner="el-icon-loading" | |||||
element-loading-background="rgba(0, 0, 0, 0.1)" | |||||
> | |||||
<ScrollTable v-if="isLoad" :headers="headers" :data="data"></ScrollTable> | |||||
</Pannel> | </Pannel> |
@@ -1,15 +1,34 @@ | |||||
import Pannel from '@/components/pannel/index.vue'; | import Pannel from '@/components/pannel/index.vue'; | ||||
import ScrollTable from '@/components/scroll-table/index.vue'; | import ScrollTable from '@/components/scroll-table/index.vue'; | ||||
import { mapGetters } from 'vuex'; | |||||
import { listDebtOrganizations2 } from '../../../../api/index.js'; | |||||
export default { | export default { | ||||
components: { | components: { | ||||
ScrollTable, | ScrollTable, | ||||
Pannel | Pannel | ||||
}, | }, | ||||
computed: { | |||||
...mapGetters(['year', 'deptId']) | |||||
}, | |||||
watch: { | |||||
year: { | |||||
handler () { | |||||
this.getData(); | |||||
}, | |||||
immediate: true, // 立即执行 | |||||
}, | |||||
deptId: { | |||||
handler () { | |||||
this.getData(); | |||||
}, | |||||
immediate: true, // 立即执行 | |||||
} | |||||
}, | |||||
data () { | data () { | ||||
return { | return { | ||||
isLoad: false, | |||||
headers: ['组织名称', '负债总额', '资产总额', '负债率'], | headers: ['组织名称', '负债总额', '资产总额', '负债率'], | ||||
data: [ | data: [ | ||||
['组织名称', '负债总额', '资产总额', '负债率'] | |||||
] | ] | ||||
}; | }; | ||||
}, | }, | ||||
@@ -18,5 +37,17 @@ export default { | |||||
mounted () { | mounted () { | ||||
}, | }, | ||||
methods: { | methods: { | ||||
getData () { | |||||
if (this.year, this.deptId) { | |||||
this.isLoad = false; | |||||
listDebtOrganizations2(this.deptId, this.year).then(res => { | |||||
let data = res.rows.map(item => { | |||||
return [item.name, item.zwze, item.zcze, item.zczwl] | |||||
}) | |||||
this.data = data; | |||||
this.isLoad = true; | |||||
}) | |||||
} | |||||
}, | |||||
} | } | ||||
}; | }; |
@@ -1,5 +1,7 @@ | |||||
import Pannel from '@/components/pannel/index.vue'; | import Pannel from '@/components/pannel/index.vue'; | ||||
import BarSpecial from '@/components/charts/bar-special/index.vue'; | import BarSpecial from '@/components/charts/bar-special/index.vue'; | ||||
import { mapGetters } from 'vuex'; | |||||
import { distributionOfLiabilities } from '../../../../api/index.js'; | |||||
export default { | export default { | ||||
components: { | components: { | ||||
BarSpecial, | BarSpecial, | ||||
@@ -9,10 +11,31 @@ export default { | |||||
return { | return { | ||||
}; | }; | ||||
}, | }, | ||||
created () { | |||||
computed: { | |||||
...mapGetters(['year', 'deptId']) | |||||
}, | }, | ||||
mounted () { | |||||
watch: { | |||||
year: { | |||||
handler () { | |||||
this.getData(); | |||||
}, | |||||
immediate: true, // 立即执行 | |||||
}, | |||||
deptId: { | |||||
handler () { | |||||
this.getData(); | |||||
}, | |||||
immediate: true, // 立即执行 | |||||
} | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getData () { | |||||
if (this.year, this.deptId) { | |||||
this.isLoad = false; | |||||
distributionOfLiabilities(this.deptId, this.year).then(res => { | |||||
this.isLoad = true; | |||||
}) | |||||
} | |||||
}, | |||||
} | } | ||||
}; | }; |
@@ -1,14 +1,50 @@ | |||||
import Pannel from '@/components/pannel/index.vue'; | import Pannel from '@/components/pannel/index.vue'; | ||||
import BlockIcon from '@/components/block-icon/index.vue'; | import BlockIcon from '@/components/block-icon/index.vue'; | ||||
import data from './data.js'; | import data from './data.js'; | ||||
import { debtOverview2 } from '../../../../api/index.js'; | |||||
import { mapGetters } from 'vuex'; | |||||
export default { | export default { | ||||
components: { | components: { | ||||
BlockIcon, | BlockIcon, | ||||
Pannel | Pannel | ||||
}, | }, | ||||
computed: { | |||||
...mapGetters(['year', 'deptId']) | |||||
}, | |||||
watch: { | |||||
year: { | |||||
handler () { | |||||
this.getData(); | |||||
}, | |||||
immediate: true, // 立即执行 | |||||
}, | |||||
deptId: { | |||||
handler () { | |||||
this.getData(); | |||||
}, | |||||
immediate: true, // 立即执行 | |||||
} | |||||
}, | |||||
data () { | data () { | ||||
return { | return { | ||||
data | data | ||||
}; | }; | ||||
}, | |||||
methods: { | |||||
getData () { | |||||
this.isLoad = false // 是否加载完成 | |||||
if (this.year, this.deptId) { | |||||
debtOverview2(this.deptId, this.year).then(res => { | |||||
console.log(222, res); | |||||
this.data.topData[0][0].value = res.data.zbdzw | |||||
this.data.topData[0][1].value = res.data.gzwl | |||||
this.data.topData[1][0].value = res.data.zzwl | |||||
this.data.topData[1][1].value = res.data.dzwl | |||||
this.isLoad = true // 是否加载完成 | |||||
}) | |||||
} | |||||
} | |||||
} | } | ||||
}; | }; |
@@ -597,7 +597,6 @@ export default { | |||||
mapCenterLocation = [116.391458, 39.902377]; | mapCenterLocation = [116.391458, 39.902377]; | ||||
} | } | ||||
gis = new GisUtils('map2') | gis = new GisUtils('map2') | ||||
console.log('=============='); | |||||
gis.addTianDiTuLayer() | gis.addTianDiTuLayer() | ||||
gis.addAnnotationLayer() | gis.addAnnotationLayer() | ||||
// 添加村边界 | // 添加村边界 | ||||
@@ -1,5 +1,6 @@ | |||||
<Pannel title="资源发包分析" height="340" flexIble | <Pannel title="资源发包分析" height="340" flexIble | ||||
v-loading="!isLoad" | |||||
@titleCilck="titleCilck" | |||||
v-loading="false" | |||||
element-loading-text="拼命加载中" | element-loading-text="拼命加载中" | ||||
element-loading-spinner="el-icon-loading" | element-loading-spinner="el-icon-loading" | ||||
element-loading-background="rgba(0, 0, 0, 0.1)" | element-loading-background="rgba(0, 0, 0, 0.1)" | ||||
@@ -47,6 +47,9 @@ export default { | |||||
mounted () { | mounted () { | ||||
}, | }, | ||||
methods: { | methods: { | ||||
titleCilck () { | |||||
console.log(222); | |||||
}, | |||||
getData () { | getData () { | ||||
if (this.year, this.deptId) { | if (this.year, this.deptId) { | ||||
this.isLoad = false; | this.isLoad = false; | ||||