修改底部数据的显示

src/components/common/url-value/index.vue

@@ -1,6 +1,6 @@
 <!-- 链接组件 -->
 <template>
-    <div class="flex-row align-c gap-10 br-d radius-sm plr-11 url-value-input" @click="dialogVisible = true">
+    <div class="flex-row align-c gap-10 br-d radius-sm plr-11 url-value-input" @click="dialogVisible = props.isDisabled">
         <div class="flex-1 flex-width size-12 text-line-1">
             <text v-if="!is_obj_empty(modelValue)">{{ modelValue.name || modelValue.title }}</text>
             <text v-else class="cr-9">{{ placeholder }}</text>
@@ -10,7 +10,7 @@
                 <icon name="arrow-right" size="12" color="9"></icon>
             </template>
             <template v-else>
-                <div @click.stop="clear_model_value">
+                <div v-if="props.isDisabled" @click.stop="clear_model_value">
                     <icon name="close-fillup" size="12" color="c"></icon>
                 </div>
             </template>
@@ -42,6 +42,10 @@ const props = defineProps({
         type: Number,
         default: 0,
     },
+    isDisabled: {
+        type: Boolean,
+        default: true,
+    },
 });
 const modelValue = defineModel({ type: Object, default: {} });
 const new_model_value = ref<any[]>([]);

src/components/footer-nav/footer-nav-content.vue

@@ -45,7 +45,14 @@
                                     <el-input v-model="row.name" placeholder="请输入名称" clearable />
                                 </el-form-item>
                                 <el-form-item label="链接" label-width="45">
-                                    <url-value v-model="row.link" :dialog-position-top="footerDialogPositionTop"></url-value>
+                                    <div class="flex-row align-c gap-10 w h">
+                                        <url-value v-model="row.link" :dialog-position-top="footerDialogPositionTop" :is-disabled="!config.sync_bool"></url-value>
+                                        <template v-if="config.sync_bool">
+                                            <el-tooltip effect="dark" :show-after="200" :hide-after="200" content="首页地址不能更改" raw-content placement="top">
+                                                <icon name="miaosha-hdgz" size="12" color="#999"></icon>
+                                            </el-tooltip>
+                                        </template>
+                                    </div>
                                 </el-form-item>
                             </div>
                         </template>