管理员功能增加

src/views/permissions/Index.vue

@@ -2,26 +2,19 @@
   <page-header-wrapper>
     <!-- 有操作权限 -->
     <!-- v-if="$store.getters.hasPromissionsShow.permission" -->
-    <a-card :bordered="false" class="card">
+    <a-card :bordered="false" class="card" v-if="isManage">
       <a-row>
         <a-col :span="24">
           <div class="table-page-search-wrapper">
             <a-form layout="inline">
               <a-row :gutter="24">
-                <a-col :md="6" :sm="24">
-                  <a-form-item label="用户角色">
-                    <a-select placeholder="请选择" v-model="queryParam.identity_id">
-                      <a-select-option v-for="item in indentitys" :key="item.id" :value="item.id">{{ item.name }}</a-select-option>
-                    </a-select>
-                  </a-form-item>
-                </a-col>
                 <a-col :md="6" :sm="24">
                   <a-form-item label="用户姓名">
                     <a-input v-model="queryParam.name" placeholder="" />
                   </a-form-item>
                 </a-col>
                 <a-col :md="6" :sm="24">
-                  <a-form-item label="用户手机">
+                  <a-form-item label="登录账号">
                     <a-input v-model="queryParam.username" placeholder="" />
                   </a-form-item>
                 </a-col>
@@ -37,29 +30,21 @@
             ref="table"
             :columns="columns"
             :data="loadData"
-            :rowKey="row => row.user.user_id"
+            :rowKey="row => row.middleground_id"
             showPagination="auto"
             bordered
             size="default"
           >
-            <div slot="name" slot-scope="text, record">
-              <div>{{ record.name }}</div>
-              <div>{{ record.username }}</div>
+            <div slot="status" slot-scope="text, record">
+              <a-switch :default-checked="record.status.value ===1? true : false" checked-children="可以登录" un-checked-children="禁止登录" @change="switchChange(record,$event)" />
             </div>
-            <div slot="type" slot-scope="text, record">{{ record.type }}</div>
-            <!-- <div slot="status" class="status">
-              <div class="status-item">初审中 <a> (0) </a></div><a-divider type="vertical" />
-              <div class="status-item">复审中 <a> (0) </a></div>
-              <a-divider type="vertical" />
-              <div class="status-item">待签收 <a> (0) </a></div><a-divider type="vertical" />
-              <div class="status-item">办理中 <a> (0) </a></div>
-            </div> -->
+
             <div slot="actions" slot-scope="text, record">
               <a @click="EditPromissions(record)">修改</a>
               <a-divider type="vertical" />
               <a-popconfirm
                 placement="left"
-                title="是否确认删除该角色?"
+                title="是否确认删除该用户?"
                 ok-text="OK"
                 cancel-text="NO"
                 @confirm="delPromissions(record)"
@@ -72,39 +57,44 @@
       </a-row>
     </a-card>
     <!-- 没有操作权限限制 -->
-    <!-- <NoPromissions /> -->
+    <NoRight v-else />
   </page-header-wrapper>
 </template>
 
 <script>
 import { STable, UserInfo } from '@/components'
 import DeriveButton from '@/components/OrderDetailInfo/DeriveButton'
-import { getList } from '@/api/permissions'
+import { getMiddlesManageUsers, delMiddlesManageUser, setMiddlesManageUserStatus } from '@/api/permissions'
 import AddPromissions from './modules/AddPromissions'
 import EditPromissions from './modules/EditPromissions'
-import AssignmentChange from './modules/AssignmentChange'
-// import NoPromissions from '@/views/exception/noRight'
+import NoRight from '@/views/exception/noRight'
 
 const columns = [
   {
     title: '用户ID',
-    dataIndex: 'staff_id',
+    dataIndex: 'middleground_id',
     align: 'center',
     width: 120
   },
   {
     title: '用户姓名',
     key: 'name',
-    scopedSlots: { customRender: 'name' },
+    dataIndex: 'name',
     align: 'center',
     width: 200
   },
   {
-    title: '用户角色',
-    scopedSlots: { customRender: 'type' },
+    title: '登录账号',
+    dataIndex: 'username',
     align: 'center',
     width: 160
   },
+  {
+    title: '用户状态',
+    scopedSlots: { customRender: 'status' },
+    align: 'center',
+    width: 120
+  },
   {
     title: '创建时间',
     dataIndex: 'created_at',
@@ -127,54 +117,25 @@ export default {
     DeriveButton,
     AddPromissions,
     EditPromissions,
-    AssignmentChange
-    // NoPromissions
+    NoRight
     },
     data () {
     this.columns = columns
     return {
-        indentitys: [
-            { id: 1, name: '普通用户' },
-            { id: 2, name: 'VIP' },
-            { id: 4, name: '创客' },
-            { id: 6, name: '代理商' }
-        ], // 业务类型
         queryParam: {
-            identity_id: undefined,
             name: undefined,
             username: undefined
         },
-        permission: false, // 展示展示分配权限
+        isManage: this.$store.getters.isManage, // 展示展示分配权限
         loadData: parameter => {
             const requestParameters = Object.assign({}, parameter, this.queryParam)
-            return getList(requestParameters)
+            return getMiddlesManageUsers(requestParameters)
         }
     }
 },
     methods: {
-    // 确认删除权限
-    delPromissions (item) {
-    //   delDepartsUser(item.staff_id).then(res => {
-            this.$refs.table.loadData()
-            this.$notification.success({
-            message: '成功',
-            description: '删除成功'
-            })
-            this.staffDeparts()
-        // }).catch(err => {
-        //   this.$notification.error(err)
-        // })
-    },
-    // 重置搜索列表
-    resetSearch () {
-        this.queryParam = {
-            username: undefined,
-            name: undefined,
-            identity_id: undefined
-        }
-        this.$refs.table.refresh(true) // 重置接口且刷先到第一页
-    },
-    // 新增权限
+
+    // 新增用户
     addPromissions () {
         this.$dialog(
         AddPromissions,
@@ -182,7 +143,6 @@ export default {
             on: {
                 ok: () => {
                     this.$refs.table.refresh(true)
-                    this.staffDeparts()
                 }
             }
         },
@@ -196,7 +156,7 @@ export default {
         }
         )
     },
-    // 编辑权限
+    // 编辑用户
     EditPromissions (item) {
         this.$dialog(
         EditPromissions,
@@ -218,35 +178,42 @@ export default {
         }
         )
     },
-    // 指派订单
-    Assignment (item) {
-        const order = {
-        item: item,
-        orderId: this.id,
-        type: this.promissions
-        }
-        this.$dialog(
-        AssignmentChange,
-        {
-            order,
-            on: {
-            ok: () => {
-                this.$refs.table.loadData()
-              // this.getInfo()
-            }
-            }
-        },
-        {
-            title: '指派订单',
-            width: 500,
-            maskClosable: true,
-            closable: true,
-            okText: '确认指派',
-            cancelText: '取消'
-        }
-        )
-    }
+     // 删除
+    delPromissions (item) {
+      delMiddlesManageUser(item.middleground_id).then(res => {
+            this.$refs.table.loadData()
+            this.$notification.success({
+              message: '成功',
+              description: '删除成功'
+            })
+        }).catch(err => {
+          this.$notification.error(err)
+        })
+    },
+    // 重置搜索列表
+    resetSearch () {
+      this.queryParam = {
+          username: undefined,
+          name: undefined
+      }
+      this.$refs.table.refresh(true) // 重置接口且刷先到第一页
+    },
+    // 更改状态
+    switchChange (record, e) {
+      const data = {
+        status: (e ? 1 : 0)
+      }
+      setMiddlesManageUserStatus(record.middleground_id, data).then(res => {
+        this.$notification.success({
+          message: '成功',
+          description: res
+        })
+        this.$refs.table.loadData()
+      }).catch(err => {
+          this.$notification.error(err)
+        })
     }
+  }
 }
 </script>