diff --git a/src/views/super/bpm/process/personalOffice/myHandleTask/content/TaskSupplementApprovalOpinionContent.vue b/src/views/super/bpm/process/personalOffice/myHandleTask/content/TaskSupplementApprovalOpinionContent.vue
new file mode 100644
index 0000000..988fb0e
--- /dev/null
+++ b/src/views/super/bpm/process/personalOffice/myHandleTask/content/TaskSupplementApprovalOpinionContent.vue
@@ -0,0 +1,87 @@
+<template>
+  <div class="supplement-opinion-pane">
+    <a-form layout="vertical">
+      <a-form-item label="审批意见" required>
+        <a-textarea
+          v-model:value="opinion"
+          :maxlength="1000"
+          :rows="8"
+          show-count
+          placeholder="请输入增补审批意见"
+        />
+      </a-form-item>
+      <a-form-item>
+        <a-button type="primary" :loading="submitLoading" @click="handleSubmit">提交</a-button>
+      </a-form-item>
+    </a-form>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { saveSupplementOpinion } from '/@/views/taskApprovalOpinion/TaskApprovalOpinion.api';
+
+  const props = defineProps<{
+    formData: Recordable;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'success'): void;
+  }>();
+
+  const { createMessage } = useMessage();
+  const opinion = ref('');
+  const submitLoading = ref(false);
+
+  function getProcessInstId() {
+    return props.formData?.procInsId || props.formData?.procInstId || props.formData?.processInstanceId;
+  }
+
+  function getVars() {
+    return props.formData?.vars || {};
+  }
+
+  function buildSubmitParams(opinionText: string) {
+    const vars = getVars();
+    return {
+      processInstId: getProcessInstId(),
+      flowTaskId: props.formData?.flowTaskId || props.formData?.taskId,
+      taskDefKey: props.formData?.taskDefKey,
+      taskTaskId: props.formData?.taskTaskId || props.formData?.dataId || props.formData?.processDataId,
+      businessId: props.formData?.businessId || vars.businessId || vars.business_id,
+      flowCode: props.formData?.flowCode || vars.flowCode || vars.flow_code,
+      opinion: opinionText,
+    };
+  }
+
+  async function handleSubmit() {
+    const opinionText = opinion.value.trim();
+    if (!getProcessInstId()) {
+      createMessage.error('流程实例ID不能为空');
+      return;
+    }
+    if (!opinionText) {
+      createMessage.warning('请输入增补审批意见');
+      return;
+    }
+
+    submitLoading.value = true;
+    try {
+      await saveSupplementOpinion(buildSubmitParams(opinionText));
+      opinion.value = '';
+      emit('success');
+    } finally {
+      submitLoading.value = false;
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .supplement-opinion-pane {
+    height: 100%;
+    padding: 16px 24px;
+    box-sizing: border-box;
+    background-color: #fff;
+  }
+</style>