listGroup

components.d.ts

@@ -31,9 +31,12 @@ declare module 'vue' {
     Info: typeof import('./src/components/Enterprise/info.vue')['default']
     Introduction: typeof import('./src/components/Enterprise/components/introduction.vue')['default']
     Item: typeof import('./src/components/Position/item.vue')['default']
+    ItemGroup: typeof import('./src/components/FormUI/itemGroup/index.vue')['default']
     JobTypeCard: typeof import('./src/components/jobTypeCard/index.vue')['default']
+    ListGroup: typeof import('./src/components/FormUI/nestedListGroup/components/listGroup.vue')['default']
     LongCompany: typeof import('./src/components/Position/longCompany.vue')['default']
     LongStrip: typeof import('./src/components/Position/longStrip.vue')['default']
+    NestedListGroup: typeof import('./src/components/FormUI/nestedListGroup/index.vue')['default']
     Positions: typeof import('./src/components/Enterprise/components/positions.vue')['default']
     PreviewImg: typeof import('./src/components/PreviewImg/index.vue')['default']
     RadioGroup: typeof import('./src/components/FormUI/radioGroup/index.vue')['default']

src/components/FormUI/nestedListGroup/components/listGroup.vue

@@ -17,20 +17,29 @@
         <template v-slot:activator="{ props }">
           <v-list-item v-bind="props" :title="val[item.itemText || 'label']"></v-list-item>
         </template>
-        <v-list-item
+        <template v-if="!val.children?.length">
+          <v-list-item
+            active-class="active"
+            color="primary"
+            :title="val[item.itemText || 'label']"
+          >
+          </v-list-item>
+        </template>
+        <!-- <v-list-item
           v-for="(k, i) in val.children"
           :key="`k_${i}`"
           color="primary"
           style="padding-left: 40px;"
           :title="k[item.itemText || 'label']"
           :value="k[item.itemValue || 'value']"
-        ></v-list-item>
+        ></v-list-item> -->
       </v-list-group>
     </template>
   </v-list>
 </template>
 
 <script setup>
+import listGroup from './listGroup'
 defineOptions({ name:'nestedListGroup-listGroup'})
 const propsData = defineProps({item: Object})
 const item = propsData.item

src/components/FormUI/nestedListGroup/index.vue

@@ -30,7 +30,8 @@
           @update:modelValue="modelValueUpDate"
         ></v-text-field>
       </template>
-      <v-list class="side-box" color="primary">
+      <listGroup :item="item"></listGroup>
+      <!-- <v-list class="side-box" color="primary">
         <template v-for="(val, index) in item.items" :key="item?.itemValue? val[item.itemValue] : index">
           <template v-if="!val.children?.length">
             <v-list-item
@@ -58,12 +59,13 @@
             ></v-list-item>
           </v-list-group>
         </template>
-      </v-list>
+      </v-list> -->
     </v-menu>
   </div>
 </template>
 
 <script setup>
+import listGroup from './components/listGroup'
 import { defineEmits, ref } from 'vue';
 defineOptions({ name:'FormUI-nestedListGroup'})
 const propsData = defineProps({item: Object, modelValue: [String, Number]})