|
|
@@ -1,7 +1,8 @@
|
|
|
<template>
|
|
|
<div class="public-range-container">
|
|
|
<!-- 统一使用带标题容器的结构,确保标题对齐 -->
|
|
|
- <div class="form-section">
|
|
|
+ <!-- FC区域 - 支持可插拔控制 -->
|
|
|
+ <div class="form-section" v-if="showFc">
|
|
|
<div class="section-title">FC</div>
|
|
|
<div class="section-content">
|
|
|
<el-checkbox-group v-model="modelValue.brandCode">
|
|
|
@@ -17,6 +18,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <!-- 業種区域 - 原有可插拔控制 -->
|
|
|
<div class="form-section" v-if="showBusinessType">
|
|
|
<div class="section-title">業種</div>
|
|
|
<div class="section-content">
|
|
|
@@ -33,7 +35,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="form-section">
|
|
|
+ <!-- エリア区域 - 支持可插拔控制 -->
|
|
|
+ <div class="form-section" v-if="showArea">
|
|
|
<div class="section-title">エリア</div>
|
|
|
<div class="area-header-row">
|
|
|
<RegionTree
|
|
|
@@ -75,9 +78,20 @@ const props = defineProps({
|
|
|
required: true,
|
|
|
default: () => []
|
|
|
},
|
|
|
+ // 業種显示控制
|
|
|
showBusinessType: {
|
|
|
type: Boolean,
|
|
|
default: true
|
|
|
+ },
|
|
|
+ // FC显示控制
|
|
|
+ showFc: {
|
|
|
+ type: Boolean,
|
|
|
+ default: true
|
|
|
+ },
|
|
|
+ // エリア显示控制
|
|
|
+ showArea: {
|
|
|
+ type: Boolean,
|
|
|
+ default: true
|
|
|
}
|
|
|
});
|
|
|
|
|
|
@@ -150,4 +164,4 @@ watch(
|
|
|
margin-right: 15px;
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|