一级和二级弹窗列表中增加状态设置、优化权限控制功能

Author: vuecmf

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuecmf",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "private": true,
   "description": "VueCMF是一款完全开源免费的内容管理快速开发框架。2.1+版本使用vue3、Element Plus和TypeScript构建，后端API基于Go/PHP开发。可用于快速开发CMS、CRM、WMS、OMS、ERP等管理系统，开发简单、高效易用，极大减少系统的开发周期和研发成本！甚至不用写一行代码使用VueCMF就能设计出功能强大的后台管理系统。",
   "author": "vuecmf <tulihua2004@126.com>",

src/components/LayoutAsideMenu.vue

@@ -22,11 +22,11 @@
       @select="addTab"
   >
     <template v-for="item in aside_menu_list" >
-      <el-menu-item :index="item.mid" :key="item.mid" v-if="!item.children">
+      <el-menu-item :index="item.mid" :key="item.mid" v-if="!item.children && item.default_action_type != ''">
         <i class="el-icon" v-if="item.icon"><component :is="item.icon"></component></i>
         <template #title>{{ item.title }}</template>
       </el-menu-item>
-      <vuecmf-layout-aside-menu-item :menu_item_list="item" :key="item.mid" v-else></vuecmf-layout-aside-menu-item>
+      <vuecmf-layout-aside-menu-item :menu_item_list="item" :key="item.mid" v-else-if="item.children"></vuecmf-layout-aside-menu-item>
     </template>
 
   </el-menu>

src/components/LayoutAsideMenuItem.vue

@@ -5,11 +5,11 @@
       <span>{{ menu_item_list.title }}</span>
     </template>
     <template v-for="item in menu_item_list.children" >
-      <el-menu-item :index="item.mid" :key="item.mid" v-if="!item.children">
+      <el-menu-item :index="item.mid" :key="item.mid" v-if="!item.children && item.default_action_type != ''">
         <i class="el-icon" v-if="item.icon"><component :is="item.icon"></component></i>
         <span>{{ item.title }}</span>
       </el-menu-item>
-      <template v-else>
+      <template v-else-if="item.default_action_type != ''">
         <vuecmf-layout-aside-menu-item :menu_item_list="item" :key="item.mid"></vuecmf-layout-aside-menu-item>
       </template>
     </template>

src/service/ContentService.ts

@@ -105,6 +105,7 @@ export default class ContentService extends BaseService{
             detailBtnVisible: ():boolean => true,      //是否显示详情按钮
             editBtnVisible: ():boolean => true,        //是否显示编辑按钮
             delBtnVisible: ():boolean => true,         //是否显示删除按钮
+            statusDisabled: (row:AnyObject):boolean => false,    //列表中每行的状态切换是否可用
             server: '',                                //获取列表的API地址
             import_server: '',                         //批量导入的API地址
             save_server: '',                           //单个保存的API地址
@@ -124,6 +125,7 @@ export default class ContentService extends BaseService{
             detailBtnVisible: ():boolean => true,      //是否显示详情按钮
             editBtnVisible: ():boolean => true,        //是否显示编辑按钮
             delBtnVisible: ():boolean => true,         //是否显示删除按钮
+            statusDisabled: (row:AnyObject):boolean => false,    //列表中每行的状态切换是否可用
             server: '',                                //获取列表的API地址
             import_server: '',                         //批量导入的API地址
             save_server: '',                           //单个保存的API地址

src/service/event/BaseEvent.ts

@@ -172,10 +172,8 @@ export default abstract class BaseEvent{
      * @param permission_type  权限类型 role = 角色， user = 用户
      */
     setPermission = (permission_param:AnyObject, permission_type = 'role'):void => {
-        const action_param = typeof permission_param['role_name'] != 'undefined' ? permission_param : {}
-
         //获取所有权限列表
-        this.dataModel.getActionList(this.table_name, action_param).then((res:AnyObject) => {
+        this.dataModel.getActionList(this.table_name, permission_param).then((res:AnyObject) => {
             if(res.status == 200 && res.data.code == 0){
                 this.dataService.permission_config.permission_action_list = res.data.data
 

src/views/template/content/List.vue

@@ -128,6 +128,13 @@
           @beforeLoadTable="dialogBeforeLoadTable"
           :expand_action="dlg_expand_action"
       >
+        <!-- 每行中的每个字段内容 自定义格式化内容显示： 可获取参数有 { row, field } -->
+        <template #formatRow="{ row, field }">
+          <span v-if=" field === 'status' ">
+            <el-switch v-model="row[field]" :disabled="dlg_first.statusDisabled(row)" @change="(value) => firstDlgChangeStatus(value, row)" inline-prompt :active-value="10" active-text="开" :inactive-value="20" inactive-text="关"></el-switch>
+          </span>
+        </template>
+
         <!-- 列表每行 自定义按钮操作 -->
         <template #rowAction="{ row, service }">
           <template v-if=" typeof dialog_table_event.row_event != 'undefined' ">
@@ -174,6 +181,13 @@
           @beforeLoadTable="secondDialogBeforeLoadTable"
           :expand_action="dlg_expand_action"
       >
+        <!-- 每行中的每个字段内容 自定义格式化内容显示： 可获取参数有 { row, field } -->
+        <template #formatRow="{ row, field }">
+          <span v-if=" field === 'status' ">
+            <el-switch v-model="row[field]" :disabled="dlg_second.statusDisabled(row)" @change="(value) => firstDlgChangeStatus(value, row)" inline-prompt :active-value="10" active-text="开" :inactive-value="20" inactive-text="关"></el-switch>
+          </span>
+        </template>
+
       </vuecmf-table>
     </template>
   </vuecmf-dialog>