fear:vreq

src/views/Home.vue

@@ -178,7 +178,7 @@ export default {
   .app-body {
     display: flex;
     flex-direction: column;
-
+    overflow: auto;
     .app-header {
       &.collapsed {
         margin-top: -$headerHeight;

src/views/Vreqs.vue

@@ -0,0 +1,130 @@
+<template>
+  <div class="netnode-page">
+    <div class="table-content elevation-1">
+      <div class="panel-header">
+        <h3>实名请求</h3>
+        <div class="search-input">
+          <v-text-field
+            @keyup.13="searchVreq"
+            placeholder="输入查询条件"
+            :value="filter"
+            @input="inputFilter"
+            append-icon="search" />
+        </div>
+      </div>
+      <template>
+        <v-data-table
+          :headers="headers"
+          :items="itemList"
+          :total-items="100"
+          :rows-per-page-items="pageEntity"
+          :loading="fetching"
+          class="panel-content elevation-1"
+          @update:pagination="nextPage"
+        >
+          <template slot="headerCell" slot-scope="props">
+            <span>{{ $t(props.header.text) }}</span>
+          </template>
+          <template slot="items" slot-scope="props">
+            <td>{{ props.item.userId }}</td>
+            <td>{{ props.item.verifyLevel }}</td>
+            <td>{{ props.item.status }}</td>
+            <td>{{ props.item.info }}</td>
+            <td>{{ props.item.data.realname }}</td>
+            <td>{{ props.item.data.idNo }}</td>
+            <td><a target="_blank" :href="'https://server.vic.yuanjin.net/static/'+props.item.data.pic1.split('/')[1]">正面照片</a></td>
+            <td><a target="_blank" :href="'https://server.vic.yuanjin.net/static/'+props.item.data.pic2.split('/')[1]">背面照片</a></td>
+            <td>{{ props.item.createdAt }}</td>
+          </template>
+          <template slot="no-results">
+            {{ $t('netnode.tableNone') }}
+          </template>
+        </v-data-table>
+      </template>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import {
+  createNamespacedHelpers,
+} from 'vuex'
+
+const { mapState, mapGetters, mapActions, mapMutations } = createNamespacedHelpers('chain')
+
+export default {
+  computed: {
+    ...mapState([
+      'headers',
+      'itemList',
+      'pageEntity',
+      'fetching',
+    ]),
+    ...mapGetters([]),
+  },
+
+  methods: {
+    ...mapActions([
+      'queryVreqInfo',
+      'queryOne',
+      'nextPage',
+      'searchVreq'
+    ]),
+    ...mapMutations([
+      'inputFilter',
+      'setIpAddress',
+    ]),
+  },
+
+  mounted() {
+    this.queryVreqInfo()
+  },
+
+}
+</script>
+
+<style scoped lang="scss">
+.netnode-page {
+
+  .card-content {
+    display: flex;
+    padding: 20px;
+
+    .app-card {
+      flex: 1;
+      height: 100px;
+      background-color: white;
+    }
+
+    .app-sep {
+      width: 20px;
+    }
+
+  }
+
+  .table-content {
+    flex: 1;
+    margin: 0 20px 20px;
+    background-color: white;
+    display: flex;
+    flex-direction: column;
+
+    .panel-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin: 0 20px;
+
+      .search-input {
+        width: 80%;
+      }
+    }
+
+    .panel-content {
+      margin: 0 20px 20px;
+    }
+  }
+
+}
+</style>