1.首页联调

gaoluyang

2 天以前 8191c1684e787f786b461dee04a7b7936e82b6e8

 src/views/index.vue

@@ -1,822 +1,812 @@
<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

          >

          &nbsp;&nbsp;&nbsp; 腾讯云服务器秒杀区

          <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">&yen;免费开源</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>

              <a href="https://jq.qq.com/?_wv=1027&k=SWCtLnMz" target="_blank">

                167385320</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.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.1')



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">
      <!-- 顶部横向两栏 -->
      <div class="dashboard-top">
         <!-- 左：企业信息+三大数据卡片（上下排列） -->
         <div class="top-left">
            <div class="company-info">
               <div class="section-title">登陆信息</div>
               <div style="display: flex;align-items: center;gap: 20px">
                  <img :src="userStore.avatar" class="avatar" alt=""/>
                  <div class="company-card">
                     <div class="company-name">{{userStore.name}}</div>
                     <div class="company-meta">{{userStore.roleName}}</div>
                  </div>
                  <div style="display: flex;align-items: center;gap: 8px">
                     <el-icon color="#5053B5" size="22"><Clock /></el-icon>
                     <span>登陆日期：{{userStore.currentLoginTime}}</span>
                  </div>
               </div>
            </div>
            <div class="data-cards">
               <div class="data-card sales">
                  <div class="data-title">销售数据</div>
                  <div class="data-num">
                     <div>
                        <div class="data-desc">本月销售额/元</div>
                        <div class="data-value">{{businessInfo.monthSaleMoney}}</div>
                     </div>
                     <div>
                        <div class="data-desc">未开票金额/元</div>
                        <div class="data-value">{{businessInfo.monthSaleHaveMoney}}</div>
                     </div>
                  </div>
						
               </div>
               <div class="data-card purchase">
                  <div class="data-title">采购数据</div>
                  <div class="data-num">
                     <div>
                        <div class="data-desc">本月采购额/元</div>
                        <div class="data-value">{{businessInfo.monthPurchaseMoney}}</div>
                     </div>
                     <div>
                        <div class="data-desc">待付款金额/元</div>
                        <div class="data-value">{{businessInfo.monthPurchaseHaveMoney}}</div>
                     </div>
                  </div>
               </div>
               <div class="data-card inventory">
                  <div class="data-title">库存数据</div>
                  <div class="data-num">
                     <div>
                        <div class="data-desc">当前库存总量/件</div>
                        <div class="data-value">{{businessInfo.inventoryNum}}</div>
                     </div>
                     <div>
                        <div class="data-desc">今日入库/件</div>
                        <div class="data-value">{{businessInfo.todayInventoryNum}}</div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!-- 右：待办事项 -->
         <div class="todo-panel">
            <div class="section-title">待办事项</div>
            <ul class="todo-list" v-if="todoList.length > 0">
               <li v-for="item in todoList" :key="item.id">
                  <div style="display: flex;flex-direction: column;justify-content: space-between;width: 100%;gap: 20px">
                     <div style="display: flex;justify-content: space-between;align-items: center;">
                        <div class="todo-title">流程编号：{{item.approveId}}</div>
                        <div class="todo-division">申请部门：{{item.approveDeptName}}</div>
                        <div class="todo-time">{{item.approveTime}}</div>
                     </div>
                     <div class="todo-division">审批事由：{{item.approveReason}}</div>
                  </div>
               </li>
            </ul>
            <div v-else style="text-align: center">
               暂无数据
            </div>
         </div>
      </div>
		
      <!-- 中部横向两栏 -->
      <div class="dashboard-row">
         <div class="main-panel">
            <div class="section-title">客户合同金额分析</div>
            <div class="contract-summary">
               <div class="contract-info">
                  <img src="../assets/images/khtitle.png" alt="" style="width: 42px"/>
                  <div class="contract-card">
                     <div class="contract-name">总合同金额(元)</div>
                     <div class="contract-meta">
                        <div class="main-amount">{{sum}}</div>
                        <div>周同比: <span class="up">{{yny}}% </span> 日环比: <span class="up">{{chain}}% </span></div>
                     </div>
                  </div>
               </div>
            </div>
            <div style="display: flex;align-items: center;gap: 20px;justify-content: space-evenly;height: 180px;margin-top: 20px">
               <div>
                  <Echarts ref="chart" :legend="pieLegend" :chartStyle="chartStylePie"
                               :series="materialPieSeries"
                               :tooltip="pieTooltip"></Echarts>
               </div>
               <ul class="contract-list">
                  <li v-for="item in materialPieSeries[0].data" :key="item.name">
                     <div style="display: flex;align-items: center;justify-content: space-between;width: 100%">
                        <div class="line" :style="{color: item.itemStyle.color}">●{{item.name}}</div>
                        <div style="width: 70px">{{item.rate}}%</div>
                        <div>￥{{item.value}}</div>
                     </div>
                  </li>
               </ul>
            </div>
         </div>
         <div class="main-panel">
            <div style="display: flex;justify-content: space-between;">
               <div class="section-title">应收应付统计</div>
               <el-radio-group v-model="radio1" size="large" @change="statisticsReceivable">
                  <el-radio-button label="按周" :value="1" />
                  <el-radio-button label="按月" :value="2" />
                  <el-radio-button label="按季度" :value="3" />
               </el-radio-group>
            </div>
            <Echarts ref="chart"
                         :color="barColors2"
                         :chartStyle="chartStyle"
                         :grid="grid"
                         :series="barSeries"
                         :tooltip="tooltip"
                         :xAxis="xAxis"
                         :yAxis="yAxis"
                         style="height: 260px"></Echarts>
         </div>
      </div>
		
      <!-- 底部横向两栏 -->
      <div class="dashboard-row">
         <div class="main-panel">
            <div class="section-title">质量统计</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 ref="chart"
                         :chartStyle="chartStyle"
                         :grid="grid"
                         :legend="barLegend"
                         :series="barSeries1"
                         :tooltip="tooltip"
                         :xAxis="xAxis1"
                         :yAxis="yAxis1"
                         style="height: 260px"></Echarts>
         </div>
         <div class="main-panel">
            <div class="section-title">回款与开票分析</div>
            <Echarts ref="chart" :chartStyle="chartStyle" :grid="grid" :legend="lineLegend" :series="lineSeries"
                         :tooltip="tooltipLine" :xAxis="xAxis2" :yAxis="yAxis2" style="height: 270px;"></Echarts>
         </div>
      </div>
   </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import Echarts from "@/components/Echarts/echarts.vue";
import * as echarts from 'echarts';
import useUserStore from "@/store/modules/user.js";
import {
   analysisCustomerContractAmounts, getAmountHalfYear,
   getBusiness,
   homeTodos,
   qualityStatistics,
   statisticsReceivablePayable
} from "@/api/viewIndex.js";

const userStore = useUserStore()

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 barSeries = ref([
   {
      type: 'bar',
      data: [],
      label: {
         show: true,
      }
   },
])
const barSeries1 = ref([
   {
      name: '原材料不合格数',
      type: 'bar',
      barGap: 0,
      emphasis: {
         focus: 'series'
      },
      data: []
   },
   {
      name: '过程不合格数',
      type: 'bar',
      emphasis: {
         focus: 'series'
      },
      data: []
   },
   {
      name: '出厂不合格数',
      type: 'bar',
      emphasis: {
         focus: 'series'
      },
      data: []
   },
])
const chartStyle = {
   width: '100%',
   height: '100%' // 设置图表容器的高度
}
const chartStylePie = {
   width: '140%',
   height: '140%' // 设置图表容器的高度
}
const grid = {
   left: '3%',
      right: '4%',
      bottom: '3%',
      containLabel: true
}
const barLegend = {
   show: true,
   data: ['原材料不合格数', '过程不合格数', '出厂不合格数']
}
const barLegend1 = {
   show: true,
   data: ['预付账款', '应付账款', '预收账款', '应收账款']
}
const lineLegend = {
   show: true,
   data: ['开票', '回款']
}
const tooltip = {
   trigger: 'axis',
   axisPointer: {
      type: 'shadow'
   }
}
const xAxis = [{
   type: 'value',
}]
const xAxis1 = ref([{
   type: 'category',
   axisTick: { show: false },
   data: []
}])
const yAxis = [{
   type: 'category',
   data: ['预付账款', '应付账款', '预收账款', '应收账款',]
}]
const yAxis1 = [{
   type: 'value'
}]
const pieTooltip = reactive({
   trigger: 'item',
   formatter: function (params) {
      // 动态生成提示信息，基于数据项的 name 属性
      const description = params.name === '本月回款金额' ? '本月回款金额' : '应收款金额';
      return `${description} ${formatNumber(params.value)}元 ${params.percent}%`;
   },
   position: 'right'
})
const materialPieSeries = ref([
   {
      type: 'pie',
      radius: ['66%', '90%'],
      avoidLabelOverlap: false,
      itemStyle: {
         borderColor: '#fff',
         borderWidth: 2
      },
      label: {
         show: false
      },
      data: []
   }
])
const lineSeries = ref([
   {
      type: 'line',
      data: [],
      label: {
         show: true
      },
    showSymbol: true, // 显示圆点
   },
])
const tooltipLine = {
   trigger: 'axis',
}
const yAxis2 = ref([
   {
      type: 'value',
   }
])
const xAxis2 = ref([
   {
      type: 'category',
      data: [],
      axisLabel: {
         interval: 0,
         formatter: function(value) {
            return value.replace(/~/g, '\n');
         },
      }
   }
])

// 合同金额分析数据
const contractList = [
   { name: '深圳科技有限公司', percent: 36, value: 4544, color: '#4fc3f7' },
   { name: '北京科技有限公司', percent: 20, value: 4000, color: '#81c784' },
   { name: '广州科技有限公司', percent: 16, value: 3113, color: '#ffb74d' },
   { name: '上海科技有限公司', percent: 10, value: 2341, color: '#ba68c8' },
   { name: '南京科技有限公司', percent: 9, value: 1231, color: '#e57373' },
   { name: '北京未来科技有限公司', percent: 9, value: 1231, color: '#64b5f6' }
]

// 待办事项
const todoList = ref([])
const radio1 = ref(1)

// 图表引用
const barChart = ref(null)
const lineChart = ref(null)
const barColors2 = ['#5181DB', '#D369E0', '#F2CA6D', '#60CCA8']

// 随机颜色生成函数
const getRandomColor = () => {
  return '#' + Math.floor(Math.random() * 0xffffff).toString(16).padStart(6, '0');
}

onMounted(() => {
   getBusinessData()
   analysisCustomer()
   todoInfoS()
   statisticsReceivable()
   qualityStatisticsInfo()
   getAmountHalfYearNum()
})
// 数据统计
const getBusinessData = () => {
   getBusiness().then((res) => {
      businessInfo.value = {...res.data}
   })
}
// 合同金额
const analysisCustomer = () => {
   analysisCustomerContractAmounts().then((res) => {
      sum.value = res.data.sum
      yny.value = res.data.yny
      chain.value = res.data.chain
    // 为每个数据项分配随机颜色
    materialPieSeries.value[0].data = res.data.item.map(item => ({
      ...item,
      itemStyle: { color: getRandomColor() }
    }))
   })
}
// 待办事项
const todoInfoS = () => {
   homeTodos().then((res) => {
      todoList.value = res.data
   })
}
// 应付应收统计
const statisticsReceivable = (type) => {
   console.log(type)
   statisticsReceivablePayable({type: radio1.value}).then((res) => {
      barSeries.value[0].data = [
         { value: res.data.prepayMoney, itemStyle: { color: barColors2[0] } },
         { value: res.data.payableMoney, itemStyle: { color: barColors2[1] } },
         { value: res.data.advanceMoney, itemStyle: { color: barColors2[2] } },
         { value: res.data.receivableMoney, itemStyle: { color: barColors2[3] } }
      ]
   })
}
// 质检统计
const qualityStatisticsInfo = () => {
   qualityStatistics().then((res) => {
      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()
   console.log(res)
   const monthName = []
   const receiptAmount = []
   const invoiceAmount = []
   res.data.forEach(item => {
      monthName.push(item.month)
      receiptAmount.push(item.receiptAmount)
      invoiceAmount.push(item.invoiceAmount)
   })
   // 正确响应式赋值：创建新的 xAxis 和 series 对象
   xAxis2.value[0].data = monthName
   xAxis2.value[0].data = monthName.map(item => item.replace(/~/g, '\n~'));
   lineSeries.value = [
      {
         name: '开票',
         type: 'line',
         data: receiptAmount,
         stack: 'Total',
         areaStyle: {
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
               {
                  offset: 0,
                  color: 'rgba(131, 207, 255, 1)'
               },
               {
                  offset: 1,
                  color: 'rgba(186, 228, 255, 1)'
               }
            ])
         },
         itemStyle: {
            color: '#2D99FF',
            borderColor: '#2D99FF'
         },
         emphasis: {
            focus: 'series'
         },
         lineStyle: {
            width: 0
         },
         showSymbol: true,
      },
      {
         name: '回款',
         type: 'line',
         data: invoiceAmount,
         stack: 'Total',
         lineStyle: {
            width: 0
         },
         itemStyle: {
            color: '#83CFFF',
            borderColor: '#83CFFF'
         },
         showSymbol: true,
         areaStyle: {
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
               {
                  offset: 0,
                  color: 'rgba(54, 153, 255, 1)'
               },
               {
                  offset: 1,
                  color: 'rgba(89, 169, 254, 1)'
               }
            ])
         },
         emphasis: {
            focus: 'series'
         },
      }
   ]
}
</script>

<style scoped>
.dashboard {
   background: #f5f7fa;
   min-height: 100vh;
   padding: 20px;
   box-sizing: border-box;
}
.dashboard-top {
   display: flex;
   gap: 20px;
   margin-bottom: 20px;
}
.company-info {
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding: 20px;
   min-width: 0;
   background-color: #EFF2FB; /* 使用指定的背景颜色 */
   background-image: url("../assets/images/denglu.png");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   border-radius: 12px;
   height: 138px;
}
.avatar {
   width: 60px;
   height: 60px;
   border-radius: 50%;
   object-fit: contain;
   background: #fff;
   border: 1px solid #eee;
}
.company-card {
   display: flex;
   flex-direction: column;
   gap: 10px;
   position: relative;
   padding-right: 15px;
}

.company-card::after {
   content: '';
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   width: 1px;
   background-color: #C9C5C5;
   border-radius: 2px;
}
.company-name {
   font-weight: 400;
   font-size: 16px;
   color: #161A9A;
}
.company-meta {
   font-weight: 400;
   font-size: 12px;
   color: #818185;
}
.data-cards {
   display: flex;
   gap: 16px;
   justify-content: flex-start;
   background: #ffffff;
   border-radius: 12px;
   padding: 20px;
}
.data-title {
   font-weight: 700;
   font-size: 26px;
   color: #FFFFFF;
}
.data-num {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 20px;
}
.data-card {
   background: #fff;
   border-radius: 12px;
   padding: 14px 10px 10px 10px;
   min-width: 160px;
   box-shadow: 0 2px 8px #eee;
   display: flex;
   flex-direction: column;
   width: 32%;
   height: 140px;
}
.data-card.sales {
   background-image: url("../assets/images/xioashoushuju.png");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
.data-card.purchase {
   background-image: url("../assets/images/caigou.png");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
.data-card.inventory {
   background-image: url("../assets/images/kucun.png");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
.data-desc {
   font-weight: 500;
   font-size: 13px;
   color: #FFFFFF;
}
.data-value {
   font-size: 18px;
   font-weight: 500;
   margin: 10px 0;
   color: #FFFFFF;
}
.top-left {
   display: flex;
   flex-direction: column;
   gap: 20px;
   width: 50%;
}
.todo-panel {
   background: #fff;
   border-radius: 12px;
   padding: 20px;
   width: 50%;
}
.todo-list {
   list-style: none;
   padding: 0;
   margin: 0;
   font-size: 15px;
   overflow-y: auto;
   height: 260px;
}
.todo-list li {
   border-radius: 8px;
   margin-bottom: 12px;
   padding: 8px 20px;
   height: 74px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   background: rgba(225,227,250,0.62);
}
.todo-title {
   font-weight: 400;
   font-size: 12px;
   color: #000000;
   position: relative;
}
.todo-title::before {
   content: ''; /* 必需，表示这里有一个内容 */
   position: absolute;
   left: -10px; /* 定位到左侧 */
   top: 50%; /* 垂直居中 */
   transform: translateY(-50%); /* 微调垂直居中 */
   width: 6px; /* 圆的直径 */
   height: 6px; /* 圆的直径 */
   background: #498CEB;
   border-radius: 50%; /* 让其变成圆形 */
}
.todo-division {
   font-weight: 400;
   font-size: 12px;
   color: #000000;
}
.todo-time {
   font-weight: 400;
   font-size: 12px;
   color: #000000;
}
.todo-meta {
   color: #888;
   font-size: 13px;
}
.dashboard-row {
   display: flex;
   gap: 20px;
   margin-bottom: 20px;
}
.main-panel {
   background: #fff;
   border-radius: 12px;
   padding: 20px;
   flex: 1;
   min-width: 0;
   display: flex;
   flex-direction: column;
}
.section-title {
   position: relative;
   font-size: 18px;
   color: #333;
   padding-left: 10px;
   margin-bottom: 10px;
   font-weight: 700;
}

.section-title::before {
   position: absolute;
   left: 0;
   top: 4px;
   content: '';
   width: 4px;
   height: 18px;
   background-color: #002FA7;
   border-radius: 2px;
}
.contract-info {
   display: flex;
   align-items: center;
   gap: 20px;
   height: 90px;
   background: rgba(245,245,245,0.59);
   width: 100%;
   border-radius: 10px;
   padding: 10px 30px;
}
.contract-summary {
   display: flex;
   align-items: center;
   gap: 30px;
}
.contract-card {
   display: flex;
   flex-direction: column;
   gap: 10px;
}
.contract-name {
   font-weight: 400;
   font-size: 14px;
   color: #050505;
}
.contract-meta {
   display: flex;
   align-items: center;
   width: 100%;
   gap: 80px;
}
.main-amount {
   font-size: 24px;
   color: rgba(51,50,50,0.85);
}
.up { color: #e57373; }
.contract-list {
   margin-top: 16px;
   font-size: 14px;
   color: #666;
   list-style: none;
   padding: 0;
}
.line {
   position: relative;
   width: 250px;
}
.line::after {
   content: '';
   position: absolute;
   right: 12px;
   top: 0;
   bottom: 0;
   width: 1px;
   background-color: #C9C5C5;
   border-radius: 2px;
}
.contract-list li {
   margin-top: 10px;
}
.quality-cards {
   display: flex;
   gap: 12px;
   margin-bottom: 12px;
}
.quality-card {
   border-radius: 8px;
   padding: 15px 10px 10px 50px;
   font-weight: 400;
   font-size: 12px;
   color: rgba(0,0,0,0.67);
   width: 236px;
   height: 49px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
.quality-card.one {
   background-image: url("../assets/images/yuancailiao.png");
}
.quality-card.two {
   background-image: url("../assets/images/guocheng.png");
}
.quality-card.three {
   background-image: url("../assets/images/chuchang.png");
	
}
.quality-card span {
   color: #4fc3f7;
   font-weight: bold;
   margin-left: 6px;
}
.chart {
   width: 100%;
   height: 220px;
   margin-top: 10px;
}
</style>