From 979392d5ab804e060b78c952b65e29b029289250 Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Sun, 29 Sep 2024 16:30:20 +0800
Subject: [PATCH] =?UTF-8?q?1.=E5=BC=B9=E7=AA=97=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/upload/index.vue               |  6 +++++-
 src/components/common/url-value/index.vue            |  6 +++++-
 src/components/common/url-value/url-value-dialog.vue |  6 +++++-
 src/components/footer-nav/footer-nav-content.vue     | 10 +++++++---
 src/components/footer-nav/footer-nav-setting.vue     |  6 +++++-
 src/views/tabbar/components/settings/index.vue       |  6 +++++-
 src/views/tabbar/index.vue                           |  3 ++-
 7 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/src/components/common/upload/index.vue b/src/components/common/upload/index.vue
index f89339fe..02524b81 100644
--- a/src/components/common/upload/index.vue
+++ b/src/components/common/upload/index.vue
@@ -1,6 +1,6 @@
 <!-- 上传组件 -->
 <template>
-    <el-dialog v-model="dialog_visible" class="radius-lg" width="1168" draggable :close-on-click-modal="false" append-to-body>
+    <el-dialog v-model="dialog_visible" class="radius-lg" width="1168" draggable :close-on-click-modal="false" :top="dialogPositionTop ? dialogPositionTop + 'px' : ''" append-to-body>
         <template #header>
             <div class="title re">
                 <el-radio-group v-model="upload_type" is-button @change="upload_type_change">
@@ -283,6 +283,10 @@ const props = defineProps({
         type: Boolean,
         default: false,
     },
+    dialogPositionTop: {
+        type: Number,
+        default: 0,
+    },
 });
 
 const model_value_upload = defineModel({ type: Array as PropType<uploadList[]>, default: [] });
diff --git a/src/components/common/url-value/index.vue b/src/components/common/url-value/index.vue
index d7bb6593..d859c757 100644
--- a/src/components/common/url-value/index.vue
+++ b/src/components/common/url-value/index.vue
@@ -16,7 +16,7 @@
             </template>
         </div>
     </div>
-    <url-value-dialog v-model:model-value="new_model_value" v-model:dialog-visible="dialogVisible" :select-is-url="true" :type="type" @update:model-value="model_value_call_back"></url-value-dialog>
+    <url-value-dialog v-model:model-value="new_model_value" v-model:dialog-visible="dialogVisible" :select-is-url="true" :type="type" :dialog-position-top="dialogPositionTop" @update:model-value="model_value_call_back"></url-value-dialog>
 </template>
 <script lang="ts" setup>
 import { is_obj_empty } from '@/utils';
@@ -38,6 +38,10 @@ const props = defineProps({
         type: String,
         default: '请选择链接',
     },
+    dialogPositionTop: {
+        type: Number,
+        default: 0,
+    },
 });
 const modelValue = defineModel({ type: Object, default: {} });
 const new_model_value = ref<any[]>([]);
diff --git a/src/components/common/url-value/url-value-dialog.vue b/src/components/common/url-value/url-value-dialog.vue
index 5f870397..fe8ed0be 100644
--- a/src/components/common/url-value/url-value-dialog.vue
+++ b/src/components/common/url-value/url-value-dialog.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-dialog v-model="dialogVisible" class="radius-lg" width="1168" draggable append-to-body :close-on-click-modal="false" @close="close_event">
+    <el-dialog v-model="dialogVisible" class="radius-lg" width="1168" draggable append-to-body :close-on-click-modal="false" :top="dialogPositionTop ? dialogPositionTop + 'px' : ''" @close="close_event">
         <template #header>
             <div class="title center re">
                 <div class="tc size-16 fw">{{ dialog_title }}</div>
@@ -89,6 +89,10 @@ const props = defineProps({
         type: Boolean,
         default: false,
     },
+    dialogPositionTop: {
+        type: Number,
+        default: 0,
+    },
 });
 const modelValue = defineModel({ type: Array, default: [] });
 const dialogVisible = defineModel('dialogVisible', { type: Boolean, default: false });
diff --git a/src/components/footer-nav/footer-nav-content.vue b/src/components/footer-nav/footer-nav-content.vue
index 556df15f..bd829e3e 100644
--- a/src/components/footer-nav/footer-nav-content.vue
+++ b/src/components/footer-nav/footer-nav-content.vue
@@ -27,11 +27,11 @@
                             <div class="w">
                                 <el-form-item label="图标" label-width="45">
                                     <div class="flex-col jc-c align-c mr-12">
-                                        <upload v-model="row.img" :limit="1" :size="44" :styles="1"></upload>
+                                        <upload v-model="row.img" :limit="1" :size="44" :styles="1" :dialog-position-top="footerDialogPositionTop"></upload>
                                         <text class="cr-9 size-12">未选中</text>
                                     </div>
                                     <div class="flex-col jc-c align-c">
-                                        <upload v-model="row.img_checked" :limit="1" :size="44" :styles="1"></upload>
+                                        <upload v-model="row.img_checked" :limit="1" :size="44" :styles="1" :dialog-position-top="footerDialogPositionTop"></upload>
                                         <text class="cr-9 size-12">选中</text>
                                     </div>
                                 </el-form-item>
@@ -39,7 +39,7 @@
                                     <el-input v-model="row.name" placeholder="请输入名称" clearable />
                                 </el-form-item>
                                 <el-form-item label="链接" label-width="45">
-                                    <url-value v-model="row.link"></url-value>
+                                    <url-value v-model="row.link" :dialog-position-top="footerDialogPositionTop"></url-value>
                                 </el-form-item>
                             </div>
                         </template>
@@ -57,6 +57,10 @@ const props = defineProps({
         type: Object,
         default: () => {},
     },
+    footerDialogPositionTop: {
+        type: Number,
+        default: 0,
+    },
 });
 const form = ref(props.value);
 const emit = defineEmits(['update:value']);
diff --git a/src/components/footer-nav/footer-nav-setting.vue b/src/components/footer-nav/footer-nav-setting.vue
index b44e2e05..9bec9259 100644
--- a/src/components/footer-nav/footer-nav-setting.vue
+++ b/src/components/footer-nav/footer-nav-setting.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="container">
         <template v-if="type == '1'">
-            <footer-nav-content :value="form.content" @update:value="content_update"></footer-nav-content>
+            <footer-nav-content :value="form.content" :footer-dialog-position-top="footerDialogPositionTop" @update:value="content_update"></footer-nav-content>
         </template>
         <template v-else-if="type == '2'">
             <footer-nav-styles :value="form.style"></footer-nav-styles>
@@ -18,6 +18,10 @@ const props = defineProps({
         type: Object,
         default: () => ({}),
     },
+    footerDialogPositionTop: {
+        type: Number,
+        default: 0,
+    },
 });
 const form = ref(props.value);
 const emit = defineEmits(['update:value']);
diff --git a/src/views/tabbar/components/settings/index.vue b/src/views/tabbar/components/settings/index.vue
index ba7dcdb4..b0857b64 100644
--- a/src/views/tabbar/components/settings/index.vue
+++ b/src/views/tabbar/components/settings/index.vue
@@ -10,7 +10,7 @@
         <div class="box-shadow-sm">
             <div class="setting-content">
                 <!-- 底部导航 -->
-                <footer-nav-setting :type="radio" :value="value"></footer-nav-setting>
+                <footer-nav-setting :type="radio" :value="value" :footer-dialog-position-top="footerDialogPositionTop"></footer-nav-setting>
             </div>
         </div>
     </div>
@@ -21,6 +21,10 @@ const props = defineProps({
         type: Object,
         default: () => ({}),
     },
+    footerDialogPositionTop: {
+        type: Number,
+        default: 0,
+    },
 });
 const radio = ref('1'); // 创建一个响应式的数字变量，初始值为0
 </script>
diff --git a/src/views/tabbar/index.vue b/src/views/tabbar/index.vue
index fb52a742..5c554bd4 100644
--- a/src/views/tabbar/index.vue
+++ b/src/views/tabbar/index.vue
@@ -4,7 +4,7 @@
             <template v-if="!is_empty">
                 <div class="app-wrapper-content flex-row">
                     <app-main :footer="form"></app-main>
-                    <settings :key="key" :value="form"></settings>
+                    <settings :key="key" :value="form" :footer-dialog-position-top="footer_dialog_position_top"></settings>
                 </div>
                 <div class="app-wrapper-footer flex-row align-c">
                     <el-button type="primary" class="footer-save" :disabled="save_disabled" @click="save_event">保存</el-button>
@@ -30,6 +30,7 @@ const temp_form = ref(defaultSettings.footer_nav);
 const form = ref<any>({});
 
 const key = ref('');
+const footer_dialog_position_top = ref(0);
 //#region 页面初始化数据 ---------------------start
 // 页面加载
 onMounted(() => {