有关鉴权,功能列表部分说明

src/lang/package/zh-cn/pages.js

@@ -25,7 +25,8 @@ export default {
     baseInfo: '基本信息',
     configInfo: '功能列表',
     config_zh: '功能说明',
-    config_code: '功能编码',
+    config_code: '按钮编码',
+    config_controller_code: '接口编码',
     add_config: '添加功能'
   },
   role: {

src/views/system/dept/parts/right-view.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="right-view">
     <custom-button-bar :fields="buttonFields" @create="toAdd"></custom-button-bar>
-    <custom-table :data="data" :fields="fields" @search="search" :total="total" :opera="opera" @resource="toResource" @edit="toEdit" @changeUse="toChangeUse" @delete="toDelete">
+    <custom-table :data="data" :fields="fields" @search="search" :total="total" :opera="opera" @resource="toResource" @update="toEdit" @changeUse="toChangeUse" @delete="toDelete">
       <template #is_use="{ row }">
         <el-tag v-if="row.is_use == '0'" type="success">{{ $t('common.is_use_abled') }}</el-tag>
         <el-tag v-else type="info">{{ $t('common.is_use_disabled') }}</el-tag>

src/views/system/menus/parts/parts/func.vue

@@ -1,5 +1,24 @@
 <template>
   <el-row>
+    <el-col :span="24">
+      <el-collapse v-model="activeNames">
+        <el-collapse-item title="功能列表说明" name="1">
+          <el-table :data="descData">
+            <el-table-column align="center" label="字段" prop="label"></el-table-column>
+            <el-table-column align="center" label="描述" prop="desc"></el-table-column>
+            <el-table-column align="center" label="填写方式" prop="way"></el-table-column>
+            <el-table-column align="center" label="判断方式" prop="judge"></el-table-column>
+            <el-table-column align="center" label="注意" prop="notice"></el-table-column>
+          </el-table>
+          <el-row>
+            <el-col :span="24">ps:</el-col>
+            <el-col :span="24"> 1.多个按钮可以对应同一个方法: e.g.:修改数据 和 单修改数据的状态 可以是多个按钮,但是使用一个接口处理</el-col>
+            <el-col :span="24"> 2.按钮可以没有对应的接口: e.g.: 展示数据且不需要重新查询时,就不需要连接口 </el-col>
+            <el-col :span="24"> 3.按钮对应的接口可以交叉,例如菜单的添加下一级功能,这个功能其实是和创建使用一个接口,如果权限中给了创建接口权限,那在接口编码这里,写不写都无所谓,因为会叠加</el-col>
+          </el-row>
+        </el-collapse-item>
+      </el-collapse>
+    </el-col>
     <el-col :span="24" style="text-align: right; margin: 10px 0">
       <el-button size="mini" type="primary" @click="toAddConfig()">{{ $t('pages.menus.add_config') }}</el-button>
     </el-col>
@@ -15,6 +34,11 @@
             <el-input v-model="row.code"></el-input>
           </template>
         </el-table-column>
+        <el-table-column align="center" :label="$t('pages.menus.config_controller_code')">
+          <template #default="{ row }">
+            <el-input v-model="row.controller_code"></el-input>
+          </template>
+        </el-table-column>
         <el-table-column align="center" :label="$t('common.opera')">
           <template #default="{ $index }">
             <el-button size="mini" type="danger" @click="deleteConfig($index)">{{ $t('common.delete') }}</el-button>
@@ -26,6 +50,7 @@
 </template>
 
 <script setup>
+const activeNames = ref([])
 const form = inject('form')
 const toAddConfig = () => {
   if (!form.value.config) form.value.config = []
@@ -34,5 +59,21 @@ const toAddConfig = () => {
 const deleteConfig = (index) => {
   form.value.config.splice(index, 1)
 }
+const descData = [
+  {
+    label: '按钮编码',
+    desc: '控制页面按钮显示',
+    notice: '填写的编码与函数名称一致',
+    way: '需要填写按钮对应的函数名称',
+    judge: '${基本信息的路由名称}.${页面函数名称} 与用户页面权限对比.有按钮就显示页面.没有就不显示按钮'
+  },
+  {
+    label: '接口编码',
+    desc: '控制接口编码使用',
+    notice: 'controllerCode与route_name保持一致 \n methodName与接口的函数名称一致 \n query查询不需要写methodName部分, 但是另起一个controller函数需要写',
+    way: '需要填写接口的${controllerCode}.${methodName}',
+    judge: '${controller中的controllerCode}.${methodName(函数名)}与权限对比,有就能用,没有就不能用'
+  }
+]
 </script>
 <style scoped></style>