feat转换函数新增修改状态

 import { defHttp } from '/@/utils/http/axios';
 import { ScriptParam, ScriptQueryParam, ScriptRecord } from './model/scriptModel';
 import { PaginationResult } from '/#/axios';
+import { IChangeStatus } from '../ruleengine/model/ruleengineModel';
 
 enum ScriptManagerApi {
   SCRIPT_POST_URL = '/js',
@@ -8,6 +9,7 @@ enum ScriptManagerApi {
   SCRIPT_DELETE_URL = '/js',
   SCRIPT_MELIST_URL = '/js/me/list',
   SCRIPT_TEST_URL = '/js/test',
+  SCRIPT_STATUS = '/js',
 }
 
 export const ScriptPage = (params: ScriptQueryParam) => {
@@ -17,6 +19,16 @@ export const ScriptPage = (params: ScriptQueryParam) => {
   });
 };
 
+/**
+ * 改变转换函数状态
+ * @param params id status
+ */
+export const scriptPagePutApi = (params: IChangeStatus) =>
+  defHttp.post({
+    url: ScriptManagerApi.SCRIPT_STATUS,
+    data: params,
+  });
+
 //删除脚本
 export const deleteScriptManage = (ids: string[]) => {
   return defHttp.delete({

 import { BasicColumn, FormSchema } from '/@/components/Table';
 import moment from 'moment';
-import { h } from 'vue';
-import { Tag } from 'ant-design-vue';
 
 // 表格配置
 export const columns: BasicColumn[] = [
@@ -14,12 +12,7 @@ export const columns: BasicColumn[] = [
     title: '脚本状态',
     dataIndex: 'status',
     width: 120,
-    customRender: ({ record }) => {
-      const status = record.status;
-      const color = status == 1 ? 'green' : 'red';
-      const text = status == 1 ? '启用' : '禁用';
-      return h(Tag, { color: color }, () => text);
-    },
+    slots: { customRender: 'status' },
   },
   {
     title: '脚本内容',

@@ -49,6 +49,17 @@
           ]"
         />
       </template>
+      <Authority value="api:yt:js:update:status">
+        <template #status="{ record }">
+          <Switch
+            :checked="record.status === 1"
+            :loading="record.pendingStatus"
+            checkedChildren="启用"
+            unCheckedChildren="禁用"
+            @change="(checked:boolean)=>statusChange(checked,record)"
+          />
+        </template>
+      </Authority>
     </BasicTable>
     <ConverScriptModal @register="registerModal" @success="handleSuccess" />
   </div>
@@ -60,13 +71,18 @@
   import { searchFormSchema, columns } from './config.data';
   import { Authority } from '/@/components/Authority';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-  import { Popconfirm } from 'ant-design-vue';
+  import { Switch, Popconfirm } from 'ant-design-vue';
   import { useModal } from '/@/components/Modal';
   import ConverScriptModal from './ConverScriptModal.vue';
-  import { ScriptPage, deleteScriptManage } from '/@/api/scriptmanage/scriptManager';
+  import {
+    ScriptPage,
+    deleteScriptManage,
+    scriptPagePutApi,
+  } from '/@/api/scriptmanage/scriptManager';
+  import { useMessage } from '/@/hooks/web/useMessage';
 
   const searchInfo = reactive<Recordable>({});
-  const [registerTable, { reload, setProps }] = useTable({
+  const [registerTable, { reload, setProps, setSelectedRowKeys }] = useTable({
     title: '转换脚本列表',
     api: ScriptPage,
     columns,
@@ -94,11 +110,8 @@
     reload();
   };
 
-  const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-    deleteScriptManage,
-    handleSuccess,
-    setProps
-  );
+  const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
+    useBatchDelete(deleteScriptManage, handleSuccess, setProps);
 
   nextTick(() => {
     setProps(selectionOptions);
@@ -147,4 +160,26 @@
       });
     }
   };
+  const statusChange = async (checked, record) => {
+    setProps({
+      loading: true,
+    });
+    setSelectedRowKeys([]);
+    resetSelectedRowKeys();
+    const newStatus = checked ? 1 : 0;
+    const { createMessage } = useMessage();
+    try {
+      await scriptPagePutApi({ id: record.id, status: newStatus });
+      if (newStatus) {
+        createMessage.success(`启用成功`);
+      } else {
+        createMessage.success('禁用成功');
+      }
+    } finally {
+      setProps({
+        loading: false,
+      });
+      reload();
+    }
+  };
 </script>