From cc03549204408f651d9be1e6731a4ddef3989af9 Mon Sep 17 00:00:00 2001 From: Swanky <413564165@qq.com> Date: Sat, 20 Dec 2025 22:16:34 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E8=A1=A8=E5=8D=95?= =?UTF-8?q?=E5=AD=97=E6=AE=B5=E6=A0=87=E7=AD=BE=E5=92=8C=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=EF=BC=8C=E6=B7=BB=E5=8A=A0=E6=B0=B4=E5=8D=B0=E6=95=88=E6=9E=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 将"项目名称"改为"需求名称"和"成果名称"以更准确描述内容 - 简化"成果完成人姓名"为"完成人姓名" - 在首页添加专业水印效果增强视觉效果 - 统一调整表单字段标签最小宽度为100px - 修改部分颜色和字体大小提升整体美观度 --- src/components/AchievementList.vue | 4 +- src/components/DemandList.vue | 2 +- src/components/SubmitAchievementForm.vue | 5 +- src/components/SubmitDemandForm.vue | 185 ++++++++--------------- src/views/HomeView.vue | 71 ++++++++- 5 files changed, 133 insertions(+), 134 deletions(-) diff --git a/src/components/AchievementList.vue b/src/components/AchievementList.vue index a59aaf4..5d6c62a 100644 --- a/src/components/AchievementList.vue +++ b/src/components/AchievementList.vue @@ -182,7 +182,7 @@ onMounted(() => { @@ -204,7 +204,7 @@ onMounted(() => { 基本信息
- 项目名称： + 成果名称： {{ currentAchievement?.project_name }}
diff --git a/src/components/DemandList.vue b/src/components/DemandList.vue index 270b9ca..af2f456 100644 --- a/src/components/DemandList.vue +++ b/src/components/DemandList.vue @@ -199,7 +199,7 @@ onMounted(() => { 基本信息
- 项目名称： + 需求名称： {{ currentDemand?.project_name }}
diff --git a/src/components/SubmitAchievementForm.vue b/src/components/SubmitAchievementForm.vue index 4771e44..976baa9 100644 --- a/src/components/SubmitAchievementForm.vue +++ b/src/components/SubmitAchievementForm.vue @@ -275,8 +275,8 @@ const resetForm = async () => {
{ .field-wrapper :deep(.van-field__label) { font-weight: 500; color: #666; + min-width: 100px; } .field-wrapper :deep(.van-field__control) { diff --git a/src/components/SubmitDemandForm.vue b/src/components/SubmitDemandForm.vue index 88c93bb..4de33f6 100644 --- a/src/components/SubmitDemandForm.vue +++ b/src/components/SubmitDemandForm.vue @@ -85,26 +85,26 @@ const validateForm = () => { return false } } - + // 验证需求概述字数 if (form.demand_overview.length > 800) { showToast('需求概述不能超过800字') return false } - + // 验证联系电话格式 // const phoneRegex = /^1[3-9]\d{9}$/ // if (!phoneRegex.test(form.contact_phone)) { // showToast('请输入正确的联系电话') // return false // } - + // 验证企业意向资金额为数字 // if (isNaN(Number(form.enterprise_intended_fund)) || Number(form.enterprise_intended_fund) < 0) { // showToast('请输入正确的企业意向资金额') // return false // } - + return true } @@ -114,13 +114,13 @@ const submitForm = async () => { try { // 显示加载提示 showLoadingToast({ message: '提交中...', forbidClick: true, duration: 0 }) - + // 调用API提交数据 const response = await createDemand(form) - + // 关闭加载提示 closeToast() - + // 处理响应 if (response.code === 1) { showSuccessToast('需求提交成功') @@ -136,7 +136,7 @@ const submitForm = async () => { } catch (error) { // 关闭加载提示 closeToast() - + // 处理错误 showToast('网络错误，请检查网络连接后重试') console.error('表单提交失败:', error) @@ -154,14 +154,14 @@ const resetForm = async () => { confirmButtonText: '确定', cancelButtonText: '取消' }) - + // 用户点击确认后执行重置操作 for (const key in form) { if (Object.hasOwnProperty.call(form, key)) { form[key] = '' } } - + // 显示重置成功提示 showToast('表单已重置') } catch (error) { @@ -179,109 +179,58 @@ const resetForm = async () => {
- -
+ +
- - + + - + - + - + - + - - + + - + - + - - + + + + - - + + - - + + - - + + - - + +
@@ -293,45 +242,30 @@ const resetForm = async () => {
- + - + - + - + - + - +
@@ -349,9 +283,10 @@ const resetForm = async () => { border-bottom: 1px solid #f5f5f5; } -.van-field__label { +.field-wrapper :deep(.van-field__label) { font-weight: 500; color: #666; + min-width: 100px; } .van-field__control { @@ -360,7 +295,7 @@ const resetForm = async () => { /* 必填项星号颜色 */ .van-field__required { - color: #f44336; + color: #f77015; } /* 提交按钮容器 */ @@ -376,12 +311,12 @@ const resetForm = async () => { .form-container { padding: 8px 0; } - + .van-field { padding: 8px 12px; font-size: 13px; } - + .submit-btn-container { padding: 0 12px; margin-top: 15px; diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 5938574..7069cbf 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -28,7 +28,7 @@ const tabs = [ { key: 'achievement', name: '成果清单', icon: 'balance-list', color: '#2196f3', activeColor: '#1976d2' }, { key: 'demand', name: '需求清单', icon: 'award', color: '#9c27b0', activeColor: '#7b1fa2' }, { key: 'submit-achievement', name: '成果填报', icon: 'add', color: '#4caf50', activeColor: '#388e3c' }, - { key: 'submit-demand', name: '需求填报', icon: 'add-square', color: '#f44336', activeColor: '#d32f2f' } + { key: 'submit-demand', name: '需求填报', icon: 'add-square', color: '#f77015', activeColor: '#f77015' } ] // 当前激活的标签 @@ -124,8 +124,25 @@ onUnmounted(() => {
-

{{ config.title }}

-

{{ config.subTitle }}

+ +
+
专业评估
+
知识产权保护
+
中式熟化
+
+ + +
+

{{ config.title }}

+

{{ config.subTitle }}

+
+ + +
+
投融资支持
+
精准对接
+
企业孵化
+
@@ -257,6 +274,48 @@ onUnmounted(() => { padding: 30px 20px; text-align: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + position: relative; + overflow: hidden; +} + +/* 左侧水印容器 */ +.watermark-left { + position: absolute; + top: 0; + left: 0; + width: 200px; + height: 100%; + pointer-events: none; + z-index: 1; +} + +/* 右侧水印容器 */ +.watermark-right { + position: absolute; + top: 0; + right: 0; + width: 200px; + height: 100%; + pointer-events: none; + z-index: 1; +} + +/* 水印文本样式 */ +.watermark-text { + position: absolute; + color: rgba(255, 255, 255, 0.15); + font-size: 16px; + font-weight: 500; + white-space: nowrap; + opacity: 0.8; + /* 允许文字重叠 */ + z-index: inherit; +} + +/* 标题内容容器 */ +.header-content { + position: relative; + z-index: 2; } .title { @@ -269,7 +328,7 @@ onUnmounted(() => { /* 副标题样式 */ .subtitle { - font-size: 16px; + font-size: 22px; font-weight: 500; margin: 8px 0 0 0; line-height: 1.3; @@ -648,6 +707,10 @@ onUnmounted(() => { font-size: 20px; } + .subtitle { + font-size: 20px; + } + .content { padding: 12px; }