diff --git a/src/views/capital/comps/right/bottom/2/index.html b/src/views/capital/comps/right/bottom/2/index.html index 768c279..3f2cfcf 100644 --- a/src/views/capital/comps/right/bottom/2/index.html +++ b/src/views/capital/comps/right/bottom/2/index.html @@ -1,4 +1,11 @@ - - + +
+
+ +
+
+ +
+
\ No newline at end of file diff --git a/src/views/capital/comps/right/bottom/2/index.js b/src/views/capital/comps/right/bottom/2/index.js index d3863a7..75f36de 100644 --- a/src/views/capital/comps/right/bottom/2/index.js +++ b/src/views/capital/comps/right/bottom/2/index.js @@ -1,11 +1,26 @@ import Pannel from '@/components/pannel/index.vue'; - +import ScrollTable from '@/components/scroll-table/index.vue'; +import PannelTabs from '@/components/pannel-tabs/index.vue'; export default { components: { + PannelTabs, + ScrollTable, Pannel }, data () { return { + pannelTabsData: [ + { + id: '1', + name: '支出' + }, + { + id: '2', + name: '收入' + } + ], + tabIndex: '1', + headers: ['部门名称', '支出金额', '排名'] }; }, created () { @@ -13,5 +28,8 @@ export default { mounted () { }, methods: { + tabChange (info) { + this.tabIndex = info.id + } } }; diff --git a/src/views/capital/comps/right/bottom/2/index.scss b/src/views/capital/comps/right/bottom/2/index.scss index e69de29..938adcd 100644 --- a/src/views/capital/comps/right/bottom/2/index.scss +++ b/src/views/capital/comps/right/bottom/2/index.scss @@ -0,0 +1,17 @@ +.full { + display: flex; + flex-direction: column; + + .top { + height: 50px !important; + width: 100%; + display: flex !important; + align-items: center !important; + justify-content: flex-end; + } + + .buttom { + flex: 1; + width: 100%; + } +} \ No newline at end of file diff --git a/src/views/capital/comps/right/middle/2/index.html b/src/views/capital/comps/right/middle/2/index.html index 6011005..4264549 100644 --- a/src/views/capital/comps/right/middle/2/index.html +++ b/src/views/capital/comps/right/middle/2/index.html @@ -1,5 +1,5 @@ - +
diff --git a/src/views/capital/comps/right/top/2/index.html b/src/views/capital/comps/right/top/2/index.html index d8344be..2aec445 100644 --- a/src/views/capital/comps/right/top/2/index.html +++ b/src/views/capital/comps/right/top/2/index.html @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/src/views/capital/data.js b/src/views/capital/data.js index a276600..9984302 100644 --- a/src/views/capital/data.js +++ b/src/views/capital/data.js @@ -20,7 +20,7 @@ export const comps = { 'right': [ 'Right12', 'Right22', - '' + 'Right32' ] } } \ No newline at end of file diff --git a/src/views/capital/index.js b/src/views/capital/index.js index 4784add..ca6fd6e 100644 --- a/src/views/capital/index.js +++ b/src/views/capital/index.js @@ -10,6 +10,7 @@ import Right31 from './comps/right/bottom/1/index.vue'; import Right12 from './comps/right/top/2/index.vue'; import Right22 from './comps/right/middle/2/index.vue'; +import Right32 from './comps/right/bottom/2/index.vue'; import { getConfigKey } from "@/api/system/config"; import { getInfo } from "@/api/login"; @@ -29,7 +30,8 @@ export default { Right21, Right31, Right12, - Right22 + Right22, + Right32 }, data () { return {