|
@@ -19,9 +19,6 @@
|
|
|
</el-date-picker>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="right-up">
|
|
|
-
|
|
|
- </div>
|
|
|
</div>
|
|
|
<div class="down">
|
|
|
<div class="down-add">
|
|
@@ -30,15 +27,12 @@
|
|
|
<el-col :span="2"> <el-button>添加</el-button> </el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
-
|
|
|
<div class="down-table">
|
|
|
<el-table :data="tableData" border style="width: 100%" class="messagetable">
|
|
|
<el-table-column prop="id" label="ID">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="messageTitle" label="消息标题">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="messageTitle" label="消息标题">
|
|
|
- </el-table-column>
|
|
|
<el-table-column prop="phoneNumber" label="手机号">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="publishTime" label="发布时间">
|
|
@@ -54,11 +48,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
-import { getMessageList } from '../../mock/messageMock.js'
|
|
|
export default {
|
|
|
-
|
|
|
props: {
|
|
|
|
|
|
},
|
|
@@ -71,12 +62,9 @@ export default {
|
|
|
mockMessageList: [],
|
|
|
}
|
|
|
},
|
|
|
- //产生mock数据
|
|
|
-
|
|
|
mounted() {
|
|
|
this.getMockMessageList();
|
|
|
this.getTableList();
|
|
|
-
|
|
|
},
|
|
|
beforeDestroy() {
|
|
|
|
|
@@ -85,19 +73,15 @@ export default {
|
|
|
getMockMessageList() {
|
|
|
var Mock = require('mockjs')
|
|
|
var data = Mock.mock({
|
|
|
- 'list|1-10': [{
|
|
|
+ 'list|1-50': [{
|
|
|
'id|+1': 1,
|
|
|
- 'messageTitle': '@EMAIL',
|
|
|
+ 'messageTitle': '您的产品使用期限即将截止,如需继续使用产品请前往购…',
|
|
|
'phoneNumber': '15888888888',
|
|
|
'publishTime': '2022-05-03',
|
|
|
- // 'regexp3': /\d{5,10}/
|
|
|
}]
|
|
|
})
|
|
|
- // console.log(data);
|
|
|
this.mockMessageList = data;
|
|
|
- // console.log( this.mockMessageList.arr);
|
|
|
},
|
|
|
-
|
|
|
getTableList() {
|
|
|
this.tableData = this.mockMessageList.list
|
|
|
}
|