1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
| <template>
| <div class='grid'>
| <v-header
| title="网格管理"
| :bar="bar"
| search
| @on-search="onSearch"
| ></v-header>
| <div class="add">
| <el-button
| type="primary"
| size="small"
| @click.stop="$router.push('/grid_add')"
| >新增</el-button>
| </div>
| <div class="tab">
| <v-tool-table
| :trs="trs"
| :tds="tds"
| >
| <template v-slot:btn="item">
| <div class="table_flex">
| <!-- {{item.scope.id}} -->
| <span class="col_primary">编辑</span>
| <span class="col_primary">删除</span>
| </div>
| </template>
| <template v-slot:map="item">
| <div class="table_flex">
| <!-- {{item.scope.id}} -->
| <span class="col_info">查看地图</span>
| </div>
| </template>
| </v-tool-table>
| </div>
| <v-tool-page></v-tool-page>
| </div>
| </template>
|
| <script>
| export default {
| props: {},
| components: {},
| data() {
| return {
| bar: [{ title: "网格名称", name: "name" }],
| trs: [
| { text: "序号", val: "key" },
| { text: "网格名称", val: "name" },
| { text: "网格区域", val: "btn", slot: "map" },
| { text: "创建时间", val: "addr" },
| { text: "操作", val: "btn" },
| ],
| tds: [],
| };
| },
| watch: {},
| methods: {
| onSearch(v) {
| console.log(v);
| },
| },
| mounted() {
| this.tds = [0, 0, 0, 0, 0, 0, 0, 0].map((k, v) => {
| return {
| key: v + 1,
| id: v + 1,
| name: demo.rand(6),
| addr: demo.rand(3),
| status: ["待发布", "未开始", "报名中", "进行中", "已结束", "已取消"][
| demo.rand(0, 5)
| ],
| send: demo.timeout(),
| time: demo.timeout(),
| start: demo.timeout(),
| au: "111" + v,
| };
| });
| },
| };
| </script>
| <style lang='less' scoped>
| .grid {
| overflow-y: auto;
| .tab,
| .add {
| margin-bottom: 10px;
| }
| }
| </style>
|
|
