perf: 新增按钮权限控制

@@ -5,9 +5,10 @@
     PlayCircleOutlined,
     PlayCircleOutlined,
     QuestionCircleOutlined,
     QuestionCircleOutlined,
   } from '@ant-design/icons-vue';
   } from '@ant-design/icons-vue';
+  import { Authority } from '/@/components/Authority';
   import { TaskRecordType } from '/@/api/task/model';
   import { TaskRecordType } from '/@/api/task/model';
   import { StateEnum, TaskTargetNameEnum, TaskTypeEnum } from '../../config';
   import { StateEnum, TaskTargetNameEnum, TaskTypeEnum } from '../../config';
-  import { TaskTypeNameEnum } from '../../config';
+  import { TaskTypeNameEnum, PermissionEnum } from '../../config';
   import AuthDropDown from '/@/components/Widget/AuthDropDown.vue';
   import AuthDropDown from '/@/components/Widget/AuthDropDown.vue';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { cancelTask, deleteTask, updateState } from '/@/api/task';
   import { cancelTask, deleteTask, updateState } from '/@/api/task';
@@ -128,13 +129,16 @@
           {
           {
             text: '编辑',
             text: '编辑',
             event: DropMenuEvent.DELETE,
             event: DropMenuEvent.DELETE,
+            disabled: !!getRecord.state,
             icon: 'ant-design:edit-outlined',
             icon: 'ant-design:edit-outlined',
+            auth: PermissionEnum.UPDATE,
             onClick: emit.bind(null, 'edit', getRecord),
             onClick: emit.bind(null, 'edit', getRecord),
           },
           },
           {
           {
             text: '删除',
             text: '删除',
             event: DropMenuEvent.DELETE,
             event: DropMenuEvent.DELETE,
             icon: 'ant-design:delete-outlined',
             icon: 'ant-design:delete-outlined',
+            auth: PermissionEnum.DELETE,
             popconfirm: {
             popconfirm: {
               title: '是否确认删除操作?',
               title: '是否确认删除操作?',
               onConfirm: handleDelete.bind(null),
               onConfirm: handleDelete.bind(null),
@@ -154,13 +158,15 @@
       >
       >
         {{ getRecord.state === StateEnum.ENABLE ? '已启用' : '未启用' }}
         {{ getRecord.state === StateEnum.ENABLE ? '已启用' : '未启用' }}
       </span>
       </span>
-      <Switch
-        v-if="!deviceTaskCardMode"
-        :checked="getRecord.state === StateEnum.ENABLE"
-        :loading="loading"
-        size="small"
-        @click="handleSwitchState"
-      />
+      <Authority :value="PermissionEnum.START_TASK">
+        <Switch
+          v-if="!deviceTaskCardMode"
+          :checked="getRecord.state === StateEnum.ENABLE"
+          :loading="loading"
+          size="small"
+          @click="handleSwitchState"
+        />
+      </Authority>
     </div>
     </div>
     <div class="flex gap-2 items-center">
     <div class="flex gap-2 items-center">
       <div
       <div
@@ -194,30 +200,36 @@
       >
       >
         <div class="text-gray-400 text-xs truncate">
         <div class="text-gray-400 text-xs truncate">
           <span class="mr-2">间隔时间重复</span>
           <span class="mr-2">间隔时间重复</span>
-          <span>{{ `${getLastExecuteTime.value}${getLastExecuteTime.unitName}前` }}</span>
+          <span>{{
+            getLastExecuteTime.value
+              ? `${getLastExecuteTime.value}${getLastExecuteTime.unitName}前`
+              : '刚刚'
+          }}</span>
         </div>
         </div>
       </Tooltip>
       </Tooltip>
     </div>
     </div>
 
 
-    <section
-      v-if="deviceTaskCardMode"
-      class="border-t mt-4 pt-2 text-sm border-gray-100 flex justify-between text-gray-400"
-    >
-      <div>
-        <span>允许该设备</span>
-        <Tooltip title="设置是否允许当前设备定时执行任务。该选项不影响手动执行任务。">
-          <QuestionCircleOutlined class="ml-1" />
-        </Tooltip>
-      </div>
-      <div>
-        <Switch
-          size="small"
-          :loading="loading"
-          :checked="getCancelState"
-          @click="handleCancelTask"
-        />
-      </div>
-    </section>
+    <Authority :value="PermissionEnum.ALLOW">
+      <section
+        v-if="deviceTaskCardMode"
+        class="border-t mt-4 pt-2 text-sm border-gray-100 flex justify-between text-gray-400"
+      >
+        <div>
+          <span>允许该设备</span>
+          <Tooltip title="设置是否允许当前设备定时执行任务。该选项不影响手动执行任务。">
+            <QuestionCircleOutlined class="ml-1" />
+          </Tooltip>
+        </div>
+        <div>
+          <Switch
+            size="small"
+            :loading="loading"
+            :checked="getCancelState"
+            @click="handleCancelTask"
+          />
+        </div>
+      </section>
+    </Authority>
   </Card>
   </Card>
 </template>
 </template>
 
 

 import { FormSchema } from '/@/components/Form';
 import { FormSchema } from '/@/components/Form';
 
 
+export enum PermissionEnum {
+  CREATE = 'api:yt:task_center:add:post',
+  UPDATE = 'api:yt:task_center:update:update',
+  START_TASK = 'api:yt:task_center:update:state',
+  DELETE = 'api:yt:task_center:delete',
+  ALLOW = 'api:yt:task_center:cancel:allow',
+}
+
 export enum FormFieldsEnum {
 export enum FormFieldsEnum {
   DEVICE_TYPE = 'targetType',
   DEVICE_TYPE = 'targetType',
   TASK_TYPE = 'taskType',
   TASK_TYPE = 'taskType',
@@ -67,10 +75,6 @@ export const formSchemas: FormSchema[] = [
   },
   },
 ];
 ];
 
 
-export enum PermissionEnum {
-  DELETE = 'delete',
-}
-
 export enum StateEnum {
 export enum StateEnum {
   CLOSE,
   CLOSE,
   ENABLE,
   ENABLE,

@@ -2,7 +2,7 @@
   import { Button, List, Tooltip } from 'ant-design-vue';
   import { Button, List, Tooltip } from 'ant-design-vue';
   import { PageWrapper } from '/@/components/Page';
   import { PageWrapper } from '/@/components/Page';
   import { BasicForm, useForm } from '/@/components/Form';
   import { BasicForm, useForm } from '/@/components/Form';
-  import { formSchemas } from './config';
+  import { PermissionEnum, formSchemas } from './config';
   import { TaskCard } from './components/TaskCard';
   import { TaskCard } from './components/TaskCard';
   import { getTaskCenterList } from '/@/api/task';
   import { getTaskCenterList } from '/@/api/task';
   import { ref, unref } from 'vue';
   import { ref, unref } from 'vue';
@@ -95,11 +95,12 @@
       class="bg-light-50 flex p-4 justify-between items-center x dark:text-gray-300 dark:bg-dark-900"
       class="bg-light-50 flex p-4 justify-between items-center x dark:text-gray-300 dark:bg-dark-900"
     >
     >
       <div class="text-2xl">任务</div>
       <div class="text-2xl">任务</div>
-      <Authority>
+      <Authority :value="PermissionEnum.CREATE">
         <Button
         <Button
           type="primary"
           type="primary"
           @click="openModal(true, { mode: DataActionModeEnum.CREATE } as ModalParamsType)"
           @click="openModal(true, { mode: DataActionModeEnum.CREATE } as ModalParamsType)"
-          >创建任务
+        >
+          创建任务
         </Button>
         </Button>
       </Authority>
       </Authority>
     </section>
     </section>