add:新增权限管理

src/router/routers.js

@@ -263,6 +263,35 @@ export default [
         component: () => import("@/view/clockEarly/keywordFiltering.vue")
       }
     ]
+  },
+  {
+    path: "/admin",
+    name: "admin",
+    meta: {
+      icon: "ios-briefcase",
+      title: "权限管理"
+    },
+    component: Main,
+    children: [
+      {
+        path: "/admin/list",
+        name: "adminList",
+        meta: {
+          icon: "ios-people",
+          title: "权限管理"
+        },
+        component: () => import("@/view/admin/list.vue")
+      },
+      {
+        path: "/admin/add",
+        meta: {
+          title: "新增/编辑管理员",
+          hideInMenu: true,
+          showbr: true
+        },
+        component: () => import("@/view/admin/add.vue")
+      },
+    ]
   }
 
   // {

src/view/admin/add.vue

+<template>
+  <div class="content">
+    <Form
+      ref="formValidate"
+      :model="formValidate"
+      :rules="ruleValidate"
+      :label-width="100"
+    >
+      <FormItem label="管理员名称" prop="name">
+        <Input
+          style="width:60%"
+          v-model="formValidate.name"
+          placeholder="请输入"
+        ></Input>
+      </FormItem>
+      <FormItem label="联系方式" prop="name">
+        <Input
+          style="width:60%"
+          v-model="formValidate.name"
+          placeholder="请输入"
+        ></Input>
+      </FormItem>
+      <FormItem label="管理员账号" prop="name">
+        <Input
+          style="width:60%"
+          v-model="formValidate.name"
+          placeholder="请输入"
+        ></Input>
+      </FormItem>
+      <FormItem label="密码" prop="name">
+        <Input
+          style="width:60%"
+          v-model="formValidate.name"
+          placeholder="请输入"
+        ></Input>
+      </FormItem>
+      <FormItem label="权限信息" prop="name">
+        <Tree :data="data4" show-checkbox multiple></Tree>
+      </FormItem>
+    </Form>
+     <div class="btn">
+      <Button type="primary" @click="$router.go(-1)">确定</Button>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      data4: [
+        {
+          title: "parent 1",
+          expand: true,
+          selected: true,
+          children: [
+            {
+              title: "parent 1-1",
+              expand: true,
+              children: [
+                {
+                  title: "leaf 1-1-1",
+                  disabled: true
+                },
+                {
+                  title: "leaf 1-1-2"
+                }
+              ]
+            },
+            {
+              title: "parent 1-2",
+              expand: true,
+              children: [
+                {
+                  title: "leaf 1-2-1",
+                  checked: true
+                },
+                {
+                  title: "leaf 1-2-1"
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      formValidate: {
+        name: "",
+        mail: "",
+        city: "",
+        gender: "",
+        interest: [],
+        date: "",
+        time: "",
+        desc: ""
+      },
+      ruleValidate: {
+        name: [
+          {
+            required: true,
+            message: "The name cannot be empty",
+            trigger: "blur"
+          }
+        ],
+        mail: [
+          {
+            required: true,
+            message: "Mailbox cannot be empty",
+            trigger: "blur"
+          },
+          { type: "email", message: "Incorrect email format", trigger: "blur" }
+        ],
+        city: [
+          {
+            required: true,
+            message: "Please select the city",
+            trigger: "change"
+          }
+        ],
+        gender: [
+          { required: true, message: "Please select gender", trigger: "change" }
+        ],
+        interest: [
+          {
+            required: true,
+            type: "array",
+            min: 1,
+            message: "Choose at least one hobby",
+            trigger: "change"
+          },
+          {
+            type: "array",
+            max: 2,
+            message: "Choose two hobbies at best",
+            trigger: "change"
+          }
+        ],
+        date: [
+          {
+            required: true,
+            type: "date",
+            message: "Please select the date",
+            trigger: "change"
+          }
+        ],
+        time: [
+          {
+            required: true,
+            type: "string",
+            message: "Please select time",
+            trigger: "change"
+          }
+        ],
+        desc: [
+          {
+            required: true,
+            message: "Please enter a personal introduction",
+            trigger: "blur"
+          },
+          {
+            type: "string",
+            min: 20,
+            message: "Introduce no less than 20 words",
+            trigger: "blur"
+          }
+        ]
+      }
+    };
+  },
+  methods: {
+    handleSubmit(name) {
+      this.$refs[name].validate(valid => {
+        if (valid) {
+          this.$Message.success("Success!");
+        } else {
+          this.$Message.error("Fail!");
+        }
+      });
+    },
+    handleReset(name) {
+      this.$refs[name].resetFields();
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+.pc-main {
+  padding: 20px;
+  margin-top: 20px;
+  background-color: #fff;
+}
+.btn {
+  text-align: right;
+  width: 80%;
+  position: fixed;
+  background-color: #fff;
+  bottom: 10px;
+  padding: 10px 30px;
+}
+</style>

src/view/admin/list.vue

+<template>
+  <div class="content">
+    <div class="topSearch">
+      <div class="left">
+        管理员搜索：
+        <Input
+          style="width:200px"
+          enter-button
+          placeholder="请输入"
+        />
+         <Button  type="primary" @click="goDetail">查 询</Button>
+          <Button type="primary" ghost>重 置</Button>
+           <Button  type="primary" @click="goAdd">新增管理员</Button>
+      </div>
+    </div>
+      <Table :loading="$store.state.app.isLoading" border ref="selection" :columns="columns" :data="data">
+      <template slot-scope="{ row }" slot="name">
+        <span>{{ row.details.name }}</span>
+      </template>
+      <template slot-scope="{ row }" slot="title">
+        <span>{{ row.details.title }}</span>
+      </template>
+      <template slot-scope="{ row }" slot="created_at">
+        <span>{{ row.created_at | format}}</span>
+      </template>
+      <template slot-scope="{ row }" slot="enable">
+        <i-switch
+          :value="row.is_enable === 1 ? true : false"
+          @on-change="
+            value => {
+              change(value, row);
+            }
+          "
+        />
+      </template>
+      <template slot-scope="{ row }" slot="action">
+        <a @click="edit(row)">编辑</a>
+      </template>
+      <template slot-scope="{ row }" slot="edit">
+        <a @click="goTheme(row)">编辑</a>
+      </template>
+    </Table>
+  </div>
+</template>
+
+<script>
+import { getScenes, delScenes, editScenes } from '@/api/scenes'
+export default {
+  name: 'categories',
+  components: {
+
+  },
+  data () {
+    return {
+      data: [],
+      columns: [
+        {
+          title: '管理员姓名',
+          key: 'created_at'
+        },
+        {
+          title: '联系方式',
+          slot: 'name'
+        },
+        {
+          title: '管理员账号',
+          slot: 'title'
+        },
+        {
+          title: '操作',
+          slot: 'action'
+        }
+      ]
+    }
+  },
+  methods: {
+    goAdd () {
+      this.$router.push({ path: '/admin/add', query: { id: 'new' } })
+    }
+  },
+  mounted () {
+
+  }
+}
+</script>
+
+<style lang="less"></style>

src/view/clockEarly/keywordFiltering.vue

@@ -3,7 +3,7 @@
     <div class="topSearch">
       <div class="left"></div>
       <div class="right">
-        <Button type="primary">新增</Button>
+        <Button type="primary" @click="modal1=true">新增</Button>
       </div>
     </div>
     <Table
@@ -52,7 +52,7 @@ export default {
   components: {},
   data() {
     return {
-      modal1: true,
+      modal1: false,
       data: [],
       columns: [
         {