|
@@ -10,18 +10,19 @@
|
|
|
<div class="content">
|
|
|
<admTabs :paneMsg="paneMsg" @paneValue="paneValue"/>
|
|
|
<div class="table">
|
|
|
- <admMultiTable/>
|
|
|
+ <admMultiTable :currentHeader="currentHeader" :tableData="tableData"/>
|
|
|
+ <Pagination :paginationList="paginationList"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
import { Vue, Component } from "vue-property-decorator";
|
|
|
-import { Statistics, AdmSelect, AdmSearch, AdmBtn, AdmTabs, AdmMultiTable } from '../components/index'
|
|
|
+import { Statistics, AdmSelect, AdmSearch, AdmBtn, AdmTabs, AdmMultiTable, Pagination } from '../components/index'
|
|
|
|
|
|
@Component({
|
|
|
name: 'adm-device',
|
|
|
- components: { Statistics, AdmSelect, AdmSearch, AdmBtn, AdmTabs, AdmMultiTable }
|
|
|
+ components: { Statistics, AdmSelect, AdmSearch, AdmBtn, AdmTabs, AdmMultiTable, Pagination }
|
|
|
})
|
|
|
export default class extends Vue {
|
|
|
private statisticsMsg = {
|
|
@@ -34,11 +35,69 @@ export default class extends Vue {
|
|
|
title: '添加设备'
|
|
|
}
|
|
|
private paneMsg = ['设计阶段维护', '施工阶段维护', '运维阶段维护']
|
|
|
+ private paginationList = {
|
|
|
+ size: 1,
|
|
|
+ sizes: [10, 20.50, 100],
|
|
|
+ total: 200
|
|
|
+ }
|
|
|
+ private currentHeader = this.paneMsg[0]
|
|
|
+ private tableData = [{
|
|
|
+ date: '2016-05-03',
|
|
|
+ name: '王小虎',
|
|
|
+ province: '上海',
|
|
|
+ city: '普陀区',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄',
|
|
|
+ zip: 200333
|
|
|
+ }, {
|
|
|
+ date: '2016-05-02',
|
|
|
+ name: '王小虎',
|
|
|
+ province: '上海',
|
|
|
+ city: '普陀区',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄',
|
|
|
+ zip: 200333
|
|
|
+ }, {
|
|
|
+ date: '2016-05-04',
|
|
|
+ name: '王小虎',
|
|
|
+ province: '上海',
|
|
|
+ city: '普陀区',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄',
|
|
|
+ zip: 200333
|
|
|
+ }, {
|
|
|
+ date: '2016-05-01',
|
|
|
+ name: '王小虎',
|
|
|
+ province: '上海',
|
|
|
+ city: '普陀区',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄',
|
|
|
+ zip: 200333
|
|
|
+ }, {
|
|
|
+ date: '2016-05-08',
|
|
|
+ name: '王小虎',
|
|
|
+ province: '上海',
|
|
|
+ city: '普陀区',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄',
|
|
|
+ zip: 200333
|
|
|
+ }, {
|
|
|
+ date: '2016-05-06',
|
|
|
+ name: '王小虎',
|
|
|
+ province: '上海',
|
|
|
+ city: '普陀区',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄',
|
|
|
+ zip: 200333
|
|
|
+ }, {
|
|
|
+ date: '2016-05-07',
|
|
|
+ name: '王小虎',
|
|
|
+ province: '上海',
|
|
|
+ city: '普陀区',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄',
|
|
|
+ zip: 200333
|
|
|
+ }]
|
|
|
+
|
|
|
|
|
|
// 维护阶段 tabs
|
|
|
- paneValue(val: number) {
|
|
|
+ paneValue(val: any) {
|
|
|
console.log(val)
|
|
|
- switch (val) {
|
|
|
+ this.currentHeader = val.label
|
|
|
+ switch (val.index) {
|
|
|
case 0:
|
|
|
break;
|
|
|
case 1:
|
|
@@ -106,6 +165,12 @@ $margin: 12px;
|
|
|
|
|
|
|
|
|
}
|
|
|
+
|
|
|
+ .adm-pagination {
|
|
|
+ right: 40px;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 30px;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
|
|
<style>
|