hejianhao
2025-04-16 dab2d210ca06c1faa514c6388fbd5de1ab355360
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
<template>
  <div class='grid_assessment'>
    <v-header
      title="考核管理"
      :bar="bar"
      search
      @on-search="onSearch"
    ></v-header>
    <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" },
        { title: "网格员手机号", name: "tel" },
      ],
      trs: [
        { text: "序号", val: "key" },
        { text: "网格员名称", val: "name" },
        { text: "网格员手机号", val: "btn", slot: "map" },
        { text: "网格员积分数", val: "addr" },
        { text: "事件上报数", val: "addr" },
        { text: "操作", val: "btn" },
      ],
      tds: [],
    };
  },
  watch: {},
  methods: {
    onSearch(v) {
      console.log(v);
    },
  },
  mounted() {},
};
</script>
<style lang='less' scoped>
.grid_assessment {
  overflow-y: auto;
  .tab {
    margin-bottom: 10px;
  }
}
</style>