feat: #账号和角色展示

src/api/system/account.js

@@ -0,0 +1,17 @@
+import api from '@/utils/request';
+
+export const getPage = params =>
+  api.post(`/yxl-back-end/framework/uiac/account/page`, params);
+export const getList = params =>
+  api.post(`/yxl-back-end/framework/uiac/role/list`, params);
+export const getItem = ({ id, ...params }) =>
+  api.get(`/yxl-back-end/admin/kindergarten/${id}`, params);
+export const saveItem = params => {
+  if (params.id) {
+    return api.put(`/yxl-back-end/framework/uiac/role/update`, params);
+  } else {
+    return api.post(`/yxl-back-end/framework/uiac/role/save`, params);
+  }
+};
+export const delItem = ({ id, ...params }) =>
+  api.del(`/yxl-back-end/framework/uiac/role/del/${id}`, params);

src/api/system/index.js

@@ -6,17 +6,12 @@ export const getList = params =>
 	api.post(`/yxl-back-end/framework/uiac/role/list`, params);
 export const getItem = ({ id, ...params }) =>
 	api.get(`/yxl-back-end/admin/kindergarten/${id}`, params);
-export const saveItem = ({ id, ...params }) => {
-	if (id) {
-		return api.put(`/yxl-back-end/admin/kindergarten/${id}`, params);
+export const saveItem = params => {
+	if (params.id) {
+		return api.put(`/yxl-back-end/framework/uiac/role/update`, params);
 	} else {
-		return api.post(`/yxl-back-end/admin/kindergarten`, params);
+		return api.post(`/yxl-back-end/framework/uiac/role/save`, params);
 	}
 };
 export const delItem = ({ id, ...params }) =>
-	api.del(`/yxl-back-end/admin/kindergarten/${id}`, params);
-export const auditItem = ({ id, ...params }) =>
-	api.put(`/yxl-back-end/admin/kindergarten/${id}/audit`, params);
-
-export const sendCode = ({ id, ...params }) =>
-	api.put(`/yxl-back-end/admin/kindergarten/${id}/send-qrcode`, params);
+	api.del(`/yxl-back-end/framework/uiac/role/del/${id}`, params);

src/views/systemManagement/accountManagement/index.vue

@@ -3,9 +3,9 @@
     <toolbar @on-filter="filterData" @on-reset="filterData" />
 
     <div class="m-10 bg-w p-20 br-10">
-      <el-button type="primary" icon="el-icon-plus" @click="handleSubmit"
+      <!--  <el-button type="primary" icon="el-icon-plus" @click="handleSubmit"
         >新增</el-button
-      >
+      > -->
       <base-table
         :columns="columns"
         :items="items"
@@ -19,6 +19,7 @@
 <script>
 import toolbar from './toolbar';
 import mxFilterList from '@/mixins/filterList';
+import { getPage } from '@/api/system/account';
 
 export default {
   name: 'AccountManagement',
@@ -27,7 +28,7 @@ export default {
 
   mixins: [
     mxFilterList({
-      // fetchList: iGetList // 在下方data再声明一个 fetchList: iGetList 同等效果
+      fetchList: getPage // 在下方data再声明一个 fetchList: iGetList 同等效果
     })
   ],
 
@@ -40,40 +41,63 @@ export default {
           minWidth: '240'
         },
         {
-          key: 'photo',
-          name: '作者',
+          key: 'mobileNumber',
+          name: '手机号码',
           width: '160'
         },
         {
-          key: 'region',
-          name: '发布时间',
+          key: 'nickname',
+          name: '昵称',
           width: '140'
         },
         {
-          key: 'region',
-          name: '阅读',
-          width: '120'
+          key: 'avatarUrl',
+          name: '头像',
+          width: '120',
+          render: (h, { row }) => {
+            if (!row.avatarUrl) {
+              return h('span', '图片正在处理中请稍等...');
+            }
+            return h('img', {
+              style: {
+                width: '160px',
+                height: '90px'
+              },
+              class: 'pre-img',
+              attrs: {
+                src: row.avatarUrl
+              },
+              on: {
+                click: () =>
+                  this.$AdvanceViewImageModal({
+                    items: [{ src: row.avatarUrl }]
+                  })
+              }
+            });
+          }
         },
         {
-          key: 'region',
-          name: '点赞',
-          width: '120'
+          key: 'gender',
+          name: '性别',
+          width: '120',
+          type: 'tag',
+          fetchTagType: val => 'info',
+          tagName: row =>
+            row.gender === '0' ? '未知' : row.gender === '1' ? '男' : '女'
         },
         {
-          key: 'region',
-          name: '收藏',
-          width: '120'
-        },
-        {
-          key: 'region',
-          name: '状态',
-          width: '80'
-        },
-        {
-          key: 'action',
-          name: '操作',
-          width: '120'
+          key: 'isLocked',
+          name: '封锁状态',
+          width: '80',
+          type: 'tag',
+          fetchTagType: val => (val ? 'error' : 'info'),
+          tagName: row => (row.isLocked ? '是' : '否')
         }
+        // {
+        //   key: 'action',
+        //   name: '操作',
+        //   width: '120'
+        // }
       ]
     };
   }

src/views/systemManagement/accountManagement/toolbar.vue

@@ -11,19 +11,13 @@ export default {
       fields: [
         {
           type: 'text',
-          name: 'title',
-          label: '标题'
+          name: 'mobileNumber',
+          label: '手机号码'
         },
         {
-          type: 'select',
-          name: 'status',
-          label: '状态'
-        },
-        {
-          type: 'dateArray',
-          name: 'date',
-          label: '发布日期',
-          apiName: ['start', 'end']
+          type: 'text',
+          name: 'nickname',
+          label: '昵称'
         }
       ]
     };

src/views/systemManagement/roleManagement/index.vue

@@ -3,9 +3,9 @@
     <toolbar @on-filter="filterData" @on-reset="filterData" />
 
     <div class="m-10 bg-w p-20 br-10">
-      <el-button type="primary" icon="el-icon-plus" @click="handleSubmit"
+      <!-- <el-button type="primary" icon="el-icon-plus" @click="handleAdd"
         >新增</el-button
-      >
+      > -->
       <base-table
         :columns="columns"
         :items="items"
@@ -42,27 +42,89 @@ export default {
         },
         {
           key: 'name',
-          name: '账号名',
+          name: '角色名',
           width: '240'
         },
         {
           key: 'code',
-          name: '用户类型',
+          name: '角色值',
           minWidth: '120'
         },
         {
           key: 'remarks',
           name: '备注',
           minWidth: '180'
-        },
-
-        {
-          key: 'action',
-          name: '操作',
-          width: '120'
         }
+
+        // {
+        //   key: 'action',
+        //   name: '操作',
+        //   width: '180',
+        //   render: (h, { row }) => {
+        //     const action = [];
+        //     action.push(
+        //       h(
+        //         'el-button',
+        //         {
+        //           props: {
+        //             type: 'text'
+        //           },
+        //           on: {
+        //             click: () =>
+        //               this.$SceneItemModal({
+        //                 id: row.id
+        //               })
+        //           }
+        //         },
+        //         '编辑'
+        //       )
+        //     );
+        //     action.push(
+        //       h(
+        //         'BaseBtn',
+        //         {
+        //           props: {
+        //             popip: true,
+        //             txt: '删除',
+        //             type: 'text'
+        //           },
+        //           class: 'ml-10',
+        //           on: {
+        //             ok: () => this.handleDelItem(row)
+        //           }
+        //         },
+        //         '删除'
+        //       )
+        //     );
+
+        //     return h('div', action);
+        //   }
+        // }
       ]
     };
+  },
+
+  created() {
+    this.$g_on('system_reload', this.reload);
+  },
+
+  beforeDestroy() {
+    this.$g_off('system_reload', this.reload);
+  },
+
+  methods: {
+    // handleAdd() {
+    //   this.$SceneItemModal();
+    // },
+    async handleDelItem(item) {
+      const { success, msg } = await delItem({
+        id: item.id
+      });
+      if (success) {
+        this.$success('删除成功！');
+        this.$g_emit('system_reload');
+      }
+    }
   }
 };
 </script>