From 7d2959b708039df3104dd1f47c908ea1634dbeb6 Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Tue, 28 Oct 2025 00:36:55 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=89=8D=E7=AB=AF=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E6=A8=A1=E6=9D=BF=E6=96=87=E4=BB=B6=EF=BC=8C=E7=A1=AE?=
 =?UTF-8?q?=E4=BF=9D=E5=88=9B=E5=BB=BA=E7=9A=84=E6=A8=A1=E6=9D=BFvue?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E4=B8=8D=E4=BC=9A=E5=BC=95=E8=B5=B7=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/jingrow/jingrow/api/dev.py | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/apps/jingrow/jingrow/api/dev.py b/apps/jingrow/jingrow/api/dev.py
index 6ea97c9..03e0106 100644
--- a/apps/jingrow/jingrow/api/dev.py
+++ b/apps/jingrow/jingrow/api/dev.py
@@ -77,29 +77,40 @@ async def create_pagetypes(payload: Dict[str, Any]):
                             frontend_exists = True
                         else:
                             # 创建字段类型组件的模板
-                            field_content = f'''<script setup lang="ts">
-import {{ computed }} from 'vue'
+                            field_content = '''<script setup lang="ts">
+import { computed } from 'vue'
+import { NInput } from 'naive-ui'
 
-const props = defineProps<{{ 
+const props = defineProps<{ 
   df: any; 
   record: Record<string, any>; 
   canEdit: boolean; 
   ctx: any 
-}}>()
+}>()
 
-// TODO: 实现 {field_type_name} 字段类型逻辑
+// Label布局：上下结构(vertical) 或 左右结构(horizontal)
+const labelLayout = computed(() => props.df.label_layout || 'vertical')
 </script>
 
 <template>
-  <div class="field-{field_type_name.lower()}">
-    <!-- TODO: 实现 {field_type_name} 界面 -->
+  <div :class="['field-wrapper', `layout-${labelLayout}`]">
+    <label class="field-label">
+      {{ ctx.t(df.label || df.fieldname) }}
+      <span v-if="df.reqd" class="required">*</span>
+    </label>
+    <n-input 
+      v-model:value="record[df.fieldname]" 
+      type="text"
+      :placeholder="ctx.t(df.fieldname)"
+      :disabled="!canEdit"
+    />
   </div>
 </template>
 
 <style scoped>
-.field-{field_type_name.lower()} {{
-  /* TODO: 添加样式 */
-}}
+.field-wrapper :deep(.n-input) {
+  flex: 1;
+}
 </style>
 '''
                             field_file.write_text(field_content, encoding="utf-8")