合同到期预警

src/views/capital/comps/right/bottom/2/index.js

@@ -29,13 +29,16 @@ export default {
   data () {
     return {
       data: [],
+      type: 'zc',
       pannelTabsData: [
         {
           id: '1',
+          type: 'zc',
           name: '支出'
         },
         {
           id: '2',
+          type: 'sr',
           name: '收入'
         }
       ],
@@ -52,7 +55,7 @@ export default {
     getData () {
       if (this.year, this.deptId) {
         this.isLoad = false;
-        rankingOfNonStandardFundTransactionsWarning(this.deptId, this.year, this.tabIndex).then(res => {
+        rankingOfNonStandardFundTransactionsWarning(this.deptId, this.year, this.type).then(res => {
           let data = res.rows.map(item => {
             return [item.name, item.value, item.index]
           })
@@ -62,6 +65,8 @@ export default {
       }
     },
     tabChange (info) {
+      console.log('222', info);
+      this.type = info.type;
       this.tabIndex = info.id
       this.getData()
     }

src/views/property/api/index.js

@@ -0,0 +1,40 @@
+import request from '@/utils/request'
+
+// 资产一张图-债务预警-左上-负债概况
+export function debtOverview (deptId, year) {
+  let query = {
+    deptId,
+    year
+  }
+  return request({
+    url: 'api/home/xixia/assetLiabilities/fzgk',
+    method: 'get',
+    params: query
+  })
+}
+
+// 河南资产一张图-预警分析-右上-合同结款到期预警(分页)
+export function contractPaymentDueWarning (deptId, year) {
+  let query = {
+    deptId,
+    year
+  }
+  return request({
+    url: 'api/home/xixia/assetWarning/htjkdqyj',
+    method: 'get',
+    params: query
+  })
+}
+
+// 河南资产一张图-预警分析-右中-合同到期预警(分页)export function contractPaymentDueWarning (deptId, year) {
+export function contractExpirationWarning (deptId, year) {
+  let query = {
+    deptId,
+    year
+  }
+  return request({
+    url: 'api/home/xixia/assetWarning/htdqyj',
+    method: 'get',
+    params: query
+  })
+}

src/views/property/comps/left/top/4/index.html

@@ -1,5 +1,10 @@
 
-<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">
       <table>

src/views/property/comps/left/top/4/index.js

@@ -1,14 +1,44 @@
 import Pannel from '@/components/pannel/index.vue';
 import BlockIcon from '@/components/block-icon/index.vue';
 import data from './data.js';
+import { debtOverview } 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 {
+      isLoad: false, // 是否加载完成
       data
     };
+  },
+  methods: {
+    getData () {
+      if (this.year, this.deptId) {
+        debtOverview(this.deptId, this.year).then(res => {
+          console.log('debtOverview', res);
+        })
+      }
+
+    }
   }
 };

src/views/property/comps/right/middle/3/index.html

@@ -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>

src/views/property/comps/right/middle/3/index.js

@@ -1,5 +1,7 @@
 import Pannel from '@/components/pannel/index.vue';
 import ScrollTable from '@/components/scroll-table/index.vue';
+import { contractExpirationWarning } from '../../../../api/index.js';
+import { mapGetters } from 'vuex';
 export default {
   components: {
     ScrollTable,
@@ -7,14 +9,45 @@ export default {
   },
   data () {
     return {
+      isLoad: false,
       headers: ['合同编码', '合同名称', '合同截止日期', '部门'],
       data: [['合同编码', '合同名称', '合同截止日期', '部门']]
     };
   },
+  watch: {
+    year: {
+      handler () {
+        this.getData();
+      },
+      immediate: true, // 立即执行
+    },
+    deptId: {
+      handler () {
+        this.getData();
+      },
+      immediate: true, // 立即执行
+    }
+  },
+  computed: {
+    ...mapGetters(['year', 'deptId'])
+  },
   created () {
   },
   mounted () {
   },
   methods: {
+    getData () {
+      if (this.year, this.deptId) {
+        this.isLoad = false;
+        contractExpirationWarning(this.deptId, this.year).then(res => {
+          console.log(2222, res);
+          let data = res.data.map(item => {
+            return [item.code, item.name, item.endTime, item.deptName]
+          })
+          this.data = data;
+          this.isLoad = true;
+        })
+      }
+    },
   }
 };

src/views/property/comps/right/top/3/index.html

@@ -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>

src/views/property/comps/right/top/3/index.js

@@ -1,12 +1,32 @@
 import Pannel from '@/components/pannel/index.vue';
 import ScrollTable from '@/components/scroll-table/index.vue';
+import { contractPaymentDueWarning } from '../../../../api/index.js';
+import { mapGetters } from 'vuex';
 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: [['合同编码', '合同名称', '预结款日期', '结款金额', '部门']]
     };
@@ -16,5 +36,17 @@ export default {
   mounted () {
   },
   methods: {
+    getData () {
+      if (this.year, this.deptId) {
+        this.isLoad = false;
+        contractPaymentDueWarning(this.deptId, this.year).then(res => {
+          let data = res.data.map(item => {
+            return [item.code, item.name, item.settlementDate, item.settlementAmount, item.deptName]
+          })
+          this.data = data;
+          this.isLoad = true;
+        })
+      }
+    },
   }
 };