Merge branch 'fix-0609-xwk' into msb_test

src/api/permission/feature.js

@@ -6,6 +6,19 @@ export const search = (params) => {
         params,
     });
 };
+export const searchFree = () => {
+    return request({
+        url: '/uc/permission/NotDistribution',
+        method: 'get',
+    });
+};
+export const assign = (params) => {
+    return request({
+        url: '/uc/permission/menu',
+        method: 'put',
+        params,
+    });
+};
 export const create = (data) => {
     return request({
         url: '/uc/permission',

src/store/modules/permission/menu/feature.js

@@ -7,6 +7,16 @@ const state = () => ({
     total: 0,
     opts: {
         init: false,
+        type: [
+            {
+                label: '需要分配',
+                value: 1,
+            },
+            {
+                label: '登录即有',
+                value: 2,
+            },
+        ],
     },
 });
 const getters = {};
@@ -38,6 +48,13 @@ const actions = {
         }
         return res;
     },
+    assign: async (context, data) => {
+        let res = await api.assign(data);
+        if (!res) {
+            ElMessage.error('分配失败');
+        }
+        return res;
+    },
     save: async ({ dispatch }, data) => {
         if (!data.parentId) {
             data.parentId = 0;

src/store/modules/permission/menu/menu.js

@@ -1,3 +1,4 @@
+import * as featureAPI from '@/api/permission/feature.js';
 import * as api from '@/api/permission/menu.js';
 import * as systemAPI from '@/api/permission/system.js';
 import { ElMessage, ElMessageBox } from '@/plugins/element-plus';
@@ -9,6 +10,7 @@ const state = () => ({
     opts: {
         init: false,
         system: [],
+        free: [],
         type: [
             {
                 label: '目录',
@@ -64,6 +66,7 @@ const actions = {
             ...state.opts,
             init: true,
             system: await systemAPI.search(),
+            free: await featureAPI.searchFree(),
         });
     },
     detail: async (context, id) => {

src/views/permission/menu/index.vue

@@ -35,7 +35,7 @@
                             value: 'id',
                             children: 'menuChild',
                         }"
-                        @current-change="(data) => (state.condition2.menuId = data.id)"
+                        @node-click="(data) => handleCreateMenu(data)"
                     >
                         <template #default="{ data }">
                             <div class="flex">
@@ -46,9 +46,6 @@
                                     <el-button type="text" @click.stop="handleCreateMenu(null, data)">
                                         <el-icon name="Plus" />
                                     </el-button>
-                                    <el-button type="text" @click.stop="handleCreateMenu(data)">
-                                        <el-icon name="Edit" />
-                                    </el-button>
                                     <el-button type="text" @click.stop="handleDeleteMenu([data])">
                                         <el-icon name="Delete" />
                                     </el-button>
@@ -58,12 +55,12 @@
                     </el-tree>
                 </el-scrollbar>
             </el-card>
-            <el-card class="feature">
+            <el-card v-show="state.condition2.menuId" class="feature">
                 <template #header>
                     <div class="card-header">
                         <div class="title">功能</div>
                         <div class="action">
-                            <el-button type="text" @click="handleCreateFeature()">新增</el-button>
+                            <el-button type="text" @click="handlePickFeature()">新增</el-button>
                         </div>
                     </div>
                 </template>
@@ -78,6 +75,7 @@
                             label: 'name',
                             value: 'id',
                         }"
+                        @node-click="(data) => handleCreateFeature(data)"
                     >
                         <template #default="{ data }">
                             <div class="flex">
@@ -85,12 +83,9 @@
                                     {{ data.name }}
                                 </div>
                                 <div class="btns">
-                                    <el-button type="text" @click.stop="handleCreateFeature(data)">
+                                    <!-- <el-button type="text" @click.stop="handleDeleteFeature([data])">
-                                        <el-icon name="Edit" />
-                                    </el-button>
-                                    <el-button type="text" @click.stop="handleDeleteFeature([data])">
                                         <el-icon name="Delete" />
-                                    </el-button>
+                                    </el-button> -->
                                 </div>
                             </div>
                         </template>
@@ -137,10 +132,10 @@
                             <el-radio-group v-model="menuState.form.type" :opts="opts.type" />
                         </el-form-item>
                         <el-form-item label="菜单名称" prop="title">
-                            <el-input v-model="menuState.form.title" />
+                            <el-input v-model="menuState.form.title" maxlength="6" />
                         </el-form-item>
                         <el-form-item label="权限标识" prop="permission">
-                            <el-input v-model="menuState.form.permission" />
+                            <el-input v-model="menuState.form.permission" maxlength="20" />
                         </el-form-item>
                         <el-form-item label="路由路径" prop="path">
                             <el-input v-model="menuState.form.path" />
@@ -201,23 +196,52 @@
                             />
                         </el-form-item>
                         <el-form-item label="功能名称" prop="name">
-                            <el-input v-model="featureState.form.name" />
+                            <el-input v-model="featureState.form.name" maxlength="20" />
+                        </el-form-item>
+                        <el-form-item label="服务名称" prop="service">
+                            <el-input v-model="featureState.form.service" />
                         </el-form-item>
                         <el-form-item label="请求方式" prop="method">
                             <el-select v-model="featureState.form.method" :opts="opts.method" />
                         </el-form-item>
                         <el-form-item label="接口路径" prop="uri">
-                            <el-input v-model="featureState.form.uri" />
+                            <el-input v-model="featureState.form.uri" :rows="3" type="textarea" />
                         </el-form-item>
                         <el-form-item label="是否启用" prop="isEnable">
                             <el-switch v-model="featureState.form.isEnable" />
                         </el-form-item>
+                        <el-form-item label="权限类型" prop="type">
+                            <el-radio-group v-model="featureState.form.type" :opts="opts2.type" />
+                        </el-form-item>
                         <el-form-item>
                             <el-button type="primary" @click="handleSaveFeature">保存</el-button>
                         </el-form-item>
                     </el-form>
                 </el-scrollbar>
             </el-card>
+            <el-dialog v-model="featureState.pickVisible" title="选择功能权限">
+                <el-form
+                    ref="refsPickForm"
+                    v-loading="featureState.submitting"
+                    label-width="100px"
+                    :model="featureState.pick"
+                    :rules="featureState.pickRules"
+                >
+                    <el-form-item label="功能菜单" prop="permissionId">
+                        <el-select
+                            v-model="featureState.pick.permissionId"
+                            :config="{ label: 'name', value: 'id' }"
+                            :opts="opts.free"
+                        />
+                    </el-form-item>
+                </el-form>
+                <template #footer>
+                    <el-button @click="handleCancelPick">取消</el-button>
+                    <el-button :loading="featureState.submitting" type="primary" @click="handleSavePick">
+                        保存
+                    </el-button>
+                </template>
+            </el-dialog>
         </div>
     </div>
 </template>
@@ -227,6 +251,7 @@
     const store = useStore();
     const { proxy } = getCurrentInstance();
     const opts = computed(() => store.state.menu.opts);
+    const opts2 = computed(() => store.state.feature.opts);
     if (!unref(opts).init) {
         store.dispatch('menu/load');
     }
@@ -243,6 +268,15 @@
         await store.dispatch('menu/search');
         loading.value = false;
     };
+    watch(
+        () => unref(opts).system,
+        (value) => {
+            state.condition.systemId = value?.[0]?.id;
+        },
+        {
+            deep: true,
+        }
+    );
     watch(
         () => state.condition,
         (value) => {
@@ -297,7 +331,11 @@
         },
     });
     const handleCreateMenu = (row, parent) => {
+        if (row) {
+            state.condition2.menuId = row.id;
+        }
         menuState.formVisible = true;
+        featureState.formVisible = false;
         Object.assign(
             menuState.form,
             row || {
@@ -341,6 +379,7 @@
 
     /* 功能表单 */
     const refsFeatureForm = ref(null);
+    const refsPickForm = ref(null);
     const featureState = reactive({
         formVisible: false,
         submitting: false,
@@ -349,21 +388,66 @@
             systemId: null,
             menuId: null,
             name: null,
+            service: null,
             method: 'GET',
             uri: null,
+            type: 1,
             isEnable: true,
         },
         rules: {
             systemId: [{ required: true, message: '所属系统不能为空' }],
             menuId: [{ required: true, message: '所属菜单不能为空' }],
             name: [{ required: true, message: '功能名称不能为空' }],
+            service: [{ required: true, message: '服务名称不能为空' }],
             method: [{ required: true, message: '请求方式不能为空' }],
             uri: [{ required: true, message: '接口路径不能为空' }],
+            type: [{ required: true, message: '权限类型不能为空' }],
             isEnable: [{ required: true, message: '是否启用不能为空' }],
         },
+        pickVisible: false,
+        pick: {
+            permissionId: null,
+            menuId: null,
+        },
+        pickRules: {
+            permissionId: [{ required: true, message: '功能权限不能为空' }],
+        },
     });
-    const handleCreateFeature = (row) => {
+    const handleCancelPick = () => {
+        featureState.pickVisible = false;
+        featureState.pick = {
+            permissionId: null,
+            menuId: null,
+        };
+    };
+    const handleSavePick = async () => {
+        featureState.submitting = true;
+        try {
+            await proxy.$validate(refsPickForm);
+            let res = await store.dispatch('feature/assign', featureState.pick);
+            if (res) {
+                handleSearchFeature();
+                handleCancelPick();
+                store.dispatch('menu/load');
+            }
+        } catch (e) {
+            console.info('取消保存', e);
+        }
+        featureState.submitting = false;
+    };
+    const handlePickFeature = async () => {
+        try {
+            await proxy.$confirm('是否选择尚未分配菜单的功能权限？');
+            featureState.formVisible = false;
+            featureState.pickVisible = true;
+            featureState.pick.menuId = state.condition2.menuId;
+        } catch (e) {
+            handleCreateFeature();
+        }
+    };
+    const handleCreateFeature = async (row) => {
         featureState.formVisible = true;
+        menuState.formVisible = false;
         Object.assign(
             featureState.form,
             row || {
@@ -371,8 +455,10 @@
                 systemId: state.condition.systemId,
                 menuId: state.condition2.menuId,
                 name: null,
+                service: null,
                 method: 'GET',
                 uri: null,
+                type: 1,
                 isEnable: true,
             }
         );
@@ -391,12 +477,12 @@
         }
         featureState.submitting = false;
     };
-    const handleDeleteFeature = (data) => {
+    // const handleDeleteFeature = (data) => {
-        store.dispatch(
+    //     store.dispatch(
-            'feature/remove',
+    //         'feature/remove',
-            data.map((item) => item.id)
+    //         data.map((item) => item.id)
-        );
+    //     );
-    };
+    // };
 </script>
 
 <style lang="less" scoped>