|
@@ -8,7 +8,7 @@
|
|
|
<el-input
|
|
|
type="text"
|
|
|
placeholder="请输入内容"
|
|
|
- v-model="name"
|
|
|
+ v-model="fromData.searchKey"
|
|
|
maxlength="25"
|
|
|
show-word-limit
|
|
|
/>
|
|
@@ -18,11 +18,13 @@
|
|
|
<div class="table">
|
|
|
<el-table :data="tableData" style="width: 100%">
|
|
|
<el-table-column prop="id" label="编号" width="200"></el-table-column>
|
|
|
- <el-table-column prop="name" label="场景名称"></el-table-column>
|
|
|
- <el-table-column prop="time" label="发布时间"></el-table-column>
|
|
|
+ <el-table-column prop="sceneTitle" label="场景名称"></el-table-column>
|
|
|
+ <el-table-column prop="updateTime" label="发布时间"></el-table-column>
|
|
|
<el-table-column label="操作">
|
|
|
<template #default="{ row }">
|
|
|
- <el-button type="text" @click="editSu(row.url)">编辑</el-button>
|
|
|
+ <el-button type="text" @click="editSu(row.sceneCode)"
|
|
|
+ >编辑</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -32,6 +34,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { sceneList } from '@/apis/login'
|
|
|
export default {
|
|
|
name: 'tab1',
|
|
|
components: {},
|
|
@@ -39,13 +42,12 @@ export default {
|
|
|
// 这里存放数据
|
|
|
return {
|
|
|
name: '',
|
|
|
- dataAll: [
|
|
|
- { name: '-', url: '1185', id: 1, time: '2022-05-20 00:00:00' },
|
|
|
- { name: '-', url: '1186', id: 2, time: '2022-05-20 02:00:00' },
|
|
|
- { name: '-', url: '1187', id: 3, time: '2022-05-20 04:00:00' },
|
|
|
- { name: '-', url: '1188', id: 4, time: '2022-05-20 06:00:00' }
|
|
|
- ],
|
|
|
- tableData: []
|
|
|
+ tableData: [],
|
|
|
+ fromData: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 999,
|
|
|
+ searchKey: ''
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
// 监听属性 类似于data概念
|
|
@@ -60,18 +62,22 @@ export default {
|
|
|
},
|
|
|
// 点击搜索
|
|
|
sreach () {
|
|
|
- const txt = this.name.trim()
|
|
|
- this.tableData = this.dataAll.filter((v) => v.name.includes(txt))
|
|
|
+ this.getList(this.fromData)
|
|
|
},
|
|
|
// 点击重置
|
|
|
reset () {
|
|
|
- this.name = ''
|
|
|
- this.tableData = [...this.dataAll]
|
|
|
+ this.fromData.searchKey = ''
|
|
|
+ this.getList(this.fromData)
|
|
|
+ },
|
|
|
+ // 封装一个获取列表的方法
|
|
|
+ async getList (data) {
|
|
|
+ const res = await sceneList(data)
|
|
|
+ this.tableData = res.data.records
|
|
|
}
|
|
|
},
|
|
|
// 生命周期 - 创建完成(可以访问当前this实例)
|
|
|
created () {
|
|
|
- this.tableData = [...this.dataAll]
|
|
|
+ this.getList(this.fromData)
|
|
|
},
|
|
|
// 生命周期 - 挂载完成(可以访问DOM元素)
|
|
|
mounted () {},
|