feat: ( #324 ) 新增圈子发帖权限设置

slimkit · Jan 4, 2018 · 82226a3 · 82226a3
1 parent 5053606
commit 82226a3
Show file tree

Hide file tree

Showing 5 changed files with 102 additions and 4 deletions.
diff --git a/src/page/group/children/groupDetail.vue b/src/page/group/children/groupDetail.vue
@@ -99,7 +99,7 @@
             <div class="menu-item-title">圈子收益</div>
             <v-icon class='menu-item-append' type='base-arrow-r'></v-icon>
           </div>
-          <div class="menu-item">
+          <div class="menu-item" @click='to(`/group/${groupID}/permissions`)'>
             <v-icon class='menu-item-prepend' type='group-permissions'></v-icon>
             <div class="menu-item-title">发帖权限</div>
             <v-icon class='menu-item-append' type='base-arrow-r'></v-icon>

diff --git a/src/page/group/children/groupMember.vue b/src/page/group/children/groupMember.vue
@@ -40,7 +40,7 @@ export default {
   data() {
     return {
       groupID: this.$route.params.groupID,
-      rule: this.$route.params.rule,
+      rule: this.$route.params.rule || 'member',
       members: [],
       manager: [],
       blacklist: [],

diff --git a/src/page/group/children/groupPermissions.vue b/src/page/group/children/groupPermissions.vue
@@ -0,0 +1,89 @@
+<template>
+  <div class="group-permissions">
+    <head-top :go-back='true' title='发帖权限设置'></head-top>
+    <div class="group-permissions-list">
+      <div class="group-permissions-list-item" v-for='option in options' @click='postData(option.val)'>
+        <span>{{ option.label }}</span>
+        <v-icon type='base-checked' width='.32' height='.32' color='#70b0ad' v-if='curSelect === option.val'></v-icon>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import HeadTop from '@/components/HeadTop'
+export default {
+  name: 'groupPermissions',
+  components: {
+    HeadTop
+  },
+  data() {
+    return {
+      options: [{
+        label: '所有成员',
+        val: 3
+      }, {
+        label: '仅圈主',
+        val: 1
+      }, {
+        label: '仅圈主和管理员',
+        val: 2
+      }],
+      curSelect: 3
+    }
+  },
+  methods: {
+    async postData(val) {
+      // PATCH /groups/:group/permissions
+      let params
+      switch (val) {
+        case 3:
+          params = ['member', 'administrator', 'founder']
+          break
+        case 1:
+          params = ['founder']
+          break
+        case 2:
+          params = ['administrator', 'founder']
+          break
+      }
+
+      const { status } = await this.$http.patch(`/plus-group/groups/${this.$route.params.groupID}/permissions`, {
+        permissions: params
+      })
+
+      status === 204 && (this.curSelect = val)
+    },
+    async initData() {
+      const {
+        data: {
+          permissions
+        }
+      } = await this.$http.get(`/plus-group/groups/${this.$route.params.groupID}`)
+      this.curSelect = permissions.split(',').length
+    }
+  },
+  mounted() {
+    this.initData()
+  }
+}
+
+</script>
+<style lang='less'>
+.group-permissions {
+  &-list {
+    &-item {
+      padding: 0 20px;
+      height: 100px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 30px;
+      color: #333;
+      background-color: #fff;
+      border-bottom: 1px solid #ededed;
+      /*no*/
+    }
+  }
+}
+
+</style>
diff --git a/src/page/group/components/groupMemberItem.vue b/src/page/group/components/groupMemberItem.vue
@@ -21,7 +21,7 @@ export default {
   props: {
     user: Object,
     groupID: {
-      type: Number,
+      type: [Number, String],
       default () {
         return this.$route.params.groupID
       }

diff --git a/src/routers/routes.js b/src/routers/routes.js
@@ -46,6 +46,8 @@ const
   import(/* webpackChunkName: 'group' */ '../page/group/children/groupDetail'),
   groupMember = () =>
   import(/* webpackChunkName: 'group' */ '../page/group/children/groupMember'),
+  groupPermissions = () =>
+  import(/* webpackChunkName: 'group' */ '../page/group/children/groupPermissions'),
 
 
   question = () =>
@@ -150,11 +152,18 @@ const router = [{
       meta: { title: '圈子详情', keepAlive: true, requiresAuth: true }
     }, {
       name: 'groupMember',
-      path: '/group/member',
+      path: '/group/:groupID/member',
       component: groupMember,
       meta: {
         title: '成员管理'
       }
+    }, {
+      name: 'groupPermissions',
+      path: '/group/:groupID/permissions',
+      component: groupPermissions,
+      meta: {
+        title: '发帖权限'
+      }
     }, {
       path: '/group/all',
       component: groupAll,