From e3948cff3e2ad2481cc797a40e0417845b6d1055 Mon Sep 17 00:00:00 2001
From: smallchill <smallchill@163.com>
Date: Mon, 30 Sep 2019 23:30:36 +0800
Subject: [PATCH] =?UTF-8?q?:zap:=20=E6=9B=B4=E6=96=B0=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/wel.vue | 427 +++++++++-------------------------------------
 1 file changed, 85 insertions(+), 342 deletions(-)

diff --git a/src/views/wel.vue b/src/views/wel.vue
index 5f418a9..2b636d3 100644
--- a/src/views/wel.vue
+++ b/src/views/wel.vue
@@ -1,71 +1,83 @@
 <template>
-  <div>
-    <div class="wel__header">
-      <div class="wel__info">
-        <img :src="userInfo.avatar"
-             alt=""
-             class="wel__info-img">
-        <div class="wel__info-content">
-          <div class="wel__info-title">
-            {{$t('wel.info')}}
-          </div>
-          <div class="wel__info-subtitle">
-            {{$t('wel.dept')}}
-          </div>
-        </div>
-      </div>
-      <div class="wel__extra">
-        <div class="wel__extra-item">
-          <p class="wel__extra-title">
-            {{ $t('wel.count')}}
-          </p>
-          <p class="wel__extra-subtitle">
-            56
-          </p>
-        </div>
-        <div class="wel__extra-item">
-          <p class="wel__extra-title">
-            {{ $t('wel.team')}}
-          </p>
-          <p class="wel__extra-subtitle">
-            8 <span>/ 24</span>
-          </p>
-        </div>
-        <div class="wel__extra-item">
-          <p class="wel__extra-title">
-
-            {{ $t('wel.project')}}
-          </p>
-          <p class="wel__extra-subtitle">
-            2,223
-          </p>
-        </div>
-      </div>
-    </div>
-    <basic-container>
-      <avue-data-box :option="option1"></avue-data-box>
-    </basic-container>
-
-    <el-row :span="24">
-      <el-col :span="18">
-        <basic-container>
-          <avue-data-progress :option="option3"
-                              style="margin-bottom:20px"></avue-data-progress>
-          <avue-data-tabs :option="option"></avue-data-tabs>
-        </basic-container>
-      </el-col>
-      <el-col :span="6">
-        <basic-container>
-          <avue-data-icons :option="option2"></avue-data-icons>
-        </basic-container>
-      </el-col>
-    </el-row>
-    <basic-container>
-      <avue-crud :option="option4"
-                 :data="data">
-      </avue-crud>
-    </basic-container>
-  </div>
+  <basic-container>
+    <p align="left">
+      <img src="https://img.shields.io/badge/Release-V2.1.0-green.svg" alt="Downloads">
+      <img src="https://img.shields.io/badge/JDK-1.8+-green.svg" alt="Build Status">
+      <img src="https://img.shields.io/badge/Spring%20Cloud-Greenwich.SR3-blue.svg" alt="Coverage Status">
+      <img src="https://img.shields.io/badge/Spring%20Boot-2.1.8.RELEASE-blue.svg" alt="Downloads">
+      <a target="_blank" href="https://bladex.vip">
+        <img src="https://img.shields.io/badge/Saber%20Author-Small%20Chill-ff69b4.svg" alt="Downloads">
+      </a>
+      <a target="_blank" href="https://bladex.vip">
+        <img src="https://img.shields.io/badge/Copyright%20-@BladeX-%23ff3f59.svg" alt="Downloads">
+      </a>
+    </p>
+    <el-collapse v-model="activeNames" @change="handleChange">
+      <el-collapse-item title="欢迎使用Saber" name="1">
+        <div>1.Saber是BladeX前端UI系统</div>
+        <div>2.对现有的avue2.0、element-ui库进行二次封装。</div>
+        <div>3.100%兼容原生element-ui库</div>
+        <div>4.基于json驱动的模块配置，打造最好用的vuejs中后台脚手架。</div>
+        <div>5.使用Saber可以大幅度提升开发效率，不再为重复工作发愁。</div>
+      </el-collapse-item>
+      <el-collapse-item title="什么是BladeX" name="2">
+        <div>1.BladeX是一款精心设计的微服务架构，提供 SpringCloud 全套解决方案</div>
+        <div>2.开源中国首批完美集成 SpringCloud Alibaba 系列组件的微服务架构</div>
+        <div>3.基于稳定生产的商业项目升级优化而来，更加贴近企业级的需求</div>
+        <div>4.追求企业开发更加高效，部署更加方便，生产更加稳定</div>
+        <div>5.GVP-码云最有价值开源项目</div>
+      </el-collapse-item>
+      <el-collapse-item title="为何需要BladeX" name="3">
+        <div>1.经历过较长的线上生产，积累了很多企业痛点的解决方案。</div>
+        <div>2.一套代码兼容MySql、Oracle、PostgreSQL，适应企业各种不同场景的需求。</div>
+        <div>3.集成了很多企业急切所需的例如多租户、Oauth2授权认证、工作流、分布式事务等等功能。</div>
+        <div>4.深度定制了Flowable工作流，完美支持SpringCloud分布式服务的场景，以远程调用的方式进行操作。</div>
+        <div>5.升级了核心驱动，新功能完全可以开箱即用，而开源版需要自己再花时间进行集成，需要花掉更多的时间成本。</div>
+        <div>6.拥抱微服务时代，很多企业由于项目转型或升级，传统的技术已然不能满足，反而会花更多成本，而BladeX就是为此而生。</div>
+        <div>7.同时提供SpringCloud版本和SpringBoot版本，两个版本的api可以与Sword和Saber无缝对接，为小型项目至大型项目保驾护航。</div>
+        <div>8.授权购买即永久，源码没有混淆，完全开放，后续升级完全免费。企业只需花很少的钱即可获得一整套成熟的解决方案，你还在等什么？</div>
+      </el-collapse-item>
+      <el-collapse-item title="拥有的核心功能" name="4">
+        <div>1.前后端分离-采用前后端分离模式，前端提供两套架构，Sword基于React，Saber基于Vue</div>
+        <div>2.	分布式单体式后端架构-提供两套后端架构，基于SpringCloud的分布式架构以及基于SpringBoot的单体式架构</div>
+        <div>3.API完全兼容-两套后端架构与两套前端架构，共四套架构可以任意组合，所有API完全兼容</div>
+        <div>4.前后端代码生成-定制针对两套前端与后端的代码生成模板，轻松生成整个模块的前后端代码，减少重复工作量</div>
+        <div>5.组件化、插件化架构-针对功能深度定制各个starter，引入开箱即用，为整个架构解耦，提升效率</div>
+        <div>6.Nacos-集成阿里巴巴的Nacos完成统一的服务注册与配置</div>
+        <div>7.Sentinel-集成Sentinel从流量控制、熔断降级、系统负载等多个维度保护服务的稳定性</div>
+        <div>8.Dubbo-完美集成Dubbo最新版，支持远程RPC调用</div>
+        <div>9.多租户系统-完整的SaaS多租户架构</div>
+        <div>10.Oauth2-集成Oauth2协议，完美支持多终端的接入与认证授权</div>
+        <div>11.工作流-深度定制SpringCloud分布式场景的Flowable工作流，为复杂流程保驾护航。同时提供SpringBoot集成版本</div>
+        <div>12.独立流程设计器-提供独立的完全汉化的流程设计器，轻松定制流程模型</div>
+        <div>13.动态网关-集成基于Nacos的轻量级、高拓展性动态网关</div>
+        <div>14.动态聚合文档-实现基于Nacos的Swagger SpringCloud聚合文档</div>
+        <div>15.分布式文件服务-集成minio、qiniu、alioss等优秀的第三方，提供便捷的文件上传与管理</div>
+        <div>16.多租户对象存储系统-在SaaS系统中，各租户可自行配置文件上传至自己的私有OSS</div>
+        <div>17.权限管理-精心设计的权限管理方案，角色权限精确到按钮</div>
+        <div>18.动态数据权限-高度灵活的动态数据权限，提供注解+Web可视化两种配置方式，Web配置无需重启直接生效</div>
+        <div>19.动态接口权限-高度灵活的动态接口权限，提供注解+Web可视化两种配置方式，Web配置无需重启直接生效</div>
+        <div>20.多租户顶部菜单配置-提供给每个租户独立的顶部菜单配置模块，可以自定义顶部菜单切换</div>
+        <div>21.主流数据库兼容-一套代码完全兼容Mysql、Postgresql、Oracle三大主流数据库</div>
+        <div>22.动态网关鉴权-基于Nacos的动态网关鉴权，可在线配置，实时生效</div>
+        <div>23.全能代码生成器-支持自定义模型、模版 、业务建模，支持多种模板引擎，在线配置。大幅度提升开发效率，不再为重复工作发愁。</div>
+        <div>24.Seata分布式事务-定制集成Seata，支持分布式事务，无代码侵入，不失灵活与简洁</div>
+        <div>25.未完待续...</div>
+      </el-collapse-item>
+      <el-collapse-item title="软件定制开发合作" name="5">
+        <div>1.接BladeX系列架构的定制服务</div>
+        <div>2.接3个月以内工期的react、vue、springboot、springcloud、app、小程序等软件定制服务</div>
+        <div>3.有意向请联系唯一指定QQ:85088620</div>
+      </el-collapse-item>
+      <!--<el-collapse-item title="BladeX更新日志" name="6">
+        <div>1.</div>
+        <div>2.</div>
+        <div>3.</div>
+        <div>4.</div>
+        <div>5.</div>
+      </el-collapse-item>-->
+    </el-collapse>
+  </basic-container>
 </template>
 
 <script>
@@ -75,288 +87,19 @@
     name: "wel",
     data() {
       return {
-        data: [
-          {
-            rw: "这是一条工作任务",
-            nr: "这是一条很长很长很长很长很长很长很长很长很长的工作内容",
-            sj: "2019-01-01"
-          },
-          {
-            rw: "这是一条工作任务",
-            nr: "这是一条很长很长很长很长很长很长很长很长很长的工作内容",
-            sj: "2019-01-01"
-          },
-          {
-            rw: "这是一条工作任务",
-            nr: "这是一条很长很长很长很长很长很长很长很长很长的工作内容",
-            sj: "2019-01-01"
-          },
-          {
-            rw: "这是一条工作任务",
-            nr: "这是一条很长很长很长很长很长很长很长很长很长的工作内容",
-            sj: "2019-01-01"
-          }
-        ]
+        activeNames: ['1','2','3']
       };
     },
     computed: {
       ...mapGetters(["userInfo"]),
-      option1() {
-        return {
-          span: 6,
-          data: [
-            {
-              title: this.$t("wel.data4.column1"),
-              count: 12332,
-              icon: "el-icon-warning",
-              color: "rgb(49, 180, 141)",
-              href: "https://avue.top",
-              target: "_blank"
-            },
-            {
-              title: this.$t("wel.data4.column2"),
-              count: 33,
-              icon: "el-icon-view",
-              color: "rgb(56, 161, 242)",
-              href: "https://avue.top",
-              target: "_blank"
-            },
-            {
-              title: this.$t("wel.data4.column3"),
-              count: 2223,
-              icon: "el-icon-setting",
-              color: "rgb(117, 56, 199)",
-              href: "https://avue.top",
-              target: "_blank"
-            },
-            {
-              title: this.$t("wel.data4.column4"),
-              count: 2223,
-              icon: "el-icon-setting",
-              color: "rgb(230, 71, 88)",
-              href: "https://avue.top",
-              target: "_blank"
-            }
-          ]
-        };
-      },
-      option3() {
-        return {
-          span: 8,
-          data: [
-            {
-              title: this.$t("wel.data3.column1"),
-              color: "rgb(178, 159, 255)",
-              count: 32,
-              href: "https://avue.top",
-              target: "_blank"
-            },
-            {
-              title: this.$t("wel.data3.column2"),
-              color: "rgb(230, 71, 88)",
-              count: 32,
-              href: "https://avue.top",
-              target: "_blank"
-            },
-            {
-              title: this.$t("wel.data3.column3"),
-              color: "rgb(230, 71, 88)",
-              count: 32,
-              href: "https://avue.top",
-              target: "_blank"
-            }
-          ]
-        };
-      },
-      option2() {
-        return {
-          span: 12,
-          data: [
-            {
-              title: this.$t("wel.data2.column1"),
-              count: 12678,
-              icon: "el-icon-tickets",
-              href: "https://avue.top",
-              target: "_blank"
-            },
-            {
-              title: this.$t("wel.data2.column2"),
-              count: 22139,
-              icon: "el-icon-success",
-              href: "https://avue.top",
-              target: "_blank"
-            },
-            {
-              title: this.$t("wel.data2.column3"),
-              count: 35623,
-              icon: "el-icon-info",
-              href: "https://avue.top",
-              target: "_blank"
-            },
-            {
-              title: this.$t("wel.data2.column4"),
-              count: 16826,
-              icon: "el-icon-message",
-              href: "https://avue.top",
-              target: "_blank"
-            }
-          ]
-        };
-      },
-      option() {
-        return {
-          span: 8,
-          data: [
-            {
-              title: this.$t("wel.data.column1"),
-              subtitle: this.$t("wel.data.subtitle"),
-              count: 7993,
-              allcount: 10222,
-              text: this.$t("wel.data.text1"),
-              color: "rgb(27, 201, 142)",
-              key: this.$t("wel.data.key1")
-            },
-            {
-              title: this.$t("wel.data.column2"),
-              subtitle: this.$t("wel.data.subtitle"),
-              count: 3112,
-              allcount: 10222,
-              text: this.$t("wel.data.text2"),
-              color: "rgb(230, 71, 88)",
-              key: this.$t("wel.data.key2")
-            },
-            {
-              title: this.$t("wel.data.column3"),
-              subtitle: this.$t("wel.data.subtitle"),
-              count: 908,
-              allcount: 10222,
-              text: this.$t("wel.data.text3"),
-              color: "rgb(56, 161, 242)",
-              key: this.$t("wel.data.key3")
-            }
-          ]
-        };
-      },
-      option4() {
-        return {
-          index: true,
-          column: [
-            {
-              label: this.$t("wel.table.rw"),
-              prop: "rw"
-            },
-            {
-              width: 500,
-              label: this.$t("wel.table.nr"),
-              prop: "nr",
-              overHidden: true
-            },
-            {
-              label: this.$t("wel.table.sj"),
-              prop: "sj"
-            }
-          ]
-        };
-      }
     },
     created() {
     },
-    methods: {}
-  };
-</script>
-
-<style scoped="scoped" lang="scss">
-  .wel {
-    &__header {
-      padding: 25px 40px;
-      border-bottom: 1px solid #e8e8e8;
-      background-color: #fff;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-
-    &__info {
-      display: flex;
-      align-items: center;
-
-      &-img {
-        border-radius: 72px;
-        display: block;
-        width: 72px;
-        height: 72px;
-
-        img {
-          width: 100%;
-          height: 100%;
-          display: block;
-        }
-      }
-
-      &-content {
-        position: relative;
-        margin-left: 24px;
-        color: rgba(0, 0, 0, 0.45);
-        line-height: 22px;
-      }
-
-      &-title {
-        font-size: 20px;
-        line-height: 28px;
-        font-weight: 500;
-        color: rgba(0, 0, 0, 0.85);
-        margin-bottom: 12px;
-      }
-
-      &-subtitle {
-        position: relative;
-        font-size: 14px;
-        color: rgba(0, 0, 0, 0.45);
-        line-height: 22px;
+    methods: {
+      handleChange(val) {
+        console.log(val);
       }
     }
+  };
+</script>
 
-    &__extra {
-      &-item {
-        position: relative;
-        padding: 0 32px;
-        display: inline-block;
-
-        &:last-child {
-          &::after {
-            display: none;
-          }
-        }
-
-        &:after {
-          background-color: #e8e8e8;
-          position: absolute;
-          top: 30px;
-          right: 0;
-          width: 1px;
-          height: 40px;
-          content: "";
-        }
-      }
-
-      &-title {
-        color: rgba(0, 0, 0, 0.45);
-        font-size: 14px;
-        line-height: 22px;
-        margin-bottom: 4px;
-      }
-
-      &-subtitle {
-        color: rgba(0, 0, 0, 0.85);
-        font-size: 30px;
-        line-height: 38px;
-        margin: 0;
-
-        span {
-          color: rgba(0, 0, 0, 0.45);
-          font-size: 20px;
-        }
-      }
-    }
-  }
-</style>