refactor(appeal.vue): 简化消息容器的样式结构

重构了消息容器的样式结构，移除了冗余的嵌套 div 元素，使代码更简洁易读。主要调整了消息内容和警告信息的布局，确保功能保持不变。

src/views/quality/appeal.vue

@@ -26,29 +26,25 @@
                                         </el-icon>
                                     </div>
                                     <div
-                                        :class="['p-3 rounded-lg relative group', msg.type === 'agent' ? 'bg-blue-500 text-white' : 'bg-gray-100']">
+                                        :class="['rounded-lg relative group']">
                                         <div :class="['text-sm mb-1', msg.type === 'agent' ? 'text-right' : '']">
                                             {{ msg.type === 'agent' ? '坐席' : '客户' }} ({{ msg.time
                                             }})
                                         </div>
-                                        <div>{{ msg.content }}</div>
-                                        <div v-if="msg.warning" class="mt-2 text-xs text-red-500">{{ msg.warning }}
-                                        </div>
-                                        <el-button v-show="false"
-                                            class="group-hover:block absolute -top-3 -right-3 !p-1 !rounded-full bg-red-500 text-white shadow-md"
-                                            @click.stop="handleAppeal">
-                                            <el-icon class="text-xs">
-                                                <Close />
-                                            </el-icon>
-                                        </el-button>
-                                        <div v-if="msg.type === 'agent'"
-                                            class="hidden group-hover:flex items-center justify-center absolute top-0 -left-[55px] -translate-x-1/2 !p-1 ">
-                                            <el-button @click.stop="handleAppeal">
-                                                <el-icon>
-                                                    <CirclePlus />
-                                                </el-icon>
-                                                加入申诉
-                                            </el-button>
+                                        <div :class="['p-3 rounded-lg relative group', msg.type === 'agent' ? 'bg-blue-500 text-white' : 'bg-gray-100']">
+                                            <div>{{ msg.content }}</div>
+                                           
+                                            </div>
+                                            <div v-if="msg.warning" class="mt-2 text-xs text-red-500">{{ msg.warning }}
+                                            <div v-if="msg.type === 'agent' && msg.warning"
+                                                class="hidden group-hover:flex items-center justify-center absolute top-0 -left-[55px] -translate-x-1/2 !p-1 ">
+                                                <el-button @click.stop="handleAppeal">
+                                                    <el-icon>
+                                                        <CirclePlus />
+                                                    </el-icon>
+                                                    加入申诉
+                                                </el-button>
+                                            </div>
                                         </div>
                                     </div>
                                 </div>