diff --git a/README.md b/README.md
index 97f3dfae..d3e45ced 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,8 @@
 ## 简介
 
 &emsp; &emsp; AJ-Report是全开源的一个BI平台，酷炫大屏展示，能随时随地掌控业务动态，让每个决策都有数据支撑。<br>
-&emsp; &emsp; 多数据源支持，内置mysql、elasticsearch、kudu驱动，支持自定义数据集省去数据接口开发，目前已支持25种大屏组件/图表，不会开发，照着设计稿也可以制作大屏。<br>
+&emsp; &emsp;
+多数据源支持，内置mysql、elasticsearch、kudu驱动，支持自定义数据集省去数据接口开发，目前已支持25种大屏组件/图表，不会开发，照着设计稿也可以制作大屏。<br>
 &emsp; &emsp; 三步轻松完成大屏设计：配置数据源---->写SQL配置数据集---->拖拽配置大屏---->保存发布。欢迎体验。
 
 ## 在线体验
@@ -20,11 +21,13 @@
 
 #### &emsp; 组件介绍
 
-&emsp;&emsp; 大屏设计（AJ-Report）是一个可视化拖拽编辑的，直观，酷炫，具有科技感的图表工具全开源项目。 内置的基础功能包括数据源，数据集，报表管理，项目部分截图如下。<br>
+&emsp;&emsp; 大屏设计（AJ-Report）是一个可视化拖拽编辑的，直观，酷炫，具有科技感的图表工具全开源项目。
+内置的基础功能包括数据源，数据集，报表管理，项目部分截图如下。<br>
 
 ![操作](https://images.gitee.com/uploads/images/2021/0703/094742_c0243f70_1728982.gif "2021-07-03_09-43-50.gif")
-![视频](https://ajreport.beliefteam.cn/report-doc/static/Rhea.mp4) <br>
+
 **[更多社区大屏案例](https://ajreport.beliefteam.cn/report-doc/guide/bigScreenCase.html)** <br>
+**[社区大屏下载链接](https://ajreport.beliefteam.cn/download/)** <br>
 
 ## 数据流程图
 
@@ -96,6 +99,7 @@
 源码 doc -> docs -> guide 目录下即所有文档 <br>
 
 ### 发行版部署
+
 **[发行版部署参考文档](https://ajreport.beliefteam.cn/report-doc/guide/quicklyDistribution.html)** <br>
 
 ```
@@ -113,6 +117,7 @@ http://serverip:9095
 ```
 
 ### 源码编译部署
+
 **[源码编译部署参考文档](https://ajreport.beliefteam.cn/report-doc/guide/quicklySource.html)** <br>
 
 在Linux上先准备好maven、node.js、jdk
@@ -156,7 +161,8 @@ sql文件的目录在：report-core --> src --> main --> resources -- > db.migra
 
 ## 谁在使用
 
-希望你们的logo出现在此，[请点此Issue进行登记](https://gitee.com/anji-plus/report/issues/I3ZXT4) ，我们将优先进行技术支持 <br>
+感谢关注并使用AJ-Report的朋友，如果贵公司、组织、学校等正在使用AJ-Report，希望可以按照此[Issue](https://gitee.com/anji-plus/report/issues/I3ZXT4)
+登记并提供贵公司、组织、学校的logo，我们将把贵方的logo放在项目首页进行展示并优先进行技术支持 <br>
 
 <a href='http://www.anji-plus.com/'> <img src="https://ajreport.beliefteam.cn/file/download/d287d4d3-d30b-4850-9bac-a6c991409251" width = "130" height = "50" align=left/> </a>
 <a href='https://www.yunstech.cn/'><img src="https://www.yunstech.cn/images/logo.png" width = "130" height = "50" /> </a>
@@ -170,14 +176,8 @@ sql文件的目录在：report-core --> src --> main --> resources -- > db.migra
 <a href='http://www.yourongyun.cn/'><img src="https://ajreport.beliefteam.cn/file/download/90e15ed9-5594-4c14-b318-72aeb6816fb9" width = "130" height = "50" /> </a> </br>
 <a href='https://www.wenkai.net/'><img src="https://ajreport.beliefteam.cn/file/download/ec788c55-bffd-4809-ae3c-0ce2cbd1a9d0" width = "130" height = "50" /> </a>
 <a href='http://www.sungcor.com/'><img src="https://ajreport.beliefteam.cn/file/download/0514a4a6-787b-4e25-be94-03ff94309553" width = "130" height = "50" /> </a>
-
-## 未来计划
-
-- 大屏宽高动态可视化
-- nodeV16适配
-- 增加省市区地图等图
-- 增加基础边框样式
-- Excel报表功能增加与bug修复
+<a href='http://www.jtit.com.cn/'><img src="https://ajreport.beliefteam.cn/file/download/1dc47a36-a515-4775-af44-262225b3662b" width = "130" height = "50" /> </a>
+<img src="https://foruda.gitee.com/images/1674127216326288249/5a251727_10057706.png" width = "130" height = "50" /> <br>
 
 ## 已知问题
 
@@ -189,7 +189,7 @@ sql文件的目录在：report-core --> src --> main --> resources -- > db.migra
 
 - Node.js V16及以上
 - openJdk
-- Jdk 1.7及以下/11及以上
+- Jdk 1.7及以下/11及以上（jdk11部分版本有问题）
 - Mysql 8.0（8.0.23/26版本没有问题，8.0.21版本存在问题）
 
 **[常见问题](https://ajreport.beliefteam.cn/report-doc/guide/question.html)**
@@ -202,18 +202,39 @@ AJ-Report使用[Apache2.0开源协议](http://www.apache.org/licenses/LICENSE-2.
 - 包含AJ-Report LICENSE文件（授权使用者免费使用AJ-Report专利和知识产权）
 - 如果修改了代码，需要在被修改的文件中说明
 - 在修改和有源代码衍生的代码中，需要带有原来代码中的协议，商标
-- 在二次开发后商业发布的产品中，使用了多个开源软件，则必须包含一个Notice文件，在Notice文件中需要带有AJ-Report LICENSE。你可以在Notice中增加自己的许可，但不可以表现为对AJ-Report
+- 在二次开发后商业发布的产品中，使用了多个开源软件，则必须包含一个Notice文件，在Notice文件中需要带有AJ-Report
+  LICENSE。你可以在Notice中增加自己的许可，但不可以表现为对AJ-Report
   LICENSE构成更改。
 
-如果您需要商业化增值服务，请加下面的微信沟通，并直接说明来意。
-
 ## 技术支持
 
 **如有问题，请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
-个人企业微信：加微信进群备注 AJ-Report 或者 Report <br>
-如果不是为了进群，请直接说明来意，每天加群的都很多，企微也是我们自己的工作企微，会有很多消息会被刷下去，如果半天没有回复你，请发送多次。如果加了之后一言不发，不好意思，我直接忽略，我也不知道你要干嘛。 <br>
-<img src="https://images.gitee.com/uploads/images/2021/0729/130901_1672e6c5_7492051.jpeg" width = "200" height = "200" align=left/>
 
 
+个人企业微信：加微信进群备注 **AJ-Report** 或者 **Report**，**一定要加备注 ！！！**<br>
+如果不是为了进群，请直接说明来意，每天加群的都很多，企微也是我们自己的工作企微，会有很多消息会被刷下去，如果半天没有回复你，请过段时间再发送。 <br>
+<img src="https://images.gitee.com/uploads/images/2021/0729/130901_1672e6c5_7492051.jpeg" width = "300" height = "300" align=left/>
+
+## 加入我们
+
+- 提交PR是最快的加入方式:<br>
+  · PR可以包含新功能、现有功能的改进。<br>
+  . PR请提交到dev分支 <br>
+- 提供文档原文或者文档链接:<br>
+  . 文档原文的话，请放在doc/docs/guide/community目录下，可直接提交pr <br>
+  . 文档链接的话，文档需要完全的公开，不掺杂收费等相关内容，审核通过会放在首页 <br>
+- 提供大屏模板:<br>
+  . 可将自己设计好的大屏进行导出(不包含数据集)，将导出产生的压缩包提供给我们（加个人企微） <br>
+  . 提供的大屏将会在AJ-Report在线演示环境进行展示和供其他人下载 <br>
+
 #### 开源不易，劳烦各位star ☺
 
+## 感谢JetBrains 的支持
+
+#### JetBrains:[https://www.jetbrains.com/?from=AJ-Report](https://www.jetbrains.com/?from=AJ-Report"链接")
+
+<br>
+
+## Stargazers over time
+
+[![Stargazers over time](https://starchart.cc/anji-plus/report.svg)](https://starchart.cc/anji-plus/report)
diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/border/widget-border-1.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/border/widget-border-1.js
new file mode 100644
index 00000000..cad3b265
--- /dev/null
+++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/border/widget-border-1.js
@@ -0,0 +1,94 @@
+/*
+ * @Descripttion: 边框1
+ * @version:
+ * @Author: shixiznhe
+ * @Date:
+ * @LastEditors: shixinzhe
+ */
+export const widgetBorder1 = {
+    code: 'widgetBorder1',
+    type: 'border',
+    tabName: '边框',
+    label: '1#边框',
+    icon: 'iconicon_tubiao_bingtu',
+    options: {
+      // 配置
+      setup: [
+        {
+          type: 'el-input-text',
+          label: '图层名称',
+          name: 'layerName',
+          required: false,
+          placeholder: '',
+          value: '1#边框',
+        },
+        {
+          type: 'vue-color',
+          label: '背景颜色',
+          name: 'background',
+          required: false,
+          placeholder: '',
+          value: '#000'
+        },
+        [
+          {
+            name: '基础设置',
+            list: [
+              {
+                type: 'vue-color',
+                label: '边框颜色1',
+                name: 'colorLeft',
+                required: false,
+                placeholder: '',
+                value: '#4fd2dd'
+              },
+              {
+                type: 'vue-color',
+                label: '边框颜色2',
+                name: 'colorRight',
+                required: false,
+                placeholder: '',
+                value: '#235fa7'
+              }
+            ]
+          }
+        ],
+      ],
+      // 坐标
+      position: [
+        {
+          type: 'el-input-number',
+          label: '左边距',
+          name: 'left',
+          required: false,
+          placeholder: '',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '上边距',
+          name: 'top',
+          required: false,
+          placeholder: '',
+          value: 0,
+        },
+        {
+          type: 'el-input-number',
+          label: '宽度',
+          name: 'width',
+          required: false,
+          placeholder: '该容器在1920px大屏中的宽度',
+          value: 400,
+        },
+        {
+          type: 'el-input-number',
+          label: '高度',
+          name: 'height',
+          required: false,
+          placeholder: '该容器在1080px大屏中的高度',
+          value: 300,
+        },
+      ],
+    }
+  }
+  
\ No newline at end of file
diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/main.js b/report-ui/src/views/bigscreenDesigner/designer/tools/main.js
index 67d41a9a..6ee5a8a4 100644
--- a/report-ui/src/views/bigscreenDesigner/designer/tools/main.js
+++ b/report-ui/src/views/bigscreenDesigner/designer/tools/main.js
@@ -38,7 +38,7 @@ import { widgetWordCloud } from "./configure/wordcloudCharts/widget-word-cloud";
 import { widgetHeatmap } from "./configure/heatmap/widget-heatmap";
 import { widgetRadar } from "./configure/radarCharts/widget-radar";
 import { widgetBarLineStack } from "./configure/barlineCharts/widget-bar-line-stack";
-
+import { widgetBorder1 } from "./configure/border/widget-border-1";
 export const widgetTool = [
   // type=html类型的组件
   widgetText,
@@ -71,5 +71,6 @@ export const widgetTool = [
   widgetWordCloud,
   widgetHeatmap,
   widgetRadar,
-  widgetBarLineStack
+  widgetBarLineStack,
+  widgetBorder1
 ]
diff --git a/report-ui/src/views/bigscreenDesigner/designer/widget/border/borderBox1.vue b/report-ui/src/views/bigscreenDesigner/designer/widget/border/borderBox1.vue
new file mode 100644
index 00000000..d6ed22b3
--- /dev/null
+++ b/report-ui/src/views/bigscreenDesigner/designer/widget/border/borderBox1.vue
@@ -0,0 +1,170 @@
+<template>
+  <div class="dv-border-box-1" :style="styleObj">
+    <svg class="border" :width="styleObj.borderWidth" :height="styleObj.borderHeight">
+      <polygon
+        :fill="styleObj.backgroundColors"
+        :points="`10, 27 10, ${styleObj.borderHeight - 27} 13, ${styleObj.borderHeight - 24} 13, ${styleObj.borderHeight - 21} 24, ${styleObj.borderHeight - 11}
+                    38,  ${styleObj.borderHeight - 11} 41,  ${styleObj.borderHeight - 8} 73, ${styleObj.borderHeight - 8} 75, ${styleObj.borderHeight - 10} 81, ${styleObj.borderHeight - 10}
+                                                                              85, ${styleObj.borderHeight - 6} ${
+                                                                                styleObj.borderWidth - 85
+        }, ${styleObj.borderHeight - 6}  ${styleObj.borderWidth - 81}, ${styleObj.borderHeight - 10}  ${styleObj.borderWidth - 75}, ${styleObj.borderHeight - 10}
+                                                                               ${styleObj.borderWidth - 73}, ${
+        styleObj.borderHeight - 8
+        }  ${styleObj.borderWidth - 41}, ${styleObj.borderHeight - 8}  ${styleObj.borderWidth - 38}, ${styleObj.borderHeight - 11}
+                                                                               ${styleObj.borderWidth - 24}, ${
+          styleObj.borderHeight - 11
+        }  ${styleObj.borderWidth - 13}, ${styleObj.borderHeight - 21}  ${styleObj.borderWidth - 13}, ${styleObj.borderHeight - 24}
+                                                                               ${styleObj.borderWidth - 10}, ${
+          styleObj.borderHeight - 27
+        }  ${styleObj.borderWidth - 10}, 27  ${styleObj.borderWidth - 13}, 25  ${styleObj.borderWidth - 13}, 21
+                                                                               ${styleObj.borderWidth - 24}, 11 ${
+          styleObj.borderWidth - 38
+        }, 11  ${styleObj.borderWidth - 41}, 8  ${styleObj.borderWidth - 73}, 8  ${styleObj.borderWidth - 75}, 10
+                                                                               ${styleObj.borderWidth - 81}, 10 ${
+          styleObj.borderWidth - 85
+        }, 6 85, 6 81, 10 75, 10 73, 8 41, 8 38, 11 24, 11 13, 21 13, 24`"
+      />
+    </svg>
+
+    <svg v-for="item in border" :key="item" width="150px" height="150px" :class="`${item} border`">
+      <polygon
+        :fill="styleObj.colorLeft"
+        points="6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"
+      >
+        <animate
+          attributeName="fill"
+          :values="`${styleObj.colorLeft};${styleObj.colorRight};${styleObj.colorLeft}`"
+          dur="0.5s"
+          begin="0s"
+          repeatCount="indefinite"
+        />
+      </polygon>
+      <polygon
+        :fill="styleObj.colorRight"
+        points="27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8"
+      >
+        <animate
+          attributeName="fill"
+          :values="`${styleObj.colorRight};${styleObj.colorLeft};${styleObj.colorRight}`"
+          dur="0.5s"
+          begin="0s"
+          repeatCount="indefinite"
+        />
+      </polygon>
+      <polygon
+        :fill="styleObj.colorLeft"
+        points="9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"
+      >
+        <animate
+          attributeName="fill"
+          :values="`${styleObj.colorLeft};${styleObj.colorRight};transparent`"
+          dur="1s"
+          begin="0s"
+          repeatCount="indefinite"
+        />
+      </polygon>
+    </svg>
+  </div>
+</template>
+  
+  <script>
+  
+  export default {
+    name: "widgetBorder1",
+    components: {},
+    props: {
+      value: Object,
+      ispreview: Boolean
+    },
+    data() {
+      return {
+        options: {
+          title: {},
+          colorLeft: '',
+          colorRight: ''
+        },
+        border: ['left-top', 'right-top', 'left-bottom', 'right-bottom'],
+        optionsStyle: {}, // 样式
+        optionsSetup: {}
+      }
+    },
+    computed: {
+      styleObj() {
+        return {
+          position: this.ispreview ? "absolute" : "static",
+          width: this.optionsStyle.width + 'px',
+          height: this.optionsStyle.height + 'px',
+          borderWidth: this.optionsStyle.width,
+          borderHeight: this.optionsStyle.height,
+          left: this.optionsStyle.left + "px",
+          top: this.optionsStyle.top + "px",
+          backgroundColors: this.optionsSetup.background,
+          colorRight: this.optionsSetup.colorRight,
+          colorLeft: this.optionsSetup.colorLeft
+        };
+      }
+    },
+    watch: {
+      value: {
+        handler(val) {
+          this.optionsStyle = val.position;
+          this.optionsData = val.data;
+          this.optionsSetup = val.setup;
+          this.editorOptions();
+        },
+        deep: true
+      }
+    },
+    mounted() {
+      this.optionsStyle = this.value.position;
+      this.optionsData = this.value.data;
+      this.optionsSetup = this.value.setup;
+      this.editorOptions();
+    },
+    methods: {
+      editorOptions() {
+        // this.setOptionsLastRing();
+      }
+    }
+  }
+  </script>
+  
+  
+<style lang="scss" scoped>
+.dv-border-box-1 {
+  // position: relative;
+/*   width: 100%;
+  height: 100%;
+  pointer-events: none; */
+
+  .border {
+    position: absolute;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border: 0;
+  }
+
+  .right-top {
+    right: 0;
+    transform: rotateY(180deg);
+  }
+
+  .left-bottom {
+    bottom: 0;
+    transform: rotateX(180deg);
+  }
+
+  .right-bottom {
+    right: 0;
+    bottom: 0;
+    transform: rotateX(180deg) rotateY(180deg);
+  }
+
+  .border-box-content {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>
diff --git a/report-ui/src/views/bigscreenDesigner/designer/widget/temp.vue b/report-ui/src/views/bigscreenDesigner/designer/widget/temp.vue
index b9507f6b..1d4a2616 100644
--- a/report-ui/src/views/bigscreenDesigner/designer/widget/temp.vue
+++ b/report-ui/src/views/bigscreenDesigner/designer/widget/temp.vue
@@ -41,7 +41,7 @@ import widgetWordCloud from "./wordcloud/widgetWordCloud";
 import widgetHeatmap from "./heatmap/widgetHeatmap";
 import widgetRadar from "./radar/widgetRadar";
 import widgetBarLineStackChart from "./barline/widgetBarLineStackChart";
-
+import widgetBorder1 from "./border/borderBox1.vue";
 export default {
   name: "WidgetTemp",
   components: {
@@ -74,7 +74,8 @@ export default {
     widgetWordCloud,
     widgetHeatmap,
     widgetRadar,
-    widgetBarLineStackChart
+    widgetBarLineStackChart,
+    widgetBorder1
   },
   model: {
     prop: "value",
diff --git a/report-ui/src/views/bigscreenDesigner/designer/widget/widget.vue b/report-ui/src/views/bigscreenDesigner/designer/widget/widget.vue
index 621830d4..32c41efb 100644
--- a/report-ui/src/views/bigscreenDesigner/designer/widget/widget.vue
+++ b/report-ui/src/views/bigscreenDesigner/designer/widget/widget.vue
@@ -52,7 +52,7 @@ import widgetWordCloud from "./wordcloud/widgetWordCloud";
 import widgetHeatmap from "./heatmap/widgetHeatmap";
 import widgetRadar from "./radar/widgetRadar";
 import widgetBarLineStackChart from "./barline/widgetBarLineStackChart";
-
+import widgetBorder1 from "./border/borderBox1.vue";
 export default {
   name: "Widget",
   components: {
@@ -85,7 +85,8 @@ export default {
     widgetWordCloud,
     widgetHeatmap,
     widgetRadar,
-    widgetBarLineStackChart
+    widgetBarLineStackChart,
+    widgetBorder1
   },
   model: {
     prop: "value",