update

src/router.js

@@ -133,6 +133,12 @@ export default new Router({
           component: () => import('./views/content/Index.vue'),
           name: '栏目管理'
         },
+        {
+          path: '/addContent',
+          hide:1,
+          component: () => import('./views/content/addContent.vue'),
+          name: '新增栏目'
+        },
         {
           path: '/article',
           component: () => import('./views/content/Article.vue'),
@@ -141,7 +147,8 @@ export default new Router({
         {
           path: '/addArticle',
           component: () => import('./views/content/addArticle.vue'),
-          name: '新增文章'
+          name: '新增文章',
+          hide:1,
         },
       ]
     },

src/views/content/Article.vue

@@ -32,6 +32,7 @@
         </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="el-icon-search">搜索</el-button>
+          <el-button @click="$router.push({path:'/addArticle'})" type="primary">新增文章</el-button>
         </el-form-item>
       </el-form>
     </div>
@@ -40,10 +41,14 @@
       <el-table-column prop="title" label="文章标题"></el-table-column>
       <el-table-column prop="ctime" label="创建时间"></el-table-column>
       <el-table-column prop="zip" width="400" label="操作">
-        <template>
+        <template slot-scope="scope">
           <!-- <el-button size="mini" type="success">查看</el-button> -->
-          <el-button size="mini" type="warning">编辑</el-button>
-          <el-button size="mini" type="danger">删除</el-button>
+          <el-button
+            @click="$router.push({path:'/addArticle',query:{id:scope.row.id}})"
+            size="mini"
+            type="warning"
+          >编辑</el-button>
+          <el-button @click="del(scope.row.id)" size="mini"  type="danger">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -61,8 +66,7 @@ export default {
     return {
       form: { name: "" },
       total: 1,
-      list: [
-      ]
+      list: []
     };
   },
   methods: {
@@ -79,7 +83,20 @@ export default {
           });
         }
       });
-    }
+    },
+    del(id){
+            this.$confirm('确定删除吗', '提示', {
+                    type: 'warning'
+                }).then(() => {
+                   this.$api.delArticle({id:id}).then((res)=>{
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        })
+                        this.getData()
+                })
+            })
+      },
   },
   created() {
     this.getData();

src/views/content/Index.vue

@@ -8,15 +8,21 @@
 <template>
   <section class="apply">
     <p>内容管理 > 栏目管理</p>
-    <div class="filter"></div>
+    <div class="filter">
+      <el-button @click="$router.push({path:'/addContent'})" type="primary">新增栏目</el-button>
+    </div>
     <el-table class="table" :data="list" border style="width: 100%">
       <el-table-column type="selection" width="55"></el-table-column>
       <el-table-column prop="name" label="栏目名称"></el-table-column>
       <el-table-column prop="ctime" label="创建时间"></el-table-column>
       <el-table-column prop="operation" width="200" label="操作">
-        <template>
-          <el-button size="mini" type="warning">编辑</el-button>
-          <el-button size="mini" type="danger">删除</el-button>
+        <template slot-scope="scope">
+          <el-button
+            @click="$router.push({path:'/addContent',query:{id:scope.row.id}})"
+            size="mini"
+            type="warning"
+          >编辑</el-button>
+          <el-button @click="del(scope.row.id)" size="mini" type="danger">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -37,7 +43,7 @@ export default {
     };
   },
   methods: {
-    gopage(){},
+    gopage() {},
     getData() {
       this.$api.getContentList().then(res => {
         if (res.status == 200) {
@@ -50,6 +56,19 @@ export default {
           });
         }
       });
+    },
+    del(id) {
+      this.$confirm("确定删除吗", "提示", {
+        type: "warning"
+      }).then(() => {
+        this.$api.delContent({ id: id }).then(res => {
+          this.$message({
+            message: "删除成功",
+            type: "success"
+          });
+          this.getData();
+        });
+      });
     }
   },
   created() {

src/views/content/addArticle.vue

@@ -42,7 +42,7 @@
           <el-input placeholder="标题" v-model="form.title"></el-input>
         </el-form-item>
         <el-form-item label="栏目">
-          <el-input type="name" placeholder="栏目" v-model="form.name"></el-input>
+          <el-input type="name" placeholder="栏目" v-model="form.category_id"></el-input>
         </el-form-item>
         <el-form-item label="详情">
           <fuEditor v-model="form.content" :isClear="isClear" @change="change"></fuEditor>
@@ -67,7 +67,7 @@
           <el-input placeholder="联系方式" v-model="form.title"></el-input>
         </el-form-item>
         <el-form-item label=" ">
-          <el-button type="primary">保存</el-button>
+          <el-button type="primary" @click="save">保存</el-button>
         </el-form-item>
       </el-form>
     </div>
@@ -82,39 +82,58 @@ 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: "四级管理员"
-        }
-      ],
+      form: {
+        title: "",
+        category_id: 1,
+        content: "",
+        imgs: [],
+        address: "",
+        point: ""
+      },
       isClear: false
     };
   },
   methods: {
+    getData() {
+      this.$api.getArticleById({ id: this.form.id }).then(res => {
+        this.form = res.data.data;
+      });
+    },
     gopage() {},
     change(val) {
       this.form.content = val;
+    },
+    save() {
+      var parm = this.form;
+      if (parm.id) {
+        debugger;
+        this.$api.editArticle(parm).then(res => {
+          if (res.data.code == 0) {
+            this.$message({ message: "修改成功！", type: "success" });
+            this.$router.push({ path: "/article" });
+          } else {
+            this.$message.error(res.data.message);
+          }
+        });
+      } else {
+        this.$api.addArticle(parm).then(res => {
+          if (res.data.code == 0) {
+            this.$message({ message: "添加成功！", type: "success" });
+            this.$router.push({ path: "/article" });
+          } else {
+            this.$message.error(res.data.message);
+          }
+        });
+      }
     }
   },
-  created() {}
+  created() {
+    if (this.$route.query.id) {
+      this.form.id = this.$route.query.id;
+      this.id = this.$route.query.id;
+      this.getData();
+    }
+  }
 };
 </script>
 

src/views/content/addContent.vue

@@ -0,0 +1,78 @@
+<style lang="scss">
+.addclass {
+  .el-input,
+  button {
+    width: 500px;
+  }
+}
+</style>
+<template>
+  <section class="addclass">
+    <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 placeholder="排序字段" v-model="form.order"></el-input>
+        </el-form-item>
+        <el-form-item label=" ">
+          <el-button @click="save" type="primary">保存</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+  </section>
+</template>
+<script>
+export default {
+  components: {},
+  data() {
+    return {
+      form: { name: "" }
+    };
+  },
+  methods: {
+    getData() {
+      this.$api.getContentById({ id: this.form.id }).then(res => {
+        this.form = res.data.data;
+      });
+    },
+    save() {
+      var parm = this.form;
+      if (parm.id) {
+        debugger;
+        this.$api.editContent(parm).then(res => {
+          if (res.data.code == 0) {
+            this.$message({ message: "修改成功！", type: "success" });
+            this.$router.push({ path: "/content" });
+          } else {
+            this.$message.error(res.data.message);
+          }
+        });
+      } else {
+        this.$api.addContent(parm).then(res => {
+          if (res.data.code == 0) {
+            this.$message({ message: "添加成功！", type: "success" });
+            this.$router.push({ path: "/content" });
+          } else {
+            this.$message.error(res.data.message);
+          }
+        });
+      }
+    }
+  },
+  created() {
+    if (this.$route.query.id) {
+      this.form.id = this.$route.query.id;
+      this.id = this.$route.query.id;
+      this.getData();
+    }
+  }
+};
+</script>
+
+
+
+
+

src/views/system/AddAccount.vue

@@ -15,19 +15,19 @@
           <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-input type="password" placeholder="密码" v-model="form.password"></el-input>
         </el-form-item>
         <el-form-item label="确认密码">
-          <el-input type="password" placeholder="确认密码" v-model="form.name"></el-input>
+          <el-input type="password" placeholder="确认密码" v-model="form.repassword"></el-input>
         </el-form-item>
         <el-form-item label="姓名">
-          <el-input placeholder="姓名" v-model="form.name"></el-input>
+          <el-input placeholder="姓名" v-model="form.realname"></el-input>
         </el-form-item>
         <el-form-item label="手机">
-          <el-input placeholder="手机" v-model="form.name"></el-input>
+          <el-input placeholder="手机" v-model="form.tel"></el-input>
         </el-form-item>
         <el-form-item label="角色">
-          <el-select v-model="form.role" placeholder="请选择">
+          <el-select v-model="form.permissions" placeholder="请选择">
             <el-option
               v-for="item in options"
               :key="item.value"
@@ -42,7 +42,7 @@
           <el-radio v-model="form.status" :label="2">禁用</el-radio>
         </el-form-item>
         <el-form-item label=" ">
-          <el-button type="primary">保存</el-button>
+          <el-button type="primary" @click="save">保存</el-button>
         </el-form-item>
       </el-form>
     </div>
@@ -50,11 +50,10 @@
 </template>
 <script>
 export default {
- 
   data() {
     return {
       test: "",
-      form: { name: 1, a: "", status: 1 },
+      form: { name: "", realname: "", password:"",repassword:"",permissions:[],status: 1 },
       options: [
         {
           value: "选项1",
@@ -80,9 +79,42 @@ export default {
     };
   },
   methods: {
-    gopage() {}
+    getData() {
+      this.$api.getAccountById({ id: this.form.id }).then(res => {
+        this.form = res.data.data;
+      });
+    },
+    save() {
+      var parm = this.form;
+      if (parm.id) {
+        debugger;
+        this.$api.editAccount(parm).then(res => {
+          if (res.data.code == 0) {
+            this.$message({ message: "修改成功！", type: "success" });
+            this.$router.push({ path: "/system" });
+          } else {
+            this.$message.error(res.data.message);
+          }
+        });
+      } else {
+        this.$api.addAccount(parm).then(res => {
+          if (res.data.code == 0) {
+            this.$message({ message: "添加成功！", type: "success" });
+            this.$router.push({ path: "/system" });
+          } else {
+            this.$message.error(res.data.message);
+          }
+        });
+      }
+    }
   },
-  created() {}
+  created() {
+    if (this.$route.query.id) {
+      this.form.id = this.$route.query.id;
+      this.id = this.$route.query.id;
+      this.getData();
+    }
+  }
 };
 </script>
 

src/views/system/Index.vue

@@ -32,7 +32,7 @@
         </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="el-icon-search">搜索</el-button>
-          <el-button type="primary">新增账号</el-button>
+          <el-button @click="$router.push({path:'/system/addAccount'})" type="primary">新增用户</el-button>
         </el-form-item>
       </el-form>
     </div>
@@ -43,9 +43,13 @@
       <el-table-column prop="permissions" label="权限"></el-table-column>
       <el-table-column prop="ctime" label="创建时间"></el-table-column>
       <el-table-column prop="zip" width="300" label="操作">
-        <template>
-          <el-button size="mini" type="warning">编辑</el-button>
-          <el-button size="mini" type="danger">删除</el-button>
+        <template slot-scope="scope">
+          <el-button
+            @click="$router.push({path:'/system/addAccount',query:{id:scope.row.id}})"
+            size="mini"
+            type="warning"
+          >编辑</el-button>
+          <el-button @click="del(scope.row.id)" size="mini" type="danger">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -63,8 +67,7 @@ export default {
     return {
       form: { name: "" },
       total: 1,
-      list: [
-      ]
+      list: []
     };
   },
   methods: {
@@ -81,7 +84,20 @@ export default {
           });
         }
       });
-    }
+    },
+    del(id){
+            this.$confirm('确定删除吗', '提示', {
+                    type: 'warning'
+                }).then(() => {
+                   this.$api.delAccount({id:id}).then((res)=>{
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        })
+                        this.getData()
+                })
+            })
+      },
   },
   created() {
     this.getData();