feat：转换脚本 新增启用后查看功能

@@ -5,8 +5,8 @@
       :title="getTitle"
       :title="getTitle"
       @register="register"
       @register="register"
       width="500px"
       width="500px"
-      showFooter
       @ok="handleSubmit"
       @ok="handleSubmit"
+      showFooter
     >
     >
       <BasicForm @register="registerForm">
       <BasicForm @register="registerForm">
         <template #function>
         <template #function>
@@ -27,7 +27,7 @@
 </template>
 </template>
 
 
 <script lang="ts" setup>
 <script lang="ts" setup>
-  import { ref, computed } from 'vue';
+  import { ref, computed, unref } from 'vue';
   import { useDrawerInner, BasicDrawer } from '/@/components/Drawer/index';
   import { useDrawerInner, BasicDrawer } from '/@/components/Drawer/index';
   import { useForm, BasicForm } from '/@/components/Form/index';
   import { useForm, BasicForm } from '/@/components/Form/index';
   import { formSchema } from '../config/config.data';
   import { formSchema } from '../config/config.data';
@@ -40,7 +40,8 @@
   import { beautify } from 'ace-builds/src-noconflict/ext-beautify.js';
   import { beautify } from 'ace-builds/src-noconflict/ext-beautify.js';
 
 
   const emit = defineEmits(['register', 'isStatus', 'success']);
   const emit = defineEmits(['register', 'isStatus', 'success']);
-  const isUpdate = ref(false);
+  const isUpdate: any = ref(false);
+  const isView = ref(true);
   const aceEditor = ref();
   const aceEditor = ref();
   const aceRef = ref();
   const aceRef = ref();
   const getTitle = computed(() => (isUpdate.value ? '编辑转换脚本' : '新增转换脚本'));
   const getTitle = computed(() => (isUpdate.value ? '编辑转换脚本' : '新增转换脚本'));
@@ -50,9 +51,33 @@
     setDrawerProps({ confirmLoading: false });
     setDrawerProps({ confirmLoading: false });
     isUpdate.value = data.isUpdate;
     isUpdate.value = data.isUpdate;
     initEditor(data.record?.configuration.jsScript);
     initEditor(data.record?.configuration.jsScript);
-    if (isUpdate.value) {
-      editId.value = data.record.id;
-      setFieldsValue(data.record);
+    switch (isUpdate.value) {
+      case 'view':
+        isView.value = false;
+        setDrawerProps({
+          showFooter: unref(isView),
+          title: '查看转换脚本',
+          loading: false,
+        });
+        break;
+      case true:
+        isView.value = true;
+        setDrawerProps({
+          showFooter: unref(isView),
+          title: '编辑转换脚本',
+          loading: false,
+        });
+        editId.value = data.record.id;
+        setFieldsValue(data.record);
+        break;
+      case false:
+        isView.value = true;
+        setDrawerProps({
+          showFooter: unref(isView),
+          title: '新增转换脚本',
+          loading: false,
+        });
+        break;
     }
     }
   });
   });
   const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
   const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({

@@ -28,10 +28,18 @@
         <TableAction
         <TableAction
           :actions="[
           :actions="[
             {
             {
+              label: '查看',
+              // auth: 'api:yt:convert:js:get',
+              icon: 'ant-design:eye-outlined',
+              onClick: handleView.bind(null, record),
+              ifShow: record.status == 1,
+            },
+            {
               label: '编辑',
               label: '编辑',
               auth: 'api:yt:convert:js:update',
               auth: 'api:yt:convert:js:update',
               icon: 'clarity:note-edit-line',
               icon: 'clarity:note-edit-line',
               onClick: handleEdit.bind(null, record),
               onClick: handleEdit.bind(null, record),
+              ifShow: record.status == 0,
             },
             },
             {
             {
               label: '删除',
               label: '删除',
@@ -59,7 +67,7 @@
 </template>
 </template>
 
 
 <script lang="ts" setup>
 <script lang="ts" setup>
-  import { ref,nextTick } from 'vue';
+  import { ref, nextTick } from 'vue';
   import { Switch } from 'ant-design-vue';
   import { Switch } from 'ant-design-vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { columns, searchFormSchema } from './config/config.data';
   import { columns, searchFormSchema } from './config/config.data';
@@ -130,12 +138,16 @@
     }
     }
   };
   };
   const handleCreate = () => {
   const handleCreate = () => {
-    openDrawer(true, {
-      isUpdate: false,
+    nextTick(() => {
+      openDrawer(true, {
+        isUpdate: false,
+      });
     });
     });
   };
   };
   const handleEdit = (record: Recordable) => {
   const handleEdit = (record: Recordable) => {
-    openDrawer(true, { isUpdate: true, record });
+    nextTick(() => {
+      openDrawer(true, { isUpdate: true, record });
+    });
   };
   };
   const statusChange = async (checked, record) => {
   const statusChange = async (checked, record) => {
     setProps({
     setProps({
@@ -159,4 +171,11 @@
       reload();
       reload();
     }
     }
   };
   };
+  function handleView() {
+    nextTick(() => {
+      openDrawer(true, {
+        isUpdate: 'view',
+      });
+    });
+  }
 </script>
 </script>