From 8f22705e358b2c8fa93b8eb06b0b9976b767a40c Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Tue, 5 Mar 2024 18:09:27 +0800
Subject: [PATCH] fix: clone resource preview action

---
 src/assets/style/variable.less                 |  2 +-
 src/components/highlight-block/index.vue       |  8 +++-----
 .../services/api/index.ts                      |  3 ++-
 .../components/runs/detail-modal/index.vue     |  9 +++++++--
 .../runs/detail-modal/run-attributes.vue       |  2 +-
 .../components/runs/detail-modal/run-logs.vue  | 10 ----------
 .../services/pages/clone.vue                   | 18 +++++++++++-------
 7 files changed, 25 insertions(+), 27 deletions(-)

diff --git a/src/assets/style/variable.less b/src/assets/style/variable.less
index aa9fce55..c13b6a5a 100644
--- a/src/assets/style/variable.less
+++ b/src/assets/style/variable.less
@@ -60,7 +60,7 @@ body {
 
   // result view color
   --color-result-tip: var(--color-text-2);
-  --color-result-tip-bg: var(--color-fill-1);
+  --color-result-tip-bg: var(--color-fill-3);
 
   // avatar icon color
   --color-avatar-icon: rgb(var(--arcoblue-5));
diff --git a/src/components/highlight-block/index.vue b/src/components/highlight-block/index.vue
index 62e1e862..9e97e6e6 100644
--- a/src/components/highlight-block/index.vue
+++ b/src/components/highlight-block/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="high-light-wrapper" :class="{ dark: appStore.isDark }">
-    <hljsVuePlugin.component :language="langType" :code="code" />
+    <hljsVuePlugin.component :language="lang" :code="code" />
     <slot></slot>
   </div>
 </template>
@@ -18,7 +18,7 @@
         return '';
       }
     },
-    langType: {
+    lang: {
       type: String,
       default() {
         return 'json';
@@ -31,9 +31,7 @@
 <style lang="less" scoped>
   .high-light-wrapper {
     text-align: left;
-    // padding: 10px;
-    // white-space: pre;
-    // border: 1px solid var(--seal-border-gray-2);
+
     :deep(.hljs) {
       background-color: var(--color-white);
     }
diff --git a/src/views/application-management/services/api/index.ts b/src/views/application-management/services/api/index.ts
index 22e3fd9f..8e977570 100644
--- a/src/views/application-management/services/api/index.ts
+++ b/src/views/application-management/services/api/index.ts
@@ -81,11 +81,12 @@ export const cloneServices = (data: {
   projectID: string;
   environmentID: string;
   draft: boolean;
+  preview: boolean;
   items: Record<string, any>[];
 }) => {
   return axios.post(
     `/projects/${data.projectID}/environments/${data.environmentID}${SERVICE_API}/_/batch`,
-    { items: data.items, draft: data.draft }
+    { items: data.items, draft: data.draft, preview: data.preview }
   );
 };
 
diff --git a/src/views/application-management/services/components/runs/detail-modal/index.vue b/src/views/application-management/services/components/runs/detail-modal/index.vue
index 4ed68f2c..993e4c75 100644
--- a/src/views/application-management/services/components/runs/detail-modal/index.vue
+++ b/src/views/application-management/services/components/runs/detail-modal/index.vue
@@ -56,8 +56,13 @@
               v-if="basicData.status?.summaryStatus === RevisionStatus.Planning"
               dot
               style="padding-top: 20px"
-              :tip="$t('resource.revisons.components.planning')"
-            />
+            >
+              <template #tip>
+                <span style="padding-left: 15px">{{
+                  $t('resource.revisons.components.planning')
+                }}</span>
+              </template>
+            </a-spin>
             <runComponents
               v-else
               :run-data="basicData"
diff --git a/src/views/application-management/services/components/runs/detail-modal/run-attributes.vue b/src/views/application-management/services/components/runs/detail-modal/run-attributes.vue
index 684e1e62..2d828fa2 100644
--- a/src/views/application-management/services/components/runs/detail-modal/run-attributes.vue
+++ b/src/views/application-management/services/components/runs/detail-modal/run-attributes.vue
@@ -42,7 +42,7 @@
         return {
           ...serviceInfo.value,
           attributes: {
-            ...props.runData.attributes
+            ..._.cloneDeep(props.runData.computedAttributes)
           }
         };
       });
diff --git a/src/views/application-management/services/components/runs/detail-modal/run-logs.vue b/src/views/application-management/services/components/runs/detail-modal/run-logs.vue
index b6b6964e..781ad2d3 100644
--- a/src/views/application-management/services/components/runs/detail-modal/run-logs.vue
+++ b/src/views/application-management/services/components/runs/detail-modal/run-logs.vue
@@ -30,16 +30,6 @@
         return props.fullscreen ? 'calc(100vh - 310px)' : '310px';
       });
 
-      // watch(
-      //   () => props.runData,
-      //   () => {
-      //     console.log('props.runData=============', props.runData);
-      //   },
-      //   {
-      //     immediate: true,
-      //     deep: true
-      //   }
-      // );
       const renderStaticLogs = () => {
         if (props.runData?.status?.summaryStatus === RevisionStatus.Running) {
           return null;
diff --git a/src/views/application-management/services/pages/clone.vue b/src/views/application-management/services/pages/clone.vue
index 5138b02b..f6bec4a6 100644
--- a/src/views/application-management/services/pages/clone.vue
+++ b/src/views/application-management/services/pages/clone.vue
@@ -95,7 +95,7 @@
             trigger="hover"
             position="br"
             :loading="submitLoading"
-            :actions="actionList"
+            :actions="SaveActions"
             @select="handleSelect"
           >
           </GroupButtonMenu>
@@ -175,6 +175,7 @@
   let copyFormData: any = {};
   const formData = reactive({
     draft: false,
+    preview: false,
     environmentID: '',
     environmentIDs: [],
     items: []
@@ -254,6 +255,7 @@
           projectID: route.params.projectId as string,
           ...formData
         });
+        console.log('formData====', formData);
         succeedList.value.add(environmentID);
         failedList.value.delete(environmentID);
         errorMap.value.delete(environmentID);
@@ -284,13 +286,12 @@
       console.log(error);
     }
   };
-  const handleOk = async (draft: boolean) => {
+  const handleOk = async () => {
     const res = await formref.value?.validate();
     if (!res) {
       trigger.value = true;
       try {
         submitLoading.value = true;
-        formData.draft = draft;
         await handleCloneServices();
         await batchCloneQueue();
         copyFormData = _.cloneDeep(formData);
@@ -309,11 +310,14 @@
   };
 
   const handleSelect = (value) => {
-    if (value === 'deploy') {
-      handleOk(false);
-    } else if (value === 'draft') {
-      handleOk(true);
+    formData.preview = false;
+    formData.draft = false;
+    if (value === 'draft') {
+      formData.draft = true;
+    } else if (value === 'preview') {
+      formData.preview = true;
     }
+    handleOk();
   };
 
   const handleCancel = () => {