UI DESIGN SPEC · V1.0 · 2026.10

科技成果转化服务综合平台

面向自治区科技成果供需两侧的一站式服务平台 —— 前台「展示 · 对接 · 转化」,后台「权限 · 内容 · 流程」双端协同。
本设计稿覆盖 22 个界面(PC 16 屏 + 移动端 6 屏)、分页与列表组件规范、四类表单、全部弹层与全局状态,可直接用于开发实现。

7前台功能模块
3后台管理中心
33功能点全覆盖
22设计界面(PC 16 + 移动 6)
设计方向:暖色科技扁平风格 · 橙色渐变主色 · 卡片化信息层级 适配:1440 / 1280 / 移动端响应
Design System
设计规范 Design Tokens
以「科技成果 + 农业科技」为语义,主色取丰收的橙红渐变,辅色取科研绿与数据蓝;大量留白与卡片分割,让 33 个功能点在视觉上不拥挤。
主色橙红渐变圆角 6–14px卡片轻投影

色彩体系

Color
主色渐变 #FF6B3D → #F5A623
科研绿
数据蓝
墨色
纸白
描边#E6A23C强调 / hover
分割线#EFE2D61px hairline
正文#241C17 / #4A3B32主 / 次
辅助文字#8C7C71说明、时间

字阶与圆角

Type & Radius
28 / 850页面主标题
20 / 800 模块标题Section
14.5 / 750 卡片标题Card
12.5 / 400 正文与功能描述Body
11 / 400 辅助信息 · 时间 · 标签Caption
4px 标签
6px 按钮
14px 卡片

组件样式

Components
待接洽 已匹配 已完成 已驳回 草稿
搜索 / 选择 / 日期控件统一 6px 圆角,聚焦态描边 #E6A23C + 3px 暖色晕圈
Focus 态
Disabled
Information Architecture
信息架构 双端 10 模块
前台以「看成果 → 提需求 → 谈转化 → 做评价」为主线,后台以「管人 → 管内容 → 管流程」为支撑。
科技成果转化服务综合平台
一、网站(信息展示 · 用户侧)
01首页
  • 搜索框
  • 资讯轮播
  • 快捷入口
  • 政策法规
  • 下载中心
  • 友情链接
02成果大厅
  • 分类导航
  • 成果卡片
  • 详情页
  • 收藏
  • 分享
  • 16所地图
03需求大厅
  • 需求发布
  • 需求列表
  • 智能匹配
  • 跟进反馈
04转化服务
  • 在线合同
  • 履约追踪
  • 收益计算
  • 法律咨询
  • 5 条审批流
05创新团队
  • 团队档案
  • 招募启事
  • 协作空间
06成果评价
  • 指标体系
  • 专家评审
  • 满意度
07科技宣传
  • 专题报道
  • 科普视频
  • VR 展厅
公共能力
  • 登录注册
  • 实名认证
  • 消息中心
二、后端管理端(运营 · 管理员)
01用户与权限管理中心
  • 角色权限矩阵
  • 用户实名认证
  • 账户安全策略
02内容与数据运营管理
  • 成果导入工具
  • 内容审核流
  • 数据看板
  • 报表生成
03流程与业务协同管理
  • 审批流设计器
  • 合同生命周期
Screen 01
首页 Home
首屏完成「搜索 + 引导 + 资讯 + 政策」四件事:搜索框置顶保证检索效率,三个彩色快捷入口形成明确行动召唤,政策与下载中心分列左右栏承载资源型内容。
搜索 · 轮播 · 快捷入口 · 政策 · 下载 · 友链
https://www.kjzh-nmg.cn
1440 × 900 · 首屏
内蒙古自治区科学技术厅指导 | 蒙科聚 · 科技成果转化服务平台
您好,欢迎来到科技成果转化服务综合平台 | 登录注册帮助中心
科转
科技成果转化服务综合平台 SCI-TECH ACHIEVEMENT TRANSFER

让每一项科技成果,找到它的下一站

汇集全区 16 家科研院所 1,284 项可转化成果 · 覆盖种植业、畜牧业、加工技术与智能装备

发布需求企业 / 农户提技术难题
发布成果科研团队上传可转化成果
法律咨询合作律所限时答复

新闻资讯

更多 >>

最新动态

查看全部 >>
我院与蒙牛乳业签署乳制品加工技术成果转化协议,签约金额 1,200 万元2026-10-18
「蒙科玉 88」高产抗逆玉米新品种通过国家审定,适宜区域覆盖 4 个盟市2026-10-16
科技成果转化政策宣讲会(东部片区)在赤峰召开,120 家企业参会2026-10-14
关于公布 2026 年第二批技术交易后补助名单的公示2026-10-11
平台新增「成果评价」模块,四大维度指标体系和专家库同步上线2026-10-08
政策法规更多 >>
●内蒙古自治区促进科技成果转化条例(2026 修订)
2026-09-28PDF · 1.2MB
●关于赋予科研人员职务科技成果所有权或长期使用权的实施细则
2026-09-15PDF · 860KB
●技术交易后补助资金管理办法(试行)
2026-08-30PDF · 640KB
●科技成果评价指标体系指引
2026-08-12PDF · 520KB
下载中心分类筛选
技术转让合同(标准模板)10-12
成果转化申请表10-09
净收益分配测算表10-05
企业注册信息表09-27
DATA
1,284
在库成果
326
待对接需求
本年度转化完成率 72%
友情链接 自治区科技厅官网 蒙科聚创新服务平台 科技日报网 中国技术交易所 自治区农牧业科学院
科技成果转化服务综合平台 主办单位:内蒙古自治区科学技术厅 · 承办:自治区科技成果转化中心
地址:呼和浩特市赛罕区 · 服务热线:0471-6666 888
快速入口 成果大厅 / 需求大厅 / 转化服务 / 政策法规
备案信息 蒙ICP备 2026xxxxxx 号 · 蒙公网安备 1501xxxxxxxx
© 2026 科技成果转化服务综合平台
首页 · 首屏
设计要点搜索框用「分类下拉 + 关键词 + 主按钮」组合,一次覆盖普通检索与高级筛选三个快捷入口用不同色相区分「需求 / 成果 / 法律」,形成行动优先级
Screen 02
成果大厅 Achievements
左侧树形分类做「行业 → 子类」两级导航,主区 4 列卡片承载封面、标题、简介、适用区域与联系人;顶部提供地图找成果入口,对应 16 家院所的空间分布诉求。
分类导航成果卡片收藏 / 分享地图模式
https://www.kjzh-nmg.cn/achievements
1440 × 1024 · 列表页
科转
科技成果转化服务综合平台
张
首页/成果大厅
已收藏 12 导出清单
成果分类
种植业 486
玉米 马铃薯 向日葵 小麦
畜牧业 312
加工技术 268
智能装备 218
成果类型
新品种 栽培技术 专利 装备
排序 最新发布 转化热度 评价得分 共 486 项成果 地图找成果
MAP MODE
16 家科研院所 · 地图找成果
按地理分布浏览各所成果,支持点击研究所 → 该所成果清单
进入地图 →
新品种 · 玉米
高产抗逆玉米新品种「蒙科玉 88」
耐密植、抗倒伏,亩产较对照增产 12.6%,适宜≥10℃ 积温 2600℃ 区域。
适宜:通辽 / 赤峰 / 兴安盟
玉米研究所 · 王建国 查看 →
栽培技术 · 马铃薯
马铃薯脱毒种薯三级繁育技术
组培快繁 + 雾培扦插,脱毒率 98%,亩均增产 20% 以上,已推广 12 万亩。
适宜:乌兰察布 / 呼和浩特
马铃薯研究所 · 李慧敏 查看 →
专利 · 智能装备
肉牛精准饲喂与健康监测系统
RFID 耳标 + 称重分群 + 采食量模型,日增重提升 9.8%,已授权发明专利 3 项。
适宜:锡林郭勒 / 通辽
畜牧研究所 · 张海涛 查看 →
栽培技术 · 向日葵
向日葵抗列当绿色防控栽培技术
抗性品种 + 诱捕作物 + 微生物菌剂组合,列当寄生率下降 76%,亩产稳定 230kg。
适宜:巴彦淖尔 / 鄂尔多斯
植物保护研究所 · 刘志远 查看 →
工艺 · 加工技术
乳制品复合益生菌发酵工艺
自主筛选 6 株乳酸菌复配,活菌数达 1×10⁹ CFU/g,已与 2 家乳企完成中试。
适宜:呼和浩特 / 包头
乳品加工研究所 · 陈晓芸 查看 →
装备 · 节水灌溉
盐碱地节水灌溉智能控制装备
土壤墒情 + 盐分双传感联动,按需滴灌,亩均节水 38%,已在 5 个旗县示范。
适宜:巴彦淖尔 / 阿拉善
农业机械研究所 · 赵永强 查看 →
‹ 1 2 3 … ›
成果大厅 · 列表
设计要点卡片固定高度 + 两行简介截断,保证 486 条数据下的栅格整齐收藏按钮浮于封面右上,hover 整卡上浮 4px 并转为主色描边
Screen 03
成果详情页 Detail
详情页承担「说服 + 转化」两个任务:左侧以技术参数、知识产权证书、应用案例视频、专家解读音频建立可信度;右侧常驻联系人卡片,让「在线预约对接」在任何滚动位置都可点击。
参数表证书扫描件案例视频 / 专家音频在线预约
https://www.kjzh-nmg.cn/achievements/detail/1024
详情 · 长页
科转
科技成果转化服务综合平台
首页/成果大厅/种植业/玉米
新品种 已授权 评价 92 分

高产抗逆玉米新品种「蒙科玉 88」

玉米研究所| 登记编号:蒙审玉 2026018| 更新时间:2026-10-16| 浏览 3,246 · 收藏 128
示范基地实拍 · 通辽开鲁
成果详情 技术参数 知识产权 3 应用案例 专家解读
成果简介

「蒙科玉 88」由玉米研究所历时 9 年选育而成,2026 年通过自治区审定。品种耐密植(适宜密度 5500 株/亩)、抗倒伏、抗大斑病,籽粒容重 768g/L,粗蛋白 9.6%。在通辽、赤峰、兴安盟三地连续两年区域试验中,平均亩产 986.4kg,较对照品种增产 12.6%。适合≥10℃ 积温 2600℃ 以上区域春播种植,配套「密植滴灌水肥一体化」技术可实现亩产突破 1100kg。

平均亩产
986.4 kg
增产幅度
+12.6 %
已推广面积
3.2 万亩
技术参数
生育期
128 天(中晚熟)
适宜密度
5,500 株/亩
抗性表现
抗倒伏、抗大斑病、中抗茎腐病
适宜区域
≥10℃ 积温 2600℃ 以上春播区
03:42
应用案例:开鲁县千亩示范片测产
12:08
专家解读音频:品种选育思路
成果对接人
王
王建国 副研究员
玉米研究所 · 育种研究室
0471-6666 888 转 8032
wangjg@nmg-caas.cn
微 博 Q
成果评价专家评审均分
92/100
科学性 94
实用性 93
科学性94
实用性93
经济性90
推广潜力91
相关成果
马铃薯脱毒种薯三级繁育技术
马铃薯研究所
玉米密植滴灌水肥一体化技术
农业资源与环境研究所
成果详情 · 主内容 + 侧栏
设计要点关键数据(亩产 / 增产 / 推广面积)做成三宫格高亮,把「技术价值」转成可读数字右侧对接卡使用浅橙底 + 橙色描边,与其他白色卡片区分,成为视觉焦点
Screen 04
需求大厅 Demands
需求列表以「状态 + 紧急程度」双标签组织筛选,每条需求右侧显示匹配进度;侧栏固定「可能感兴趣的技术」与「我的跟进记录」,把审核通过后的对接过程沉淀在页面内。
状态标签智能匹配跟进时间线办公电话统一管理
https://www.kjzh-nmg.cn/demands
列表 + 匹配侧栏
科转
科技成果转化服务综合平台

技术需求大厅

已审核发布 326 条 · 本周新增 18 条
全部 待接洽 128 已匹配 64 已完成 134
紧急 种植业 需求编号 REQ-2026-0418
寻求马铃薯晚疫病绿色防控整体解决方案
乌兰察布 2,000 亩基地连续两年晚疫病暴发,现有药剂防效下降,希望引入抗性品种或生物防治技术,需提供田间试验支持。
预算 30–50 万期望 3 个月内对接乌兰察布 · 察右前旗
待接洽
匹配 3 项成果
一般 畜牧业 需求编号 REQ-2026-0412
肉牛育肥期饲料配方优化与降本方案
存栏 1,200 头育肥场,希望在保证日增重前提下将饲料成本降低 8%–10%,可提供场地与牛群配合试验。
预算 面议期望 6 个月内对接通辽 · 科尔沁区
已匹配
已对接 2 项成果
较急 加工技术 需求编号 REQ-2026-0397
葵花籽油精炼工序降耗与品质提升
现有精炼线能耗偏高、色泽回色问题突出,希望优化脱色 / 脱臭工艺参数或引入新吸附材料。
预算 50–80 万已完成转化巴彦淖尔 · 临河区
已完成
合同编号 HT-2026-088
一般 智能装备 需求编号 REQ-2026-0409
丘陵山地小型马铃薯收获机适配改造
地块坡度 15°–25°、地块零碎,现有中型机具无法作业,希望联合改造小型履带式收获机。
预算 20–30 万期望 1 年内对接赤峰 · 宁城县
待接洽
匹配 1 项成果
您可能感兴趣的技术 智能匹配
马铃薯晚疫病预警与生物防治技术
匹配度 96% · 植物保护研究所
抗晚疫病马铃薯新品种「蒙薯 26」
匹配度 91% · 马铃薯研究所
水肥一体化精准施用装备
匹配度 84% · 农业机械研究所
需求跟进记录
已提交接洽申请
10-18 14:20 · 等待院所确认
上传沟通纪要
10-16 09:40 · 附件 2 份
需求审核通过
10-14 16:05 · 已公开展示
需求对接规范
所有接洽统一通过平台办公电话(0471-6666 888)转接,沟通记录留痕,便于后续合同签署与收益分配。
需求大厅 · 列表
设计要点每条需求用左侧 3px 色条映射状态(橙待接洽 / 蓝已匹配 / 绿已完成),扫视即得进度匹配推荐用百分比 + 进度条量化,比单纯「推荐」更有说服力
Screen 05
转化服务 Transfer
把 5 条审批流画成「可视节点链」,用户一眼看清自己处在哪一环;下方用甘特图跟踪履约节点,用收益计算器支撑谈判决策。
5 条审批流履约甘特图收益分配计算在线合同
https://www.kjzh-nmg.cn/transfer/flows
转化服务 · 流程中心

成果转化流程中心

从赋权到收益分配,全流程线上流转 · 平均办理时长 14.6 个工作日
我发起的 6 待我审批 3 已办结 12
01
成果转化申请与赋权流
进行中 发起 10-15 · 已流转 2 天
触发条件:达成转化意向后发起,取得职务成果长期使用权
团队负责人 研究所主管 成果转化处 院领导
02
技术合同审核与盖章流
待审批 赋权通过后签订前发起
触发条件:赋权通过后,合同签订前发起合规审查与用印
团队负责人 研究所法务 / 主管 成果转化处 合规审查 院办 盖章
03
项目创建与发票申领流
未开始 合同生效且资金到账后
触发条件:合同生效且首笔资金到账
团队经办人 成果转化处 备案 计财处 建项 / 核税 / 发票
04
净收益分配审批与公示流
公示中 公示 5 个工作日
触发条件:转让 / 许可(到账后);开发 / 服务(验收后)
团队负责人 成果转化处 计财处 自动公示 5 日 财务报销
05
技术交易后补助申报流
年度开放 按科技厅通知发起
触发条件:年底按科技厅通知统一发起
团队经办人 成果转化处 初审 / 汇总 科技厅 外部系统对接
待我审批3 项
技术合同审核 · HT-2026-102
申请人 王建国 · 已等待 1.5 天
净收益分配 · 蒙科玉 88
申请人 李慧敏 · 已等待 0.5 天
发票申领 · 项目 XM-2026-078
申请人 陈晓芸 · 已等待 2 天
在线合同
技术转让合同(标准模板)
在线签署 · 电子签章 · 自动存档
履约进度追踪 · HT-2026-088
项目周期 2026.10 — 2027.03
节点10月11月12月1月2月3月
试验田播种
设备调试
中期检查
验收报告
已完成 进行中 未开始
收益分配计算器
转让金额(万元)1,200.00
团队提成比例70%
税费及管理成本6%
团队(70%)¥ 789.6 万
研究所(20%)¥ 225.6 万
成果转化基金(10%)¥ 112.8 万
税费及管理成本¥ 72.0 万
转化服务 · 流程中心
设计要点5 条流程用「编号 + 触发条件 + 节点链」统一结构,未来新增流程无需改版式当前所处节点用橙色高亮,未到节点用灰边,降低用户的理解成本
Screen 06
团队 · 评价 · 宣传 Community
三个模块共用一套「深色封面 + 白色内容卡」的结构:创新团队展示人与能力,成果评价输出分数与公信力,科技宣传负责传播与流量。
团队档案四维评价NPS 问卷专题 / 短视频 / VR
https://www.kjzh-nmg.cn/teams · /evaluation · /media
三模块组合展示
科转
科技成果转化服务综合平台
05 创新团队 团队档案 · 招募启事 · 协作空间
MAIZE BREEDING TEAM
玉米遗传育种创新团队
自治区级创新团队
核心成员 12 人 代表性成果 28 项 已转化 9 项
聚焦玉米耐密抗逆种质创新与新品种选育,主持国家重点研发计划课题 2 项,育成审定品种 11 个,累计推广 380 万亩。
王
李
张
+9
招募启事3 条在招
博士后研究人员(玉米分子育种方向)
截止 11-30·呼和浩特
研究生招生(作物遗传育种)
截止 12-15·联合培养
田间试验外包服务采购
截止 11-10·通辽
06 成果评价 四维指标体系 · 专家匿名评审 · 社会满意度
评价指标体系
科学性 · 权重 30%94
实用性 · 权重 30%93
经济性 · 权重 25%90
推广潜力 · 权重 15%91
加权总分 92.4 / 100 · A 级
专家评审进度匿名 · 随机分配
7
邀请专家
5
已回收
2
待评分
专 专家 A(中国农大)已提交 95
专 专家 B(内蒙农大)已提交 91
专 专家 C(农科院)评审中
已回收评分自动加权平均,去除最高 / 最低分后计入总分
社会满意度NPS 净推荐值
62 NPS
已回收问卷 386 份
推荐者 71% · 中立 20%
贬损者 9%
使用体验★★★★★ 4.6
技术指导★★★★★ 4.5
增产效果★★★★☆ 4.3
07 科技宣传 专题报道 · 科普短视频 · VR 虚拟展厅
专题
SPECIAL REPORT
从试验田到产业链:一粒玉米种的十年
深度图文 · 12 篇系列点赞 1,286 · 评论 94
科普短视频
3 分钟看懂脱毒种薯
02:48 · 1.2 万次播放
肉牛耳标里的传感器
01:56 · 8,420 次播放
VR 全景
虚拟展厅漫游
实验室 · 示范基地实景
拖拽即可 360° 浏览
团队 / 评价 / 宣传
设计要点三个模块共用同一套栅格与卡片间距,保证跨模块跳转时视觉连续评价模块把「权重 × 得分」显性化,并给出 NPS 环形图,形成可信背书
Screen 07
后台数据看板 Dashboard
后台沿用暖色体系但收敛饱和度:左侧深墨色导航建立「管理端」的心理分区,主区用 KPI + 转化漏斗 + TOP10 + 待办审批构成运营者的每日首屏。
UV / PV转化率漏斗热门成果 TOP10待办审批
https://admin.kjzh-nmg.cn/dashboard
1440 × 900 · 后台首页
科
成果转化平台
ADMIN CONSOLE
概览
数据看板
管理
用户与权限
内容管理
成果数据
审批流程
统计分析
系统设置
当前角色
超级管理员
数据看板 数据更新于 2026-10-22 09:00
近 30 天 ⌄ 导出报表
管
访客数 UV
12,486
↑ 12.4% 环比
浏览量 PV
48,932
↑ 8.6% 环比
在库成果
1,284
本月新增 46
技术需求
326
待审核 12
累计转化金额
4,286 万
已完成 68 单
访问与转化趋势 UV转化
9-2310-0210-1110-20
转化率漏斗
浏览成果
8,420
预约对接
3,874
达成意向
1,268
签约转化
68
整体转化率 0.81% · 高于行业均值 0.34 个百分点
热门成果 TOP5按浏览量
1高产抗逆玉米新品种「蒙科玉 88」3,246
2马铃薯脱毒种薯三级繁育技术2,918
3肉牛精准饲喂与健康监测系统2,144
4向日葵抗列当绿色防控栽培技术1,806
5盐碱地节水灌溉智能控制装备1,532
待办审批7 项
事项类型耗时
HT-2026-102 技术合同审核合同1.5 天
蒙科玉 88 净收益分配分配0.5 天
向日葵成果内容复审内容2.0 天
企业实名认证(3 家)用户—
管理端 · 数据看板
设计要点KPI 五宫格中把「转化金额」用主色渐变卡突出,明确运营的首要目标漏斗 + TOP5 + 待办三块控制在首屏内,减少滚动
Screen 08
权限矩阵 & 流程设计器 Admin Tools
角色权限矩阵用「菜单 / 按钮 / 数据范围」三级列呈现,勾选即生效;审批流程设计器采用画布式节点编排,支持为小额合同配置简化版、大额合同配置完整版。
四类角色细粒度授权拖拽编排合同全周期
https://admin.kjzh-nmg.cn/permission · /flow-designer
表格 + 画布
科
成果转化平台
ADMIN CONSOLE
管理
用户与权限
角色权限矩阵
用户实名认证
账户安全策略
审批流程
流程设计器
合同生命周期
角色权限矩阵 勾选即保存,变更实时生效 + 新增角色
权限项 超级管理员 院所管理员 普通用户 访客
菜单 · 成果管理 ✓ ✓ — —
按钮 · 合同盖章 ✓ — — —
按钮 · 发布需求 ✓ ✓ ✓ —
数据 · 本院所范围 全部 ✓ 本人 —
数据 · 导出报表 ✓ ✓ — —
审批流程设计器 技术合同审核 · 大额完整版
另存为 发布流程
发起
团队负责人
研究所法务
成果转化处
院办盖章
结束
金额 < 50 万
跳过院办
简化版节点
+ 审批节点 + 条件分支 + 抄送
权限矩阵 + 流程设计器
设计要点矩阵表用 ✓ / — / 全部 / 本人 四种标记,比纯勾选框更能表达数据范围差异设计器画布用点阵背景 + 虚线连接,条件分支用蓝色区分普通节点
Screen 09
分页与列表组件规范 Pagination & List
补齐上一版缺失的基础组件:前台 / 后台两套分页、每页条数、跳页、加载更多、筛选栏、表格、空状态与骨架屏。所有列表页统一复用这一套规则。
前台分页后台分页加载更多表格 / 状态页

① 前台分页(简洁型)

用于成果 / 需求 / 政策 / 资讯列表
默认态 · 右对齐,与列表容器右边界对齐
共 486 条 · 每页 12 条 ‹ 1 2 3 ··· 41 ›
首页态 · 上一页禁用 / 末页态 · 下一页禁用
‹ 1 2 ··· 41 › ‹ ··· 40 41 ›
带跳页输入 · 数据量 > 10 页时展示
共 486 条 12 条/页 ‹ 123 ···41› 跳至 2 页
单页态 · 总数 ≤ 每页条数时仅显示计数,不渲染页码
共 8 条
规则:切换筛选 / 排序 / 每页条数后 回到第 1 页;翻页保留滚动位置到列表顶部(偏移 -16px);URL 同步 ?page=2&size=12 以便分享与刷新复原。

② 后台分页(完整型)

用于表格列表 / 审核队列
已选 3 项
批量审核批量下架删除
共 1,284 条记录
12 条/页 ‹ 12345 ···107› 前往 1 页
· 页码最多显示 5 个 + 首尾页,中间以 ··· 折叠
· 每页可选 12 / 20 / 50 / 100 条,默认 12
· 跨页勾选不保留(切页清空选择),批量操作前二次确认
· 表格 55 行以上固定表头,操作列固定右侧
一致性约定:两套分页共用同一组 token(26px 高、5px 圆角、当前页橙渐变),仅信息密度不同,避免用户在前台 / 后台之间产生割裂感。

③ 加载更多 / 下拉刷新

移动端 & 信息流
上拉加载更多 · 已加载 24 / 486
正在加载…
— 已经到底了 —
加载失败,点击重试

④ 筛选栏形态

快捷筛选 + 高级筛选 + 已选条件
全部待接洽已匹配已完成
关键词 / 专利号
高级筛选
已选条件
种植业 × 已授权 × 清空

⑤ 状态页与反馈

空 / 无结果 / 骨架 / Toast
暂无数据还没有发布任何内容
没有找到相关成果换个关键词试试
提交成功,等待审核 请先完成实名认证

⑥ 表格规范

表头 40px / 行高 46px · 斑马纹 · 固定操作列 · 排序
✓ 成果名称 分类 所属院所 状态 浏览量 更新时间 操作
✓ 高产抗逆玉米新品种「蒙科玉 88」 种植业 玉米研究所 已发布 3,246 10-16 编辑下架
✓ 马铃薯脱毒种薯三级繁育技术 种植业 马铃薯研究所 已发布 2,918 10-15 编辑下架
肉牛精准饲喂与健康监测系统 装备 畜牧研究所 待复审 — 10-14 审核编辑
向日葵抗列当绿色防控栽培技术 种植业 植保研究所 已驳回 — 10-12 重新提交
行高与密度表头 40px,行 46px;超 8 列时启用紧凑模式(40px)
操作列固定右侧,最多 2 个文字按钮,其余收入「更多」
状态列统一用语义色 tag,不使用纯文字说明状态
空值与长文本空值显示「—」;超长省略 + hover 气泡查看全文
Screen 10
成果大厅 v2 Filter & Paging
把首版的「排序 + 地图」升级为完整检索页:快捷筛选 chips + 高级筛选抽屉(技术领域 / 成果类型 / 所属院所 / 成熟度 / 转化方式 / 时间)+ 已选条件回显 + 底部完整分页。
高级筛选抽屉已选条件结果计数分页
https://www.kjzh-nmg.cn/achievements?page=2&size=12&cat=crop
筛选抽屉展开态
科转
科技成果转化服务综合平台
首页/成果大厅/种植业
马铃薯
最新发布 转化热度 评价得分 仅看可转化 已收藏 高级筛选 地图
已选 种植业 × 已授权 × 近 1 年 × 清空全部 共 486 项结果,用时 0.12s
成果分类
种植业486
玉米128 马铃薯96 向日葵74 小麦52
畜牧业312
加工技术268
智能装备218
马铃薯脱毒种薯三级繁育技术
马铃薯研究所查看 →
马铃薯晚疫病预警与生物防治
植保研究所查看 →
抗晚疫病马铃薯新品种「蒙薯 26」
马铃薯研究所查看 →
马铃薯淀粉高效提取成套装备
农机研究所查看 →
马铃薯水肥一体化精准灌溉技术
资环研究所查看 →
还有 480 项成果
继续翻页查看 →
共 486 条 · 每页 12 条 · 当前第 2 / 41 页
‹ 1 2 3 ··· 41 › 12 条/页 跳至 2 页
高级筛选
已选 3 个条件
×
种植业畜牧业加工技术智能装备
新品种栽培技术专利装备软件著作权
全部院所
实验室阶段中试可产业化
转让许可作价入股合作开发
已授权申请中已转化
近 3 月近 1 年近 3 年自定义
马铃薯
成果大厅 · 高级筛选
设计要点抽屉底部按钮直接显示「查看 486 项结果」,筛选条件变化时数字实时更新,减少用户反复确认已选条件以可删除标签回显在列表顶部,支持一键清空
Screen 11
后台列表 / 导入 / 审核 Admin Lists
补齐后端三大高频操作页:成果管理表格(筛选、批量、分页、行操作)、Excel 批量导入(模板下载、错误行标红)、内容审核工作流(初审 → 复审 → 发布,支持驳回重填)。
表格 + 完整分页批量操作导入错误定位三级审核
https://admin.kjzh-nmg.cn/achievements/list
1440 × 900 · 表格页
科
成果转化平台
ADMIN CONSOLE
管理
用户与权限
内容管理
成果数据
成果列表
批量导入
审核队列 12
审批流程
统计分析
成果数据 / 成果列表 共 1,284 条 · 已发布 1,186 · 待审 12
导出 Excel+ 新增成果
成果名称 / 关键词
输入关键词
分类
全部
状态
待复审
更新时间
2026-10-01 ~ 10-22
查询重置
已选 2 项 批量审核 批量上架 批量导出 批量删除 Excel 批量导入
✓ 成果名称 分类 所属院所 状态 浏览量 更新时间 操作
✓
高产抗逆玉米新品种「蒙科玉 88」
登记编号 蒙审玉 2026018
种植业 玉米研究所 已发布 3,246 10-16 编辑下架···
✓
马铃薯脱毒种薯三级繁育技术
技术类型 栽培技术
种植业 马铃薯研究所 已发布 2,918 10-15 编辑下架···
肉牛精准饲喂与健康监测系统
发明专利 3 项
装备 畜牧研究所 待复审 — 10-14 审核编辑
向日葵抗列当绿色防控栽培技术
驳回原因:缺知识产权证明
种植业 植保研究所 已驳回 — 10-12 重新提交
乳制品复合益生菌发酵工艺
中试阶段
加工 乳品加工研究所 初审中 — 10-11 审核编辑
共 1,284 条记录
12 条/页 ‹ 12345 ···107› 前往 1 页
后台 · 成果列表
admin / 成果数据 / 批量导入
成果数据批量导入
下载 Excel 模板
拖拽 Excel 到此处,或 点击选择文件
支持 .xlsx / .xls,单次上限 5,000 行,模板表头请勿修改
成果导入_20261022.xlsx 128 行 · 解析完成
成功 121 待修正 5 失败 2 校验耗时 3.2s
以下 5 行存在字段错误,请修正后重新上传
行号字段错误说明操作
18所属院所值「玉米所」未匹配到字典项定位
23成果名称不能为空定位
47联系电话格式应为 11 位手机号或带区号座机定位
取消 仅导入成功的 121 条 修正后重新校验
admin / 内容管理 / 审核工作流
内容审核工作流
初审 → 复审 → 发布,支持驳回重填
✓提交
✓初审
3复审
4发布
向日葵抗列当绿色防控栽培技术
提交人:刘志远 · 植保研究所
提交时间:10-12 09:26
审核意见
请填写复审意见(驳回时必填,将展示给提交人)
材料不全信息有误涉密待核格式不规范
审核记录将写入操作日志
驳回重填转交他人通过并发布
审核队列待复审 9 · 待初审 3
✓肉牛精准饲喂与健康监测系统复审已等 1.5 天
乳制品复合益生菌发酵工艺初审已等 0.5 天
盐碱地节水灌溉智能控制装备初审已等 0.2 天
设计要点导入结果把「成功 / 待修正 / 失败」分开计数,错误表定位到具体行号与字段,避免整批重传审核页把「驳回重填」放在主按钮左侧并用危险色,防误操作
Screen 12
表单页 Forms
首版只画了入口按钮,缺表单本体。这里补齐发布需求(四步分步表单)、发布成果(含封面上传与知识产权)、法律咨询(含限时回复机制)三类核心表单,统一「标签在上 + 32px 控件 + 右侧校验提示」的规范。
分步表单草稿保存附件上传限时回复
https://www.kjzh-nmg.cn/demands/publish
发布需求 · 第 2 / 4 步
科转
科技成果转化服务综合平台
草稿已自动保存 · 14:32
发布技术需求
带 * 为必填,提交后 1 个工作日内审核
✓基本信息
2技术难题
3预算与联系
4确认提交
寻求马铃薯晚疫病绿色防控整体解决方案
建议 15–40 字,包含「作物 / 环节 + 具体问题」,便于系统匹配
种植业
植物保护 / 病虫害防控
乌兰察布 2,000 亩基地连续两年晚疫病暴发,现有药剂防效由 85% 下降至 50% 左右,希望引入抗性品种或生物防治技术,需提供田间试验与技术指导支持。
还需补充:发生条件、已尝试方案86 / 500
技术方案新品种装备 / 产品专家现场指导联合攻关
试验场地配套人力试验经费数据开放
点击上传田间照片 / 检测报告,单个 ≤ 20MB
病害照片.jpg×
✓同意《需求发布与对接服务协议》
发布后会发生什么
1. 平台 1 个工作日内完成审核
2. 审核通过后自动匹配合适成果
3. 对接统一走平台办公电话留痕
4. 达成意向后可在线签署合同
填写质量提示
✓标题已包含作物与问题
!建议补充发生条件
!建议上传病害照片
完整度 68%,补齐后匹配成功率约提升 2.4 倍
发布需求 · 分步表单
achievements / publish
发布成果
保存后进入「初审 → 复审 → 发布」
高产抗逆玉米新品种「蒙科玉 88」
种植业 / 玉米
新品种
耐密植、抗倒伏,亩产较对照增产 12.6%,适宜≥10℃ 积温 2600℃ 区域春播。
×
+ 上传
可产业化
许可 / 转让
证书蒙审玉 2026018 品种审定证书查看
专利ZL2024 1 0287654.3 一种耐密玉米选育方法查看
transfer / legal-consult
法律咨询
合作律所 24h 内回复
合同条款权属争议收益分配税务
请描述具体场景与争议焦点,便于律师给出针对性答复…
可上传合同、往来函件等材料
+ 上传提交咨询
我的咨询2 条 · 1 条待回复
技术转让合同中「后续改进成果归属」条款如何约定更稳妥?
10-20 提交已回复张律师 · 恒信律所
建议采用「谁投入谁所有 + 优先受让权」组合条款,避免独家归属导致后续合作受限…展开全文
横向课题经费结余能否按净收益参与分配?
10-22 提交待回复预计 10-23 前
已答复内容自动沉淀至「法律知识库」,可按关键词检索历史问答,避免重复咨询。
设计要点分步表单把「技术难题」拆到第 2 步单独展开,降低首屏字段压力右侧「发布后会发生什么 + 完整度评分」让用户知道下一步,并主动补全信息
Screen 13
个人中心 My Workspace
需求清单里「存入个人空间、便于后续跟踪或批量导出」需要落地页。个人中心以左菜单 + 内容区组织:我的收藏(勾选 / 批量导出 / 分页)、我的需求、我的合同(生命周期时间轴)、消息与账号安全。
收藏夹批量导出合同生命周期消息中心
https://www.kjzh-nmg.cn/user/favorites
个人中心 · 我的收藏
张
张海涛
畜牧研究所 · 副研究员
已实名院所用户
我的收藏12
我的需求4
我的合同3
我的成果7
消息通知5
账号与安全
我的收藏
共 12 项 · 可按分类筛选或批量导出
全选 批量导出 Excel
全部 12种植业 6畜牧业 3加工技术 2智能装备 1
✓
高产抗逆玉米新品种「蒙科玉 88」
玉米研究所 · 收藏于 10-16 · 浏览量 3,246
可产业化 查看 取消收藏
✓
马铃薯脱毒种薯三级繁育技术
马铃薯研究所 · 收藏于 10-15 · 浏览量 2,918
可产业化 查看 取消收藏
肉牛精准饲喂与健康监测系统
畜牧研究所 · 收藏于 10-12 · 浏览量 2,144
中试 查看 取消收藏
向日葵抗列当绿色防控栽培技术
植保研究所 · 收藏于 10-09 · 浏览量 1,806
可产业化 查看 取消收藏
已选 2 项 · 共 12 条
‹123› 8 条/页
我的合同 HT-2026-088 · 履行中
起草并提交
2026-09-28 · 平台标准模板
双方在线签署 · 电子签章
2026-10-02 · 已存证
履行中 · 试验田播种
2026-10-10 · 已完成验收
设备调试
进行中 · 预计 11-15 完成
验收 · 变更 · 终止
待触发
消息通知
您的需求已匹配 3 项成果
10-22 09:15
合同 HT-2026-088 待确认调试节点
10-21 17:40
法律咨询已回复
10-20 11:02
消息已读状态与站内信 / 短信通道同步,重要节点额外发送短信提醒
个人中心 · 收藏 / 合同 / 消息
设计要点收藏列表支持逐条勾选 + 批量导出,正是「便于后续跟踪或批量导出」的落地形态合同用竖向时间轴表达起草 → 签署 → 履行 → 验收,关键节点带状态色
Screen 14
地图找成果 Map Mode
清单里特别标注「16 个所地图形式进行展示」,首版只画了入口横幅。这里给出地图页:左侧院所列表(按成果数排序)、地图点位聚合、区域筛选与图例,点击点位联动左侧列表。
16 院所点位点位聚合列表联动区域筛选
https://www.kjzh-nmg.cn/achievements/map
地图视图 · 点位聚合
科转
科技成果转化服务综合平台
地图模式
搜索院所 / 地区
全部 16呼和浩特 9通辽 3赤峰 2
玉米研究所
128 项
呼和浩特 · 赛罕区 · 距您 3.2km
新品种 42 栽培 36 专利 50
马铃薯研究所
96 项
呼和浩特 · 武川县
畜牧研究所
84 项
呼和浩特 · 土默特左旗
植物保护研究所
74 项
呼和浩特 · 赛罕区
农业机械研究所
68 项
呼和浩特 · 玉泉区
乳品加工研究所
52 项
呼和浩特 · 和林格尔
农业资源与环境研究所
46 项
通辽 · 科尔沁区
还有 9 个院所 · 向下滚动查看
呼和浩特 通辽 鄂尔多斯 6
高产抗逆玉米新品种「蒙科玉 88」
玉米研究所 · 通辽市开鲁县示范基地
查看详情 → 同所 128 项
+
−
全屏
图例 · 按成果类型
新品种 栽培技术 专利 装备
当前显示 16 个院所 · 1,284 项成果
地图找成果 · 点位聚合
设计要点同一个坐标溢出时聚合成数字气泡(如 6),放大后自动散开,避免点位重叠点击点位弹出迷你卡片,可直接进入详情,也可「查看同所全部成果」
Screen 15
弹窗与轻交互 Modals
清单里多个功能需要弹层承载:在线预约对接、成果分享、登录 / 实名认证、电子合同签署、驳回确认。统一 480px 宽、标题左、按钮右下、关闭在右上的规则。
预约对接分享登录/实名签署/驳回
在线预约对接 · Modal
在线预约对接蒙科玉 88 · 玉米研究所
×
张海涛
138 0000 1234
现场考察
2026-10-28
简单描述您的应用场景与规模,便于专家提前准备…
✓同意平台将联系方式提供给该成果对接人
分享成果 · Popover
分享这条成果
微
微信
博
微博
Q
QQ
码
二维码
https://kjzh-nmg.cn/a/1024
复制
分享链接带来源追踪,可在后台查看各渠道带来的浏览量
登录 / 实名认证 · Modal
科
科技成果
转化平台
发布成果 / 提需求
都需要登录后操作
账号登录 手机验证码
138 0000 1234
请输入密码
✓记住我忘记密码?
还没有账号?立即注册
首次登录需完成实名认证:企业上传营业执照,个人上传身份证
合同签署 / 驳回确认 · Modal
签署技术转让合同
×
合同编号 HT-2026-102 · 转让方 内蒙古自治区农牧业科学院玉米研究所 · 受让方 通辽市开鲁种业有限公司 · 转让金额 1,200.00 万元
转让方签章区
点击加盖企业电子签章
✓我已阅读并同意合同全部条款,签署后不可撤销
确认驳回该成果?
驳回后提交人需补充材料并重新提交,当前审核记录将保留在操作日志中。
请填写驳回原因(必填)…
设计要点预约、签署这类「不可逆」操作,主按钮用实色且文案具体(确认签署并存档),取消按钮永远在左驳回确认用红色警示图标 + 必填原因,避免管理员误操作
Screen 16
移动端设计 Mobile App
科技宣传短视频、需求大厅现场提交、审批消息提醒都有明确的手机场景。移动端采用「底部 4 Tab + 上拉加载」框架,共 6 个核心屏;筛选收进底部半屏面板,主操作吸底固定。
375 × 8126 屏底部 Tab半屏面板
9:41●●● ⌁ ▮
科
科技成果转化平台
登录
搜索成果 / 技术 / 专利 筛选
发布需求
提技术难题
发布成果
上传可转化成果
法律咨询
24h 内回复
2026 年科技成果
转化推进会 · 报名中
全部 种植业 畜牧业 装备 草业
高产抗逆玉米新品种「蒙科玉 88」
玉米研究所 · 通辽 / 赤峰
可产业化新品种
肉牛精准饲喂与健康监测系统
畜牧研究所 · 锡林郭勒
可产业化
上拉加载更多 · 已显示 12 / 486
首页
成果
需求
我的
M1 首页 · 轮播 + 分类 + 列表
9:41●●● ⌁ ▮
‹ 成果大厅 列表 地图
领域 ▾ 成熟度 ▾ 权属 ▾ 转化方式 ▾
综合排序 最新发布 评价最高 价格 ↑
高产抗逆玉米新品种「蒙科玉 88」
新品种 · 已授权 · 评价 92
转让底价 ¥86 万 立即咨询
马铃薯脱毒种薯三级繁育技术
新技术 · 评价 88
许可底价 ¥32 万 / 年 立即咨询
上拉加载更多 · 已显示 12 / 486
首页
成果
需求
我的
M2 成果大厅 · 筛选 chips + 卡片
9:41●●● ⌁ ▮
‹ 成果详情 分享
示范基地实拍 · 1/6
高产抗逆玉米新品种「蒙科玉 88」
新品种已授权评价 92
平均亩产
986.4
增产
+12.6%
推广
3.2 万亩
耐密植、抗倒伏,亩产较对照增产 12.6%,适宜≥10℃ 积温 2600℃ 区域春播种植。
详情 参数 知识产权 案例
王
王建国 · 玉米研究所
0471-6666 888 转 8032
收藏
在线预约对接
M3 成果详情 · 数据卡 + 吸底 CTA
9:41●●● ⌁ ▮
‹ 需求大厅 +
全部 待接洽 已匹配 已完成 我的发布 ▾
急需:马铃薯晚疫病绿色防控技术 待接洽
乌兰察布 · 种植主体 5000 亩 · 2026-10-18 发布
预期预算 ¥15–30 万 我要接洽
寻求:牛羊智能化称重分群设备 已匹配
锡林郭勒 · 合作社年出栏 2 万只 · 2026-10-09 发布
预期预算 ¥40 万 洽谈中
上拉加载更多 · 已显示 8 / 126
首页
成果
需求
我的
M4 需求大厅 · 状态 Tab + 接洽
9:41●●● ⌁ ▮
王
王建国
企业用户 · 已实名认证
编辑 ›
3
待审批
6
我的需求
12
收藏
28
足迹
◆ 我发布的成果 4 条 ›
✎ 我发布的需求 6 条 ›
♧ 我的合同 / 协议 2 份 ›
✉ 消息中心 5 ›
意见反馈›
设置›
首页
成果
需求
我的
M5 我的 · 待办汇总 + 菜单
9:41●●● ⌁ ▮
科
欢迎登录
未注册的手机号将自动创建账号
+86 请输入手机号
请输入验证码 获取验证码
✓ 已阅读并同意《用户协议》和《隐私政策》
登 录
其他登录方式
微
微信
企
企业微信
M6 登录 · 验证码 + 三方登录
手机框架规范
布局基准
画布375 × 812 @2x安全区上 44 / 下 34
基准字号14px / 行高 1.6标题 16–18 · 辅助 11–12
触控热区≥ 44 × 44 px图标按钮可视觉小、热区大
页面边距左右 12px卡片圆角 8–10px
导航规则
底部 Tab 固定 4 项:首页 / 成果 / 需求 / 我的,选中态渐变图标 + 加粗文字
二级页顶部「‹ 返回 + 居中标题」,右侧最多 1 个文字操作(分享 / 更多)
Tab 之间不记忆滚动位置,每次进入回到顶部
弹层规则
筛选条件 → 底部半屏面板(高度 60%,右上完成)
发布 / 分享等多操作 → 底部动作面板,取消独立成行
不可逆操作(注销、删除)→ 居中确认对话框,按钮右置

底部半屏筛选面板 (高度 60%,遮罩 40%)

对应 M2「筛选」按钮
领域 ▾ 成熟度 ▾
高产抗逆玉米新品种「蒙科玉 88」
玉米研究所 · 新品种 · ¥86 万
马铃薯脱毒种薯三级繁育技术
马铃薯研究所 · 新技术 · ¥32 万/年
筛选 重置
技术领域
种植业 畜牧业 草业 装备
成熟度
实验室 中试 可产业化 已授权
查看 486 条结果

底部动作面板 ActionSheet

首页 / 需求页「+」触发
科技成果转化平台
高产抗逆玉米新品种「蒙科玉 88」
玉米研究所 · ¥86 万
肉牛精准饲喂与健康监测系统
畜牧研究所 · 锡林郭勒
发布成果
发布需求
预约法律咨询
取消
移动端规则列表不使用分页器,改用「上拉加载更多 + 已加载计数」筛选收进顶部「筛选」按钮,弹出底部半屏面板详情页主操作(预约 / 接洽)吸底固定后台表格类内容不做移动适配,提示「请使用桌面端处理」输入框聚焦时页面自动上推,避开键盘区H5 与小程序共用同一套主体样式,仅导航与登录方式不同
Screen 17
全局状态与操作规范 States & Feedback
PC 端补齐此前缺失的「非正常态」:空状态、骨架屏、页面异常、Toast 反馈、批量操作浮动栏与统一页头。所有列表页 / 表单页 / 详情页共用这一套规则,开发按状态枚举直接落地。
空状态 ×3骨架屏异常页Toast / 进度条批量操作栏

① 空状态 Empty (三种变体)

插画 + 文案 + 主行动点
暂无数据
当前模块还没有内容
点击下方按钮开始创建
+ 新增成果
未找到相关结果
换个关键词试试
或减少筛选条件
清空筛选条件
暂无权限
请联系管理员
开通「成果审核」权限
申请权限
规范插画用单色线稿 + 主色点缀,禁止使用彩色卡通图文案必须告诉用户「为什么空」和「下一步做什么」有创建权限的模块才显示主按钮,否则只放引导文案

② 骨架屏 Skeleton

首屏加载 < 1s 用,超过 3s 改进度条
列表骨架 · 用于成果 / 需求 / 后台表格
卡片骨架 · 用于看板图表区
规范骨架色 #F3EAE0,圆角与真实内容一致只对首屏使用,翻页 / 筛选刷新不重复出现骨架结构必须与真实内容同构(行数、列宽、高度一致)

③ 页面级异常

路由 404 / 服务 500 / 网络断开
404
页面不存在
链接可能已失效
返回首页
500
服务器开小差了
错误码已记录,可重试
重新加载
网络连接已断开
请检查网络后重试
重新连接
规范异常页整页居中,不保留侧边栏404 不放「刷新」按钮(刷新无意义),500 / 断网必须提供重试接口字段级错误不跳异常页,走表单红字 + Toast

④ 轻反馈 Toast & 进度条

操作结果 3 秒自动消失
✓ 保存成功
! 附件超过 20MB
✕ 提交失败,请重试
顶部全局进度条 · 路由切换 / 长请求时显示,渐变填充
正在导入 128 / 200…
规范成功 = 绿 ✓,警告 = 橙 !,失败 = 红 ✕,不允许多色彩 Toast文案必须包含结果与下一步(如「已保存,可继续添加附件」)危险操作(删除 / 驳回)成功后 Toast 需带「撤销」链接,5 秒有效

⑤ 批量操作浮动栏

后台表格勾选后从底部滑出
高产抗逆玉米新品种「蒙科玉 88」 待审核
马铃薯脱毒种薯三级繁育技术 已通过
✓ 肉牛精准饲喂与健康监测系统 待审核
已选 1 项 批量通过 导出所选 删除
规范勾选任意行才出现,取消全部勾选自动收起固定悬浮在表格容器底部(sticky),不遮挡分页器破坏性操作(删除)置后用红色描边按钮,且必须二次确认

⑥ 统一页头 PageHeader

所有后台列表 / 表单 / 详情页
首页›成果管理›成果审核
成果审核
共 128 条待审核记录,按提交时间倒序
批量导入 导出报表 + 新增成果
规范面包屑最后一级不加链接,与标题同行区上方标题下方一行统计文案(条数 / 状态说明),降低用户疑惑操作区右侧对齐:次要按钮(导入 / 导出)在左,主按钮(新增)在最右表单 / 详情页同样使用该结构,操作区换成「提交 / 取消」或「编辑 / 删除」
Screen 18
覆盖对照 & 交付说明 Coverage
设计稿与功能清单逐条对应,开发可直接按模块拆任务;组件基于 Element Plus 覆写主题变量实现,无需引入额外 UI 框架。
22 屏 · 33 功能点逐条对照
功能清单覆盖对照
已设计 32 本次补充 12 仍待补充 4 对照《平台功能列表 261019》逐条核对
模块功能点设计落点状态
首页搜索框(关键词 + 高级筛选)01 首页搜索区 / 10 高级筛选抽屉本次补充
新闻资讯轮播图01 首页 · 中部轮播(含左右箭头与指示点)已设计
快捷入口按钮组01 首页 · 三色快捷入口已设计
政策法规列表(分页 / 更多)01 左栏 + 09 分页规范本次补充
下载中心列表(分类筛选)01 右栏 + 09 筛选栏形态本次补充
友情链接区01 页面底部已设计
成果大厅成果分类导航(树形)02 左侧树 + 10 分类计数已设计
成果卡片展示02 / 10 卡片栅格(封面、标题、适用区域、联系人)已设计
成果详情页(参数 / 证书 / 视频 / 音频)03 详情页已设计
成果收藏(个人空间、批量导出)13 个人中心 · 我的收藏本次补充
成果分享(微信 / 微博 / QQ / 链接)15 分享浮层 + 二维码本次补充
16 个所地图形式展示14 地图找成果(点位聚合 + 列表联动)本次补充
需求大厅需求发布表单12 四步分步表单本次补充
需求列表展示(状态标签)04 列表(左侧色条映射状态)已设计
需求匹配推荐04 侧栏「您可能感兴趣的技术」+ 匹配度已设计
需求跟进反馈(纪要 / 意向书)04 跟进时间线 + 13 消息通知本次补充
转化服务在线合同签订(签署 / 盖章 / 存档)15 签署弹窗 + 13 合同生命周期本次补充
履约进度追踪(甘特图)05 履约甘特 + 13 节点时间轴已设计
收益分配计算器05 右侧计算器已设计
法律咨询服务12 法律咨询(提交 + 限时回复 + 知识库)本次补充
5 条审批流(赋权 / 盖章 / 发票 / 分配 / 补助)05 节点链,当前节点高亮已设计
创新团队团队档案页06 团队卡(成员 / 成果 / 转化数)已设计
团队招募启事06 招募列表(含截止日期)已设计
团队协作空间(文件 / 任务 / 纪要)需私有权限体系,建议二期独立设计待补充
成果评价评价指标体系(四维打分)06 维度 + 权重 + 加权总分已设计
专家评审流程(匿名 / 随机分配)06 评审进度 + 专家回收状态已设计
社会满意度调查(问卷 / NPS)06 已出 NPS 结果;问卷填写页待补充待补充
科技宣传专题报道专栏06 专题卡(点赞 / 评论)已设计
科普短视频频道06 短视频列表(时长 / 播放量)已设计
虚拟展厅漫游(VR)06 VR 深色卡 + 进入展厅已设计
用户与权限角色权限矩阵08 矩阵表(菜单 / 按钮 / 数据三级)已设计
用户实名认证15 登录弹层提示;审核页待补充待补充
账户安全策略(密码 / 锁定 / 会话)建议与实名审核页合并为「安全设置」页待补充
内容与数据成果数据导入工具11 导入(模板 / 错误行标红 / 分部重传)本次补充
内容审核工作流(三级审批)11 审核(步骤条 + 驳回原因 + 队列)本次补充
数据统计分析看板07 看板(UV/PV、漏斗、TOP5、待办)已设计
报表自动生成器(月 / 季 / 年)07 入口按钮;报表配置页待补充待补充
流程与协同审批流程设计器(拖拽编排)08 画布(节点 / 条件分支 / 发布)已设计
合同生命周期管理13 生命周期时间轴(起草→签署→履行→验收)本次补充
仍待补充的 4 项及建议做法
① 团队协作空间
私有讨论区 + 文件共享 + 任务指派 + 会议纪要归档。建议做成「团队主页」的子 Tab,权限跟随团队成员身份,二期实现。
② 满意度问卷填写页
题干以单选 / 量表 / 开放题三类组件拼装,移动端优先;提交后立即展示 NPS 计算说明,提升参与率。
③ 实名认证审核 + 账户安全
建议合并为一个「安全中心」页:认证材料预览、通过 / 驳回、密码策略、登录锁定、异地告警、会话超时开关。
④ 报表自动生成器
配置项:周期(月 / 季 / 年)、指标勾选、收件人;产出 Excel 并留档历史版本,可直接复用看板的指标定义。

组件映射

Element Plus
搜索框el-input + el-select
分类树el-tree(default-expand)
卡片栅格el-row / el-col :span="6"
状态标签el-tag(5 种语义色)
流程节点自定义组件 + flex
甘特图自绘 / vue-ganttastic
图表ECharts 5

主题变量

CSS Variables
--el-color-primary: #FF6B3D;
--el-color-warning: #F5A623;
--el-border-radius-base: 6px;
--el-border-color: #EFE2D6;
--el-text-color-primary: #241C17;
--el-bg-color-page: #FBF7F2;
--brand-gradient: linear-gradient(135deg,#FF6B3D,#F5A623);
主色只用于「可点击 / 进行中 / 强调数据」三类场景,其余保持白 + 暖灰,避免大面积橙色疲劳。

落地建议

Next Step
1先落地前台 5 个页面(首页 / 成果 / 详情 / 需求 / 转化),后台随后跟进
2审批流用「流程定义 + 节点表」建模,5 条流共用一套渲染组件
3成果卡片封面统一 16:9 裁切,无图时回退到分类渐变色块
4地图找成果需接入天地图 / 高德,注意坐标系与点位聚合
科技成果转化服务综合平台 · UI 设计稿 V1.0
覆盖功能清单全部 33 项 · 8 屏设计 · 暖色科技扁平风格 · 可直接进入开发
HTML 单文件 响应式 2026.10.22