feat:动态权限

modules/Develop/views/module/create.vue

@@ -2,7 +2,7 @@
   <el-form :model="formData" label-width="120px" ref="form" v-loading="loading" class="pr-4">
     <el-form-item
       :label="$t('module.form.name.title')"
-      prop="name"
+      prop="title"
       :rules="[
         {
           required: true,
@@ -10,7 +10,7 @@
         },
       ]"
     >
-      <el-input v-model="formData.name" />
+      <el-input v-model="formData.title" />
     </el-form-item>
     <el-form-item
       :label="$t('module.form.path.title')"
@@ -48,18 +48,18 @@
 import { useCreate } from '/admin/composables/curd/useCreate'
 import { useShow } from '/admin/composables/curd/useShow'
 
-import { computed, onMounted, watch } from 'vue'
+import { onMounted } from 'vue'
 
 const props = defineProps({
   primary: String | Number,
   api: String,
 })
 
-const { formData, form, loading, submitForm, isClose } = useCreate(
+const { formData, form, loading, submitForm, close } = useCreate(
   props.api,
   props.primary,
   Object.assign({
-    name: '',
+    title: '',
     path: '',
     keywords: '',
     description: '',
@@ -73,13 +73,12 @@ const { formData, form, loading, submitForm, isClose } = useCreate(
 )
 
 const emit = defineEmits(['close'])
-watch(isClose, function (value) {
-  if (value) {
-    emit('close')
-  }
-})
 
 if (props.primary) {
   useShow(props.api, props.primary, formData)
 }
+
+onMounted(() => {
+  close(() => emit('close'))
+})
 </script>

modules/Develop/views/module/index.vue

@@ -3,14 +3,14 @@
     <Search :search="search" :reset="reset">
       <template v-slot:body>
         <el-form-item label="模块名称">
-          <el-input v-model="query.name" name="name" clearable />
+          <el-input v-model="query.title" name="title" clearable />
         </el-form-item>
       </template>
     </Search>
     <div class="pl-2 pr-2 bg-white dark:bg-regal-dark rounded-lg mt-4 pb-6">
       <Operate :show="open" />
       <el-table :data="tableData" class="mt-3" v-loading="loading">
-        <el-table-column prop="name" label="模块名称" width="180" />
+        <el-table-column prop="title" label="模块名称" width="180" />
         <el-table-column prop="path" label="模块目录" width="180" />
         <el-table-column prop="version" label="模块版本">
           <template #default="scope">
@@ -19,7 +19,7 @@
         </el-table-column>
         <el-table-column prop="enable" label="模块状态">
           <template #default="scope">
-            <Status v-model="scope.row.status" :id="scope.row.id" :api="api" />
+            <Status v-model="scope.row.enable" :id="scope.row.name" :api="api" />
           </template>
         </el-table-column>
         <el-table-column label="操作" width="300">
@@ -31,7 +31,7 @@
       </el-table>
     </div>
     <Dialog v-model="visible" :title="title" destroy-on-close>
-      <Create @close="close" :primary="id" :api="api" />
+      <Create @close="close(reset)" :primary="id" :api="api" />
     </Dialog>
   </div>
 </template>
@@ -54,6 +54,6 @@ const tableData = computed(() => data.value?.data)
 onMounted(() => {
   search()
 
-  deleted()
+  deleted(reset)
 })
 </script>