[update]修改路由, 通配编辑路由

src/layout/components/BackPlayground.vue

@@ -13,6 +13,7 @@ export default {
 <style lang="less" scoped>
 .backplayground{
     height: 100%;
+    background-color: #ffffff;
     margin-left:0.5%;
     margin-right:0.5%;
     margin-top:1%;

src/layout/components/ListTables/index.vue

@@ -6,7 +6,7 @@
         {{ tabletitle }}
       </div>
       <el-row class="tableTitle-menu">
-        <el-col :span="2"><el-button size="small" type="primary" @click="$router.push({ name: tableroute })">{{ tablebotton }}</el-button></el-col>
+        <el-col :span="2"><el-button size="small" type="primary" @click="$router.push({ name: tableroute, params:{id:'create'} })">{{ tablebotton }}</el-button></el-col>
         <el-col :span="3" :offset="17">
           <el-input
             size="small"

src/router/index.js

@@ -256,15 +256,17 @@ export const asyncRoutes = [
     },
     children: [
       {
-        path: 'list',
+        path: 'user/list',
         component: () => import('@/views/users/List.vue'), // Parent router-view
         name: 'List',
         meta: { title: 'List' }
       },
       {
-        path: 'menu2',
-        component: () => import('@/views/nested/menu2/index'),
-        meta: { title: 'menu2' }
+        path: 'user/:id',
+        component: () => import('@/views/users/Edit.vue'), // Parent router-view
+        name: 'Edit',
+        meta: { title: 'Edit' },
+        hidden: true
       }
     ]
   },

src/views/users/Edit.vue

@@ -0,0 +1,39 @@
+<template>
+  <BackPlayground>
+    <el-form :inline="true" :model="formInline" class="demo-form-inline">
+      <el-form-item label="审批人">
+        <el-input v-model="formInline.user" placeholder="审批人" />
+      </el-form-item>
+      <el-form-item label="活动区域">
+        <el-select v-model="formInline.region" placeholder="活动区域">
+          <el-option label="区域一" value="shanghai" />
+          <el-option label="区域二" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+      </el-form-item>
+    </el-form>
+  </BackPlayground>
+</template>
+
+<script>
+import { BackPlayground } from '@/layout/components'
+export default {
+  components: {
+    BackPlayground
+  },
+  data() {
+    return {
+      formInline: {
+        user: '',
+        region: ''
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

src/views/users/List.vue

@@ -3,11 +3,12 @@
     <ListTables
       :tabletitle="$t('users.usergrouplist')"
       :tablebotton="$t('users.createusergroup')"
-      :tableroute="404"
+      tableroute="Edit"
       @SizeChange="handleSizeChange"
       @CurrentChange="handleCurrentChange"
     >
       <el-table
+        v-loading="listLoading"
         :data="tableData"
         stripe
         border
@@ -83,7 +84,8 @@ export default {
   mixins: [Tables],
   data() {
     return {
-      tableData: []
+      tableData: [],
+      listLoading: true
     }
   },
   created() {
@@ -101,9 +103,11 @@ export default {
       this.getUsers(val, this.page_size, this.offset)
     },
     getUsers(draw, limit, offset) {
+      this.listLoading = true
       getUserList({ draw, limit, offset }).then(response => {
         this.tableData = response.results
         this.total = response.count
+        this.listLoading = false
       })
     }
   }