update

src/router.js

@@ -139,7 +139,12 @@ export default new Router({
         {
           path: '/system/add',
           component: () => import('./views/user/Add.vue'),
-          name: '新增用户'
+          name: '新增用户',
+        },
+        {
+          path: '/system/addAccount',
+          component: () => import('./views/system/AddAccount.vue'),
+          name: '新增账户'
         },
       ]
     }

src/views/content/Article.vue

@@ -41,7 +41,7 @@
       <el-table-column prop="date" label="创建时间"></el-table-column>
       <el-table-column prop="zip" width="400" label="操作">
         <template>
-          <el-button size="mini" type="success">查看</el-button>
+          <!-- <el-button size="mini" type="success">查看</el-button> -->
           <el-button size="mini" type="warning">编辑</el-button>
           <el-button size="mini" type="danger">删除</el-button>
         </template>

src/views/system/AddAccount.vue

@@ -0,0 +1,91 @@
+<style lang="scss">
+.add {
+  .el-input,
+  button {
+    width: 300px;
+  }
+}
+</style>
+<template>
+  <section class="add">
+    <p>系统管理 > 新增账户</p>
+    <div class="content">
+      <el-form label-width="80px">
+        <el-form-item label="账号">
+          <el-input placeholder="账号" v-model="form.name"></el-input>
+        </el-form-item>
+        <el-form-item label="密码">
+          <el-input type="password" placeholder="密码" v-model="form.name"></el-input>
+        </el-form-item>
+        <el-form-item label="确认密码">
+          <el-input type="password" placeholder="确认密码" v-model="form.name"></el-input>
+        </el-form-item>
+        <el-form-item label="姓名">
+          <el-input placeholder="姓名" v-model="form.name"></el-input>
+        </el-form-item>
+        <el-form-item label="手机">
+          <el-input placeholder="手机" v-model="form.name"></el-input>
+        </el-form-item>
+        <el-form-item label="角色">
+          <el-select v-model="form.role" placeholder="请选择">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="状态">
+          <el-radio v-model="form.status" :label="1">激活</el-radio>
+          <el-radio v-model="form.status" :label="2">禁用</el-radio>
+        </el-form-item>
+        <el-form-item label=" ">
+          <el-button type="primary">保存</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+  </section>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      test: "",
+      form: { name: 1, a: "",status:1 },
+      options: [
+        {
+          value: "选项1",
+          label: "超级管理员"
+        },
+        {
+          value: "选项2",
+          label: "一级管理员"
+        },
+        {
+          value: "选项3",
+          label: "二级管理员"
+        },
+        {
+          value: "选项4",
+          label: "三级管理员"
+        },
+        {
+          value: "选项5",
+          label: "四级管理员"
+        }
+      ]
+    };
+  },
+  methods: {
+    gopage() {}
+  },
+  created() {}
+};
+</script>
+
+
+
+
+