feat: d new layout components including FullWidthLayout, LayoutHeader, TabLayout, CardLayout, FormLayout, BasicLayout, and a Copywriting view.

frontend/app/web-gold/src/layouts/components/FormLayout.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ArrowLeftOutlined } from '@ant-design/icons-vue'
+import LayoutHeader from './LayoutHeader.vue'
 
 defineOptions({ name: 'FormLayout' })
 
@@ -54,20 +55,15 @@ const handleBack = () => {
 
 <template>
   <div class="form-layout">
-    <!-- 页面头部 -->
-    <div class="form-layout__header">
-      <div class="header-left">
-        <a-button v-if="showBack" type="text" @click="handleBack" class="back-btn">
-          <template #icon>
-            <ArrowLeftOutlined />
-          </template>
-        </a-button>
-        <h1 v-if="title" class="header-title">{{ title }}</h1>
-      </div>
-      <div class="header-right">
+    <LayoutHeader 
+      :title="title" 
+      :show-back="showBack" 
+      @back="handleBack"
+    >
+      <template #extra>
         <slot name="extra"></slot>
-      </div>
-    </div>
+      </template>
+    </LayoutHeader>
 
     <!-- 表单内容 -->
     <div class="form-layout__content">
@@ -107,58 +103,6 @@ const handleBack = () => {
   border-radius: var(--radius-md);
 }
 
-.form-layout__header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--space-md);
-  padding: var(--space-md) var(--space-lg);
-  border-bottom: 1px solid var(--border-light);
-  background: var(--bg-primary);
-  flex-shrink: 0;
-}
-
-.header-left {
-  display: flex;
-  align-items: center;
-  gap: var(--space-md);
-  flex: 1;
-  min-width: 0;
-}
-
-.back-btn {
-  padding: var(--space-xs);
-  border: none;
-  background: transparent;
-  color: var(--text-secondary);
-  border-radius: var(--radius-sm);
-  cursor: pointer;
-  transition: all 0.15s ease;
-  font-size: 16px;
-  line-height: 1;
-
-  &:hover {
-    background: var(--bg-hover);
-    color: var(--text-primary);
-  }
-}
-
-.header-title {
-  font-size: 18px;
-  font-weight: 500;
-  color: var(--text-primary);
-  margin: 0;
-  line-height: 1.3;
-  letter-spacing: -0.01em;
-}
-
-.header-right {
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  flex-shrink: 0;
-}
-
 .form-layout__content {
   flex: 1;
   overflow: auto;