product-inventory-management.git

			@@ -1,981 +1,2173 @@
			<template>
			<div class="app-container home">
			<el-row :gutter="20">
			<el-col :sm="24" :lg="24">
			<blockquote class="text-warning" style="font-size: 14px">
			领取阿里云通用云产品1888优惠券
			<br />
			<el-link
			href="https://www.aliyun.com/minisite/goods?userCode=brki8iof"
			type="primary"
			target="_blank"
			>https://www.aliyun.com/minisite/goods?userCode=brki8iof</el-link
			>
			<br />
			领取腾讯云通用云产品2860优惠券
			<br />
			<el-link
			href="https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console"
			type="primary"
			target="_blank"
			>https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console</el-link
			>
			<br />
			阿里云服务器折扣区
			<el-link href="http://aly.ruoyi.vip" type="primary" target="_blank"
			>>☛☛点我进入☚☚</el-link
			>
			腾讯云服务器秒杀区
			<el-link href="http://txy.ruoyi.vip" type="primary" target="_blank"
			>>☛☛点我进入☚☚</el-link
			><br />
			<h4 class="text-danger">
			云产品通用红包，可叠加官网常规优惠使用。(仅限新用户)
			</h4>
			</blockquote>

			<hr />
			</el-col>
			</el-row>
			<el-row :gutter="20">
			<el-col :sm="24" :lg="12" style="padding-left: 20px">
			<h2>若依后台管理框架</h2>
			<p>
			一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了若依管理系统，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。
			</p>
			<p>
			<b>当前版本:</b> <span>v{{ version }}</span>
			</p>
			<p>
			<el-tag type="danger">¥免费开源</el-tag>
			</p>
			<p>
			<el-button
			type="primary"
			icon="Cloudy"
			plain
			@click="goTarget('https://gitee.com/y_project/RuoYi-Vue')"
			>访问码云</el-button
			>
			<el-button
			icon="HomeFilled"
			plain
			@click="goTarget('http://ruoyi.vip')"
			>访问主页</el-button
			>
			</p>
			</el-col>

			<el-col :sm="24" :lg="12" style="padding-left: 50px">
			<el-row>
			<el-col :span="12">
			<h2>技术选型</h2>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="6">
			<h4>后端技术</h4>
			<ul>
			<li>SpringBoot</li>
			<li>Spring Security</li>
			<li>JWT</li>
			<li>MyBatis</li>
			<li>Druid</li>
			<li>Fastjson</li>
			<li>...</li>
			</ul>
			</el-col>
			<el-col :span="6">
			<h4>前端技术</h4>
			<ul>
			<li>Vue</li>
			<li>Vuex</li>
			<li>Element-ui</li>
			<li>Axios</li>
			<li>Sass</li>
			<li>Quill</li>
			<li>...</li>
			</ul>
			</el-col>
			</el-row>
			</el-col>
			</el-row>
			<el-divider />
			<el-row :gutter="20">
			<el-col :xs="24" :sm="24" :md="12" :lg="8">
			<el-card class="update-log">
			<template v-slot:header>
			<div class="clearfix">
			<span>联系信息</span>
			</div>
			</template>
			<div class="body">
			<p>
			<i class="el-icon-s-promotion"></i> 官网：<el-link
			href="http://www.ruoyi.vip"
			target="_blank"
			>http://www.ruoyi.vip</el-link
			>
			</p>
			<p>
			<i class="el-icon-user-solid"></i> QQ群：<s>满937441</s> <s>满887144332</s>
			<s>满180251782</s> <s>满104180207</s> <s>满186866453</s> <s>满201396349</s>
			<s>满101456076</s> <s>满101539465</s> <s>满264312783</s> <s>满167385320</s>
			<s>满104748341</s> <s>满160110482</s> <a href="https://jq.qq.com/?_wv=1027&k=Xnbinl0U" target="_blank">
			170801498</a
			>
			</p>
			<p>
			<i class="el-icon-chat-dot-round"></i> 微信：<a
			href="javascript:;"
			>/ *若依</a
			>
			</p>
			<p>
			<i class="el-icon-money"></i> 支付宝：<a
			href="javascript:;"
			class="支付宝信息"
			>/ *若依</a
			>
			</p>
			</div>
			</el-card>
			</el-col>
			<el-col :xs="24" :sm="24" :md="12" :lg="8">
			<el-card class="update-log">
			<template v-slot:header>
			<div class="clearfix">
			<span>更新日志</span>
			</div>
			</template>
			<el-collapse accordion>
			<el-collapse-item title="v3.8.5 - 2023-01-01">
			<ol>
			<li>定时任务违规的字符</li>
			<li>重置时取消部门选中</li>
			<li>新增返回警告消息提示</li>
			<li>忽略不必要的属性数据返回</li>
			<li>修改参数键名时移除前缓存配置</li>
			<li>导入更新用户数据前校验数据权限</li>
			<li>兼容Excel下拉框内容过多无法显示的问题</li>
			<li>升级echarts到最新版本5.4.0</li>
			<li>升级core-js到最新版本3.25.3</li>
			<li>升级oshi到最新版本6.4.0</li>
			<li>升级kaptcha到最新版2.3.3</li>
			<li>升级druid到最新版本1.2.15</li>
			<li>升级fastjson到最新版2.0.20</li>
			<li>升级pagehelper到最新版1.4.6</li>
			<li>优化弹窗内容过多展示不全问题</li>
			<li>优化swagger-ui静态资源使用缓存</li>
			<li>开启TopNav没有子菜单隐藏侧边栏</li>
			<li>删除fuse无效选项maxPatternLength</li>
			<li>优化导出对象的子列表为空会出现[]问题</li>
			<li>优化编辑头像时透明部分会变成黑色问题</li>
			<li>优化小屏幕上修改头像界面布局错位的问题</li>
			<li>修复代码生成勾选属性无效问题</li>
			<li>修复文件上传组件格式验证问题</li>
			<li>修复回显数据字典数组异常问题</li>
			<li>修复sheet超出最大行数异常问题</li>
			<li>修复Log注解GET请求记录不到参数问题</li>
			<li>修复调度日志点击多次数据不变化的问题</li>
			<li>修复主题颜色在Drawer组件不会加载问题</li>
			<li>修复文件名包含特殊字符的文件无法下载问题</li>
			<li>修复table中更多按钮切换主题色未生效修复问题</li>
			<li>修复某些特性的环境生成代码变乱码TXT文件问题</li>
			<li>修复代码生成图片/文件/单选时选择必填无法校验问题</li>
			<li>修复某些特性的情况用户编辑对话框中角色和部门无法修改问题</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v3.8.4 - 2022-09-26">
			<ol>
			<li>数据逻辑删除不进行唯一验证</li>
			<li>Excel注解支持导出对象的子列表方法</li>
			<li>Excel注解支持自定义隐藏属性列</li>
			<li>Excel注解支持backgroundColor属性设置背景色</li>
			<li>支持配置密码最大错误次数/锁定时间</li>
			<li>登录日志新增解锁账户功能</li>
			<li>通用下载方法新增config配置选项</li>
			<li>支持多权限字符匹配角色数据权限</li>
			<li>页面内嵌iframe切换tab不刷新数据</li>
			<li>操作日志记录支持排除敏感属性字段</li>
			<li>修复多文件上传报错出现的异常问题</li>
			<li>修复图片预览组件src属性为null值控制台报错问题</li>
			<li>升级oshi到最新版本6.2.2</li>
			<li>升级fastjson到最新版2.0.14</li>
			<li>升级pagehelper到最新版1.4.3</li>
			<li>升级core-js到最新版本3.25.2</li>
			<li>升级element-ui到最新版本2.15.10</li>
			<li>优化任务过期不执行调度</li>
			<li>优化字典数据使用store存取</li>
			<li>优化修改资料头像被覆盖的问题</li>
			<li>优化修改用户登录账号重复验证</li>
			<li>优化代码生成同步后值NULL问题</li>
			<li>优化定时任务支持执行父类方法</li>
			<li>优化用户个人信息接口防止修改部门</li>
			<li>优化布局设置使用el-drawer抽屉显示</li>
			<li>优化没有权限的用户编辑部门缺少数据</li>
			<li>优化日志注解记录限制请求地址的长度</li>
			<li>优化excel/scale属性导出单元格数值类型</li>
			<li>优化日志操作中重置按钮时重复查询的问题</li>
			<li>优化多个相同角色数据导致权限SQL重复问题</li>
			<li>优化表格上右侧工具条（搜索按钮显隐&右侧样式凸出）</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v3.8.3 - 2022-06-27">
			<ol>
			<li>新增缓存列表菜单功能</li>
			<li>代码生成树表新增(展开/折叠)</li>
			<li>Excel注解支持color字体颜色</li>
			<li>新增Anonymous匿名访问不鉴权注解</li>
			<li>用户头像上传限制只能为图片格式</li>
			<li>接口使用泛型使其看到响应属性字段</li>
			<li>检查定时任务bean所在包名是否为白名单配置</li>
			<li>添加页签openPage支持传递参数</li>
			<li>用户缓存信息添加部门ancestors祖级列表</li>
			<li>升级element-ui到最新版本2.15.8</li>
			<li>升级oshi到最新版本6.1.6</li>
			<li>升级druid到最新版本1.2.11</li>
			<li>升级fastjson到最新版2.0.8</li>
			<li>升级spring-boot到最新版本2.5.14</li>
			<li>降级jsencrypt版本兼容IE浏览器</li>
			<li>删除多余的salt字段</li>
			<li>新增获取不带后缀文件名称方法</li>
			<li>新增获取配置文件中的属性值方法</li>
			<li>新增内容编码/解码方便插件集成使用</li>
			<li>字典类型必须以字母开头，且只能为（小写字母，数字，下滑线）</li>
			<li>优化设置分页参数默认值</li>
			<li>优化对空字符串参数处理的过滤</li>
			<li>优化显示顺序orderNum类型为整型</li>
			<li>优化表单构建按钮不显示正则校验</li>
			<li>优化字典数据回显样式下拉框显示值</li>
			<li>优化R响应成功状态码与全局保持一致</li>
			<li>优化druid开启wall过滤器出现的异常问题</li>
			<li>优化用户管理左侧树型组件增加选中高亮保持</li>
			<li>优化新增用户与角色信息&用户与岗位信息逻辑</li>
			<li>优化默认不启用压缩文件缓存防止node_modules过大</li>
			<li>修复字典数据显示不全问题</li>
			<li>修复操作日志查询类型条件为0时会查到所有数据</li>
			<li>修复Excel注解prompt/combo同时使用不生效问题</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v3.8.2 - 2022-04-01">
			<ol>
			<li>前端支持设置是否需要防止数据重复提交</li>
			<li>开启TopNav没有子菜单情况隐藏侧边栏</li>
			<li>侧边栏菜单名称过长悬停显示标题</li>
			<li>用户访问控制时校验数据权限，防止越权</li>
			<li>导出Excel时屏蔽公式，防止CSV注入风险</li>
			<li>组件ImagePreview支持多图预览显示</li>
			<li>组件ImageUpload支持多图同时选择上传</li>
			<li>组件FileUpload支持多文件同时选择上传</li>
			<li>服务监控新增运行参数信息显示</li>
			<li>定时任务目标字符串过滤特殊字符</li>
			<li>定时任务目标字符串验证包名白名单</li>
			<li>代码生成列表图片支持预览</li>
			<li>代码生成编辑修改打开新页签</li>
			<li>代码生成新增Java类型Boolean</li>
			<li>代码生成子表支持日期/字典配置</li>
			<li>代码生成同步保留必填/类型选项</li>
			<li>升级oshi到最新版本6.1.2</li>
			<li>升级fastjson到最新版1.2.80</li>
			<li>升级pagehelper到最新版1.4.1</li>
			<li>升级spring-boot到最新版本2.5.11</li>
			<li>升级spring-boot-mybatis到最新版2.2.2</li>
			<li>添加遗漏的分页参数合理化属性</li>
			<li>修改npm即将过期的注册源地址</li>
			<li>修复分页组件请求两次问题</li>
			<li>修复通用文件下载接口跨域问题</li>
			<li>修复Xss注解字段值为空时的异常问题</li>
			<li>修复选项卡点击右键刷新丢失参数问题</li>
			<li>修复表单清除元素位置未垂直居中问题</li>
			<li>修复服务监控中运行参数显示条件错误</li>
			<li>修复导入Excel时字典字段类型为Long转义为空问题</li>
			<li>修复登录超时刷新页面跳转登录页面还提示重新登录问题</li>
			<li>优化加载字典缓存数据</li>
			<li>优化IP地址获取到多个的问题</li>
			<li>优化任务队列满时任务拒绝策略</li>
			<li>优化文件上传兼容Weblogic环境</li>
			<li>优化定时任务默认保存到内存中执行</li>
			<li>优化部门修改缩放后出现的错位问题</li>
			<li>优化Excel格式化不同类型的日期对象</li>
			<li>优化菜单表关键字导致的插件报错问题</li>
			<li>优化Oracle用户头像列为空时不显示问题</li>
			<li>优化页面若未匹配到字典标签则返回原字典值</li>
			<li>优化修复登录失效后多次请求提示多次弹窗问题</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v3.8.1 - 2022-01-01">
			<ol>
			<li>新增Vue3前端代码生成模板</li>
			<li>新增图片预览组件</li>
			<li>新增压缩插件实现打包Gzip</li>
			<li>自定义xss校验注解实现</li>
			<li>自定义文字复制剪贴指令</li>
			<li>代码生成预览支持复制内容</li>
			<li>路由支持单独配置菜单或角色权限</li>
			<li>用户管理部门查询选择节点后分页参数初始</li>
			<li>修复用户分配角色属性错误</li>
			<li>修复打包后字体图标偶现的乱码问题</li>
			<li>修复菜单管理重置表单出现的错误</li>
			<li>修复版本差异导致的懒加载报错问题</li>
			<li>修复Cron组件中周回显问题</li>
			<li>修复定时任务多参数逗号分隔的问题</li>
			<li>修复根据ID查询列表可能出现的主键溢出问题</li>
			<li>修复tomcat配置参数已过期问题</li>
			<li>升级clipboard到最新版本2.0.8</li>
			<li>升级oshi到最新版本v5.8.6</li>
			<li>升级fastjson到最新版1.2.79</li>
			<li>升级spring-boot到最新版本2.5.8</li>
			<li>升级log4j2到2.17.1，防止漏洞风险</li>
			<li>优化下载解析blob异常提示</li>
			<li>优化代码生成字典组重复问题</li>
			<li>优化查询用户的角色组&岗位组代码</li>
			<li>优化定时任务cron表达式小时设置24</li>
			<li>优化用户导入提示溢出则显示滚动条</li>
			<li>优化防重复提交标识组合为(key+url+header)</li>
			<li>优化分页方法设置成通用方便灵活调用</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v3.8.0 - 2021-12-01">
			<ol>
			<li>新增配套并同步的Vue3前端版本</li>
			<li>新增通用方法简化模态/缓存/下载/权限/页签使用</li>
			<li>优化导出数据/使用通用下载方法</li>
			<li>Excel注解支持自定义数据处理器</li>
			<li>Excel注解支持导入导出标题信息</li>
			<li>Excel导入支持@Excels注解</li>
			<li>新增组件data-dict，简化数据字典使用</li>
			<li>新增Jaxb依赖，防止jdk8以上出现的兼容错误</li>
			<li>生产环境使用路由懒加载提升页面响应速度</li>
			<li>修复五级以上菜单出现的404问题</li>
			<li>防重提交注解支持配置间隔时间/提示消息</li>
			<li>日志注解新增是否保存响应参数</li>
			<li>任务屏蔽违规字符&参数忽略双引号中的逗号</li>
			<li>升级SpringBoot到最新版本2.5.6</li>
			<li>升级pagehelper到最新版1.4.0</li>
			<li>升级spring-boot-mybatis到最新版2.2.0</li>
			<li>升级oshi到最新版本v5.8.2</li>
			<li>升级druid到最新版1.2.8</li>
			<li>升级velocity到最新版本2.3</li>
			<li>升级fastjson到最新版1.2.78</li>
			<li>升级axios到最新版本0.24.0</li>
			<li>升级dart-sass到版本1.32.13</li>
			<li>升级core-js到最新版本3.19.1</li>
			<li>升级jsencrypt到最新版本3.2.1</li>
			<li>升级js-cookie到最新版本3.0.1</li>
			<li>升级file-saver到最新版本2.0.5</li>
			<li>升级sass-loader到最新版本10.1.1</li>
			<li>升级element-ui到最新版本2.15.6</li>
			<li>新增sendGet无参请求方法</li>
			<li>禁用el-tag组件的渐变动画</li>
			<li>代码生成点击预览重置激活tab</li>
			<li>AjaxResult重写put方法，以方便链式调用</li>
			<li>优化登录/验证码请求headers不设置token</li>
			<li>优化用户个人信息接口防止修改用户名</li>
			<li>优化Cron表达式生成器关闭时销毁避免缓存</li>
			<li>优化注册成功提示消息类型success</li>
			<li>优化aop语法，使用spring自动注入注解</li>
			<li>优化记录登录信息，移除不必要的修改</li>
			<li>优化mybatis全局默认的执行器</li>
			<li>优化Excel导入图片可能出现的异常</li>
			<li>修复代码生成模板主子表删除缺少事务</li>
			<li>修复日志记录可能出现的转换异常</li>
			<li>修复代码生成复选框字典遗漏问题</li>
			<li>修复关闭xss功能导致可重复读RepeatableFilter失效</li>
			<li>修复字符串无法被反转义问题</li>
			<li>修复后端主子表代码模板方法名生成错误问题</li>
			<li>修复xss过滤后格式出现的异常</li>
			<li>修复swagger没有指定dataTypeClass导致启动出现warn日志</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v3.7.0 - 2021-09-13">
			<ol>
			<li>参数管理支持配置验证码开关</li>
			<li>新增是否开启用户注册功能</li>
			<li>定时任务支持在线生成cron表达式</li>
			<li>菜单管理支持配置路由参数</li>
			<li>支持自定义注解实现接口限流</li>
			<li>Excel注解支持Image图片导入</li>
			<li>自定义弹层溢出滚动样式</li>
			<li>自定义可拖动弹窗宽度指令</li>
			<li>自定义可拖动弹窗高度指令</li>
			<li>修复任意账户越权问题</li>
			<li>修改时检查用户数据权限范围</li>
			<li>修复保存配置主题颜色失效问题</li>
			<li>新增暗色菜单风格主题</li>
			<li>菜单&部门新增展开/折叠功能</li>
			<li>页签新增关闭左侧&添加图标</li>
			<li>顶部菜单排除隐藏的默认路由</li>
			<li>顶部菜单同步系统主题样式</li>
			<li>跳转路由高亮相对应的菜单栏</li>
			<li>代码生成主子表多选行数据</li>
			<li>日期范围支持添加多组</li>
			<li>升级element-ui到最新版本2.15.5</li>
			<li>升级oshi到最新版本v5.8.0</li>
			<li>升级commons.io到最新版本v2.11.0</li>
			<li>定时任务屏蔽ldap远程调用</li>
			<li>定时任务屏蔽http(s)远程调用</li>
			<li>补充定时任务表字段注释</li>
			<li>定时任务对检查异常进行事务回滚</li>
			<li>启用父部门状态排除顶级节点</li>
			<li>富文本新增上传文件大小限制</li>
			<li>默认首页使用keep-alive缓存</li>
			<li>修改代码生成字典回显样式</li>
			<li>自定义分页合理化传入参数</li>
			<li>修复字典组件值为整形不显示问题</li>
			<li>修复定时任务日志执行状态显示</li>
			<li>角色&菜单新增字段属性提示信息</li>
			<li>修复角色分配用户页面参数类型错误提醒</li>
			<li>优化布局设置动画特效</li>
			<li>优化异常处理信息</li>
			<li>优化错误token导致的解析异常</li>
			<li>密码框新增显示切换密码图标</li>
			<li>定时任务新增更多操作</li>
			<li>更多操作按钮添加权限控制</li>
			<li>导入用户样式优化</li>
			<li>提取通用方法到基类控制器</li>
			<li>优化使用权限工具获取用户信息</li>
			<li>优化用户不能删除自己</li>
			<li>优化XSS跨站脚本过滤</li>
			<li>优化代码生成模板</li>
			<li>验证码默认20s超时</li>
			<li>BLOB下载时清除URL对象引用</li>
			<li>代码生成导入表按创建时间排序</li>
			<li>修复代码生成页面数据编辑保存之后总是跳转第一页的问题</li>
			<li>修复带safari浏览器无法格式化utc日期格式yyyy-MM-dd'T'HH:mm:ss.SSS问题</li>
			<li>多图上传组件移除多余的api地址&验证失败导致图片删除问题&无法删除相应图片修复</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v3.6.0 - 2021-07-12">
			<ol>
			<li>角色管理新增分配用户功能</li>
			<li>用户管理新增分配角色功能</li>
			<li>日志列表支持排序操作</li>
			<li>优化参数&字典缓存操作</li>
			<li>系统布局配置支持动态标题开关</li>
			<li>菜单路由配置支持内链访问</li>
			<li>默认访问后端首页新增提示语</li>
			<li>富文本默认上传返回url类型</li>
			<li>新增自定义弹窗拖拽指令</li>
			<li>全局注册常用通用组件</li>
			<li>全局挂载字典标签组件</li>
			<li>ImageUpload组件支持多图片上传</li>
			<li>FileUpload组件支持多文件上传</li>
			<li>文件上传组件添加数量限制属性</li>
			<li>富文本编辑组件添加类型属性</li>
			<li>富文本组件工具栏配置视频</li>
			<li>封装通用iframe组件</li>
			<li>限制超级管理员不允许操作</li>
			<li>用户信息长度校验限制</li>
			<li>分页组件新增pagerCount属性</li>
			<li>添加bat脚本执行应用</li>
			<li>升级oshi到最新版本v5.7.4</li>
			<li>升级element-ui到最新版本2.15.2</li>
			<li>升级pagehelper到最新版1.3.1</li>
			<li>升级commons.io到最新版本v2.10.0</li>
			<li>升级commons.fileupload到最新版本v1.4</li>
			<li>升级swagger到最新版本v3.0.0</li>
			<li>修复关闭confirm提示框控制台报错问题</li>
			<li>修复存在的SQL注入漏洞问题</li>
			<li>定时任务屏蔽rmi远程调用</li>
			<li>修复用户搜索分页变量错误</li>
			<li>修复导出角色数据范围翻译缺少仅本人</li>
			<li>修复表单构建选择下拉选择控制台报错问题</li>
			<li>优化图片工具类读取文件</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v3.5.0 - 2021-05-25">
			<ol>
			<li>新增菜单导航显示风格TopNav（false为左侧导航菜单，true为顶部导航菜单）</li>
			<li>布局设置支持保存&重置配置</li>
			<li>修复树表数据显示不全&加载慢问题</li>
			<li>新增IE浏览器版本过低提示页面</li>
			<li>用户登录后记录最后登录IP&时间</li>
			<li>页面导出按钮点击之后添加遮罩</li>
			<li>富文本编辑器支持自定义上传地址</li>
			<li>富文本编辑组件新增readOnly属性</li>
			<li>页签TagsView新增关闭右侧功能</li>
			<li>显隐列组件加载初始默认隐藏列</li>
			<li>关闭头像上传窗口还原默认图片</li>
			<li>个人信息添加手机&邮箱重复验证</li>
			<li>代码生成模板导出按钮点击后添加遮罩</li>
			<li>代码生成模板树表操作列添加新增按钮</li>
			<li>代码生成模板修复主子表字段重名问题</li>
			<li>升级fastjson到最新版1.2.76</li>
			<li>升级druid到最新版本v1.2.6</li>
			<li>升级mybatis到最新版3.5.6 阻止远程代码执行漏洞</li>
			<li>升级oshi到最新版本v5.6.0</li>
			<li>velocity剔除commons-collections版本，防止3.2.1版本的反序列化漏洞</li>
			<li>数据监控页默认账户密码防止越权访问</li>
			<li>修复firefox下表单构建拖拽会新打卡一个选项卡</li>
			<li>修正后端导入表权限标识</li>
			<li>修正前端操作日志&登录日志权限标识</li>
			<li>设置Redis配置HashKey序列化</li>
			<li>删除操作日志记录信息</li>
			<li>上传媒体类型添加视频格式</li>
			<li>修复请求形参未传值记录日志异常问题</li>
			<li>优化xss校验json请求条件</li>
			<li>树级结构更新子节点使用replaceFirst</li>
			<li>优化ExcelUtil空值处理</li>
			<li>日志记录过滤BindingResult对象，防止异常</li>
			<li>修改主题后mini类型按钮无效问题</li>
			<li>优化通用下载完成后删除节点</li>
			<li>通用Controller添加响应返回消息</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v3.4.0 - 2021-02-22">
			<ol>
			<li>代码生成模板支持主子表</li>
			<li>表格右侧工具栏组件支持显隐列</li>
			<li>图片组件添加预览&移除功能</li>
			<li>Excel注解支持Image图片导出</li>
			<li>操作按钮组调整为朴素按钮样式</li>
			<li>代码生成支持文件上传组件</li>
			<li>代码生成日期控件区分范围</li>
			<li>代码生成数据库文本类型生成表单文本域</li>
			<li>用户手机邮箱&菜单组件修改允许空字符串</li>
			<li>升级SpringBoot到最新版本2.2.13 提升启动速度</li>
			<li>升级druid到最新版本v1.2.4</li>
			<li>升级fastjson到最新版1.2.75</li>
			<li>升级element-ui到最新版本2.15.0</li>
			<li>修复IE11浏览器报错问题</li>
			<li>优化多级菜单之间切换无法缓存的问题</li>
			<li>修复四级菜单无法显示问题</li>
			<li>修正侧边栏静态路由丢失问题</li>
			<li>修复角色管理-编辑角色-功能权限显示异常</li>
			<li>配置文件新增redis数据库索引属性</li>
			<li>权限工具类增加admin判断</li>
			<li>角色非自定义权限范围清空选择值</li>
			<li>修复导入数据为负浮点数时丢失精度问题</li>
			<li>移除path-to-regexp正则匹配插件</li>
			<li>修复生成树表代码异常</li>
			<li>修改ip字段长度防止ipv6地址长度不够</li>
			<li>防止get请求参数值为false或0等特殊值会导致无法正确的传参</li>
			<li>登录后push添加catch防止出现检查错误</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v3.3.0 - 2020-12-14">
			<ol>
			<li>新增缓存监控功能</li>
			<li>支持主题风格配置</li>
			<li>修复多级菜单之间切换无法缓存的问题</li>
			<li>多级菜单自动配置组件</li>
			<li>代码生成预览支持高亮显示</li>
			<li>支持Get请求映射Params参数</li>
			<li>删除用户和角色解绑关联</li>
			<li>去除用户手机邮箱部门必填验证</li>
			<li>Excel支持注解align对齐方式</li>
			<li>Excel支持导入Boolean型数据</li>
			<li>优化头像样式，鼠标移入悬停遮罩</li>
			<li>代码生成预览提供滚动机制</li>
			<li>代码生成删除多余的数字float类型</li>
			<li>修正转换字符串的目标字符集属性</li>
			<li>回显数据字典防止空值报错</li>
			<li>日志记录增加过滤多文件场景</li>
			<li>修改缓存Set方法可能导致嵌套的问题</li>
			<li>移除前端一些多余的依赖</li>
			<li>防止安全扫描YUI出现的风险提示</li>
			<li>修改node-sass为dart-sass</li>
			<li>升级SpringBoot到最新版本2.1.18</li>
			<li>升级poi到最新版本4.1.2</li>
			<li>升级oshi到最新版本v5.3.6</li>
			<li>升级bitwalker到最新版本1.21</li>
			<li>升级axios到最新版本0.21.0</li>
			<li>升级element-ui到最新版本2.14.1</li>
			<li>升级vue到最新版本2.6.12</li>
			<li>升级vuex到最新版本3.6.0</li>
			<li>升级vue-cli到版本4.5.9</li>
			<li>升级vue-router到最新版本3.4.9</li>
			<li>升级vue-cli到最新版本4.4.6</li>
			<li>升级vue-cropper到最新版本0.5.5</li>
			<li>升级clipboard到最新版本2.0.6</li>
			<li>升级core-js到最新版本3.8.1</li>
			<li>升级echarts到最新版本4.9.0</li>
			<li>升级file-saver到最新版本2.0.4</li>
			<li>升级fuse.js到最新版本6.4.3</li>
			<li>升级js-beautify到最新版本1.13.0</li>
			<li>升级js-cookie到最新版本2.2.1</li>
			<li>升级path-to-regexp到最新版本6.2.0</li>
			<li>升级quill到最新版本1.3.7</li>
			<li>升级screenfull到最新版本5.0.2</li>
			<li>升级sortablejs到最新版本1.10.2</li>
			<li>升级vuedraggable到最新版本2.24.3</li>
			<li>升级chalk到最新版本4.1.0</li>
			<li>升级eslint到最新版本7.15.0</li>
			<li>升级eslint-plugin-vue到最新版本7.2.0</li>
			<li>升级lint-staged到最新版本10.5.3</li>
			<li>升级runjs到最新版本4.4.2</li>
			<li>升级sass-loader到最新版本10.1.0</li>
			<li>升级script-ext-html-webpack-plugin到最新版本2.1.5</li>
			<li>升级svg-sprite-loader到最新版本5.1.1</li>
			<li>升级vue-template-compiler到最新版本2.6.12</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v3.2.1 - 2020-11-18">
			<ol>
			<li>阻止任意文件下载漏洞</li>
			<li>代码生成支持上传控件</li>
			<li>新增图片上传组件</li>
			<li>调整默认首页</li>
			<li>升级druid到最新版本v1.2.2</li>
			<li>mapperLocations配置支持分隔符</li>
			<li>权限信息调整</li>
			<li>调整sql默认时间</li>
			<li>解决代码生成没有bit类型的问题</li>
			<li>升级pagehelper到最新版1.3.0</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v3.2.0 - 2020-10-10">
			<ol>
			<li>升级springboot版本到2.1.17 提升安全性</li>
			<li>升级oshi到最新版本v5.2.5</li>
			<li>升级druid到最新版本v1.2.1</li>
			<li>升级jjwt到版本0.9.1</li>
			<li>升级fastjson到最新版1.2.74</li>
			<li>修改sass为node-sass，避免el-icon图标乱码</li>
			<li>代码生成支持同步数据库</li>
			<li>代码生成支持富文本控件</li>
			<li>代码生成页面时不忽略remark属性</li>
			<li>代码生成添加select必填选项</li>
			<li>Excel导出类型NUMERIC支持精度浮点类型</li>
			<li>Excel导出targetAttr优化获取值，防止get方法不规范</li>
			<li>Excel注解支持自动统计数据总和</li>
			<li>Excel注解支持设置BigDecimal精度&舍入规则</li>
			<li>菜单&数据权限新增（展开/折叠全选/全不选父子联动）</li>
			<li>允许用户分配到部门父节点</li>
			<li>菜单新增是否缓存keep-alive</li>
			<li>表格操作列间距调整</li>
			<li>限制系统内置参数不允许删除</li>
			<li>富文本组件优化，支持自定义高度&图片冲突问题</li>
			<li>富文本工具栏样式对齐</li>
			<li>导入excel整形值校验优化</li>
			<li>修复页签关闭所有时固定标签路由不刷新问题</li>
			<li>表单构建布局型组件新增按钮</li>
			<li>左侧菜单文字过长显示省略号</li>
			<li>修正根节点为子部门时，树状结构显示问题</li>
			<li>修正调用目标字符串最大长度</li>
			<li>修正菜单提示信息错误</li>
			<li>修正定时任务执行一次权限标识</li>
			<li>修正数据库字符串类型nvarchar</li>
			<li>优化递归子节点</li>
			<li>优化数据权限判断</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>

			<el-collapse-item title="v3.1.0 - 2020-08-13">
			<ol>
			<li>表格工具栏右侧添加刷新&显隐查询组件</li>
			<li>后端支持CORS跨域请求</li>
			<li>代码生成支持选择上级菜单</li>
			<li>代码生成支持自定义路径</li>
			<li>代码生成支持复选框</li>
			<li>Excel导出导入支持dictType字典类型</li>
			<li>Excel支持分割字符串组内容</li>
			<li>验证码类型支持（数组计算、字符验证）</li>
			<li>升级vue-cli版本到4.4.4</li>
			<li>修改 node-sass 为 dart-sass</li>
			<li>表单类型为Integer/Long设置整形默认值</li>
			<li>代码生成器默认mapper路径与默认mapperScan路径不一致</li>
			<li>优化防重复提交拦截器</li>
			<li>优化上级菜单不能选择自己</li>
			<li>修复角色的权限分配后，未实时生效问题</li>
			<li>修复在线用户日志记录类型</li>
			<li>修复富文本空格和缩进保存后不生效问题</li>
			<li>修复在线用户判断逻辑</li>
			<li>唯一限制条件只返回单条数据</li>
			<li>添加获取当前的环境配置方法</li>
			<li>超时登录后页面跳转到首页</li>
			<li>全局异常状态汉化拦截处理</li>
			<li>HTML过滤器改为将html转义</li>
			<li>检查字符支持小数点&降级改成异常提醒</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>

			<el-collapse-item title="v3.0.0 - 2020-07-20">
			<ol>
			<li>单应用调整为多模块项目</li>
			<li>升级element-ui版本到2.13.2</li>
			<li>删除babel，提高编译速度。</li>
			<li>新增菜单默认主类目</li>
			<li>编码文件名修改为uuid方式</li>
			<li>定时任务cron表达式验证</li>
			<li>角色权限修改时已有权限未自动勾选异常修复</li>
			<li>防止切换权限用户后登录出现404</li>
			<li>Excel支持sort导出排序</li>
			<li>创建用户不允许选择超级管理员角色</li>
			<li>修复代码生成导入表结构出现异常页面不提醒问题</li>
			<li>修复代码生成点击多次表修改数据不变化的问题</li>
			<li>修复头像上传成功二次打开无法改变裁剪框大小和位置问题</li>
			<li>修复布局为small者mini用户表单显示错位问题</li>
			<li>修复热部署导致的强换异常问题</li>
			<li>修改用户管理复选框宽度，防止部分浏览器出现省略号</li>
			<li>IpUtils工具，清除Xss特殊字符，防止Xff注入攻击</li>
			<li>生成domain 如果是浮点型统一用BigDecimal</li>
			<li>定时任务调整label-width，防止部署出现错位</li>
			<li>调整表头固定列默认样式</li>
			<li>代码生成模板调整，字段为String并且必填则加空串条件</li>
			<li>代码生成字典Integer/Long使用parseInt</li>
			<li>
			修复dict_sort不可update为0的问题&查询返回增加dict_sort升序排序
			</li>
			<li>修正岗位导出权限注解</li>
			<li>禁止加密密文返回前端</li>
			<li>修复代码生成页面中的查询条件创建时间未生效的问题</li>
			<li>修复首页搜索菜单外链无法点击跳转问题</li>
			<li>修复菜单管理选择图标，backspace删除时不过滤数据</li>
			<li>用户管理部门分支节点不可检查&显示计数</li>
			<li>数据范围过滤属性调整</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>

			<el-collapse-item title="v2.3.0 - 2020-06-01">
			<ol>
			<li>升级fastjson到最新版1.2.70 修复高危安全漏洞</li>
			<li>dev启动默认打开浏览器</li>
			<li>vue-cli使用默认source-map</li>
			<li>slidebar eslint报错优化</li>
			<li>当tags-view滚动关闭右键菜单</li>
			<li>字典管理添加缓存读取</li>
			<li>参数管理支持缓存操作</li>
			<li>支持一级菜单（和主页同级）在main区域显示</li>
			<li>限制外链地址必须以http(s)开头</li>
			<li>tagview & sidebar 主题颜色与element ui(全局)同步</li>
			<li>修改数据源类型优先级，先根据方法，再根据类</li>
			<li>支持是否需要设置token属性，自定义返回码消息。</li>
			<li>swagger请求前缀加入配置。</li>
			<li>登录地点设置内容过长则隐藏显示</li>
			<li>修复定时任务执行一次按钮后不提示消息问题</li>
			<li>修改上级部门（选择项排除本身和下级）</li>
			<li>通用http发送方法增加参数 contentType 编码类型</li>
			<li>更换IP地址查询接口</li>
			<li>修复页签变量undefined</li>
			<li>添加校验部门包含未停用的子部门</li>
			<li>修改定时任务详情下次执行时间日期显示错误</li>
			<li>角色管理查询设置默认排序字段</li>
			<li>swagger添加enable参数控制是否启用</li>
			<li>只对json类型请求构建可重复读取inputStream的request</li>
			<li>修改代码生成字典字段int类型没有自动选中问题</li>
			<li>vuex用户名取值修正</li>
			<li>表格树模板去掉多余的)</li>
			<li>代码生成序号修正</li>
			<li>全屏情况下不调整上外边距</li>
			<li>代码生成Date字段添加默认格式</li>
			<li>用户管理角色选择权限控制</li>
			<li>修复路由懒加载报错问题</li>
			<li>模板sql.vm添加菜单状态</li>
			<li>设置用户名称不能修改</li>
			<li>dialog添加append-to-body属性，防止ie遮罩</li>
			<li>菜单区分状态和显示隐藏功能</li>
			<li>升级fastjson到最新版1.2.68 修复安全加固</li>
			<li>修复代码生成如果选择字典类型缺失逗号问题</li>
			<li>登录请求params更换为data，防止暴露url</li>
			<li>日志返回时间格式处理</li>
			<li>添加handle控制允许拖动的元素</li>
			<li>布局设置点击扩大范围</li>
			<li>代码生成列属性排序查询</li>
			<li>代码生成列支持拖动排序</li>
			<li>修复时间格式不支持ios问题</li>
			<li>表单构建添加父级class，防止冲突</li>
			<li>定时任务并发属性修正</li>
			<li>角色禁用&菜单隐藏不查询权限</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>

			<el-collapse-item title="v2.2.0 - 2020-03-18">
			<ol>
			<li>系统监控新增定时任务功能</li>
			<li>添加一个打包Web工程bat</li>
			<li>修复页签鼠标滚轮按下的时候，可以关闭不可关闭的tag</li>
			<li>修复点击退出登录有时会无提示问题</li>
			<li>修复防重复提交注解无效问题</li>
			<li>修复通知公告批量删除异常问题</li>
			<li>添加菜单时路由地址必填限制</li>
			<li>代码生成字段描述可编辑</li>
			<li>修复用户修改个人信息导致缓存不过期问题</li>
			<li>个人信息创建时间获取正确属性值</li>
			<li>操作日志详细显示正确类型</li>
			<li>导入表单击行数据时选中对应的复选框</li>
			<li>批量替换表前缀逻辑调整</li>
			<li>固定重定向路径表达式</li>
			<li>升级element-ui版本到2.13.0</li>
			<li>操作日志排序调整</li>
			<li>修复charts切换侧边栏或者缩放窗口显示bug</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>

			<el-collapse-item title="v2.1.0 - 2020-02-24">
			<ol>
			<li>新增表单构建</li>
			<li>代码生成支持树表结构</li>
			<li>新增用户导入</li>
			<li>修复动态加载路由页面刷新问题</li>
			<li>修复地址开关无效问题</li>
			<li>汉化错误提示页面</li>
			<li>代码生成已知问题修改</li>
			<li>修复多数据源下配置关闭出现异常处理</li>
			<li>添加HTML过滤器，用于去除XSS漏洞隐患</li>
			<li>修复上传头像控制台出现异常</li>
			<li>修改用户管理分页不正确的问题</li>
			<li>修复验证码记录提示错误</li>
			<li>修复request.js缺少Message引用</li>
			<li>修复表格时间为空出现的异常</li>
			<li>添加Jackson日期反序列化时区配置</li>
			<li>调整根据用户权限加载菜单数据树形结构</li>
			<li>调整成功登录不恢复按钮，防止多次点击</li>
			<li>修改用户个人资料同步缓存信息</li>
			<li>修复页面同时出现el-upload和Editor不显示处理</li>
			<li>修复在角色管理页修改菜单权限偶尔未选中问题</li>
			<li>配置文件新增redis密码属性</li>
			<li>设置mybatis全局的配置文件</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>

			<el-collapse-item title="v2.0.0 - 2019-12-02">
			<ol>
			<li>新增代码生成</li>
			<li>新增@RepeatSubmit注解，防止重复提交</li>
			<li>新增菜单主目录添加/删除操作</li>
			<li>日志记录过滤特殊对象，防止转换异常</li>
			<li>修改代码生成路由脚本错误</li>
			<li>用户上传头像实时同步缓存，无需重新登录</li>
			<li>调整切换页签后不重新加载数据</li>
			<li>添加jsencrypt实现参数的前端加密</li>
			<li>系统退出删除用户缓存记录</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v1.1.0 - 2019-11-11">
			<ol>
			<li>新增在线用户管理</li>
			<li>新增按钮组功能实现（批量删除、导出、清空）</li>
			<li>新增查询条件重置按钮</li>
			<li>新增Swagger全局Token配置</li>
			<li>新增后端参数校验</li>
			<li>修复字典管理页面的日期查询异常</li>
			<li>修改时间函数命名防止冲突</li>
			<li>去除菜单上级校验，默认为顶级</li>
			<li>修复用户密码无法修改问题</li>
			<li>修复菜单类型为按钮时不显示权限标识</li>
			<li>其他细节优化</li>
			</ol>
			</el-collapse-item>
			<el-collapse-item title="v1.0.0 - 2019-10-08">
			<ol>
			<li>若依前后端分离系统正式发布</li>
			</ol>
			</el-collapse-item>
			</el-collapse>
			</el-card>
			</el-col>
			<el-col :xs="24" :sm="24" :md="12" :lg="8">
			<el-card class="update-log">
			<template v-slot:header>
			<div class="clearfix">
			<span>捐赠支持</span>
			</div>
			</template>
			<div class="body">
			<img
			src="https://oscimg.oschina.net/oscnet/up-d6695f82666e5018f715c41cb7ee60d3b73.png"
			alt="donate"
			style="width:100%"
			/>
			<span style="display: inline-block; height: 30px; line-height: 30px"
			>你可以请作者喝杯咖啡表示鼓励</span
			>
			</div>
			</el-card>
			</el-col>
			</el-row>
			</div>
			</template>

			<script setup name="Index">
			const version = ref('3.8.5')

			function goTarget(url) {
			window.open(url, '__blank')
			}
			</script>

			<style scoped lang="scss">
			.home {
			blockquote {
			padding: 10px 20px;
			margin: 0 0 20px;
			font-size: 17.5px;
			border-left: 5px solid #eee;
			}
			hr {
			margin-top: 20px;
			margin-bottom: 20px;
			border: 0;
			border-top: 1px solid #eee;
			}
			.col-item {
			margin-bottom: 20px;
			}

			ul {
			padding: 0;
			margin: 0;
			}

			font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 13px;
			color: #676a6c;
			overflow-x: hidden;

			ul {
			list-style-type: none;
			}

			h4 {
			margin-top: 0px;
			}

			h2 {
			margin-top: 10px;
			font-size: 26px;
			font-weight: 100;
			}

			p {
			margin-top: 10px;

			b {
			font-weight: 700;
			}
			}

			.update-log {
			ol {
			display: block;
			list-style-type: decimal;
			margin-block-start: 1em;
			margin-block-end: 1em;
			margin-inline-start: 0;
			margin-inline-end: 0;
			padding-inline-start: 40px;
			}
			}
			}
			</style>

			<template>
			<div class="dashboard-cockpit">
			<section class="cockpit-panel welcome-panel">
			<div class="welcome-user">
			<el-avatar :src="welcomeAvatar" class="avatar" @error="handleWelcomeAvatarError">
			<el-icon><UserFilled /></el-icon>
			</el-avatar>
			<div class="welcome-text">
			<div class="welcome-title">
			{{ greetingText }}，{{ userStore.nickName \|\| userStore.name \|\| "超级管理员" }} 👋
			</div>
			<div class="welcome-subtitle">专注工业数字化，助力智造升级</div>
			</div>
			</div>
			<div class="welcome-meta">
			<div class="meta-time digital-number">{{ nowTime }}</div>
			<div class="meta-tip">MES / MOM 生产运营驾驶舱</div>
			</div>
			</section>

			<section class="top-row">
			<div class="stats-grid">
			<article
			v-for="card in dashboardCards"
			:key="card.key"
			class="stat-card"
			:class="card.key"
			>
			<div class="stat-header">
			<div class="stat-title-wrap">
			<div class="stat-title">{{ card.title }}</div>
			<div class="stat-desc">{{ card.desc }}</div>
			</div>
			<div class="stat-icon-orb">
			<el-icon>
			<component :is="card.icon" />
			</el-icon>
			</div>
			</div>
			<div class="stat-value digital-number">{{ card.value }}</div>
			<div class="stat-footer">
			<span>{{ card.subLabel }}</span>
			<strong class="digital-number">{{ card.subValue }}</strong>
			</div>
			<div class="stat-trend">{{ card.trend }}</div>
			<div class="stat-wave" aria-hidden="true"></div>
			</article>
			</div>
			</section>

			<section class="main-grid">
			<div class="left-column">
			<div class="cockpit-panel process-panel">
			<div class="panel-title-row">
			<div class="panel-title">工序数据生产统计明细</div>
			<div class="panel-actions">
			<el-button type="primary" size="small" plain @click="openProcessDialog">选择工序</el-button>
			<el-button size="small" plain @click="resetProcessFilter">重置</el-button>
			<el-radio-group v-model="processRange" size="small" @change="refreshProcessStats">
			<el-radio-button :value="1">日</el-radio-button>
			<el-radio-button :value="2">周</el-radio-button>
			<el-radio-button :value="3">月</el-radio-button>
			</el-radio-group>
			</div>
			</div>
			<div class="process-body">
			<div class="process-chart" :class="{ empty: !hasProcessData }">
			<Echarts
			:options="chartBaseOptions"
			:chartStyle="{ width: '100%', height: '100%' }"
			:grid="processGrid"
			:series="processSeries"
			:tooltip="processTooltip"
			:xAxis="processXAxis"
			:yAxis="processYAxis"
			:style="{ height: hasProcessData ? '340px' : '280px' }"
			@click="handleChartClick"
			/>
			<div v-if="!hasProcessData" class="chart-empty">
			<el-icon><DataAnalysis /></el-icon>
			<div class="chart-empty-title">暂无工序数据</div>
			<div class="chart-empty-desc">等待生产报工数据接入后自动生成统计图表</div>
			<div class="chart-empty-actions">
			<el-button size="small" @click="refreshProcessStats">刷新数据</el-button>
			<el-button size="small" type="primary" plain @click="openProcessDialog">选择工序</el-button>
			</div>
			</div>
			</div>
			<div class="process-aside">
			<div class="process-legend">
			<div class="process-name">{{ processAside.processName }}</div>
			<div class="process-legend-item"><span class="dot dot-blue"></span>投入量</div>
			<div class="process-legend-item"><span class="dot dot-orange"></span>报废量</div>
			<div class="process-legend-item"><span class="dot dot-cyan"></span>产出量</div>
			</div>
			<div class="process-card">
			<div class="process-label">累计总投入</div>
			<div class="process-value digital-number">{{ formatAmount(processAside.totalInput) }}</div>
			</div>
			<div class="process-card">
			<div class="process-label">累计总报废</div>
			<div class="process-value digital-number">{{ formatAmount(processAside.totalScrap) }}</div>
			</div>
			<div class="process-card">
			<div class="process-label">累计总产出</div>
			<div class="process-value digital-number">{{ formatAmount(processAside.totalOutput) }}</div>
			</div>
			</div>
			</div>
			</div>

			<div class="cockpit-panel order-panel">
			<div class="panel-title-row">
			<div class="panel-title">生产订单进度</div>
			<el-radio-group v-model="orderFilter" size="small">
			<el-radio-button label="all">全部</el-radio-button>
			<el-radio-button label="in_progress">进行中</el-radio-button>
			<el-radio-button label="completed">已完成</el-radio-button>
			<el-radio-button label="paused">已暂停</el-radio-button>
			</el-radio-group>
			</div>
			<el-table :data="filteredOrders" stripe>
			<el-table-column prop="orderNo" label="订单编号" min-width="150" />
			<el-table-column prop="productName" label="产品名称" min-width="120" />
			<el-table-column prop="planQty" label="计划数量" min-width="90" />
			<el-table-column prop="completedQty" label="已完成" min-width="90" />
			<el-table-column label="完成率" min-width="180">
			<template #default="{ row }">
			<div class="table-progress">
			<el-progress
			:stroke-width="8"
			:percentage="row.completionRate"
			:show-text="false"
			status="success"
			/>
			<span>{{ row.completionRate }}%</span>
			</div>
			</template>
			</el-table-column>
			<el-table-column prop="deliveryDate" label="交期" min-width="110" />
			<el-table-column label="状态" min-width="90">
			<template #default="{ row }">
			<el-tag :type="getOrderStatusType(row.status)" effect="light">
			{{ getOrderStatusText(row.status) }}
			</el-tag>
			</template>
			</el-table-column>
			</el-table>
			</div>

			<div class="cockpit-panel contract-panel">
			<div class="panel-title">客户合同金额分析</div>
			<div class="contract-summary">
			<div class="contract-card">
			<div class="contract-name">总合同金额(元)</div>
			<div class="contract-main digital-number">{{ formatNumber(sum) }}</div>
			<div class="contract-compare">
			同比
			<span class="rise">{{ trendText(yny) }}</span>
			环比
			<span class="rise">{{ trendText(chain) }}</span>
			</div>
			</div>
			<div class="contract-chart-wrap">
			<Echarts
			:options="chartBaseOptions"
			:legend="pieLegend"
			:chartStyle="chartStylePie"
			:series="materialPieSeries"
			:tooltip="pieTooltip"
			/>
			</div>
			</div>
			<ul class="contract-list">
			<li v-for="item in materialPieSeries[0].data" :key="item.name">
			<span class="legend-dot" :style="{ backgroundColor: item.itemStyle?.color }"></span>
			<span class="contract-item-name">{{ item.name }}</span>
			<span class="contract-item-rate">{{ item.rate }}%</span>
			<span class="contract-item-value digital-number">¥{{ formatNumber(item.value) }}</span>
			</li>
			</ul>
			</div>

			<div class="cockpit-panel quality-panel">
			<div class="panel-title-row">
			<div class="panel-title">质量统计</div>
			<el-radio-group v-model="qualityRange" size="small" @change="qualityStatisticsInfo">
			<el-radio-button :value="1">周</el-radio-button>
			<el-radio-button :value="2">月</el-radio-button>
			<el-radio-button :value="3">季度</el-radio-button>
			</el-radio-group>
			</div>
			<div class="quality-cards">
			<div class="quality-card one">原材料已检数量 <span>{{ qualityStatisticsObject.supplierNum }}件</span></div>
			<div class="quality-card two">过程检验数量 <span>{{ qualityStatisticsObject.processNum }}件</span></div>
			<div class="quality-card three">出厂已检数量 <span>{{ qualityStatisticsObject.factoryNum }}件</span></div>
			</div>
			<Echarts
			:options="chartBaseOptions"
			:chartStyle="chartStyle"
			:grid="grid"
			:legend="barLegend"
			:series="barSeries1"
			:tooltip="tooltip"
			:xAxis="xAxis1"
			:yAxis="yAxis1"
			style="height: 270px"
			/>
			</div>
			</div>

			<div class="right-column">
			<div class="cockpit-panel todo-panel">
			<div class="panel-title-row">
			<div class="panel-title">待办事项</div>
			<span class="panel-more">更多</span>
			</div>
			<ul class="todo-list" v-if="todoList.length > 0">
			<li v-for="item in todoList" :key="item.id" class="todo-item">
			<div class="todo-head">
			<span class="todo-no">待办编号：{{ item.approveId }}</span>
			<span class="todo-time">{{ item.approveTime }}</span>
			</div>
			<div class="todo-desc">部门：{{ item.approveDeptName }}</div>
			<div class="todo-desc">事由：{{ item.approveReason }}</div>
			</li>
			</ul>
			<div v-else class="panel-empty">暂无数据</div>
			</div>

			<div class="cockpit-panel realtime-panel">
			<div class="panel-title-row">
			<div class="panel-title">生产实时看板</div>
			<span class="panel-more">更多</span>
			</div>
			<div class="realtime-grid">
			<div class="realtime-item" v-for="item in realtimeBoard" :key="item.key">
			<el-progress
			type="circle"
			:percentage="item.percent"
			:stroke-width="10"
			:width="94"
			:color="item.color"
			>
			<template #default>
			<div class="realtime-value digital-number">{{ item.display }}</div>
			</template>
			</el-progress>
			<div class="realtime-label">{{ item.label }}</div>
			<div class="realtime-delta" :class="item.trend">{{ item.delta }}</div>
			</div>
			</div>
			</div>

			<div class="cockpit-panel quick-panel">
			<div class="panel-title-row">
			<div class="panel-title">快捷功能</div>
			</div>
			<div class="quick-grid">
			<button
			v-for="item in quickEntries"
			:key="item.label"
			class="quick-item"
			type="button"
			@click="goToQuick(item.path)"
			>
			<span class="quick-icon">
			<el-icon>
			<component :is="item.icon" />
			</el-icon>
			</span>
			<span>{{ item.label }}</span>
			</button>
			</div>
			</div>

			<div class="cockpit-panel plan-panel">
			<div class="panel-title-row">
			<div class="panel-title">今日生产计划</div>
			<span class="panel-more">{{ todayPlanList.length }}项</span>
			</div>
			<ul class="plan-list">
			<li v-for="item in todayPlanList" :key="item.orderNo" class="plan-item">
			<div class="plan-main">
			<span class="plan-order">{{ item.orderNo }}</span>
			<span class="plan-name">{{ item.productName }}</span>
			</div>
			<div class="plan-meta">
			<span>计划 {{ item.planQty }}</span>
			<span>交期 {{ item.deliveryDate }}</span>
			</div>
			</li>
			</ul>
			</div>

			<div class="cockpit-panel receipt-panel">
			<div class="panel-title">回款与开票分析</div>
			<Echarts
			:options="chartBaseOptions"
			:chartStyle="chartStyle"
			:grid="grid"
			:legend="lineLegend"
			:series="lineSeries"
			:tooltip="tooltipLine"
			:xAxis="xAxis2"
			:yAxis="yAxis2"
			style="height: 300px"
			/>
			</div>

			</div>
			</section>

			<el-dialog v-model="processDialogVisible" title="选择工序" width="500px" append-to-body>
			<div class="process-selection-wrapper">
			<el-checkbox-group v-model="tempProcessIds">
			<div class="process-grid">
			<el-checkbox v-for="item in processOptions" :key="item.id" :label="item.id" border>
			{{ item.name }}
			</el-checkbox>
			</div>
			</el-checkbox-group>
			</div>
			<template #footer>
			<span class="dialog-footer">
			<el-button @click="processDialogVisible = false">取消</el-button>
			<el-button type="primary" @click="handleProcessDialogConfirm">确认</el-button>
			</span>
			</template>
			</el-dialog>
			</div>
			</template>

			<script setup>
			import { ref, onMounted, onUnmounted, computed, reactive, watch } from "vue";
			import { useRouter } from "vue-router";
			import dayjs from "dayjs";
			import * as echarts from "echarts";
			import {
			Box,
			Calendar,
			Checked,
			DataAnalysis,
			DataLine,
			EditPen,
			Operation,
			Search,
			ShoppingCartFull,
			Tickets,
			Tools,
			UserFilled,
			} from "@element-plus/icons-vue";
			import Echarts from "@/components/Echarts/echarts.vue";
			import usePermissionStore from "@/store/modules/permission";
			import useUserStore from "@/store/modules/user.js";
			import {
			analysisCustomerContractAmounts,
			getAmountHalfYear,
			getBusiness,
			homeTodos,
			processDataProductionStatistics,
			qualityInspectionStatistics,
			statisticsReceivablePayable,
			} from "@/api/viewIndex.js";
			import { list } from "@/api/productionManagement/productionProcess";

			const router = useRouter();
			const userStore = useUserStore();
			const permissionStore = usePermissionStore();
			const defaultWelcomeAvatar = new URL("../assets/images/profile.jpg", import.meta.url).href;

			const nowTime = ref("");
			const welcomeAvatarLoadFailed = ref(false);
			let clockTimer = null;
			const weatherText = "多云 28°C";

			const nowDate = computed(() => (nowTime.value ? nowTime.value.slice(0, 10) : dayjs().format("YYYY-MM-DD")));

			const greetingText = computed(() => {
			const hour = dayjs().hour();
			if (hour < 6) return "凌晨好";
			if (hour < 9) return "早上好";
			if (hour < 12) return "上午好";
			if (hour < 14) return "中午好";
			if (hour < 18) return "下午好";
			return "晚上好";
			});

			const welcomeAvatar = computed(() =>
			welcomeAvatarLoadFailed.value \|\| !userStore.avatar ? defaultWelcomeAvatar : userStore.avatar
			);

			const handleWelcomeAvatarError = () => {
			if (welcomeAvatar.value !== defaultWelcomeAvatar) {
			welcomeAvatarLoadFailed.value = true;
			}
			};

			watch(
			() => userStore.avatar,
			() => {
			welcomeAvatarLoadFailed.value = false;
			}
			);

			const axisTextColor = "#5f6f86";
			const axisLineColor = "rgba(148, 163, 184, 0.45)";
			const splitLineColor = "rgba(148, 163, 184, 0.18)";

			const chartBaseOptions = reactive({
			backgroundColor: "transparent",
			textStyle: { color: axisTextColor },
			});

			const processOptions = ref([]);
			const selectedProcessIds = ref([]);
			const tempProcessIds = ref([]);
			const processDialogVisible = ref(false);
			const activeProcessIndex = ref(0);

			const businessInfo = ref({
			inventoryNum: 0,
			monthPurchaseHaveMoney: 0,
			monthPurchaseMoney: 0,
			monthSaleHaveMoney: 0,
			monthSaleMoney: 0,
			todayInventoryNum: 0,
			});

			const qualityStatisticsObject = ref({
			supplierNum: 0,
			processNum: 0,
			factoryNum: 0,
			});

			const sum = ref(0);
			const yny = ref(0);
			const chain = ref(0);

			const pieLegend = reactive({ show: false });
			const piePalette = ["#2563eb", "#14b8a6", "#7c3aed", "#f97316", "#38bdf8", "#f43f5e"];

			const chartStyle = {
			width: "100%",
			height: "100%",
			};

			const chartStylePie = {
			width: "100%",
			height: "200px",
			};

			const grid = {
			left: "3%",
			right: "4%",
			bottom: "2%",
			top: "12%",
			containLabel: true,
			};

			const tooltip = {
			trigger: "axis",
			axisPointer: { type: "shadow" },
			backgroundColor: "rgba(255, 255, 255, 0.97)",
			borderColor: "rgba(148, 163, 184, 0.26)",
			textStyle: { color: "#334155" },
			};

			const barColors2 = ["#2563eb", "#14b8a6"];

			const xAxis = [
			{
			type: "value",
			axisLine: { lineStyle: { color: axisLineColor } },
			splitLine: { lineStyle: { color: splitLineColor } },
			axisLabel: { color: axisTextColor },
			},
			];

			const yAxis = [
			{
			type: "category",
			data: ["应付账款", "应收账款"],
			axisTick: { show: false },
			axisLine: { lineStyle: { color: axisLineColor } },
			axisLabel: { color: axisTextColor },
			},
			];

			const barSeries = ref([
			{
			type: "bar",
			barWidth: 22,
			itemStyle: { borderRadius: [0, 8, 8, 0] },
			label: { show: true, position: "right", color: "#334155" },
			data: [],
			},
			]);

			const barLegend = {
			show: true,
			textStyle: { color: axisTextColor },
			data: ["原材料不合格数", "过程不合格数", "出厂不合格数"],
			};

			const xAxis1 = ref([
			{
			type: "category",
			axisTick: { show: false },
			axisLine: { lineStyle: { color: axisLineColor } },
			axisLabel: { color: axisTextColor },
			data: [],
			},
			]);

			const yAxis1 = [
			{
			type: "value",
			splitLine: { lineStyle: { color: splitLineColor } },
			axisLine: { lineStyle: { color: axisLineColor } },
			axisLabel: { color: axisTextColor },
			},
			];

			const barSeries1 = ref([
			{
			name: "原材料不合格数",
			type: "bar",
			barGap: 0,
			itemStyle: { color: "#2563eb", borderRadius: [6, 6, 0, 0] },
			emphasis: { focus: "series" },
			data: [],
			},
			{
			name: "过程不合格数",
			type: "bar",
			itemStyle: { color: "#14b8a6", borderRadius: [6, 6, 0, 0] },
			emphasis: { focus: "series" },
			data: [],
			},
			{
			name: "出厂不合格数",
			type: "bar",
			itemStyle: { color: "#f59e0b", borderRadius: [6, 6, 0, 0] },
			emphasis: { focus: "series" },
			data: [],
			},
			]);

			const lineLegend = {
			show: true,
			textStyle: { color: axisTextColor },
			data: ["开票", "回款"],
			};

			const xAxis2 = ref([
			{
			type: "category",
			data: [],
			axisLine: { lineStyle: { color: axisLineColor } },
			axisLabel: {
			color: axisTextColor,
			interval: 0,
			formatter: (value) => value.replace(/~/g, "\n"),
			},
			},
			]);

			const yAxis2 = ref([
			{
			type: "value",
			splitLine: { lineStyle: { color: splitLineColor } },
			axisLine: { lineStyle: { color: axisLineColor } },
			axisLabel: { color: axisTextColor },
			},
			]);

			const tooltipLine = {
			trigger: "axis",
			backgroundColor: "rgba(255, 255, 255, 0.97)",
			borderColor: "rgba(148, 163, 184, 0.26)",
			textStyle: { color: "#334155" },
			};

			const lineSeries = ref([
			{
			name: "开票",
			type: "line",
			data: [],
			smooth: true,
			itemStyle: { color: "#2563eb" },
			lineStyle: { width: 2, color: "#2563eb" },
			showSymbol: true,
			areaStyle: {
			color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			{ offset: 0, color: "rgba(37, 99, 235, 0.24)" },
			{ offset: 1, color: "rgba(37, 99, 235, 0.02)" },
			]),
			},
			},
			{
			name: "回款",
			type: "line",
			data: [],
			smooth: true,
			itemStyle: { color: "#14b8a6" },
			lineStyle: { width: 2, color: "#14b8a6" },
			showSymbol: true,
			areaStyle: {
			color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			{ offset: 0, color: "rgba(20, 184, 166, 0.2)" },
			{ offset: 1, color: "rgba(20, 184, 166, 0.02)" },
			]),
			},
			},
			]);

			const pieTooltip = reactive({
			trigger: "item",
			backgroundColor: "rgba(255, 255, 255, 0.97)",
			borderColor: "rgba(148, 163, 184, 0.26)",
			textStyle: { color: "#334155" },
			formatter: (params) => `${params.name} ${formatNumber(params.value)}元 ${params.percent}%`,
			});

			const materialPieSeries = ref([
			{
			type: "pie",
			radius: ["62%", "88%"],
			avoidLabelOverlap: false,
			itemStyle: {
			borderColor: "rgba(255, 255, 255, 0.95)",
			borderWidth: 2,
			},
			label: { show: false },
			data: [],
			},
			]);

			const todoList = ref([]);
			const qualityRange = ref(1);
			const processRange = ref(1);
			const processChartData = ref([]);

			const processXAxis = ref([
			{
			type: "value",
			axisLine: { lineStyle: { color: axisLineColor } },
			splitLine: { lineStyle: { color: splitLineColor, type: "dashed" } },
			axisLabel: { color: axisTextColor },
			},
			]);

			const processYAxis = ref([
			{
			type: "category",
			axisTick: { show: false },
			axisLine: { show: false },
			axisLabel: { color: axisTextColor },
			data: [],
			},
			]);

			const processGrid = reactive({ left: "4%", right: "4%", top: 20, bottom: 18, containLabel: true });

			const processTooltip = reactive({
			trigger: "axis",
			axisPointer: { type: "shadow" },
			backgroundColor: "rgba(255, 255, 255, 0.97)",
			borderColor: "rgba(148, 163, 184, 0.26)",
			textStyle: { color: "#334155" },
			formatter: (params) => {
			const name = params?.[0]?.name ?? "";
			const list = Array.isArray(params) ? params : [];
			const lines = list
			.map((p) => {
			const colorBox = `<span style="display:inline-block;margin-right:6px;border-radius:2px;width:10px;height:10px;background:${p.color}"></span>`;
			return `${colorBox}${p.seriesName}<b style="float:right;">${Number(p.value \|\| 0).toFixed(2)}</b>`;
			})
			.join("<br/>");
			return `<div style="min-width:140px;"><div style="font-weight:700;margin-bottom:6px;">${name}</div>${lines}</div>`;
			},
			});

			const processSeries = computed(() => {
			const input = processChartData.value.map((item) => item.input);
			const scrap = processChartData.value.map((item) => item.scrap);
			const output = processChartData.value.map((item) => item.output);
			return [
			{
			name: "投入量",
			type: "bar",
			stack: "total",
			barWidth: 18,
			itemStyle: { color: "#2563eb", borderRadius: [8, 0, 0, 8] },
			data: input,
			},
			{
			name: "报废量",
			type: "bar",
			stack: "total",
			barWidth: 18,
			itemStyle: { color: "#f59e0b" },
			data: scrap,
			},
			{
			name: "产出量",
			type: "bar",
			stack: "total",
			barWidth: 18,
			itemStyle: { color: "#14b8a6", borderRadius: [0, 8, 8, 0] },
			data: output,
			},
			];
			});

			const processAside = computed(() => {
			const listData = processChartData.value;
			const item = listData[activeProcessIndex.value] \|\| {};
			return {
			processName: item.name \|\| "暂无数据",
			totalInput: item.input \|\| 0,
			totalScrap: item.scrap \|\| 0,
			totalOutput: item.output \|\| 0,
			};
			});

			const processTotals = computed(() =>
			processChartData.value.reduce(
			(acc, cur) => {
			acc.input += Number(cur.input \|\| 0);
			acc.scrap += Number(cur.scrap \|\| 0);
			acc.output += Number(cur.output \|\| 0);
			return acc;
			},
			{ input: 0, scrap: 0, output: 0 }
			)
			);

			const hasProcessData = computed(() => {
			if (!processChartData.value.length) return false;
			return processChartData.value.some((item) => {
			const input = Number(item.input \|\| 0);
			const scrap = Number(item.scrap \|\| 0);
			const output = Number(item.output \|\| 0);
			return input > 0 \|\| scrap > 0 \|\| output > 0;
			});
			});

			const dashboardCards = computed(() => [
			{
			key: "sales",
			title: "销售数据",
			desc: "本月销售额(元)",
			value: formatNumber(businessInfo.value.monthSaleMoney),
			subLabel: "未开票金额",
			subValue: formatNumber(businessInfo.value.monthSaleHaveMoney),
			trend: `占比 ${ratioText(businessInfo.value.monthSaleHaveMoney, businessInfo.value.monthSaleMoney)}`,
			icon: DataLine,
			},
			{
			key: "purchase",
			title: "采购数据",
			desc: "本月采购额(元)",
			value: formatNumber(businessInfo.value.monthPurchaseMoney),
			subLabel: "待付款金额",
			subValue: formatNumber(businessInfo.value.monthPurchaseHaveMoney),
			trend: `占比 ${ratioText(
			businessInfo.value.monthPurchaseHaveMoney,
			businessInfo.value.monthPurchaseMoney
			)}`,
			icon: ShoppingCartFull,
			},
			{
			key: "inventory",
			title: "库存数据",
			desc: "当前库存总量(件)",
			value: formatNumber(businessInfo.value.inventoryNum),
			subLabel: "今日入库",
			subValue: formatNumber(businessInfo.value.todayInventoryNum),
			trend: "库存结构持续优化",
			icon: Box,
			},
			{
			key: "production",
			title: "生产总览",
			desc: "累计产出(件)",
			value: formatNumber(processTotals.value.output),
			subLabel: "累计报废",
			subValue: formatNumber(processTotals.value.scrap),
			trend: `良率 ${ratioText(processTotals.value.output, processTotals.value.input)}`,
			icon: Operation,
			},
			]);

			const productionOrders = ref([
			{
			orderNo: "MO-20260518-001",
			productName: "智能控制器",
			planQty: 1000,
			completedQty: 860,
			completionRate: 86,
			deliveryDate: "2026-05-20",
			status: "in_progress",
			},
			{
			orderNo: "MO-20260518-002",
			productName: "电源模块",
			planQty: 800,
			completedQty: 640,
			completionRate: 80,
			deliveryDate: "2026-05-22",
			status: "in_progress",
			},
			{
			orderNo: "MO-20260518-003",
			productName: "传感器组件",
			planQty: 500,
			completedQty: 150,
			completionRate: 30,
			deliveryDate: "2026-05-25",
			status: "paused",
			},
			{
			orderNo: "MO-20260518-004",
			productName: "结构件A",
			planQty: 1200,
			completedQty: 1200,
			completionRate: 100,
			deliveryDate: "2026-05-15",
			status: "completed",
			},
			]);

			const orderFilter = ref("all");
			const filteredOrders = computed(() => {
			if (orderFilter.value === "all") return productionOrders.value;
			return productionOrders.value.filter((item) => item.status === orderFilter.value);
			});

			const todayPlanList = computed(() =>
			productionOrders.value
			.slice()
			.sort((a, b) => dayjs(a.deliveryDate).valueOf() - dayjs(b.deliveryDate).valueOf())
			.slice(0, 5)
			);

			const avgCompletionRate = computed(() => {
			if (!productionOrders.value.length) return 0;
			const total = productionOrders.value.reduce((acc, cur) => acc + Number(cur.completionRate \|\| 0), 0);
			return Number((total / productionOrders.value.length).toFixed(1));
			});

			const realtimeBoard = computed(() => {
			const oee = ratioNumber(processTotals.value.output, processTotals.value.input);
			const defectRate = ratioNumber(processTotals.value.scrap, processTotals.value.input);
			return [
			{
			key: "oee",
			label: "设备 OEE",
			percent: clampPercent(oee),
			display: `${oee.toFixed(1)}%`,
			delta: "较昨日 ↑ 4.0%",
			trend: "up",
			color: "#2d8cff",
			},
			{
			key: "order",
			label: "订单达成率",
			percent: clampPercent(avgCompletionRate.value),
			display: `${avgCompletionRate.value.toFixed(1)}%`,
			delta: "较昨日 ↑ 2.6%",
			trend: "up",
			color: "#31d2ff",
			},
			{
			key: "defect",
			label: "不良率",
			percent: clampPercent(defectRate),
			display: `${defectRate.toFixed(1)}%`,
			delta: "较昨日 ↓ 0.5%",
			trend: "down",
			color: "#f6a23f",
			},
			];
			});

			const warningList = ref([
			{
			id: 1,
			level: "device",
			title: "设备预警",
			desc: "CNC-001 设备振动异常",
			time: "10:24:32",
			},
			{
			id: 2,
			level: "quality",
			title: "质量预警",
			desc: "订单 SO-20260517 不良率超标",
			time: "09:15:47",
			},
			{
			id: 3,
			level: "material",
			title: "物料预警",
			desc: "物料 1002001 库存不足",
			time: "08:47:21",
			},
			]);

			const quickEntryConfigs = [
			{ label: "主生产计划", icon: Calendar, titles: ["主生产计划"], fallbackPath: "/productionPlan/productionPlan" },
			{ label: "生产订单", icon: Tickets, titles: ["生产订单"], fallbackPath: "/productionManagement/productionOrder" },
			{ label: "生产报工", icon: EditPen, titles: ["生产报工"], fallbackPath: "/productionManagement/productionReporting" },
			{ label: "设备台账", icon: Tools, titles: ["设备台账"], fallbackPath: "/equipmentManagement/ledger" },
			{ label: "销售台账", icon: DataLine, titles: ["销售台账"], fallbackPath: "/salesManagement/salesLedger" },
			{ label: "采购台账", icon: ShoppingCartFull, titles: ["采购台账"], fallbackPath: "/procurementManagement/procurementLedger" },
			{ label: "员工台账", icon: UserFilled, titles: ["员工台账", "在职员工台账"], fallbackPath: "/personnelManagement/employeeRecord" },
			{ label: "库存管理", icon: Box, titles: ["库存管理"], fallbackPath: "/inventoryManagement/stockManage" },
			];

			const normalizeMenuTitle = (title) => String(title \|\| "").replace(/\s+/g, "").trim();

			const resolveRoutePath = (route, parentPath = "") => {
			const currentPath = String(route?.path \|\| "").trim();
			if (!currentPath) return parentPath \|\| "";
			if (/^(https?:)?\/\//.test(currentPath)) return currentPath;
			if (currentPath.startsWith("/")) return currentPath;
			const basePath = parentPath && parentPath !== "/" ? parentPath.replace(/\/$/, "") : "";
			return `${basePath}/${currentPath}`.replace(/\/+/g, "/");
			};

			const collectAccessibleRoutes = (routes = [], parentPath = "") => {
			const items = [];
			(routes \|\| []).forEach((route) => {
			if (!route) return;
			const fullPath = resolveRoutePath(route, parentPath);
			const title = route.meta?.title ?? route.title ?? "";
			if (title && fullPath && !String(route.redirect \|\| "").includes("noRedirect")) {
			items.push({
			title: normalizeMenuTitle(title),
			path: fullPath,
			});
			}
			if (Array.isArray(route.children) && route.children.length > 0) {
			items.push(...collectAccessibleRoutes(route.children, fullPath));
			}
			});
			return items;
			};

			const accessibleMenuRoutes = computed(() => {
			const routePool =
			permissionStore.defaultRoutes?.length > 0
			? permissionStore.defaultRoutes
			: permissionStore.sidebarRouters?.length > 0
			? permissionStore.sidebarRouters
			: permissionStore.routes;
			return collectAccessibleRoutes(routePool \|\| []);
			});

			const quickEntries = computed(() =>
			quickEntryConfigs
			.map((item) => {
			const targetRoute = accessibleMenuRoutes.value.find((route) =>
			item.titles.some((title) => route.title === normalizeMenuTitle(title))
			);
			const resolvedPath = targetRoute?.path \|\| "";
			return resolvedPath
			? {
			label: item.label,
			icon: item.icon,
			path: resolvedPath,
			}
			: null;
			})
			.filter(Boolean)
			);

			const updateNowTime = () => {
			nowTime.value = dayjs().format("YYYY-MM-DD HH:mm:ss");
			};

			const formatNumber = (value) => {
			const num = Number(value \|\| 0);
			return num.toLocaleString(undefined, {
			minimumFractionDigits: 2,
			maximumFractionDigits: 2,
			});
			};

			const formatAmount = (value) => {
			const num = Number(value \|\| 0);
			return num.toLocaleString(undefined, {
			minimumFractionDigits: 2,
			maximumFractionDigits: 2,
			});
			};

			const trendText = (value) => {
			const num = Number(value \|\| 0);
			const flag = num >= 0 ? "↑" : "↓";
			return `${flag} ${Math.abs(num).toFixed(1)}%`;
			};

			const ratioNumber = (numerator, denominator) => {
			const n = Number(numerator \|\| 0);
			const d = Number(denominator \|\| 0);
			if (!d) return 0;
			return (n / d) * 100;
			};

			const ratioText = (numerator, denominator) => `${ratioNumber(numerator, denominator).toFixed(1)}%`;

			const clampPercent = (val) => Math.max(0, Math.min(100, Number(val \|\| 0)));

			const getOrderStatusText = (status) => {
			const mapping = {
			in_progress: "进行中",
			completed: "已完成",
			paused: "暂停",
			};
			return mapping[status] \|\| "未知";
			};

			const getOrderStatusType = (status) => {
			const mapping = {
			in_progress: "success",
			completed: "primary",
			paused: "warning",
			};
			return mapping[status] \|\| "info";
			};

			const getBusinessData = async () => {
			const res = await getBusiness();
			businessInfo.value = { ...res.data };
			};

			const analysisCustomer = async () => {
			const res = await analysisCustomerContractAmounts();
			sum.value = res.data.sum;
			yny.value = res.data.yny;
			chain.value = res.data.chain;
			materialPieSeries.value[0].data = (res.data.item \|\| []).map((item, index) => ({
			...item,
			rate: Number(item.rate \|\| 0),
			itemStyle: { color: piePalette[index % piePalette.length] },
			}));
			};

			const todoInfoS = async () => {
			const res = await homeTodos();
			todoList.value = res.data \|\| [];
			};

			const statisticsReceivable = async () => {
			const res = await statisticsReceivablePayable({ type: 1 });
			barSeries.value[0].data = [
			{ value: res.data.payableMoney, itemStyle: { color: barColors2[0] } },
			{ value: res.data.receivableMoney, itemStyle: { color: barColors2[1] } },
			];
			};

			const qualityStatisticsInfo = async () => {
			const res = await qualityInspectionStatistics({ type: qualityRange.value });
			xAxis1.value[0].data = [];
			barSeries1.value[0].data = [];
			barSeries1.value[1].data = [];
			barSeries1.value[2].data = [];
			(res.data.item \|\| []).forEach((item) => {
			xAxis1.value[0].data.push(item.date);
			barSeries1.value[0].data.push(item.supplierNum);
			barSeries1.value[1].data.push(item.processNum);
			barSeries1.value[2].data.push(item.factoryNum);
			});
			qualityStatisticsObject.value.supplierNum = res.data.supplierNum;
			qualityStatisticsObject.value.processNum = res.data.processNum;
			qualityStatisticsObject.value.factoryNum = res.data.factoryNum;
			};

			const getAmountHalfYearNum = async () => {
			const res = await getAmountHalfYear();
			const monthName = [];
			const receiptAmount = [];
			const invoiceAmount = [];
			(res.data \|\| []).forEach((item) => {
			monthName.push(item.month);
			receiptAmount.push(item.receiptAmount);
			invoiceAmount.push(item.invoiceAmount);
			});

			xAxis2.value[0].data = monthName.map((item) => item.replace(/~/g, "\n~"));
			lineSeries.value[0].data = invoiceAmount;
			lineSeries.value[1].data = receiptAmount;
			};

			const getProcessList = async () => {
			const res = await list();
			processOptions.value = res.data.records \|\| [];
			};

			const refreshProcessStats = async () => {
			const res = await processDataProductionStatistics({
			type: processRange.value,
			processIds: selectedProcessIds.value.length > 0 ? selectedProcessIds.value.join(",") : null,
			});
			processChartData.value = (res.data \|\| []).map((item) => ({
			name: item.processName,
			input: item.totalInput,
			scrap: item.totalScrap,
			output: item.totalOutput,
			}));
			processYAxis.value[0].data = processChartData.value.map((item) => item.name);
			activeProcessIndex.value = 0;
			};

			const openProcessDialog = () => {
			tempProcessIds.value = [...selectedProcessIds.value];
			processDialogVisible.value = true;
			};

			const handleProcessDialogConfirm = () => {
			selectedProcessIds.value = [...tempProcessIds.value];
			processDialogVisible.value = false;
			refreshProcessStats();
			};

			const resetProcessFilter = () => {
			selectedProcessIds.value = [];
			tempProcessIds.value = [];
			refreshProcessStats();
			};

			const handleChartClick = (params) => {
			if (params && params.dataIndex !== undefined) {
			activeProcessIndex.value = params.dataIndex;
			}
			};

			const goToQuick = (path) => {
			if (!path) return;
			router.push(path).catch(() => {});
			};

			onMounted(() => {
			updateNowTime();
			clockTimer = setInterval(updateNowTime, 1000);
			getBusinessData();
			analysisCustomer();
			todoInfoS();
			statisticsReceivable();
			qualityStatisticsInfo();
			getAmountHalfYearNum();
			getProcessList();
			refreshProcessStats();
			});

			onUnmounted(() => {
			if (clockTimer) {
			clearInterval(clockTimer);
			}
			});
			</script>

			<style scoped>
			.dashboard-cockpit {
			min-height: calc(100vh - var(--topbar-height) - var(--tagsbar-height));
			width: 100%;
			min-width: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			gap: 16px;
			overflow-x: clip;
			margin-top: 10px;
			}

			.digital-number {
			font-family: "DIN Alternate Bold", "Segoe UI", "PingFang SC", sans-serif;
			letter-spacing: 0;
			}

			.cockpit-panel {
			position: relative;
			background: rgba(255, 255, 255, 0.9);
			border: 1px solid rgba(148, 163, 184, 0.18);
			border-radius: 16px;
			box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
			backdrop-filter: blur(12px);
			padding: 16px;
			}

			.welcome-panel {
			display: flex;
			align-items: center;
			justify-content: space-between;
			min-height: 92px;
			padding: 18px 22px;
			background:
			radial-gradient(circle at 8% 20%, rgba(59, 130, 246, 0.12), transparent 32%),
			linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(239, 246, 255, 0.88));
			}

			.welcome-user {
			display: flex;
			align-items: center;
			gap: 12px;
			}

			.avatar {
			width: 52px;
			height: 52px;
			border: 1px solid rgba(147, 197, 253, 0.42);
			background: linear-gradient(145deg, #ffffff, #eef5ff);
			box-shadow: 0 8px 20px rgba(37, 99, 235, 0.14);
			}

			.avatar :deep(img) {
			width: 100%;
			height: 100%;
			object-fit: cover;
			}

			.avatar :deep(.el-icon) {
			font-size: 24px;
			color: #3b82f6;
			}

			.welcome-title {
			font-size: 28px;
			font-weight: 700;
			color: #1e3a5f;
			line-height: 1.08;
			}

			.welcome-subtitle {
			margin-top: 6px;
			color: #64748b;
			font-size: 14px;
			}

			.welcome-meta {
			text-align: right;
			}

			.meta-time {
			font-size: 28px;
			color: #1f3658;
			font-weight: 700;
			}

			.meta-extra {
			margin-top: 6px;
			display: flex;
			justify-content: flex-end;
			gap: 14px;
			color: #64748b;
			font-size: 13px;
			}

			.meta-tip {
			margin-top: 4px;
			color: #7a8ca6;
			font-size: 13px;
			}

			.top-row {
			display: block;
			}

			.stats-grid {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 14px;
			}

			.stat-card {
			position: relative;
			border-radius: 18px;
			padding: 18px 20px 22px;
			min-height: 182px;
			height: auto;
			overflow: hidden;
			border: 1px solid rgba(148, 163, 184, 0.2);
			box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
			transition: transform 0.22s ease, box-shadow 0.22s ease;
			}

			.stat-card:hover {
			transform: translateY(-2px);
			box-shadow: 0 18px 40px rgba(37, 99, 235, 0.1);
			}

			.stat-card.sales {
			background: linear-gradient(135deg, #ffffff 0%, #eaf3ff 100%);
			}

			.stat-card.purchase {
			background: linear-gradient(135deg, #ffffff 0%, #e8fffb 100%);
			}

			.stat-card.inventory {
			background: linear-gradient(135deg, #ffffff 0%, #f2edff 100%);
			}

			.stat-card.production {
			background: linear-gradient(135deg, #ffffff 0%, #fff4e6 100%);
			}

			.stat-header {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			position: relative;
			z-index: 2;
			}

			.stat-title {
			font-size: 16px;
			font-weight: 700;
			}

			.stat-card.sales .stat-title {
			color: #1d4ed8;
			}

			.stat-card.purchase .stat-title {
			color: #0f766e;
			}

			.stat-card.inventory .stat-title {
			color: #6d28d9;
			}

			.stat-card.production .stat-title {
			color: #c2410c;
			}

			.stat-desc {
			margin-top: 6px;
			color: #64748b;
			font-size: 13px;
			}

			.stat-icon-orb {
			width: 52px;
			height: 52px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 22px;
			color: #fff;
			}

			.stat-card.sales .stat-icon-orb {
			background: linear-gradient(135deg, #2563eb, #60a5fa);
			box-shadow: 0 10px 24px rgba(37, 99, 235, 0.32);
			}

			.stat-card.purchase .stat-icon-orb {
			background: linear-gradient(135deg, #14b8a6, #5eead4);
			box-shadow: 0 10px 24px rgba(20, 184, 166, 0.3);
			}

			.stat-card.inventory .stat-icon-orb {
			background: linear-gradient(135deg, #7c3aed, #a78bfa);
			box-shadow: 0 10px 24px rgba(124, 58, 237, 0.28);
			}

			.stat-card.production .stat-icon-orb {
			background: linear-gradient(135deg, #f97316, #fdba74);
			box-shadow: 0 10px 24px rgba(249, 115, 22, 0.3);
			}

			.stat-value {
			margin-top: 14px;
			font-size: 30px;
			line-height: 1.08;
			font-weight: 700;
			color: #0f172a;
			position: relative;
			z-index: 2;
			}

			.stat-footer {
			margin-top: 8px;
			color: #64748b;
			font-size: 13px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			position: relative;
			z-index: 2;
			}

			.stat-trend {
			margin-top: 6px;
			color: #0ea5a4;
			font-size: 13px;
			line-height: 1.25;
			font-weight: 600;
			position: relative;
			z-index: 2;
			}

			.stat-wave {
			position: absolute;
			left: 10px;
			right: 10px;
			bottom: 6px;
			height: 30px;
			opacity: 0.62;
			z-index: 1;
			pointer-events: none;
			background:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 40' preserveAspectRatio='none'%3E%3Cpath d='M0 31C20 16 44 36 66 24C87 12 107 31 129 18C148 8 169 28 193 16C214 5 237 25 259 14C280 3 306 19 340 8' fill='none' stroke='%236ea4ee' stroke-width='1.5'/%3E%3C/svg%3E")
			center / 100% 100% no-repeat;
			}

			.todo-panel {
			padding: 12px;
			}

			.panel-title-row {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 12px;
			}

			.panel-title {
			font-size: 18px;
			font-weight: 700;
			color: #1f3658;
			position: relative;
			padding-left: 12px;
			}

			.panel-title::before {
			content: "";
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 4px;
			height: 18px;
			border-radius: 4px;
			background: linear-gradient(180deg, #2563eb, #38bdf8);
			}

			.panel-more {
			font-size: 14px;
			color: #2563eb;
			cursor: pointer;
			}

			.todo-list {
			margin: 10px 0 0;
			padding: 0;
			list-style: none;
			display: flex;
			flex-direction: column;
			gap: 8px;
			max-height: 230px;
			overflow-y: auto;
			}

			.todo-item {
			border: 1px solid rgba(148, 163, 184, 0.2);
			border-radius: 12px;
			background: #f7fbff;
			padding: 10px 12px;
			}

			.todo-head {
			display: flex;
			justify-content: space-between;
			gap: 10px;
			color: #334155;
			font-size: 13px;
			}

			.todo-desc {
			margin-top: 6px;
			color: #64748b;
			font-size: 12px;
			line-height: 1.45;
			}

			.todo-no {
			color: #1f3658;
			font-weight: 600;
			}

			.panel-empty {
			min-height: 140px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: var(--text-tertiary);
			}

			.main-grid {
			display: grid;
			grid-template-columns: minmax(0, 1fr) 400px;
			gap: 16px;
			align-items: start;
			}

			.left-column,
			.right-column {
			display: flex;
			flex-direction: column;
			gap: 16px;
			min-width: 0;
			}

			.process-panel {
			padding-bottom: 12px;
			}

			.panel-actions {
			display: flex;
			gap: 8px;
			align-items: center;
			flex-wrap: wrap;
			}

			.process-body {
			margin-top: 10px;
			display: grid;
			grid-template-columns: minmax(0, 1fr) 232px;
			gap: 12px;
			align-items: stretch;
			min-height: 0;
			}

			.process-chart {
			position: relative;
			border: 1px solid rgba(148, 163, 184, 0.24);
			border-radius: 14px;
			background:
			linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(244, 249, 255, 0.9)),
			repeating-linear-gradient(
			to right,
			rgba(148, 163, 184, 0.07) 0,
			rgba(148, 163, 184, 0.07) 1px,
			transparent 1px,
			transparent 48px
			),
			repeating-linear-gradient(
			to bottom,
			rgba(148, 163, 184, 0.06) 0,
			rgba(148, 163, 184, 0.06) 1px,
			transparent 1px,
			transparent 34px
			);
			overflow: hidden;
			padding: 10px;
			}

			.process-chart.empty :deep(canvas) {
			opacity: 0.2;
			}

			.chart-empty {
			position: absolute;
			inset: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 8px;
			color: #64748b;
			font-size: 14px;
			text-align: center;
			pointer-events: auto;
			padding: 12px;
			}

			.chart-empty .el-icon {
			color: #2563eb;
			font-size: 28px;
			}

			.chart-empty-title {
			font-size: 16px;
			font-weight: 700;
			color: #334155;
			}

			.chart-empty-desc {
			font-size: 13px;
			color: #64748b;
			}

			.chart-empty-actions {
			margin-top: 4px;
			display: flex;
			gap: 8px;
			}

			.process-aside {
			display: flex;
			flex-direction: column;
			gap: 8px;
			}

			.process-legend,
			.process-card {
			border: 1px solid rgba(148, 163, 184, 0.22);
			border-radius: 12px;
			background: rgba(255, 255, 255, 0.84);
			padding: 10px 12px;
			}

			.process-card {
			min-height: 74px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			}

			.process-legend {
			min-height: 74px;
			display: flex;
			flex-direction: column;
			gap: 6px;
			justify-content: center;
			}

			.process-legend-item {
			color: #475569;
			font-size: 12px;
			display: flex;
			align-items: center;
			gap: 8px;
			}

			.dot {
			width: 10px;
			height: 10px;
			border-radius: 3px;
			display: inline-block;
			}

			.dot-blue {
			background: #2563eb;
			}

			.dot-orange {
			background: #f59e0b;
			}

			.dot-cyan {
			background: #14b8a6;
			}

			.process-name {
			color: #2563eb;
			font-weight: 700;
			font-size: 14px;
			line-height: 1.2;
			margin-bottom: 2px;
			}

			.process-label {
			font-size: 12px;
			color: #64748b;
			}

			.process-value {
			margin-top: 4px;
			font-size: 24px;
			color: #0f172a;
			font-weight: 700;
			}

			.chart-row {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 16px;
			}

			.contract-summary {
			display: grid;
			grid-template-columns: 1fr 190px;
			gap: 12px;
			align-items: center;
			margin-top: 8px;
			}

			.contract-card {
			border-radius: 14px;
			border: 1px solid rgba(148, 163, 184, 0.2);
			background: #f8fbff;
			padding: 12px;
			}

			.contract-name {
			color: #64748b;
			font-size: 13px;
			}

			.contract-main {
			margin-top: 8px;
			font-size: 34px;
			font-weight: 700;
			color: #0f172a;
			}

			.contract-compare {
			margin-top: 8px;
			font-size: 13px;
			color: #64748b;
			display: flex;
			gap: 10px;
			}

			.rise {
			color: #0ea5a4;
			font-weight: 600;
			}

			.contract-list {
			margin: 8px 0 0;
			padding: 0;
			list-style: none;
			display: flex;
			flex-direction: column;
			gap: 8px;
			}

			.contract-list li {
			display: grid;
			grid-template-columns: 12px minmax(0, 1fr) 56px auto;
			align-items: center;
			gap: 8px;
			color: #475569;
			font-size: 13px;
			}

			.legend-dot {
			width: 8px;
			height: 8px;
			border-radius: 50%;
			}

			.contract-item-name {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			}

			.contract-item-rate {
			text-align: right;
			color: #64748b;
			}

			.contract-item-value {
			color: #1f3658;
			text-align: right;
			}

			.quality-cards {
			margin: 8px 0 10px;
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 10px;
			}

			.quality-card {
			border-radius: 12px;
			border: 1px solid rgba(148, 163, 184, 0.2);
			padding: 10px 12px;
			color: #475569;
			font-size: 13px;
			}

			.quality-card.one {
			background: linear-gradient(135deg, #ffffff, #edf4ff);
			}

			.quality-card.two {
			background: linear-gradient(135deg, #ffffff, #ebfffc);
			}

			.quality-card.three {
			background: linear-gradient(135deg, #ffffff, #fff3e6);
			}

			.quality-card span {
			color: #0f172a;
			font-weight: 700;
			margin-left: 6px;
			}

			.realtime-grid {
			margin-top: 10px;
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 10px;
			}

			.realtime-item {
			border: 1px solid rgba(148, 163, 184, 0.2);
			border-radius: 12px;
			background: #f8fbff;
			padding: 10px 8px;
			text-align: center;
			}

			.realtime-value {
			font-size: 26px;
			color: #0f172a;
			font-weight: 700;
			}

			.realtime-label {
			margin-top: 8px;
			font-size: 12px;
			color: #475569;
			}

			.realtime-delta {
			margin-top: 4px;
			font-size: 12px;
			}

			.realtime-delta.up {
			color: #0ea5a4;
			}

			.realtime-delta.down {
			color: #f59e0b;
			}

			.warning-list {
			margin-top: 10px;
			display: flex;
			flex-direction: column;
			gap: 8px;
			max-height: 300px;
			overflow-y: auto;
			}

			.warning-item {
			display: grid;
			grid-template-columns: 10px minmax(0, 1fr) 72px;
			align-items: center;
			gap: 10px;
			border: 1px solid rgba(148, 163, 184, 0.2);
			border-radius: 12px;
			background: #f8fbff;
			padding: 10px;
			}

			.warning-dot {
			width: 8px;
			height: 8px;
			border-radius: 50%;
			display: block;
			}

			.warning-dot.device {
			background: #ef4444;
			}

			.warning-dot.quality {
			background: #f59e0b;
			}

			.warning-dot.material {
			background: #3b82f6;
			}

			.warning-title {
			color: #334155;
			font-size: 13px;
			font-weight: 600;
			}

			.warning-desc {
			color: #64748b;
			font-size: 12px;
			margin-top: 4px;
			}

			.warning-time {
			color: #64748b;
			font-size: 12px;
			text-align: right;
			}

			.order-panel {
			min-height: 0;
			}

			.quick-panel {
			min-height: 0;
			}

			.table-progress {
			display: flex;
			align-items: center;
			gap: 10px;
			}

			.table-progress span {
			font-size: 12px;
			color: #475569;
			}

			.quick-grid {
			margin-top: 10px;
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			grid-auto-rows: 58px;
			gap: 10px;
			}

			.quick-item {
			border: 1px solid rgba(148, 163, 184, 0.22);
			background: rgba(255, 255, 255, 0.92);
			border-radius: 12px;
			color: #334155;
			display: flex;
			align-items: center;
			gap: 8px;
			padding: 0 10px;
			font-size: 12px;
			cursor: pointer;
			transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
			}

			.plan-panel {
			min-height: 236px;
			}

			.quality-panel {
			min-height: 0;
			}

			.receipt-panel {
			min-height: 340px;
			}

			.plan-list {
			margin: 10px 0 0;
			padding: 0;
			list-style: none;
			display: flex;
			flex-direction: column;
			gap: 8px;
			}

			.plan-item {
			border: 1px solid rgba(148, 163, 184, 0.18);
			border-radius: 12px;
			background: #f8fbff;
			padding: 10px 12px;
			}

			.plan-main {
			display: flex;
			justify-content: space-between;
			gap: 10px;
			align-items: center;
			}

			.plan-order {
			font-size: 13px;
			color: #1f3658;
			font-weight: 600;
			}

			.plan-name {
			font-size: 13px;
			color: #334155;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			}

			.plan-meta {
			margin-top: 6px;
			display: flex;
			justify-content: space-between;
			gap: 8px;
			font-size: 12px;
			color: #64748b;
			}

			.quick-item:hover {
			transform: translateY(-2px);
			border-color: rgba(96, 165, 250, 0.45);
			box-shadow: 0 14px 28px rgba(37, 99, 235, 0.1);
			}

			.quick-icon {
			width: 30px;
			height: 30px;
			border-radius: 8px;
			background: linear-gradient(135deg, #2563eb, #38bdf8);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			font-size: 16px;
			color: #fff;
			}

			.quick-item:nth-child(2) .quick-icon,
			.quick-item:nth-child(6) .quick-icon {
			background: linear-gradient(135deg, #14b8a6, #5eead4);
			}

			.quick-item:nth-child(3) .quick-icon,
			.quick-item:nth-child(5) .quick-icon {
			background: linear-gradient(135deg, #7c3aed, #a78bfa);
			}

			.quick-item:nth-child(4) .quick-icon,
			.quick-item:nth-child(7) .quick-icon {
			background: linear-gradient(135deg, #f97316, #fdba74);
			}

			.process-selection-wrapper {
			max-height: 400px;
			overflow-y: auto;
			padding: 8px;
			}

			.process-grid {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
			gap: 10px;
			}

			:deep(.el-checkbox.is-bordered) {
			margin-left: 0 !important;
			width: 100%;
			}

			:deep(.el-radio-button__inner) {
			border-radius: 10px !important;
			background: #f8fbff;
			border-color: rgba(148, 163, 184, 0.22) !important;
			color: #475569 !important;
			}

			:deep(.el-radio-button__original-radio:checked + .el-radio-button__inner) {
			background: linear-gradient(135deg, #2f80ff, #38bdf8) !important;
			border-color: transparent !important;
			color: #fff !important;
			}

			:deep(.el-progress-circle__track) {
			stroke: rgba(148, 163, 184, 0.3);
			}

			:deep(.el-progress-bar__outer) {
			background-color: rgba(148, 163, 184, 0.2);
			}

			:deep(.order-panel .el-progress-bar__inner) {
			background: linear-gradient(90deg, #2563eb, #38bdf8) !important;
			}

			:deep(.order-panel .el-table) {
			border-radius: 14px;
			}

			:deep(.order-panel .el-table th.el-table__cell) {
			background: #f2f7ff !important;
			}

			:deep(.order-panel .el-table__body tr:hover > td.el-table__cell) {
			background: #f8fbff !important;
			}

			:deep(.order-panel .el-tag--success) {
			color: #0f766e;
			background: #e9fdf7;
			border-color: #b7f2e0;
			}

			:deep(.order-panel .el-tag--warning) {
			color: #b45309;
			background: #fff6e8;
			border-color: #fde0b8;
			}

			:deep(.order-panel .el-tag--primary) {
			color: #2563eb;
			background: #eaf2ff;
			border-color: #b8d2ff;
			}

			@media (max-width: 1600px) {
			.main-grid {
			grid-template-columns: minmax(0, 1fr) 380px;
			}
			}

			@media (max-width: 1366px) {
			.main-grid {
			grid-template-columns: minmax(0, 1fr) 340px;
			}

			.stats-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			}
			}

			@media (max-width: 1200px) {
			.main-grid {
			grid-template-columns: 1fr;
			}

			.right-column {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 14px;
			}

			.chart-row {
			grid-template-columns: 1fr;
			}

			.process-body {
			grid-template-columns: 1fr;
			}

			.realtime-grid {
			grid-template-columns: repeat(3, minmax(0, 1fr));
			}

			.quality-cards {
			grid-template-columns: 1fr;
			}
			}

			@media (max-width: 768px) {
			.welcome-panel {
			flex-direction: column;
			align-items: flex-start;
			gap: 10px;
			}

			.welcome-meta {
			text-align: left;
			}

			.meta-extra {
			justify-content: flex-start;
			}

			.stats-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			}

			.right-column {
			grid-template-columns: 1fr;
			}

			.realtime-grid {
			grid-template-columns: 1fr;
			}
			}
			</style>