update

src/components/Comment/index.vue

@@ -1,4 +1,5 @@
 <script setup>
+import {computed} from "vue";
 import Api from "../../api/index.js";
 import {Message} from "@arco-design/web-vue";
 
@@ -13,6 +14,7 @@ const {data, hideDelete} = defineProps({
         default: false,
     }
 });
+const list = computed(() => data?.flatMap(v => v.children ? [v, ...v.children] : [v]));
 const del = async (id) => {
     const {msg} = await Api.merchant.delChildrenComment(id);
     Message.success(msg);
@@ -21,12 +23,12 @@ const del = async (id) => {
 </script>
 
 <template>
-    <div v-for="(item, index) in data" :key="item.id" class="flex items-center">
+    <div v-for="(item, index) in list" :key="item.id" class="flex items-center">
         <div class="mr-[5px] min-w-[15px]">{{ index + 1 }}.</div>
         <div class="box">
             <div class="flex items-center whitespace-nowrap" v-if="item.pid>0">
                 <img class="size-[9px] mr-[5px]" src="../../assets/images/back.png" alt=""/>
-                回复{{ data.findIndex(k => k.pid === item.pid) }}:
+                回复{{ list.findIndex(k => k.pid === item.pid) }}:
             </div>
             <img class="size-[32px]" v-if="item.image" :src="item.image" alt=""/>
             <div class="whitespace-nowrap">{{ item.intro }}</div>