fix: DEFECT-1310 修复脚本管理无更新脚本状态权限时状态不可见

-<template>
-  <div>
-    <BasicTable :clickToRowSelect="false" @register="registerTable" :searchInfo="searchInfo">
-      <template #toolbar>
-        <Authority :value="PermissionConvertScriptEnum.PERMISSION_POST">
-          <a-button
-            type="primary"
-            @click="handleBusinessModal(BusinessConvertScriptTextEnum.BUSINESS_ADD_TEXT, null)"
-          >
-            {{ BusinessConvertScriptTextEnum.BUSINESS_ADD_TEXT }}
-          </a-button>
-        </Authority>
-        <Authority :value="PermissionConvertScriptEnum.PERMISSION_DELETE">
-          <Popconfirm
-            title="您确定要批量删除数据"
-            ok-text="确定"
-            cancel-text="取消"
-            @confirm="handleDeleteOrBatchDelete(null)"
-          >
-            <a-button type="primary" color="error" :disabled="hasBatchDelete">
-              {{ BusinessConvertScriptTextEnum.BUSINESS_DELETE_TEXT }}
-            </a-button>
-          </Popconfirm>
-        </Authority>
-      </template>
-      <template #convertJs="{ record }">
-        <a-button
-          type="text"
-          @click="handleBusinessModal(BusinessConvertScriptTextEnum.BUSINESS_VIEW_TEXT, record)"
-        >
-          <span style="color: #377dff">{{
-            BusinessConvertScriptTextEnum.BUSINESS_VIEW_TEXT.slice(0, 2)
-          }}</span>
-        </a-button>
-      </template>
-      <template #action="{ record }">
-        <TableAction
-          :actions="[
-            {
-              label: BusinessConvertScriptTextEnum.BUSINESS_TEST_TEXT.slice(0, 2),
-              icon: 'ant-design:font-size-outlined',
-              auth: PermissionConvertScriptEnum.PERMISSION_TEST,
-              onClick: handleBusinessModal.bind(
-                null,
-                BusinessConvertScriptTextEnum.BUSINESS_TEST_TEXT,
-                record
-              ),
-            },
-            {
-              label: BusinessConvertScriptTextEnum.BUSINESS_EDIT_TEXT.slice(0, 2),
-              icon: 'clarity:note-edit-line',
-              auth: PermissionConvertScriptEnum.PERMISSION_UPDATE,
-              onClick: handleBusinessModal.bind(
-                null,
-                BusinessConvertScriptTextEnum.BUSINESS_EDIT_TEXT,
-                record
-              ),
-              ifShow: record.status == 0,
-            },
-            {
-              label: BusinessConvertScriptTextEnum.BUSINESS_DELETE_TEXT.slice(-2),
-              icon: 'ant-design:delete-outlined',
-              auth: PermissionConvertScriptEnum.PERMISSION_DELETE,
-              color: 'error',
-              ifShow: record.status == 0,
-              popConfirm: {
-                title: '是否确认删除',
-                confirm: handleDeleteOrBatchDelete.bind(null, record),
-              },
-            },
-          ]"
-        />
-      </template>
-      <template #status="{ record }">
-        <Authority :value="PermissionConvertScriptEnum.PERMISSION_UPDATE_STATUS">
-          <Switch
-            :checked="record.status === 1"
-            :loading="record.pendingStatus"
-            checkedChildren="启用"
-            unCheckedChildren="禁用"
-            @change="(checked:boolean)=>statusChange(checked,record)"
-          />
-        </Authority>
-      </template>
-    </BasicTable>
-    <ConverScriptModal @register="registerModal" @success="handleSuccess" />
-  </div>
-</template>
-
-<script lang="ts" setup name="index">
-  import { reactive, nextTick, unref } from 'vue';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { Authority } from '/@/components/Authority';
-  import { useModal } from '/@/components/Modal';
-  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-  import { Switch, Popconfirm } from 'ant-design-vue';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import {
-    ScriptPage,
-    deleteScriptManage,
-    scriptPagePutApi,
-  } from '/@/api/scriptmanage/scriptManager';
-  import {
-    PermissionConvertScriptEnum,
-    searchFormSchema,
-    defaultTableAttribtes,
-    BusinessConvertScriptTextEnum,
-  } from './config';
-  import { ConverScriptModal } from './components';
-
-  const props = defineProps<{ searchInfo: Recordable }>();
-
-  const searchInfo = reactive<Recordable>({});
-
-  const [registerTable, { reload, setProps, setSelectedRowKeys }] = useTable({
-    api: ScriptPage,
-    ...defaultTableAttribtes,
-    beforeFetch: (params: Recordable) => {
-      return { ...unref(props.searchInfo), ...params };
-    },
-    formConfig: {
-      labelWidth: 120,
-      schemas: searchFormSchema,
-      fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'x']],
-    },
-  });
-
-  const handleSuccess = () => {
-    reload();
-  };
-
-  const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
-    useBatchDelete(deleteScriptManage, handleSuccess, setProps) as any;
-  selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
-    if (record.status === 1) return { disabled: true };
-    else return { disabled: false };
-  };
-
-  nextTick(() => {
-    setProps(selectionOptions);
-  });
-
-  const [registerModal, { openModal }] = useModal();
-
-  // 业务弹窗
-  const handleBusinessModal = (text, record: Recordable | null) => {
-    const modalParams = {
-      text,
-      record,
-    };
-    openModal(true, modalParams);
-  };
-
-  const setPropsLoading = (loading) => {
-    setProps({
-      loading,
-    });
-    setSelectedRowKeys([]);
-    resetSelectedRowKeys();
-  };
-
-  const statusChange = async (checked, record) => {
-    setPropsLoading(true);
-    const newStatus = checked ? 1 : 0;
-    const { createMessage } = useMessage();
-    try {
-      await scriptPagePutApi(record.id, newStatus);
-      if (newStatus)
-        return createMessage.success(BusinessConvertScriptTextEnum.BUSINESS_ENABLE_SUCCESS);
-      else return createMessage.success(BusinessConvertScriptTextEnum.BUSINESS_DISABLE_SUCCESS);
-    } finally {
-      setPropsLoading(false);
-      reload();
-    }
-  };
-
-  defineExpose({
-    reload: () => {
-      reload();
-    },
-  });
-</script>
+<template>
+  <div>
+    <BasicTable :clickToRowSelect="false" @register="registerTable" :searchInfo="searchInfo">
+      <template #toolbar>
+        <Authority :value="PermissionConvertScriptEnum.PERMISSION_POST">
+          <a-button
+            type="primary"
+            @click="handleBusinessModal(BusinessConvertScriptTextEnum.BUSINESS_ADD_TEXT, null)"
+          >
+            {{ BusinessConvertScriptTextEnum.BUSINESS_ADD_TEXT }}
+          </a-button>
+        </Authority>
+        <Authority :value="PermissionConvertScriptEnum.PERMISSION_DELETE">
+          <Popconfirm
+            title="您确定要批量删除数据"
+            ok-text="确定"
+            cancel-text="取消"
+            @confirm="handleDeleteOrBatchDelete(null)"
+          >
+            <a-button type="primary" color="error" :disabled="hasBatchDelete">
+              {{ BusinessConvertScriptTextEnum.BUSINESS_DELETE_TEXT }}
+            </a-button>
+          </Popconfirm>
+        </Authority>
+      </template>
+      <template #convertJs="{ record }">
+        <a-button
+          type="text"
+          @click="handleBusinessModal(BusinessConvertScriptTextEnum.BUSINESS_VIEW_TEXT, record)"
+        >
+          <span style="color: #377dff">{{
+            BusinessConvertScriptTextEnum.BUSINESS_VIEW_TEXT.slice(0, 2)
+          }}</span>
+        </a-button>
+      </template>
+      <template #action="{ record }">
+        <TableAction
+          :actions="[
+            {
+              label: BusinessConvertScriptTextEnum.BUSINESS_TEST_TEXT.slice(0, 2),
+              icon: 'ant-design:font-size-outlined',
+              auth: PermissionConvertScriptEnum.PERMISSION_TEST,
+              onClick: handleBusinessModal.bind(
+                null,
+                BusinessConvertScriptTextEnum.BUSINESS_TEST_TEXT,
+                record
+              ),
+            },
+            {
+              label: BusinessConvertScriptTextEnum.BUSINESS_EDIT_TEXT.slice(0, 2),
+              icon: 'clarity:note-edit-line',
+              auth: PermissionConvertScriptEnum.PERMISSION_UPDATE,
+              onClick: handleBusinessModal.bind(
+                null,
+                BusinessConvertScriptTextEnum.BUSINESS_EDIT_TEXT,
+                record
+              ),
+              ifShow: record.status == 0,
+            },
+            {
+              label: BusinessConvertScriptTextEnum.BUSINESS_DELETE_TEXT.slice(-2),
+              icon: 'ant-design:delete-outlined',
+              auth: PermissionConvertScriptEnum.PERMISSION_DELETE,
+              color: 'error',
+              ifShow: record.status == 0,
+              popConfirm: {
+                title: '是否确认删除',
+                confirm: handleDeleteOrBatchDelete.bind(null, record),
+              },
+            },
+          ]"
+        />
+      </template>
+      <template #status="{ record }">
+        <Authority :value="PermissionConvertScriptEnum.PERMISSION_UPDATE_STATUS">
+          <Switch
+            :checked="record.status === 1"
+            :loading="record.pendingStatus"
+            checkedChildren="启用"
+            unCheckedChildren="禁用"
+            @change="(checked:boolean)=>statusChange(checked,record)"
+          />
+        </Authority>
+        <Tag
+          v-if="!hasPermission(PermissionConvertScriptEnum.PERMISSION_UPDATE_STATUS)"
+          :color="record.status ? 'green' : 'red'"
+        >
+          {{ record.status ? '启用' : '禁用' }}
+        </Tag>
+      </template>
+    </BasicTable>
+    <ConverScriptModal @register="registerModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script lang="ts" setup name="index">
+  import { reactive, nextTick, unref } from 'vue';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { Authority } from '/@/components/Authority';
+  import { useModal } from '/@/components/Modal';
+  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
+  import { Switch, Popconfirm, Tag } from 'ant-design-vue';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import {
+    ScriptPage,
+    deleteScriptManage,
+    scriptPagePutApi,
+  } from '/@/api/scriptmanage/scriptManager';
+  import {
+    PermissionConvertScriptEnum,
+    searchFormSchema,
+    defaultTableAttribtes,
+    BusinessConvertScriptTextEnum,
+  } from './config';
+  import { ConverScriptModal } from './components';
+  import { usePermission } from '/@/hooks/web/usePermission';
+
+  const props = defineProps<{ searchInfo: Recordable }>();
+
+  const searchInfo = reactive<Recordable>({});
+
+  const { hasPermission } = usePermission();
+
+  const [registerTable, { reload, setProps, setSelectedRowKeys }] = useTable({
+    api: ScriptPage,
+    ...defaultTableAttribtes,
+    beforeFetch: (params: Recordable) => {
+      return { ...unref(props.searchInfo), ...params };
+    },
+    formConfig: {
+      labelWidth: 120,
+      schemas: searchFormSchema,
+      fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'x']],
+    },
+  });
+
+  const handleSuccess = () => {
+    reload();
+  };
+
+  const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
+    useBatchDelete(deleteScriptManage, handleSuccess, setProps) as any;
+  selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
+    if (record.status === 1) return { disabled: true };
+    else return { disabled: false };
+  };
+
+  nextTick(() => {
+    setProps(selectionOptions);
+  });
+
+  const [registerModal, { openModal }] = useModal();
+
+  // 业务弹窗
+  const handleBusinessModal = (text, record: Recordable | null) => {
+    const modalParams = {
+      text,
+      record,
+    };
+    openModal(true, modalParams);
+  };
+
+  const setPropsLoading = (loading) => {
+    setProps({
+      loading,
+    });
+    setSelectedRowKeys([]);
+    resetSelectedRowKeys();
+  };
+
+  const statusChange = async (checked, record) => {
+    setPropsLoading(true);
+    const newStatus = checked ? 1 : 0;
+    const { createMessage } = useMessage();
+    try {
+      await scriptPagePutApi(record.id, newStatus);
+      if (newStatus)
+        return createMessage.success(BusinessConvertScriptTextEnum.BUSINESS_ENABLE_SUCCESS);
+      else return createMessage.success(BusinessConvertScriptTextEnum.BUSINESS_DISABLE_SUCCESS);
+    } finally {
+      setPropsLoading(false);
+      reload();
+    }
+  };
+
+  defineExpose({
+    reload: () => {
+      reload();
+    },
+  });
+</script>