发起变更，底部封装通用组件

src/views/my/initiateChange/modules/changeTraining.vue

@@ -0,0 +1,56 @@
+<!-- 变更培训内容 -->
+<script setup lang="ts">
+import { ref } from 'vue';
+import { Icon } from '@iconify/vue'
+import { useThemeStore } from '@/store/modules/theme';
+import Footer from './footer.vue';
+
+const themeStore = useThemeStore();
+
+const props = defineProps(['isAiOpen','title','currentId'])
+const emit = defineEmits(['confirmTab']);
+// 是否是ai生成
+const isAiGenerated = ref<boolean>(false);
+const form = ref<{ content: string }>({
+  content: ''
+});
+</script>
+
+<template>
+<div class="p-4">
+  <div class="space-y-4 scroll">
+    <div class="flex flex-wrap items-center gap-3 mb-3 min-h-[22px]">
+      <span class="flex items-center gap-1.5 text-sm font-semibold text-slate-700">
+        <Icon icon="lucide:graduation-cap" class="size-16px text-violet-500" />
+        变更培训内容
+      </span>
+      <span v-if="isAiGenerated" class="inline-flex items-center gap-1 rounded-full border border-violet-200 bg-violet-100 px-2 py-0.5 text-xs font-medium text-violet-700">
+        ✨ AI 生成 · 需人工确认
+      </span>
+      <span v-if="isAiGenerated" class="ml-auto text-xs text-slate-400">AI 生成内容均可点击修改自定义</span>
+    </div>
+    <!-- 培训内容 -->
+    <div class="border" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+      <div class="flex flex-wrap items-center gap-2 bg-slate-100 px-3 py-2">
+        <span class="text-sm font-medium text-slate-700">培训内容</span>
+        <span class="text-[11px] text-slate-400">含培训对象、培训方式、变更内容、操作方式、潜在风险与应对措施，一个文本框自动分段换行</span>
+        <span class="ml-auto text-[11px] text-slate-400">内容支持直接修改</span>
+      </div>
+      <NInput v-model:value="form.content" type="textarea" :bordered="false" :autosize="{minRows: 4}" class="font-mono text-sm" placeholder="" />
+    </div>
+  </div>
+</div>
+<Footer
+  type="train"
+  :currentId="props.currentId" 
+  :title="props.title"
+  :isAiOpen="props.isAiOpen"
+  :currentForm="form"
+/>
+</template>
+<style scoped lang="scss">
+.scroll {
+  height: calc(100vh - 393px);
+  overflow-y: auto;
+}
+</style>