|
|
@@ -31,11 +31,14 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <el-row :gutter="10">
|
|
|
+ <el-row :gutter="20" style="margin-top: 50px">
|
|
|
<el-col :span="12">
|
|
|
+ <h3>我的审批列表</h3>
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
|
- style="width: 100%">
|
|
|
+ style="width: 100%" border stripe size="small">
|
|
|
+ <el-table-column type="index" label="序号" width="60">
|
|
|
+ </el-table-column>
|
|
|
<el-table-column
|
|
|
prop="date"
|
|
|
label="日期"
|
|
|
@@ -51,11 +54,15 @@
|
|
|
label="地址">
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <Pagination v-bind:child-msg="pageparm" @callFather="callFather"></Pagination>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
+ <h3>我的项目列表</h3>
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
|
- style="width: 100%">
|
|
|
+ style="width: 100%" border stripe size="small">
|
|
|
+ <el-table-column type="index" label="序号" width="60">
|
|
|
+ </el-table-column>
|
|
|
<el-table-column
|
|
|
prop="date"
|
|
|
label="日期"
|
|
|
@@ -71,6 +78,7 @@
|
|
|
label="地址">
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <Pagination v-bind:child-msg="pageparm" @callFather="callFather"></Pagination>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
@@ -78,10 +86,22 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import Pagination from '@/components/Page/Pagination'
|
|
|
+
|
|
|
export default {
|
|
|
name: 'workbench',
|
|
|
+ // 注册组件
|
|
|
+ components: {
|
|
|
+ Pagination
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
+ pageparm: {
|
|
|
+ current: 1,
|
|
|
+ size: 10,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+
|
|
|
tableData: [{
|
|
|
date: '2016-05-02',
|
|
|
name: '王小虎',
|
|
|
@@ -100,6 +120,14 @@ export default {
|
|
|
address: '上海市普陀区金沙江路 1516 弄'
|
|
|
}]
|
|
|
}
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ // 分页插件事件
|
|
|
+ callFather(parm) {
|
|
|
+ this.formInline.current = parm.current
|
|
|
+ this.formInline.size = parm.size
|
|
|
+
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
humingbo