From fde6c4cb9efc13dd2cbbdb744d4c1fe6c4a92720 Mon Sep 17 00:00:00 2001
From: hujiale <13306077+hujiale9527@user.noreply.gitee.com>
Date: Wed, 23 Oct 2024 20:15:15 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=AF=E7=BC=96=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dashboard/home/components/Output5/index.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/apps/web-test/src/views/dashboard/home/components/Output5/index.vue b/apps/web-test/src/views/dashboard/home/components/Output5/index.vue
index bbc2975e..219a2c49 100644
--- a/apps/web-test/src/views/dashboard/home/components/Output5/index.vue
+++ b/apps/web-test/src/views/dashboard/home/components/Output5/index.vue
@@ -1,19 +1,28 @@
 <template>
   <div class="custom-card w-[100%] h-[100%] flex flex-col">
-    <div class="card-name titlt-top">我的应用</div>
+    <div class="card-name titlt-top" v-if="isEdit"><div>我的应用</div><EditOutlined /></div>
+    <div class="card-name titlt-top" v-else >
+      <Input v-model:value="cardName" >
+        <template #addonAfter>
+          <CheckOutlined />
+        </template>
+      </Input></div>
     <GridGroup :list="data.childer" class="flex-1"></GridGroup>
   </div>
 </template>
 <script setup lang="ts">
-import { toRefs } from 'vue'
-import GridGroup from '../GridGroup/index.vue'
-
+import { toRefs ,ref} from 'vue'
+import GridGroup from '../GridGroup/index.vue';
+import { CheckOutlined,EditOutlined} from '@ant-design/icons-vue';
+import { Input } from 'ant-design-vue';
+let cardName = ref('我的应用')
 const props = defineProps({
   data: {
     type: Object,
     default: {}
   },
 })
+let isEdit = ref(true)
 console.log('propsprops', props.data);
 let { data } = toRefs(props);