| @@ -7,7 +7,7 @@ | |||
| <div class="header row align_item_center"> | |||
| <div v-if="title" class="title_bk row align_item_center"> | |||
| <i class="icon"></i> | |||
| <p>{{title}}</p> | |||
| <p @click="titleClick">{{title}}</p> | |||
| </div> | |||
| <div class="more"> | |||
| <slot name="header"></slot> | |||
| @@ -47,6 +47,9 @@ export default { | |||
| }; | |||
| }, | |||
| methods: { | |||
| titleClick () { | |||
| this.$emit('titleClick') | |||
| }, | |||
| open () { | |||
| this.isOpen = !this.isOpen | |||
| } | |||
| @@ -170,4 +170,32 @@ export function rankingOfNonStandardFundTransactionsWarning (deptId, year, type) | |||
| method: 'get', | |||
| 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, // 立即执行 | |||
| } | |||
| }, | |||
| created () { | |||
| }, | |||
| mounted () { | |||
| }, | |||
| methods: { | |||
| // 获取数据 | |||
| getData () { | |||
| if (this.year || this.deptId) { | |||
| this.isLoad = false; | |||
| // 如果是趋势 | |||
| 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="top"> | |||
| <PannelTabs @change="tabChange" :data="pannelTabsData"></PannelTabs> | |||
| </div> | |||
| <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> | |||
| </Pannel> | |||
| @@ -1,6 +1,8 @@ | |||
| import Pannel from '@/components/pannel/index.vue'; | |||
| import Bar from '@/components/charts/bar/index.vue'; | |||
| import PannelTabs from '@/components/pannel-tabs/index.vue'; | |||
| import { mapGetters } from 'vuex'; | |||
| import { analysisSensitiveWarningForFundTransactions } from '../../../../api/index.js'; | |||
| export default { | |||
| components: { | |||
| PannelTabs, | |||
| @@ -9,6 +11,8 @@ export default { | |||
| }, | |||
| data () { | |||
| return { | |||
| isLoad: false, | |||
| tabIndex: '1', | |||
| pannelTabsData: [ | |||
| { | |||
| id: '1', | |||
| @@ -18,16 +22,46 @@ export default { | |||
| id: '2', | |||
| name: '收入' | |||
| } | |||
| ] | |||
| ], | |||
| data: [] | |||
| }; | |||
| }, | |||
| created () { | |||
| computed: { | |||
| ...mapGetters(['year', 'deptId']) | |||
| }, | |||
| mounted () { | |||
| watch: { | |||
| year: { | |||
| handler () { | |||
| this.getData(); | |||
| }, | |||
| immediate: true, // 立即执行 | |||
| }, | |||
| deptId: { | |||
| handler () { | |||
| this.getData(); | |||
| }, | |||
| immediate: true, // 立即执行 | |||
| } | |||
| }, | |||
| 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 { | |||
| isLoad: false | |||
| }; | |||
| }, | |||
| created () { | |||
| }, | |||
| mounted () { | |||
| }, | |||
| methods: { | |||
| 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="top"> | |||
| <PannelTabs :data="pannelTabsData" @change="tabChange"></PannelTabs> | |||
| </div> | |||
| <div class="buttom"> | |||
| <ScrollTable :headers="headers" :bodyHeight="160"></ScrollTable> | |||
| <ScrollTable v-if="isLoad" :headers="headers" :data="data" :bodyHeight="160"></ScrollTable> | |||
| </div> | |||
| </div> | |||
| </Pannel> | |||
| @@ -1,6 +1,8 @@ | |||
| import Pannel from '@/components/pannel/index.vue'; | |||
| import ScrollTable from '@/components/scroll-table/index.vue'; | |||
| import PannelTabs from '@/components/pannel-tabs/index.vue'; | |||
| import { mapGetters } from 'vuex'; | |||
| import { RankingSensitiveWordWarningFundTransactions } from '../../../../api/index.js'; | |||
| export default { | |||
| components: { | |||
| PannelTabs, | |||
| @@ -9,13 +11,17 @@ export default { | |||
| }, | |||
| data () { | |||
| return { | |||
| type: 'zc', | |||
| isLoad: false, | |||
| pannelTabsData: [ | |||
| { | |||
| id: '1', | |||
| type: 'zc', | |||
| name: '支出' | |||
| }, | |||
| { | |||
| id: '2', | |||
| type: 'sr', | |||
| name: '收入' | |||
| } | |||
| ], | |||
| @@ -23,13 +29,39 @@ export default { | |||
| headers: ['部门名称', '支出金额', '排名'] | |||
| }; | |||
| }, | |||
| created () { | |||
| computed: { | |||
| ...mapGetters(['year', 'deptId']) | |||
| }, | |||
| mounted () { | |||
| watch: { | |||
| year: { | |||
| handler () { | |||
| this.getData(); | |||
| }, | |||
| immediate: true, // 立即执行 | |||
| }, | |||
| deptId: { | |||
| handler () { | |||
| this.getData(); | |||
| }, | |||
| immediate: true, // 立即执行 | |||
| } | |||
| }, | |||
| 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) { | |||
| this.tabIndex = info.id | |||
| this.type = info.type | |||
| this.getData() | |||
| } | |||
| } | |||
| }; | |||
| @@ -263,3 +263,68 @@ export function indicatorBelowAverage (deptId, year) { | |||
| 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) { | |||
| this.isLoad = false; | |||
| analysisOfOperatingAssets(this.deptId, this.year).then(res => { | |||
| console.log(res, 999); | |||
| if (this.tabIndex == 1) { | |||
| this.data = res.data.jyx | |||
| } else if (this.tabIndex == 2) { | |||
| @@ -5,5 +5,5 @@ | |||
| element-loading-spinner="el-icon-loading" | |||
| 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> | |||
| @@ -1,13 +1,48 @@ | |||
| import Pannel from '@/components/pannel/index.vue'; | |||
| import PieLegend from '@/components/charts/pie-legend/index.vue'; | |||
| import { debtCategoryAnalysis } from '../../../../api/index.js'; | |||
| import { mapGetters } from 'vuex'; | |||
| export default { | |||
| components: { | |||
| PieLegend, | |||
| Pannel | |||
| }, | |||
| computed: { | |||
| ...mapGetters(['year', 'deptId']) | |||
| }, | |||
| watch: { | |||
| year: { | |||
| handler () { | |||
| this.getData(); | |||
| }, | |||
| immediate: true, // 立即执行 | |||
| }, | |||
| deptId: { | |||
| handler () { | |||
| this.getData(); | |||
| }, | |||
| immediate: true, // 立即执行 | |||
| } | |||
| }, | |||
| data () { | |||
| 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> | |||
| @@ -1,15 +1,34 @@ | |||
| import Pannel from '@/components/pannel/index.vue'; | |||
| import ScrollTable from '@/components/scroll-table/index.vue'; | |||
| import { mapGetters } from 'vuex'; | |||
| import { listDebtOrganizations2 } from '../../../../api/index.js'; | |||
| export default { | |||
| components: { | |||
| ScrollTable, | |||
| Pannel | |||
| }, | |||
| computed: { | |||
| ...mapGetters(['year', 'deptId']) | |||
| }, | |||
| watch: { | |||
| year: { | |||
| handler () { | |||
| this.getData(); | |||
| }, | |||
| immediate: true, // 立即执行 | |||
| }, | |||
| deptId: { | |||
| handler () { | |||
| this.getData(); | |||
| }, | |||
| immediate: true, // 立即执行 | |||
| } | |||
| }, | |||
| data () { | |||
| return { | |||
| isLoad: false, | |||
| headers: ['组织名称', '负债总额', '资产总额', '负债率'], | |||
| data: [ | |||
| ['组织名称', '负债总额', '资产总额', '负债率'] | |||
| ] | |||
| }; | |||
| }, | |||
| @@ -18,5 +37,17 @@ export default { | |||
| mounted () { | |||
| }, | |||
| 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 BarSpecial from '@/components/charts/bar-special/index.vue'; | |||
| import { mapGetters } from 'vuex'; | |||
| import { distributionOfLiabilities } from '../../../../api/index.js'; | |||
| export default { | |||
| components: { | |||
| BarSpecial, | |||
| @@ -9,10 +11,31 @@ export default { | |||
| return { | |||
| }; | |||
| }, | |||
| created () { | |||
| computed: { | |||
| ...mapGetters(['year', 'deptId']) | |||
| }, | |||
| mounted () { | |||
| watch: { | |||
| year: { | |||
| handler () { | |||
| this.getData(); | |||
| }, | |||
| immediate: true, // 立即执行 | |||
| }, | |||
| deptId: { | |||
| handler () { | |||
| this.getData(); | |||
| }, | |||
| immediate: true, // 立即执行 | |||
| } | |||
| }, | |||
| 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 BlockIcon from '@/components/block-icon/index.vue'; | |||
| import data from './data.js'; | |||
| import { debtOverview2 } from '../../../../api/index.js'; | |||
| import { mapGetters } from 'vuex'; | |||
| export default { | |||
| components: { | |||
| BlockIcon, | |||
| Pannel | |||
| }, | |||
| computed: { | |||
| ...mapGetters(['year', 'deptId']) | |||
| }, | |||
| watch: { | |||
| year: { | |||
| handler () { | |||
| this.getData(); | |||
| }, | |||
| immediate: true, // 立即执行 | |||
| }, | |||
| deptId: { | |||
| handler () { | |||
| this.getData(); | |||
| }, | |||
| immediate: true, // 立即执行 | |||
| } | |||
| }, | |||
| data () { | |||
| return { | |||
| 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]; | |||
| } | |||
| gis = new GisUtils('map2') | |||
| console.log('=============='); | |||
| gis.addTianDiTuLayer() | |||
| gis.addAnnotationLayer() | |||
| // 添加村边界 | |||
| @@ -1,5 +1,6 @@ | |||
| <Pannel title="资源发包分析" height="340" flexIble | |||
| v-loading="!isLoad" | |||
| @titleCilck="titleCilck" | |||
| v-loading="false" | |||
| element-loading-text="拼命加载中" | |||
| element-loading-spinner="el-icon-loading" | |||
| element-loading-background="rgba(0, 0, 0, 0.1)" | |||
| @@ -47,6 +47,9 @@ export default { | |||
| mounted () { | |||
| }, | |||
| methods: { | |||
| titleCilck () { | |||
| console.log(222); | |||
| }, | |||
| getData () { | |||
| if (this.year, this.deptId) { | |||
| this.isLoad = false; | |||