feat: 脚本管理,新增修改状态权限标识

@@ -17,13 +17,21 @@
         </Authority>
       </template>
       <template #status="{ record }">
-        <Switch
-          :checked="record.status === 1"
-          :loading="record.pendingStatus"
-          checkedChildren="启用"
-          unCheckedChildren="禁用"
-          @change="(checked:boolean)=>statusChange(checked,record)"
-        />
+        <Authority value="api:yt:convert:js:status">
+          <Switch
+            :checked="record.status === 1"
+            :loading="record.pendingStatus"
+            checkedChildren="启用"
+            unCheckedChildren="禁用"
+            @change="(checked:boolean)=>statusChange(checked,record)"
+          />
+        </Authority>
+        <Tag
+          v-if="!hasPermission('api:yt:convert:js:status')"
+          :color="record.status ? 'green' : 'red'"
+        >
+          {{ record.status ? '启用' : '禁用' }}
+        </Tag>
       </template>
       <template #action="{ record }">
         <TableAction
@@ -69,7 +77,7 @@
 
 <script lang="ts" setup>
   import { ref, nextTick } from 'vue';
-  import { Switch, Popconfirm } from 'ant-design-vue';
+  import { Switch, Popconfirm, Tag } from 'ant-design-vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { columns } from '../config/config.data';
   import { getConvertApi, deleteTransformApi } from '/@/api/device/TransformScriptApi';
@@ -81,11 +89,14 @@
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { Authority } from '/@/components/Authority';
   import { computed, unref } from 'vue';
+  import { usePermission } from '/@/hooks/web/usePermission';
 
   const props = defineProps<{ searchInfo: Recordable }>();
 
   const getSearchInfo = computed(() => props.searchInfo);
 
+  const { hasPermission } = usePermission();
+
   const handleSuccess = () => {
     reload();
   };