From 5ac7f3cf95c2e946041166cd8ac76db19484fb02 Mon Sep 17 00:00:00 2001
From: ZF sun <34314687@qq.com>
Date: Thu, 28 May 2026 11:57:57 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E8=A1=A8=E5=8D=95?=
 =?UTF-8?q?=E7=9B=B8=E5=85=B3=E6=A0=B7=E5=BC=8F=E5=B9=B6=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=A1=A8=E5=8D=95=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 调整两个表单组件中名称字段的宽度为80vw
2. 调整必填标记的左侧外边距为8rpx
3. 优化formdata页面：添加横幅和表单提示功能，改用scss样式
4. 移除原有表单标题，改用动态提示文本
5. 补充部分调试日志并格式化代码格式
---
 components/ns-form/ns-form.vue                |  2 +-
 .../_components/ns-newform/ns-newform.vue     |  4 +-
 pages_tool/form/formdata.vue                  | 45 +++++++++++++------
 3 files changed, 35 insertions(+), 16 deletions(-)

diff --git a/components/ns-form/ns-form.vue b/components/ns-form/ns-form.vue
index ccc9fc0..ce2d8c1 100644
--- a/components/ns-form/ns-form.vue
+++ b/components/ns-form/ns-form.vue
@@ -686,7 +686,7 @@
         }
 
         .name {
-            width: 160rpx;
+            width: 80vw;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
diff --git a/pages_tool/_components/ns-newform/ns-newform.vue b/pages_tool/_components/ns-newform/ns-newform.vue
index e632652..e9b1e0e 100644
--- a/pages_tool/_components/ns-newform/ns-newform.vue
+++ b/pages_tool/_components/ns-newform/ns-newform.vue
@@ -742,7 +742,7 @@ export default {
 		}
 		
 		.name {
-			width: 160rpx;
+			width: 80vw;
 			margin-bottom: 10rpx;
 			overflow: hidden;
 			text-overflow: ellipsis;
@@ -761,7 +761,7 @@ export default {
 			.required {
 				color: red;
 				font-size: 28rpx;
-				margin-left: 4rpx;
+				margin-left: 8rpx;
 				width: 14rpx;
 				text-align: left;
 				display: inline-block;
diff --git a/pages_tool/form/formdata.vue b/pages_tool/form/formdata.vue
index 0742639..0f33b88 100644
--- a/pages_tool/form/formdata.vue
+++ b/pages_tool/form/formdata.vue
@@ -1,13 +1,17 @@
 <template>
-	<view>
+	<view :style="themeColor">
 		<block v-if="detail">
 			<view class="page">
+				<view class="form-banner" v-if="detail.show_banner > 0">
+					<image :src="$util.img('public/uniapp/form/banner.png')" mode="widthFix"></image>
+				</view>
+				<view class="form-tip">
+					<view class="system-form-tip" v-if="detail.show_tip > 0">{{ formTip }}</view>
+				</view>
 				<view class="system-form-wrap">
-					<view class="form-title" style="text-align:center;padding-top:40rpx;font-weight:600;font-size:30rpx;">
-						请填写表单所需信息
-					</view>
 					<ns-newform ref="form" :data="detail.json_data" @submit="create"></ns-newform>
-					<button class="button mini" style="font-size:32rpx;" type="primary" size="mini" @click="create">提交</button>
+					<button class="button mini" style="font-size:32rpx;" type="primary" size="mini"
+						@click="create">提交</button>
 				</view>
 			</view>
 		</block>
@@ -37,13 +41,20 @@ export default {
 			uniacid: 0
 		}
 	},
+	computed: {
+		formTip() {
+			const tip = this.detail?.form_tip
+			console.log('formTip computed, tip value:', tip, 'truthy:', !!tip)
+			return tip ? tip : '请填写表单所需信息'
+		}
+	},
 	onLoad(options) {
 		if (!options.uniacid) {
 			uni.showModal({
 				title: '提示',
 				content: '参数错误',
 				showCancel: false,
-				success: () => {}
+				success: () => { }
 			})
 			return false
 		}
@@ -65,6 +76,7 @@ export default {
 
 		this.getData()
 	},
+	
 	watch: {
 		storeToken(newVal, oldVal) {
 			newVal && this.getData()
@@ -81,6 +93,7 @@ export default {
 				success: res => {
 					if (res.code == 0 && res.data) {
 						this.detail = res.data
+						console.log(`form data =>`, this.detail)
 						uni.setNavigationBarTitle({
 							title: res.data.form_name
 						})
@@ -111,7 +124,7 @@ export default {
 							title: '提示',
 							content: '提交成功',
 							showCancel: false,
-							success: () => {}
+							success: () => { }
 						})
 					} else {
 						this.isRepeat = false
@@ -126,7 +139,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 page {
 	background: #fff;
 }
@@ -141,6 +154,17 @@ page {
 	line-height: 1;
 }
 
+.form-tip {
+	padding-top: 10rpx;
+	text-align: center;
+}
+
+.system-form-tip {
+	line-height: 120rpx;
+	font-weight: 600;
+	font-size: 30rpx;
+}
+
 .system-form-wrap {
 	border-radius: 32rpx;
 	overflow: hidden;
@@ -149,11 +173,6 @@ page {
 	transform: translateY(-40rpx);
 }
 
-.system-form-wrap .form-title {
-	line-height: 100rpx;
-	padding-top: 20rpx;
-}
-
 .system-form-wrap .button {
 	height: 80rpx;
 	line-height: 80rpx !important;