From ebe4a26345dc0f0b7dc2e49543903b6542a5228b Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 12 Jun 2024 13:57:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F=E6=94=AF=E6=8C=81=E5=A4=96?=
 =?UTF-8?q?=E9=83=A8=E5=8F=82=E6=95=B0=E8=AE=BE=E7=BD=AE=20#9107=20#9246?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../data-visualization/DvToolbar.vue          | 34 ++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/core/core-frontend/src/components/data-visualization/DvToolbar.vue b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
index ee8b0a78f0..3e644639ff 100644
--- a/core/core-frontend/src/components/data-visualization/DvToolbar.vue
+++ b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
@@ -19,6 +19,8 @@ import MoreComGroup from '@/custom-component/component-group/MoreComGroup.vue'
 import { XpackComponent } from '@/components/plugin'
 import { useCache } from '@/hooks/web/useCache'
 import QueryGroup from '@/custom-component/component-group/QueryGroup.vue'
+import ComponentButton from '@/components/visualization/ComponentButton.vue'
+import OuterParamsSet from '@/components/visualization/OuterParamsSet.vue'
 let nameEdit = ref(false)
 let inputName = ref('')
 let nameInput = ref(null)
@@ -27,10 +29,11 @@ const snapshotStore = snapshotStoreWithOut()
 const { styleChangeTimes, snapshotIndex } = storeToRefs(snapshotStore)
 const resourceGroupOpt = ref(null)
 const dvToolbarMain = ref(null)
-const { canvasStyleData, dvInfo, editMode } = storeToRefs(dvMainStore)
+const { componentData, canvasStyleData, dvInfo, editMode } = storeToRefs(dvMainStore)
 let scaleEdit = 100
 const { wsCache } = useCache('localStorage')
 const dvModel = 'dataV'
+const outerParamsSetRef = ref(null)
 
 const closeEditCanvasName = () => {
   nameEdit.value = false
@@ -167,6 +170,18 @@ const isDataEaseBi = computed(() => appStore.getIsDataEaseBi)
 eventBus.on('preview', preview)
 eventBus.on('save', saveCanvasWithCheck)
 eventBus.on('clearCanvas', clearCanvas)
+
+const openOuterParamsSet = () => {
+  if (componentData.value.length === 0) {
+    ElMessage.warning('当前仪表板为空，请先添加组件')
+    return
+  }
+  if (!dvInfo.value.id) {
+    ElMessage.warning('请先保存当前页面')
+    return
+  }
+  outerParamsSetRef.value.optInit()
+}
 </script>
 
 <template>
@@ -251,6 +266,15 @@ eventBus.on('clearCanvas', clearCanvas)
         </div>
       </template>
       <div class="right-area">
+        <el-tooltip effect="dark" content="外部参数设置" placement="bottom">
+          <component-button
+            v-show="editMode === 'edit'"
+            tips="外部参数设置"
+            @custom-click="openOuterParamsSet"
+            icon-name="icon_params_setting"
+          />
+        </el-tooltip>
+        <div v-show="editMode === 'edit'" class="divider"></div>
         <el-button
           v-if="editMode === 'preview'"
           icon="EditPen"
@@ -292,6 +316,7 @@ eventBus.on('clearCanvas', clearCanvas)
       ref="resourceGroupOpt"
     />
   </div>
+  <outer-params-set ref="outerParamsSetRef"> </outer-params-set>
   <XpackComponent ref="openHandler" jsname="L2NvbXBvbmVudC9lbWJlZGRlZC1pZnJhbWUvT3BlbkhhbmRsZXI=" />
 </template>
 
@@ -402,4 +427,11 @@ eventBus.on('clearCanvas', clearCanvas)
     background-color: #1e2637;
   }
 }
+
+.divider {
+  background: #ffffff4d;
+  width: 1px;
+  height: 18px;
+  margin-right: 12px;
+}
 </style>