B端系统平台科技风页面,现代简约风格,模块卡片玻璃拟态效果,毛… - 图片创意预览

B端系统平台科技风页面,现代简约风格,模块卡片玻璃拟态效果,毛…

B端系统平台科技风页面,现代简约风格,模块卡片玻璃拟态效果,毛玻璃半透明卡片,白色主背景,精致圆角,微阴影,专业级中后台产品界面,整体清爽通透。三栏式布局:左侧垂直导航栏6个功能菜单;顶部区域先是平台

用户头像

W贝贝

2026.09.18
B端企业级后台管理系统完整页面设计,储能电厂生产管理系统-定期工作配置详情页,PC端2K分辨率,Element UI风格,蓝色主色调#1677ff,白色背景,与参考图风格完全统一。 整体布局结构: 【左侧深色侧边栏导航】 - 顶部系统Logo:闪电图标+「储能电厂生产管理系统」 - 一级菜单(带图标,可折叠):首页、运行管理(蓝色高亮展开)、设备管理、安全管理、生产统计、报表管理、系统管理 - 运行管理子菜单:运行总览、定期工作配置(当前选中蓝色高亮)、定期任务、运行日志、交接班管理 【顶部栏】 - 左侧汉堡菜单图标 + 面包屑:运行管理 / 定期工作配置 / 新增定期工作 - 右侧:搜索输入框(占位符:搜索功能、菜单、报表...)、通知铃铛(红色角标)、管理员头像+「管理员」文字下拉 【主内容区 - 配置详情表单页】 页面顶部标题栏: - 大标题:新增定期工作配置 - 右侧操作按钮组:保存(白色边框)、提交评审(蓝色实心)、关闭(灰色文字按钮) 表单主体分为四大配置板块,每个板块有蓝色左侧竖线+板块编号+板块标题,板块之间有间距,白色卡片背景: 【一、基本信息配置】 标题:1. 基本信息配置 三列表单布局(标签+输入控件): 第一行: - 定期工作名称:输入框(必填红星),占位符:请输入定期工作名称 - 定期工作编号:DQ-GZ-2026-0001(灰色只读输入框,右侧小字说明:系统自动生成) - 定期工作分类:下拉选择(必填红星),当前选中「设备巡回检查」,下拉选项:设备巡回检查/设备定期轮换/设备活动校验/介质取样监测/设备性能试验/设备清扫保养/物资盘点核查/其他 第二行: - 所属机组/系统:下拉选择(选填),当前选中「储能工艺系统」,下拉选项:储能工艺系统/膨胀发电系统/储热系统/电气一次/电气二次/循环冷却水系统/全厂公用系统/消防与安全设施系统/其他 - 设备名称:设备选择器(选填),显示「请从设备台账选择」占位符,右侧「选择设备」按钮,灰色说明:无对应单体设备可为空 - 归属部门:下拉选择(必填),当前选中「运行部」,下拉选项:运行部/检修部/生技部/安环部/物资部/综合部/人资部/财务部/工程部/其他 第三行(整行宽度): - 定期工作内容:多行文本域(必填),占位符:请详细描述定期工作内容...,高度约80px 第四行(整行宽度): - 执行标准:多行文本域,占位符:请填写执行标准、操作步骤、技术要求...,高度约80px 第五行(整行宽度): - 验收标准:多行文本域,占位符:请填写验收合格判定标准...,高度约80px 【二、周期规则配置】 标题:2. 周期规则配置 第一行: - 执行周期:下拉选择(必填),当前选中「每月」,下拉选项:每班/每日/每周/每月/指定日期 动态参数区域(根据执行周期动态展示,当前展示「每月」模式): - 按月固定日期:日期多选标签组(1~31号可选,蓝色标签表示已选),已选:1号、15号(蓝色标签带关闭叉号) 灰色小字说明:31号小月自动适配当月末日 - 目标执行班次:单选按钮组(白班 / 中班 / 夜班),当前选中「白班」 (以下为其他周期模式的示意说明,用灰色弱化展示,表示切换周期后会变化) 灰色虚线框内小字标注不同周期的参数变化示意: - 每班模式:目标执行班次为多选(白班/中班/夜班可多选) - 每日模式:目标执行班次为单选 - 每周模式:星期多选(周一~周日)+ 目标执行班次单选 - 指定日期模式:日期列表可增加多条 + 目标执行班次单选 第二行: - 生效起始日期:日期选择器(必填红星),值:2026-08-01 - 失效截止日期:日期选择器(选填),值为空,占位符:不填则永久生效 灰色说明:为空表示永久生效 【三、验收规则配置】 标题:3. 验收规则配置 第一行: - 验收模式:三个单选卡片横向并排(必选) - 卡片1:自主闭环(蓝色边框选中状态) 图标 + 标题「自主闭环」 说明文字:执行人完成工作,填写记录保存后,任务状态直接变更为"已执行" - 卡片2:班组验收 图标 + 标题「班组验收」 说明文字:执行人填报完成→提交验收→值班长验收确认;驳回退回整改 - 卡片3:专工验收 图标 + 标题「专工验收」 说明文字:执行人→班长验收→专工验收;两级串行,全部通过闭环,任意一级驳回退回整改 第二行: - 是否绑定操作票:单选开关(是/否),当前为「否」(灰色关闭状态) 开关右侧说明文字: - 勾选「是」:执行人改为【执行中】、提交验收前,必须录入有效操作票编号,系统校验票状态有效,否则不允许提交 - 勾选「否」:不强制关联操作票,票号仅作为可选备注录入 (开关切换到「是」时,下方显示红色提示:高危操作强制绑定操作票,请确保现场作业安全) 【四、管控权限配置】 标题:4. 管控权限配置 两列表单: - 是否启用:单选开关(启用/停用),当前为「停用」(灰色关闭状态) 下方灰色提示文字:未完成审批评审的模板,不允许设置为「启用」 - 生效起止日期:日期区间选择器(必填红星),起始:2026-08-01 至 2099-12-31(默认永久) 整行: - 备注:多行文本域(选填),占位符:请输入备注说明,如机组检修临时停用说明等...,高度约60px,右下角字数统计 0/200 【页面底部固定操作栏】 悬浮在页面底部,白色背景,顶部有分割线: - 左侧:灰色提示文字(带信息图标):保存仅存储数据,不触发评审、不改变启用状态 - 右侧按钮组(从左到右): - 关闭按钮(白色边框按钮) - 保存按钮(白色边框蓝色文字按钮) - 提交评审(蓝色实心主按钮) 关闭按钮交互提示(用小弹窗示意): 点击关闭时弹出确认对话框: - 标题:确认关闭 - 内容:当前存在未保存修改,是否确认关闭? - 按钮:取消 / 确认关闭(红色) 设计规范: - 主色:#1677ff 蓝色 - 成功色:#52c41a 绿色 - 警告色:#faad14 橙色 - 错误色:#f5222d 红色 - 文字:#333 主文字,#666 次要文字,#999 辅助文字 - 边框:#e8e8e8 浅灰 - 背景:#f5f7fa 页面背景,#ffffff 卡片背景 - 圆角:4px 按钮和输入框 - 字体:系统默认无衬线字体 - 整体风格:简洁、专业、信息密度适中,Element UI Ant Design风格B端后台系统,与参考图视觉完全统一B端企业级后台管理系统完整页面设计,储能电厂生产管理系统-定期工作配置详情页,PC端2K分辨率,Element UI风格,蓝色主色调#1677ff,白色背景,与参考图风格完全统一。

整体布局结构:
【左侧深色侧边栏导航】
- 顶部系统Logo:闪电图标+「储能电厂生产管理系统」
- 一级菜单(带图标,可折叠):首页、运行管理(蓝色高亮展开)、设备管理、安全管理、生产统计、报表管理、系统管理
- 运行管理子菜单:运行总览、定期工作配置(当前选中蓝色高亮)、定期任务、运行日志、交接班管理

【顶部栏】
- 左侧汉堡菜单图标 + 面包屑:运行管理 / 定期工作配置 / 新增定期工作
- 右侧:搜索输入框(占位符:搜索功能、菜单、报表...)、通知铃铛(红色角标)、管理员头像+「管理员」文字下拉

【主内容区 - 配置详情表单页】

页面顶部标题栏:
- 大标题:新增定期工作配置
- 右侧操作按钮组:保存(白色边框)、提交评审(蓝色实心)、关闭(灰色文字按钮)

表单主体分为四大配置板块,每个板块有蓝色左侧竖线+板块编号+板块标题,板块之间有间距,白色卡片背景:

【一、基本信息配置】
标题:1. 基本信息配置

三列表单布局(标签+输入控件):

第一行:
- 定期工作名称:输入框(必填红星),占位符:请输入定期工作名称
- 定期工作编号:DQ-GZ-2026-0001(灰色只读输入框,右侧小字说明:系统自动生成)
- 定期工作分类:下拉选择(必填红星),当前选中「设备巡回检查」,下拉选项:设备巡回检查/设备定期轮换/设备活动校验/介质取样监测/设备性能试验/设备清扫保养/物资盘点核查/其他

第二行:
- 所属机组/系统:下拉选择(选填),当前选中「储能工艺系统」,下拉选项:储能工艺系统/膨胀发电系统/储热系统/电气一次/电气二次/循环冷却水系统/全厂公用系统/消防与安全设施系统/其他
- 设备名称:设备选择器(选填),显示「请从设备台账选择」占位符,右侧「选择设备」按钮,灰色说明:无对应单体设备可为空
- 归属部门:下拉选择(必填),当前选中「运行部」,下拉选项:运行部/检修部/生技部/安环部/物资部/综合部/人资部/财务部/工程部/其他

第三行(整行宽度):
- 定期工作内容:多行文本域(必填),占位符:请详细描述定期工作内容...,高度约80px

第四行(整行宽度):
- 执行标准:多行文本域,占位符:请填写执行标准、操作步骤、技术要求...,高度约80px

第五行(整行宽度):
- 验收标准:多行文本域,占位符:请填写验收合格判定标准...,高度约80px

【二、周期规则配置】
标题:2. 周期规则配置

第一行:
- 执行周期:下拉选择(必填),当前选中「每月」,下拉选项:每班/每日/每周/每月/指定日期

动态参数区域(根据执行周期动态展示,当前展示「每月」模式):
- 按月固定日期:日期多选标签组(1~31号可选,蓝色标签表示已选),已选:1号、15号(蓝色标签带关闭叉号)
  灰色小字说明:31号小月自动适配当月末日
- 目标执行班次:单选按钮组(白班 / 中班 / 夜班),当前选中「白班」

(以下为其他周期模式的示意说明,用灰色弱化展示,表示切换周期后会变化)
灰色虚线框内小字标注不同周期的参数变化示意:
- 每班模式:目标执行班次为多选(白班/中班/夜班可多选)
- 每日模式:目标执行班次为单选
- 每周模式:星期多选(周一~周日)+ 目标执行班次单选
- 指定日期模式:日期列表可增加多条 + 目标执行班次单选

第二行:
- 生效起始日期:日期选择器(必填红星),值:2026-08-01
- 失效截止日期:日期选择器(选填),值为空,占位符:不填则永久生效
  灰色说明:为空表示永久生效

【三、验收规则配置】
标题:3. 验收规则配置

第一行:
- 验收模式:三个单选卡片横向并排(必选)
  - 卡片1:自主闭环(蓝色边框选中状态)
    图标 + 标题「自主闭环」
    说明文字:执行人完成工作,填写记录保存后,任务状态直接变更为"已执行"
  - 卡片2:班组验收
    图标 + 标题「班组验收」
    说明文字:执行人填报完成→提交验收→值班长验收确认;驳回退回整改
  - 卡片3:专工验收
    图标 + 标题「专工验收」
    说明文字:执行人→班长验收→专工验收;两级串行,全部通过闭环,任意一级驳回退回整改

第二行:
- 是否绑定操作票:单选开关(是/否),当前为「否」(灰色关闭状态)
  开关右侧说明文字:
  - 勾选「是」:执行人改为【执行中】、提交验收前,必须录入有效操作票编号,系统校验票状态有效,否则不允许提交
  - 勾选「否」:不强制关联操作票,票号仅作为可选备注录入
  (开关切换到「是」时,下方显示红色提示:高危操作强制绑定操作票,请确保现场作业安全)

【四、管控权限配置】
标题:4. 管控权限配置

两列表单:
- 是否启用:单选开关(启用/停用),当前为「停用」(灰色关闭状态)
  下方灰色提示文字:未完成审批评审的模板,不允许设置为「启用」
- 生效起止日期:日期区间选择器(必填红星),起始:2026-08-01 至 2099-12-31(默认永久)

整行:
- 备注:多行文本域(选填),占位符:请输入备注说明,如机组检修临时停用说明等...,高度约60px,右下角字数统计 0/200

【页面底部固定操作栏】
悬浮在页面底部,白色背景,顶部有分割线:
- 左侧:灰色提示文字(带信息图标):保存仅存储数据,不触发评审、不改变启用状态
- 右侧按钮组(从左到右):
  - 关闭按钮(白色边框按钮)
  - 保存按钮(白色边框蓝色文字按钮)
  - 提交评审(蓝色实心主按钮)

关闭按钮交互提示(用小弹窗示意):
点击关闭时弹出确认对话框:
- 标题:确认关闭
- 内容:当前存在未保存修改,是否确认关闭?
- 按钮:取消 / 确认关闭(红色)

设计规范:
- 主色:#1677ff 蓝色
- 成功色:#52c41a 绿色
- 警告色:#faad14 橙色
- 错误色:#f5222d 红色
- 文字:#333 主文字,#666 次要文字,#999 辅助文字
- 边框:#e8e8e8 浅灰
- 背景:#f5f7fa 页面背景,#ffffff 卡片背景
- 圆角:4px 按钮和输入框
- 字体:系统默认无衬线字体
- 整体风格:简洁、专业、信息密度适中,Element UI Ant Design风格B端后台系统,与参考图视觉完全统一
参考图中的版式结构和设计风格,生成一张智慧出入院结算六大亮点总结信息图。保持相同的设计语言:白色背景+淡蓝色+深蓝色配色,波浪形时间轴串联圆形节点,每个节点下方有白色圆角卡片承载详细内容,简洁专业的医疗科技风格。调整为6个节点均匀分布在波浪线上。顶部大标题文字为"智慧出入院结算六大亮点总结",副标题文字为"全流程自助·医保实时结算·账务闭环管控·安全合规"。6个节点的大标签分别为:"01 无人化自助办理"、"02 医保结算全覆盖"、"03 账务全自动闭环"、"04 费用透明可查"、"05 高安全高合规"、"06 极致降本增效"。6个卡片内的详细内容分别为:第一张卡片标题"入院登记",内容列表"预缴充值、费用查询、出院结算、票据打印",底部小字"30分钟→3分钟以内";第二张卡片标题"本地医保",内容列表"异地医保、大病救助、民政补助、自费",底部蓝字"规则引擎实时适配";第三张卡片标题"费用核算",内容列表"结算核销、退费冲正、自动对账、账务归档",底部蓝字"杜绝人工核算差错";第四张卡片标题"消费明细",内容列表"一日清单、总清单、医保拆分明细",底部蓝字"减少医患纠纷";第五张卡片标题"数据加密",内容列表"操作留痕、权限分级、账务防篡改",底部蓝字"等保三级·医保合规";第六张卡片标题"分流窗口",内容列表"减少人力、提升床位周转率、服务品质升级",底部蓝字"智慧服务评级提升"。底部总结语"从窗口办理到全流程自助闭环,推动医院出入院服务更高效、更透明、更合规"。画面中所有数字必须精确渲染,不得错位、遗漏或编造。所有文字区域填充完整,无空白占位。横版16:9比例,版式精美,信息清晰。参考图中的版式结构和设计风格,生成一张智慧出入院结算六大亮点总结信息图。保持相同的设计语言:白色背景+淡蓝色+深蓝色配色,波浪形时间轴串联圆形节点,每个节点下方有白色圆角卡片承载详细内容,简洁专业的医疗科技风格。调整为6个节点均匀分布在波浪线上。顶部大标题文字为"智慧出入院结算六大亮点总结",副标题文字为"全流程自助·医保实时结算·账务闭环管控·安全合规"。6个节点的大标签分别为:"01 无人化自助办理"、"02 医保结算全覆盖"、"03 账务全自动闭环"、"04 费用透明可查"、"05 高安全高合规"、"06 极致降本增效"。6个卡片内的详细内容分别为:第一张卡片标题"入院登记",内容列表"预缴充值、费用查询、出院结算、票据打印",底部小字"30分钟→3分钟以内";第二张卡片标题"本地医保",内容列表"异地医保、大病救助、民政补助、自费",底部蓝字"规则引擎实时适配";第三张卡片标题"费用核算",内容列表"结算核销、退费冲正、自动对账、账务归档",底部蓝字"杜绝人工核算差错";第四张卡片标题"消费明细",内容列表"一日清单、总清单、医保拆分明细",底部蓝字"减少医患纠纷";第五张卡片标题"数据加密",内容列表"操作留痕、权限分级、账务防篡改",底部蓝字"等保三级·医保合规";第六张卡片标题"分流窗口",内容列表"减少人力、提升床位周转率、服务品质升级",底部蓝字"智慧服务评级提升"。底部总结语"从窗口办理到全流程自助闭环,推动医院出入院服务更高效、更透明、更合规"。画面中所有数字必须精确渲染,不得错位、遗漏或编造。所有文字区域填充完整,无空白占位。横版16:9比例,版式精美,信息清晰。
智慧医疗系统架构图海报,横版16:9,纯白色背景,整体淡蓝色清新风格,四层架构从上到下清晰排列,每层用淡蓝色渐变的圆角矩形区块区分,大字号标题文字清晰可读。 最顶部大标题:"智慧医疗系统架构图",字体粗大醒目,深蓝色。 第一层(最上方):"前端展示层",用极浅天蓝色区块,区块内文字: - 微信小程序原生框架 - 标准版 + 老年关怀大字体版 双界面 - 静态资源本地缓存 + 动态数据实时拉取 - 弱网断网可用 第二层:"业务服务层",用浅蓝色区块,区块内分8个小卡片横向排列,每个卡片标注一个微服务名称: 1.用户身份认证 2.智能导诊推理 3.预约挂号调度 4.诊间支付结算 5.移动医保清算 6.医疗报告解析 7.消息推送订阅 8.患者信息管理 下方小字说明:微服务集群独立部署 · 单点故障隔离 · 7×24小时稳定服务 第三层:"接口对接层",用稍深一点的淡蓝色区块,区块内分左右两栏: 左侧"对内对接":医院HIS系统 · 线下医保结算系统 · 患者就诊数据系统 右侧"对外对接":集团数据中台 · 互联网健康平台 · 统一身份认证系统 中间标注"标准化API网关",下方小字:权限管控 · 流量监控 · 数据加密 · 全量双向同步 第四层(最下方):"数据存储层",用中等淡蓝色区块,区块内文字: - 国产化关系型数据库 - 分类加密存储:用户信息/就诊数据/支付交易/医保结算/操作日志/消息记录 - 定时自动备份 · 异地容灾 · 数据溯源 · 权限分级访问 - 符合医疗数据安全等级保护要求 整体风格:扁平化清新科技风,纯白色背景,配色以淡蓝色系为主,颜色浅淡柔和不刺眼,每层之间用淡蓝色箭头或连接线表示数据流向,所有文字字号大、清晰易读,深蓝色字体,排版整齐,专业大气,信息完整准确。画面中所有信息区域必须填充完整合理的内容,不得出现空白框或占位。智慧医疗系统架构图海报,横版16:9,纯白色背景,整体淡蓝色清新风格,四层架构从上到下清晰排列,每层用淡蓝色渐变的圆角矩形区块区分,大字号标题文字清晰可读。

最顶部大标题:"智慧医疗系统架构图",字体粗大醒目,深蓝色。

第一层(最上方):"前端展示层",用极浅天蓝色区块,区块内文字:
- 微信小程序原生框架
- 标准版 + 老年关怀大字体版 双界面
- 静态资源本地缓存 + 动态数据实时拉取
- 弱网断网可用

第二层:"业务服务层",用浅蓝色区块,区块内分8个小卡片横向排列,每个卡片标注一个微服务名称:
1.用户身份认证 2.智能导诊推理 3.预约挂号调度 4.诊间支付结算 5.移动医保清算 6.医疗报告解析 7.消息推送订阅 8.患者信息管理
下方小字说明:微服务集群独立部署 · 单点故障隔离 · 7×24小时稳定服务

第三层:"接口对接层",用稍深一点的淡蓝色区块,区块内分左右两栏:
左侧"对内对接":医院HIS系统 · 线下医保结算系统 · 患者就诊数据系统
右侧"对外对接":集团数据中台 · 互联网健康平台 · 统一身份认证系统
中间标注"标准化API网关",下方小字:权限管控 · 流量监控 · 数据加密 · 全量双向同步

第四层(最下方):"数据存储层",用中等淡蓝色区块,区块内文字:
- 国产化关系型数据库
- 分类加密存储:用户信息/就诊数据/支付交易/医保结算/操作日志/消息记录
- 定时自动备份 · 异地容灾 · 数据溯源 · 权限分级访问
- 符合医疗数据安全等级保护要求

整体风格:扁平化清新科技风,纯白色背景,配色以淡蓝色系为主,颜色浅淡柔和不刺眼,每层之间用淡蓝色箭头或连接线表示数据流向,所有文字字号大、清晰易读,深蓝色字体,排版整齐,专业大气,信息完整准确。画面中所有信息区域必须填充完整合理的内容,不得出现空白框或占位。
智慧医疗系统架构图海报,横版16:9,纯白色背景,整体淡蓝色清新风格,四层架构从上到下清晰排列,每层用淡蓝色渐变的圆角矩形区块区分,大字号标题文字清晰可读。 最顶部大标题:"智慧医疗系统架构图",字体粗大醒目,深蓝色。 第一层(最上方):"前端展示层",用极浅天蓝色区块,区块内文字: - 微信小程序原生框架 - 标准版 + 老年关怀大字体版 双界面 - 静态资源本地缓存 + 动态数据实时拉取 - 弱网断网可用 第二层:"业务服务层",用浅蓝色区块,区块内分8个小卡片横向排列,每个卡片标注一个微服务名称: 1.用户身份认证 2.智能导诊推理 3.预约挂号调度 4.诊间支付结算 5.移动医保清算 6.医疗报告解析 7.消息推送订阅 8.患者信息管理 下方小字说明:微服务集群独立部署 · 单点故障隔离 · 7×24小时稳定服务 第三层:"接口对接层",用稍深一点的淡蓝色区块,区块内分左右两栏: 左侧"对内对接":医院HIS系统 · 线下医保结算系统 · 患者就诊数据系统 右侧"对外对接":集团数据中台 · 互联网健康平台 · 统一身份认证系统 中间标注"标准化API网关",下方小字:权限管控 · 流量监控 · 数据加密 · 全量双向同步 第四层(最下方):"数据存储层",用中等淡蓝色区块,区块内文字: - 国产化关系型数据库 - 分类加密存储:用户信息/就诊数据/支付交易/医保结算/操作日志/消息记录 - 定时自动备份 · 异地容灾 · 数据溯源 · 权限分级访问 - 符合医疗数据安全等级保护要求 整体风格:扁平化清新科技风,纯白色背景,配色以淡蓝色系为主,颜色浅淡柔和不刺眼,每层之间用淡蓝色箭头或连接线表示数据流向,所有文字字号大、清晰易读,深蓝色字体,排版整齐,专业大气,信息完整准确。画面中所有信息区域必须填充完整合理的内容,不得出现空白框或占位。智慧医疗系统架构图海报,横版16:9,纯白色背景,整体淡蓝色清新风格,四层架构从上到下清晰排列,每层用淡蓝色渐变的圆角矩形区块区分,大字号标题文字清晰可读。

最顶部大标题:"智慧医疗系统架构图",字体粗大醒目,深蓝色。

第一层(最上方):"前端展示层",用极浅天蓝色区块,区块内文字:
- 微信小程序原生框架
- 标准版 + 老年关怀大字体版 双界面
- 静态资源本地缓存 + 动态数据实时拉取
- 弱网断网可用

第二层:"业务服务层",用浅蓝色区块,区块内分8个小卡片横向排列,每个卡片标注一个微服务名称:
1.用户身份认证 2.智能导诊推理 3.预约挂号调度 4.诊间支付结算 5.移动医保清算 6.医疗报告解析 7.消息推送订阅 8.患者信息管理
下方小字说明:微服务集群独立部署 · 单点故障隔离 · 7×24小时稳定服务

第三层:"接口对接层",用稍深一点的淡蓝色区块,区块内分左右两栏:
左侧"对内对接":医院HIS系统 · 线下医保结算系统 · 患者就诊数据系统
右侧"对外对接":集团数据中台 · 互联网健康平台 · 统一身份认证系统
中间标注"标准化API网关",下方小字:权限管控 · 流量监控 · 数据加密 · 全量双向同步

第四层(最下方):"数据存储层",用中等淡蓝色区块,区块内文字:
- 国产化关系型数据库
- 分类加密存储:用户信息/就诊数据/支付交易/医保结算/操作日志/消息记录
- 定时自动备份 · 异地容灾 · 数据溯源 · 权限分级访问
- 符合医疗数据安全等级保护要求

整体风格:扁平化清新科技风,纯白色背景,配色以淡蓝色系为主,颜色浅淡柔和不刺眼,每层之间用淡蓝色箭头或连接线表示数据流向,所有文字字号大、清晰易读,深蓝色字体,排版整齐,专业大气,信息完整准确。画面中所有信息区域必须填充完整合理的内容,不得出现空白框或占位。
基于参考图的火电厂生产管理系统UI风格,设计一个钥匙归还办理弹窗。弹窗居中显示在台账页面上方,背景有半透明遮罩层,整体版式与钥匙领用弹窗完全统一。 弹窗采用三段式标准布局: 1. 顶部标题栏:左侧显示"钥匙归还办理"标题,右侧有X关闭按钮。 2. 中部表单展示与填报区,两列布局: - 第一行左:钥匙编号(只读,灰色背景,显示KEY2024050003) - 第一行右:钥匙名称(只读,灰色背景,显示化学水车间大门钥匙) - 第二行左:存放位置(只读,灰色背景,显示化学水车间钥匙柜02号) - 第二行右:当前状态(只读,红色标签显示"已借出(未归还)") - 第三行左:借用人(只读,灰色背景,显示张三) - 第三行右:借用时间(只读,灰色背景,显示2024-05-20 08:30) - 第四行:借用用途(只读,灰色背景,占满整行,显示日常巡检) 分隔线后是核心业务选择区: - 归还状态选择(带红色*号必填):两个单选按钮选项横向排列 - ○ 按期正常归还(默认选中,绿色圆点) - ○ 未按期归还(橙色/红色圆点,选中后下方出现提示文字:将自动记录异常并写入运行日志) - 归还备注(选填,文本域/多行输入框,占位文字:请填写归还情况、异常说明、延期原因等(选填)) - 归还操作时间(只读,灰色背景,显示"提交时自动获取当前时间") - 操作人(只读,灰色背景,显示"当前登录用户自动获取") 3. 底部操作按钮区:右侧排列两个按钮,【取消】灰色按钮在左,【确认提交】蓝色主按钮在右。 整体风格与参考图一致:蓝色主题色,简洁专业的后台管理系统风格,左侧深蓝色导航栏和台账页面作为背景被半透明遮罩覆盖。基于参考图的火电厂生产管理系统UI风格,设计一个钥匙归还办理弹窗。弹窗居中显示在台账页面上方,背景有半透明遮罩层,整体版式与钥匙领用弹窗完全统一。

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

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

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

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

整体风格与参考图一致:蓝色主题色,简洁专业的后台管理系统风格,左侧深蓝色导航栏和台账页面作为背景被半透明遮罩覆盖。
资源协同平台-基地使用申请页面高保真UI设计,蓝色企业级B端后台风格,左侧深蓝色侧边栏导航,顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像。左侧导航当前选中资源中心模块并展开子菜单,高亮基地资源下的基地使用申请。主内容区:顶部面包屑导航,页面大标题基地使用申请,副标题说明用于跨校办学项目、实训参观等基地使用申请。页面为表单布局,分多个信息区块,每个区块有蓝色左侧条标题:第一区块申请基本信息:申请单位(只读显示)、申请人、联系电话、申请日期(自动填充)、申请类型下拉选择(跨校办学/实训教学/参观交流/会议活动/其他);第二区块基地信息:基地名称下拉选择(带搜索)、基地所在地址(只读联动显示)、基地容量(只读联动显示)、基地负责人及联系方式(只读联动显示);第三区块使用安排:使用目的(多行文本框)、使用开始时间(日期+时间选择)、使用结束时间(日期+时间选择)、使用人数(数字输入框)、参与对象(输入框);第四区块附件材料:单位盖章资料上传区域(大尺寸拖拽上传区,带上传图标和提示文字,支持PDF、图片格式,标注为必填项)、其他附件上传(可选);第五区块审批信息:预计审批流程展示(如教务专责审核→基地管理员确认→分管领导审批)。页面底部右侧有保存草稿按钮(灰色边框)和提交申请按钮(蓝色主按钮)。整体表单两列布局,标签左对齐,必填项带红色星号,界面精致有质感资源协同平台-基地使用申请页面高保真UI设计,蓝色企业级B端后台风格,左侧深蓝色侧边栏导航,顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像。左侧导航当前选中资源中心模块并展开子菜单,高亮基地资源下的基地使用申请。主内容区:顶部面包屑导航,页面大标题基地使用申请,副标题说明用于跨校办学项目、实训参观等基地使用申请。页面为表单布局,分多个信息区块,每个区块有蓝色左侧条标题:第一区块申请基本信息:申请单位(只读显示)、申请人、联系电话、申请日期(自动填充)、申请类型下拉选择(跨校办学/实训教学/参观交流/会议活动/其他);第二区块基地信息:基地名称下拉选择(带搜索)、基地所在地址(只读联动显示)、基地容量(只读联动显示)、基地负责人及联系方式(只读联动显示);第三区块使用安排:使用目的(多行文本框)、使用开始时间(日期+时间选择)、使用结束时间(日期+时间选择)、使用人数(数字输入框)、参与对象(输入框);第四区块附件材料:单位盖章资料上传区域(大尺寸拖拽上传区,带上传图标和提示文字,支持PDF、图片格式,标注为必填项)、其他附件上传(可选);第五区块审批信息:预计审批流程展示(如教务专责审核→基地管理员确认→分管领导审批)。页面底部右侧有保存草稿按钮(灰色边框)和提交申请按钮(蓝色主按钮)。整体表单两列布局,标签左对齐,必填项带红色星号,界面精致有质感
医共体指标管理中心系统界面设计,PC端后台管理系统风格,整体简洁专业,深蓝色调为主,界面整洁规整,信息清晰明了,布局合理。页面顶部为导航栏,左侧显示系统Logo和"医共体指标管理中心"标题,顶部导航包含:首页、指标管理、数据填报、统计分析、系统设置等菜单,当前选中"指标管理"。左侧侧边栏为二级菜单,包含:指标目录、指标版本管理、指标审核、指标发布,当前选中"指标版本管理"。主内容区标题为"指标版本管理",下方有搜索筛选区:指标名称搜索框、指标类型下拉、版本状态下拉、生效时间范围选择、查询按钮、重置按钮、右侧有"新建版本"蓝色主按钮。主内容区为指标版本列表表格,表格列包括:序号、指标编码、指标名称、指标类型、当前版本号、版本状态(生效中/已失效/待生效,用不同颜色标签标注)、计算公式/取数逻辑摘要、变更原因、变更人、生效时间、操作列(查看详情、版本对比、历史版本、停用)。表格下方有分页控件。右侧悬浮一个"版本对比"弹窗预览,展示两个版本的对比:左侧为V2.0版本,右侧为V1.0版本,对比项包括:指标名称、计算公式、取数口径、统计维度、生效时间,差异部分用红色和绿色高亮标注。重点内容如版本状态、变更原因、生效时间、版本差异对比用醒目的颜色和图标明确标注。卡片式布局,适当留白,字体清晰,层次分明,视觉简洁易读。医共体指标管理中心系统界面设计,PC端后台管理系统风格,整体简洁专业,深蓝色调为主,界面整洁规整,信息清晰明了,布局合理。页面顶部为导航栏,左侧显示系统Logo和"医共体指标管理中心"标题,顶部导航包含:首页、指标管理、数据填报、统计分析、系统设置等菜单,当前选中"指标管理"。左侧侧边栏为二级菜单,包含:指标目录、指标版本管理、指标审核、指标发布,当前选中"指标版本管理"。主内容区标题为"指标版本管理",下方有搜索筛选区:指标名称搜索框、指标类型下拉、版本状态下拉、生效时间范围选择、查询按钮、重置按钮、右侧有"新建版本"蓝色主按钮。主内容区为指标版本列表表格,表格列包括:序号、指标编码、指标名称、指标类型、当前版本号、版本状态(生效中/已失效/待生效,用不同颜色标签标注)、计算公式/取数逻辑摘要、变更原因、变更人、生效时间、操作列(查看详情、版本对比、历史版本、停用)。表格下方有分页控件。右侧悬浮一个"版本对比"弹窗预览,展示两个版本的对比:左侧为V2.0版本,右侧为V1.0版本,对比项包括:指标名称、计算公式、取数口径、统计维度、生效时间,差异部分用红色和绿色高亮标注。重点内容如版本状态、变更原因、生效时间、版本差异对比用醒目的颜色和图标明确标注。卡片式布局,适当留白,字体清晰,层次分明,视觉简洁易读。