feat：数据流转 新增启用后查看功能

@@ -7,6 +7,7 @@
       @register="registerDrawer"
       :title="getTitle"
       width="1000px"
+      @cancel="handleCancel"
     >
       <div class="step-form-form">
         <a-steps :current="current">
@@ -25,7 +26,7 @@
             @prevSon="handlePrev"
         /></div>
       </div>
-      <div style="float: right">
+      <div style="float: right" v-if="isViewStatus">
         <Button type="primary" @click="handleSubmit" class="mr-2">确认</Button>
         <Button type="default" @click="handleCancel" class="mr-2">取消</Button>
       </div>
@@ -33,15 +34,7 @@
   </div>
 </template>
 <script lang="ts">
-  import {
-    defineComponent,
-    reactive,
-    ref,
-    computed,
-    unref,
-    getCurrentInstance,
-    nextTick,
-  } from 'vue';
+  import { defineComponent, reactive, ref, unref, getCurrentInstance, nextTick } from 'vue';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { Steps } from 'ant-design-vue';
   import TransferConfigMode from './cpns/transferConfigMode.vue';
@@ -62,6 +55,7 @@
     },
     emits: ['success', 'register'],
     setup(_, { emit }) {
+      const isViewStatus = ref(false);
       const { createMessage } = useMessage();
       const { proxy } = getCurrentInstance() as any;
       let allPostForm: any = reactive({});
@@ -82,8 +76,8 @@
       const refTransferConfigParams = ref(null);
       const refTransferConfigMode = ref(null);
       const getModeSelectVal = ref({});
-      const isUpdate = ref(true);
-      const getTitle = computed(() => (!unref(isUpdate) ? '新增流转配置' : '编辑数据流转'));
+      const isUpdate: any = ref(true);
+      const getTitle = ref('');
       const current = ref(0);
       const editPostId = ref('');
       const editType = reactive({
@@ -104,26 +98,40 @@
       };
 
       const [registerDrawer, { setModalProps, closeModal }] = useModalInner(async (data) => {
-        isUpdate.value = !!data?.isUpdate;
+        isUpdate.value = data?.isUpdate;
         current.value = 0;
         setModalProps({ confirmLoading: false });
-
-        if (unref(isUpdate)) {
+        function commonViewOrEditFunc() {
           editPostId.value = data.record.id;
           editNextType.type = data.record.type;
           editNextType.configuration = data.record;
           editNextType.name = data.record.name;
           editNextType.remark = data.record.remark;
           proxy.$refs.refTransferConfigMode.setStepOneFieldsValueFunc(editNextType);
-        } else {
-          nextTick(() => {
+        }
+        switch (unref(isUpdate)) {
+          case 'view':
+            commonViewOrEditFunc();
+            isViewStatus.value = false;
+            getTitle.value = '查看流转配置';
+            break;
+          case true:
+            commonViewOrEditFunc();
+            isViewStatus.value = true;
+            getTitle.value = '编辑流转配置';
+            break;
+          case false:
             proxy.$refs.refTransferConfigMode?.customResetStepOneFunc();
-          });
+            isViewStatus.value = true;
+            getTitle.value = '新增流转配置';
+            break;
         }
       });
       const handleCancel = () => {
-        defineClearFunc();
-        closeModal();
+        nextTick(() => {
+          defineClearFunc();
+          closeModal();
+        });
       };
       const defineClearFunc = () => {
         nextTick(() => {
@@ -149,6 +157,8 @@
           } catch (e) {
             return e;
           }
+        } else {
+          proxy.$refs.refTransferConfigParams.editSonValueDataFunc({});
         }
       };
       const handlePrev = () => {
@@ -248,6 +258,7 @@
         getModeSelectVal,
         refTransferConfigParams,
         refTransferConfigMode,
+        isViewStatus,
       };
     },
   });

@@ -42,6 +42,13 @@
         <TableAction
           :actions="[
             {
+              label: '查看',
+              // auth: 'api:yt:convert:config:get',
+              icon: 'ant-design:eye-outlined',
+              onClick: handleView.bind(null, record),
+              ifShow: record.status == 1,
+            },
+            {
               label: '编辑',
               auth: 'api:yt:convert:config:update',
               icon: 'clarity:note-edit-line',
@@ -301,6 +308,14 @@
           reload();
         }
       };
+      function handleView(record: Recordable) {
+        nextTick(() => {
+          openModal(true, {
+            record,
+            isUpdate: 'view',
+          });
+        });
+      }
 
       return {
         disabledStatus1,
@@ -320,6 +335,7 @@
         singleStopDeleteStatus,
         statusChange,
         disabledSwitch,
+        handleView,
       };
     },
   });