新增抽屉组件并在举报弹窗中替换原有实现，优化了样式和结构

src/components/common/Drawer.vue

+<template>
+  <el-drawer
+    :visible="visible"
+    :title="title"
+    :size="size"
+    :append-to-body="true"
+    @close="$emit('close')"
+    :show-close="false"
+  >
+    <template #title>
+      <div class="flex items-center">
+        <svg-icon
+          @click="$emit('close')"
+          svgName="icon-fanhui"
+          class="mr-[8px] w-[20px] text-[20px] cursor-pointer"
+        ></svg-icon>
+        <span class="text-[13px] text-[#131920] leading-[13px]">{{
+          title
+        }}</span>
+      </div>
+    </template>
+    <slot></slot>
+
+    <span class="dialog-footer rowFlex">
+      <slot name="footer">
+        <el-button class="btn" size="small" @click="$emit('close')">
+          取 消
+        </el-button>
+        <el-button
+          class="btn"
+          type="primary"
+          size="small"
+          :disabled="okDisabled"
+          @click="$emit('ok')"
+        >
+          确 定
+        </el-button>
+      </slot>
+    </span>
+  </el-drawer>
+</template>
+<script>
+export default {
+  name: "Ui-Drawer",
+  props: ["visible", "size", "title", "okDisabled"],
+};
+</script>
+<style scoped>
+::v-deep .el-drawer__header {
+  padding: 12px 0px;
+  margin: 0 12px;
+}
+.dialog-footer {
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  border-top: 0;
+  justify-content: flex-end;
+  background: #fff;
+  z-index: 10;
+
+  .btn {
+    width: 60px;
+    height: 32px;
+    border-radius: 6px;
+  }
+}
+</style>