设计洁净能源创新平台管理后台,成果管理新增成果弹窗表单。整体保… - 图片创意预览

设计洁净能源创新平台管理后台,成果管理新增成果弹窗表单。整体保…

设计洁净能源创新平台管理后台,成果管理新增成果弹窗表单。整体保持和绿色系后台风格一致。弹窗居中,白色背景带圆角和阴影,顶部标题栏'新增成果',右上角有关闭按钮。表单采用一行两个输入框左右排版,共四行:

用户头像

1r023llsxg-...

2026.06.05
资源协同平台-评审任务管理页面高保真UI设计,蓝色企业级B端后台风格,左侧深蓝色侧边栏导航,顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像(显示教务专责身份)。左侧导航当前选中评审管理模块并展开子菜单,高亮评审任务管理。主内容区:顶部面包屑导航,页面大标题评审任务管理。页面顶部为数据概览卡片行,4个统计卡片横向排列:待评审任务数、进行中评审、已完成评审、本月新增评审,每个卡片有图标、数值、环比趋势。下方为操作与筛选区:左侧有新建评审计划按钮(蓝色主按钮)、发起评审按钮、批量分派按钮;右侧为筛选条件:评审类型下拉、评审状态下拉(全部/待发起/进行中/已完成/已驳回)、时间范围选择、关键词搜索框、查询重置按钮。主体为评审任务列表表格,表头包含:复选框、任务编号、评审任务名称、评审类型(如课程评审/师资评审/案例评审)、关联资源数、评审专家、计划开始时间、计划结束时间、当前状态(不同颜色标签:待发起灰色/进行中橙色/已完成绿色/已驳回红色)、进度条、操作列(查看详情、分派专家、编辑、删除)。表格展示8-10行数据,每行有进度百分比条。页面底部分页组件。整体风格与资源申报审核页一致,蓝色主调,专业清晰,卡片精致有质感资源协同平台-评审任务管理页面高保真UI设计,蓝色企业级B端后台风格,左侧深蓝色侧边栏导航,顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像(显示教务专责身份)。左侧导航当前选中评审管理模块并展开子菜单,高亮评审任务管理。主内容区:顶部面包屑导航,页面大标题评审任务管理。页面顶部为数据概览卡片行,4个统计卡片横向排列:待评审任务数、进行中评审、已完成评审、本月新增评审,每个卡片有图标、数值、环比趋势。下方为操作与筛选区:左侧有新建评审计划按钮(蓝色主按钮)、发起评审按钮、批量分派按钮;右侧为筛选条件:评审类型下拉、评审状态下拉(全部/待发起/进行中/已完成/已驳回)、时间范围选择、关键词搜索框、查询重置按钮。主体为评审任务列表表格,表头包含:复选框、任务编号、评审任务名称、评审类型(如课程评审/师资评审/案例评审)、关联资源数、评审专家、计划开始时间、计划结束时间、当前状态(不同颜色标签:待发起灰色/进行中橙色/已完成绿色/已驳回红色)、进度条、操作列(查看详情、分派专家、编辑、删除)。表格展示8-10行数据,每行有进度百分比条。页面底部分页组件。整体风格与资源申报审核页一致,蓝色主调,专业清晰,卡片精致有质感
资源协同平台-基地使用申请页面高保真UI设计,蓝色企业级B端后台风格,左侧深蓝色侧边栏导航,顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像。左侧导航当前选中资源中心模块并展开子菜单,高亮基地资源下的基地使用申请。主内容区:顶部面包屑导航,页面大标题基地使用申请,副标题说明用于跨校办学项目、实训参观等基地使用申请。页面为表单布局,分多个信息区块,每个区块有蓝色左侧条标题:第一区块申请基本信息:申请单位(只读显示)、申请人、联系电话、申请日期(自动填充)、申请类型下拉选择(跨校办学/实训教学/参观交流/会议活动/其他);第二区块基地信息:基地名称下拉选择(带搜索)、基地所在地址(只读联动显示)、基地容量(只读联动显示)、基地负责人及联系方式(只读联动显示);第三区块使用安排:使用目的(多行文本框)、使用开始时间(日期+时间选择)、使用结束时间(日期+时间选择)、使用人数(数字输入框)、参与对象(输入框);第四区块附件材料:单位盖章资料上传区域(大尺寸拖拽上传区,带上传图标和提示文字,支持PDF、图片格式,标注为必填项)、其他附件上传(可选);第五区块审批信息:预计审批流程展示(如教务专责审核→基地管理员确认→分管领导审批)。页面底部右侧有保存草稿按钮(灰色边框)和提交申请按钮(蓝色主按钮)。整体表单两列布局,标签左对齐,必填项带红色星号,界面精致有质感资源协同平台-基地使用申请页面高保真UI设计,蓝色企业级B端后台风格,左侧深蓝色侧边栏导航,顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像。左侧导航当前选中资源中心模块并展开子菜单,高亮基地资源下的基地使用申请。主内容区:顶部面包屑导航,页面大标题基地使用申请,副标题说明用于跨校办学项目、实训参观等基地使用申请。页面为表单布局,分多个信息区块,每个区块有蓝色左侧条标题:第一区块申请基本信息:申请单位(只读显示)、申请人、联系电话、申请日期(自动填充)、申请类型下拉选择(跨校办学/实训教学/参观交流/会议活动/其他);第二区块基地信息:基地名称下拉选择(带搜索)、基地所在地址(只读联动显示)、基地容量(只读联动显示)、基地负责人及联系方式(只读联动显示);第三区块使用安排:使用目的(多行文本框)、使用开始时间(日期+时间选择)、使用结束时间(日期+时间选择)、使用人数(数字输入框)、参与对象(输入框);第四区块附件材料:单位盖章资料上传区域(大尺寸拖拽上传区,带上传图标和提示文字,支持PDF、图片格式,标注为必填项)、其他附件上传(可选);第五区块审批信息:预计审批流程展示(如教务专责审核→基地管理员确认→分管领导审批)。页面底部右侧有保存草稿按钮(灰色边框)和提交申请按钮(蓝色主按钮)。整体表单两列布局,标签左对齐,必填项带红色星号,界面精致有质感
基于参考图的火电厂生产管理系统UI风格,设计一个钥匙归还办理弹窗。弹窗居中显示在台账页面上方,背景有半透明遮罩层,整体版式与钥匙领用弹窗完全统一。 弹窗采用三段式标准布局: 1. 顶部标题栏:左侧显示"钥匙归还办理"标题,右侧有X关闭按钮。 2. 中部表单展示与填报区,两列布局: - 第一行左:钥匙编号(只读,灰色背景,显示KEY2024050003) - 第一行右:钥匙名称(只读,灰色背景,显示化学水车间大门钥匙) - 第二行左:存放位置(只读,灰色背景,显示化学水车间钥匙柜02号) - 第二行右:当前状态(只读,红色标签显示"已借出(未归还)") - 第三行左:借用人(只读,灰色背景,显示张三) - 第三行右:借用时间(只读,灰色背景,显示2024-05-20 08:30) - 第四行:借用用途(只读,灰色背景,占满整行,显示日常巡检) 分隔线后是核心业务选择区: - 归还状态选择(带红色*号必填):两个单选按钮选项横向排列 - ○ 按期正常归还(默认选中,绿色圆点) - ○ 未按期归还(橙色/红色圆点,选中后下方出现提示文字:将自动记录异常并写入运行日志) - 归还备注(选填,文本域/多行输入框,占位文字:请填写归还情况、异常说明、延期原因等(选填)) - 归还操作时间(只读,灰色背景,显示"提交时自动获取当前时间") - 操作人(只读,灰色背景,显示"当前登录用户自动获取") 3. 底部操作按钮区:右侧排列两个按钮,【取消】灰色按钮在左,【确认提交】蓝色主按钮在右。 整体风格与参考图一致:蓝色主题色,简洁专业的后台管理系统风格,左侧深蓝色导航栏和台账页面作为背景被半透明遮罩覆盖。基于参考图的火电厂生产管理系统UI风格,设计一个钥匙归还办理弹窗。弹窗居中显示在台账页面上方,背景有半透明遮罩层,整体版式与钥匙领用弹窗完全统一。

弹窗采用三段式标准布局:

1. 顶部标题栏:左侧显示"钥匙归还办理"标题,右侧有X关闭按钮。

2. 中部表单展示与填报区,两列布局:
   - 第一行左:钥匙编号(只读,灰色背景,显示KEY2024050003)
   - 第一行右:钥匙名称(只读,灰色背景,显示化学水车间大门钥匙)
   - 第二行左:存放位置(只读,灰色背景,显示化学水车间钥匙柜02号)
   - 第二行右:当前状态(只读,红色标签显示"已借出(未归还)")
   - 第三行左:借用人(只读,灰色背景,显示张三)
   - 第三行右:借用时间(只读,灰色背景,显示2024-05-20 08:30)
   - 第四行:借用用途(只读,灰色背景,占满整行,显示日常巡检)
   
   分隔线后是核心业务选择区:
   - 归还状态选择(带红色*号必填):两个单选按钮选项横向排列
     - ○ 按期正常归还(默认选中,绿色圆点)
     - ○ 未按期归还(橙色/红色圆点,选中后下方出现提示文字:将自动记录异常并写入运行日志)
   
   - 归还备注(选填,文本域/多行输入框,占位文字:请填写归还情况、异常说明、延期原因等(选填))
   
   - 归还操作时间(只读,灰色背景,显示"提交时自动获取当前时间")
   - 操作人(只读,灰色背景,显示"当前登录用户自动获取")

3. 底部操作按钮区:右侧排列两个按钮,【取消】灰色按钮在左,【确认提交】蓝色主按钮在右。

整体风格与参考图一致:蓝色主题色,简洁专业的后台管理系统风格,左侧深蓝色导航栏和台账页面作为背景被半透明遮罩覆盖。