|
|
@@ -1,10 +1,26 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container calendar-list-container"> |
|
|
|
<!-- 顶部导航栏 --> |
|
|
|
<div class="avue-layout"> |
|
|
|
<div class="avue-left"> |
|
|
|
<!-- 左侧导航栏 --> |
|
|
|
<logo /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="avue-header"> |
|
|
|
<top /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<basic-container> |
|
|
|
<template> |
|
|
|
<!-- 内容盒子 --> |
|
|
|
<div class="table-box"> |
|
|
|
<el-table :data="tableData" style="width: 100%" :show-header="false" @row-click="toDetail"> |
|
|
|
<el-table |
|
|
|
:data="tableData" |
|
|
|
style="width: 100%" |
|
|
|
:show-header="false" |
|
|
|
@row-click="toDetail" |
|
|
|
> |
|
|
|
<el-table-column> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div class="line-box"> |
|
|
@@ -36,9 +52,22 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import top from "@/page/index/top/"; |
|
|
|
import logo from "@/page/index/logo"; |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
top, |
|
|
|
logo, |
|
|
|
}, |
|
|
|
name: 'Index', |
|
|
|
provide() { |
|
|
|
return { |
|
|
|
Index: this |
|
|
|
}; |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
currentPage4: 1, |
|
|
|
tableData: [ |
|
|
|
{ |
|
|
|
date: "2016-05-02", |
|
|
@@ -83,7 +112,7 @@ export default { |
|
|
|
// 跳转详情页面 |
|
|
|
toDetail(item) { |
|
|
|
console.log(item, "123"); |
|
|
|
this.$router.push('/message/detail') |
|
|
|
this.$router.push("/message/detail"); |
|
|
|
}, |
|
|
|
|
|
|
|
handleSizeChange(val) { |
|
|
@@ -105,7 +134,7 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.line-box { |
|
|
|
// padding: 0 0 0 10px; |
|
|
|
// padding: 0 0 0 10px; |
|
|
|
.title { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|