update

src/router/index.js

@@ -111,13 +111,13 @@ export const asyncRoutes = [
       {
         path: 'complaint',
         name: 'StatisticsComplaint',
-        component: () => import('@/views/appKey/index'),
+        component: () => import('@/views/statistics/complaint'),
         meta: { title: '客诉信息管理', authorities: ['statistics.complaint'] }
       },
       {
         path: 'file',
         name: 'StatisticsFile',
-        component: () => import('@/views/appKey/requestLogs'),
+        component: () => import('@/views/statistics/file'),
         meta: { title: '多媒体信息管理', authorities: ['statistics.file.manage'] }
       },
       {

src/views/statistics/complaint/index.vue

@@ -0,0 +1,108 @@
+<template>
+  <div class="app-container">
+
+    <el-form :model="queryForm" inline size="small">
+      <el-form-item label="渠道">
+        <el-input v-model="queryForm.keyword" placeholder="渠道"/>
+      </el-form-item>
+      <el-form-item label="投诉类型">
+        <el-input v-model="queryForm.keyword" placeholder="投诉类型"/>
+      </el-form-item>
+      <el-form-item label="投诉时间">
+        <el-date-picker
+          v-model="queryForm.registerTime"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="yyyy-MM-dd"
+        />
+      </el-form-item>
+      <el-form-item label="处理时间">
+        <el-date-picker
+          v-model="queryForm.registerTime"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="yyyy-MM-dd"
+        />
+      </el-form-item>
+    </el-form>
+    <el-row class="action-bar-container" type="flex" justify="end">
+      <el-button type="primary" size="small" @click.native="fetchData">查询</el-button>
+      <el-button-group>
+        <el-button v-permission="['statistics.complaint']" size="small">
+          新建
+        </el-button>
+        <el-button v-permission="['statistics.complaint']" size="small">
+          删除
+        </el-button>
+      </el-button-group>
+    </el-row>
+    <el-table
+      v-loading="isLoading"
+      :data="pageData.records"
+      border
+      fit
+      highlight-current-row
+      @selection-change="selectionChange"
+    >
+      <el-table-column type="selection" width="55"/>
+      <el-table-column label="ID" prop="id" width="150"/>
+      <el-table-column label="类型" prop="id"/>
+      <el-table-column label="渠道" prop="id"/>
+      <el-table-column label="内容" prop="id"/>
+      <el-table-column label="处理结果" prop="id"/>
+      <el-table-column label="投诉时间" prop="id"/>
+      <el-table-column label="处理时间" prop="id"/>
+    </el-table>
+    <el-pagination
+      class="pagination-container"
+      background
+      layout="prev, pager, next"
+      :total="pageData.total"
+      :page-size="pageData.pageSize"
+      @current-change="paginationChange"
+    />
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'StatisticsComplaint',
+  data() {
+    return {
+      queryForm: {},
+      isLoading: true,
+      pageData: {},
+      currentPage: 1,
+      multipleSelection: []
+    }
+  },
+  computed: {},
+  created() {
+  },
+  mounted() {
+    this.fetchData()
+  },
+  methods: {
+    selectionChange(val) {
+      const temp = []
+      val.forEach(o => {
+        temp.push(o.id)
+      })
+      this.multipleSelection = temp
+    },
+    paginationChange(val) {
+      this.currentPage = val
+      this.fetchData()
+    },
+    fetchData: function() {
+      console.log('111111')
+      this.isLoading = false
+    }
+  }
+}
+</script>

src/views/statistics/file/index.vue

@@ -0,0 +1,91 @@
+<template>
+  <div class="app-container">
+
+    <el-form :model="queryForm" inline size="small">
+      <el-form-item label="文件名">
+        <el-input v-model="queryForm.keyword" placeholder="文件名" />
+      </el-form-item>
+      <el-form-item label="上传时间">
+        <el-date-picker
+          v-model="queryForm.registerTime"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="yyyy-MM-dd"
+        />
+      </el-form-item>
+    </el-form>
+    <el-row class="action-bar-container" type="flex" justify="end">
+      <el-button type="primary" size="small" @click.native="fetchData">查询</el-button>
+      <el-button-group>
+        <el-button v-permission="['statistics.complaint']" size="small">
+          删除
+        </el-button>
+      </el-button-group>
+    </el-row>
+    <el-table
+      v-loading="isLoading"
+      :data="pageData.records"
+      border
+      fit
+      highlight-current-row
+      @selection-change="selectionChange"
+    >
+      <el-table-column type="selection" width="55" />
+      <el-table-column label="ID" prop="id" width="150" />
+      <el-table-column label="文件名" prop="id" />
+      <el-table-column label="地址" prop="id" />
+      <el-table-column label="大小" prop="id" />
+      <el-table-column label="类型" prop="id" />
+      <el-table-column label="上传时间" prop="id" />
+    </el-table>
+    <el-pagination
+      class="pagination-container"
+      background
+      layout="prev, pager, next"
+      :total="pageData.total"
+      :page-size="pageData.pageSize"
+      @current-change="paginationChange"
+    />
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'StatisticsComplaint',
+  data() {
+    return {
+      queryForm: {},
+      isLoading: true,
+      pageData: {},
+      currentPage: 1,
+      multipleSelection: []
+    }
+  },
+  computed: {},
+  created() {
+  },
+  mounted() {
+    this.fetchData()
+  },
+  methods: {
+    selectionChange(val) {
+      const temp = []
+      val.forEach(o => {
+        temp.push(o.id)
+      })
+      this.multipleSelection = temp
+    },
+    paginationChange(val) {
+      this.currentPage = val
+      this.fetchData()
+    },
+    fetchData: function() {
+      console.log('111111')
+      this.isLoading = false
+    }
+  }
+}
+</script>