feat(bi代码)

README.md

+# visual-html
+可视化html页面

components/laydate/theme/default/font/iconfont.svg

+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="laydate-icon" horiz-adv-x="1024" >
+  <font-face
+    font-family="laydate-icon"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
+d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
+t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
+t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
+    
+
+    
+    <glyph glyph-name="youyou" unicode="&#58882;" d="M283.648 721.918976 340.873216 780.926976 740.352 383.997952 340.876288-12.925952 283.648 46.077952 619.52 383.997952Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="zuozuo" unicode="&#58883;" d="M740.352 721.918976 683.126784 780.926976 283.648 383.997952 683.123712-12.925952 740.352 46.077952 404.48 383.997952Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xiayiye" unicode="&#58970;" d="M62.573 384.103l423.401 423.662c18.985 18.985 49.757 18.985 68.727 0 18.982-18.972 18.985-49.746 0-68.729l-355.058-355.067 356.796-356.796c18.977-18.971 18.976-49.746 0-68.727-18.982-18.976-49.751-18.976-68.727 0l-39.753 39.753 0.269 0.246-385.655 385.661zM451.365 384.103l423.407 423.662c18.985 18.985 49.757 18.985 68.727 0 18.982-18.972 18.985-49.746 0-68.729l-355.058-355.067 356.796-356.796c18.977-18.971 18.976-49.746 0-68.727-18.982-18.976-49.757-18.977-68.727 0l-39.762 39.754 0.273 0.249-385.662 385.661zM451.365 384.103z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="xiayiye1" unicode="&#58971;" d="M948.066926 382.958838l-411.990051-412.24426c-18.47333-18.47333-48.417689-18.47333-66.875207 0-18.47333 18.461167-18.47333 48.405526 0 66.875207L814.691135 383.088983 467.512212 730.269123c-18.466032 18.458735-18.466032 48.405526 0 66.873991 18.468465 18.464816 48.410391 18.464816 66.872774 0l38.682336-38.682336-0.261507-0.239614 375.259894-375.265975v0.003649m-378.312834 0L157.756743-29.285422c-18.47333-18.47333-48.415256-18.47333-66.872775 0-18.47333 18.461167-18.47333 48.405526 0 66.875207L436.369787 383.088983 89.19208 730.269123c-18.4636 18.458735-18.4636 48.405526 0 66.873991 18.470898 18.464816 48.415256 18.464816 66.872774 0l38.692067-38.682336-0.266372-0.239614 375.267191-375.265975-0.004865 0.003649m0 0z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>

components/laydate/theme/default/laydate.css

+/*! laydate-v5.0.9 日期与时间组件 MIT License  http://www.layui.com/laydate/  By 贤心 */
+.laydate-set-ym,.layui-laydate,.layui-laydate *,.layui-laydate-list{box-sizing:border-box}html #layuicss-laydate{display:none;position:absolute;width:1989px}.layui-laydate *{margin:0;padding:0}.layui-laydate{position:absolute;z-index:66666666;margin:5px 0;border-radius:2px;font-size:14px;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:laydate-upbit;animation-name:laydate-upbit}.layui-laydate-main{width:272px}.layui-laydate-content td,.layui-laydate-header *,.layui-laydate-list li{transition-duration:.3s;-webkit-transition-duration:.3s}@-webkit-keyframes laydate-upbit{from{-webkit-transform:translate3d(0,20px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes laydate-upbit{from{transform:translate3d(0,20px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-laydate-static{position:relative;z-index:0;display:inline-block;margin:0;-webkit-animation:none;animation:none}.laydate-ym-show .laydate-next-m,.laydate-ym-show .laydate-prev-m{display:none!important}.laydate-ym-show .laydate-next-y,.laydate-ym-show .laydate-prev-y{display:inline-block!important}.laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .layui-laydate-header .layui-icon,.laydate-ym-show .laydate-set-ym span[lay-type=month]{display:none!important}.layui-laydate-header{position:relative;line-height:30px;padding:10px 70px 5px}.laydate-set-ym span,.layui-laydate-header i{padding:0 5px;cursor:pointer}.layui-laydate-header *{display:inline-block;vertical-align:bottom}.layui-laydate-header i{position:absolute;top:10px;color:#999;font-size:18px}.layui-laydate-header i.laydate-prev-y{left:15px}.layui-laydate-header i.laydate-prev-m{left:45px}.layui-laydate-header i.laydate-next-y{right:15px}.layui-laydate-header i.laydate-next-m{right:45px}.laydate-set-ym{width:100%;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.laydate-time-text{cursor:default!important}.layui-laydate-content{position:relative;padding:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-laydate-content table{border-collapse:collapse;border-spacing:0}.layui-laydate-content td,.layui-laydate-content th{width:36px;height:30px;padding:5px;text-align:center}.layui-laydate-content td{position:relative;cursor:pointer}.laydate-day-mark{position:absolute;left:0;top:0;width:100%;height:100%;line-height:30px;font-size:12px;overflow:hidden}.laydate-day-mark::after{position:absolute;content:'';right:2px;top:2px;width:5px;height:5px;border-radius:50%}.layui-laydate-footer{position:relative;height:46px;line-height:26px;padding:10px 20px}.layui-laydate-footer span{margin-right:15px;display:inline-block;cursor:pointer;font-size:12px}.layui-laydate-footer span:hover{color:#5FB878}.laydate-footer-btns{position:absolute;right:10px;top:10px}.laydate-footer-btns span{height:26px;line-height:26px;margin:0 0 0 -1px;padding:0 10px;border:1px solid #C9C9C9;background-color:#fff;white-space:nowrap;vertical-align:top;border-radius:2px}.layui-laydate-list>li,.layui-laydate-range .layui-laydate-main{display:inline-block;vertical-align:middle}.layui-laydate-list{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;background-color:#fff}.layui-laydate-list>li{position:relative;width:33.3%;height:36px;line-height:36px;margin:3px 0;text-align:center;cursor:pointer}.laydate-month-list>li{width:25%;margin:17px 0}.laydate-time-list>li{height:100%;margin:0;line-height:normal;cursor:default}.laydate-time-list p{position:relative;top:-4px;line-height:29px}.laydate-time-list ol{height:181px;overflow:hidden}.laydate-time-list>li:hover ol{overflow-y:auto}.laydate-time-list ol li{width:130%;padding-left:33px;line-height:30px;text-align:left;cursor:pointer}.layui-laydate-hint{position:absolute;top:115px;left:50%;width:250px;margin-left:-125px;line-height:20px;padding:15px;text-align:center;font-size:12px}.layui-laydate-range{width:546px}.layui-laydate-range .laydate-main-list-0 .laydate-next-m,.layui-laydate-range .laydate-main-list-0 .laydate-next-y,.layui-laydate-range .laydate-main-list-1 .laydate-prev-m,.layui-laydate-range .laydate-main-list-1 .laydate-prev-y{display:none}.layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left:1px solid #e2e2e2}.layui-laydate,.layui-laydate-hint{border:1px solid #d2d2d2;box-shadow:0 2px 4px rgba(0,0,0,.12);background-color:#fff;color:#666}.layui-laydate-header{border-bottom:1px solid #e2e2e2}.layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#5FB878}.layui-laydate-content{border-top:none 0;border-bottom:none 0}.layui-laydate-content th{font-weight:400;color:#333}.layui-laydate-content td{color:#666}.layui-laydate-content td.laydate-selected{background-color:#00F7DE}.laydate-selected:hover{background-color:#00F7DE!important}.layui-laydate-content td:hover,.layui-laydate-list li:hover{background-color:#eaeaea;color:#333}.laydate-time-list li ol{margin:0;padding:0;border:1px solid #e2e2e2;border-left-width:0}.laydate-time-list li:first-child ol{border-left-width:1px}.laydate-time-list>li:hover{background:0 0}.layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev{color:#d2d2d2}.laydate-selected.laydate-day-next,.laydate-selected.laydate-day-prev{background-color:#f8f8f8!important}.layui-laydate-footer{border-top:1px solid #e2e2e2}.layui-laydate-hint{color:#FF5722}.laydate-day-mark::after{background-color:#5FB878}.layui-laydate-content td.layui-this .laydate-day-mark::after{display:none}.layui-laydate-footer span[lay-type=date]{color:#5FB878}.layui-laydate .layui-this{background-color:#009688!important;color:#fff!important}.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover{background:0 0!important;color:#d2d2d2!important;cursor:not-allowed!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.laydate-theme-molv{border:none}.laydate-theme-molv.layui-laydate-range{width:548px}.laydate-theme-molv .layui-laydate-main{width:274px}.laydate-theme-molv .layui-laydate-header{border:none;background-color:#009688}.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span{color:#f6f6f6}.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover{color:#fff}.laydate-theme-molv .layui-laydate-content{border:1px solid #e2e2e2;border-top:none;border-bottom:none}.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left:none}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-molv .layui-laydate-footer{border:1px solid #e2e2e2}.laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover{background-color:#f2f2f2!important;color:#009688!important}.laydate-theme-grid .laydate-selected.laydate-day-next,.laydate-theme-grid .laydate-selected.laydate-day-prev{color:#d2d2d2!important}.laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list{margin:1px 0 0 1px}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li{margin:0 -1px -1px 0}.laydate-theme-grid .laydate-year-list>li{height:43px;line-height:43px}.laydate-theme-grid .laydate-month-list>li{height:71px;line-height:71px}@font-face{font-family:laydate-icon;src:url(font/iconfont.eot);src:url(font/iconfont.eot#iefix) format('embedded-opentype'),url(font/iconfont.svg#iconfont) format('svg'),url(font/iconfont.woff) format('woff'),url(font/iconfont.ttf) format('truetype')}.laydate-icon{font-family:laydate-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
\ No newline at end of file

css/clearCss.css

+body{
+  user-select: none;
+}
+a{ text-decoration:none;}
+a:link{
+    text-decoration:none;   /* 指正常的未被访问过的链接*/
+}
+a:visited{
+    text-decoration:none; /*指已经访问过的链接*/
+}
+a:hover{
+    text-decoration:none;/*指鼠标在链接*/
+}
+a:active{
+    text-decoration:none;/* 指正在点的链接*/
+}
+/*清除number的默认样式,就是那个上下加减的箭头*/
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button{
+  -webkit-appearance: none !important;
+  margin: 0;
+}
+input[type="number"]{-moz-appearance:textfield;}
+/*禁止textarea拉伸*/
+textarea[type="textarea"]{resize:none;}
+ul,ol{
+    padding:0;
+    margin:0;
+}
+ul li,ol li{
+    list-style: none;
+}
+body,p,dl,dd,h1,h2,h3,h4,h5,h6{font-size:12px;margin:0;}
+h1,h2,h3,h4,h5,h6{ font-weight:normal;}
+img{border:none; vertical-align:middle;}
+.clearfix:after{ content:""; display:block; clear:both;}/*清除浮动*/
+.clearfix{*zoom:1;}
+/* 表格边框和元素间距清空 */
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
+  content: "";
+  display: block;
+  height: 0;
+  clear:both;
+  visibility: hidden;
+}
+.clearfix{
+  *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
+}
+.right {
+  float: right;
+}
+.left {
+  float: left;
+}
+.hide {
+  display: none;
+}
+.show {
+  display: block;
+}
+.showLin{
+  display: inline-block;
+}
+.btn{
+    width:80px;
+    height:30px;
+    line-height: 30px;
+    cursor: pointer;
+    user-select: none;
+    border-radius: 20px;
+    text-align: center;
+}
+
+/* 滚动条 */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(144,147,153,.3);
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: #C7C9CC;
+}
\ No newline at end of file

css/仪表盘.css

+.BarChart{
+    font-size: 13px;
+    line-height: 40px;
+    color: #333333;
+}
+.inpBox{
+    width:70px;
+    /* height: 40px; */
+    position: relative;
+}
+.inpText{
+    /* width: 70px; */
+    /* margin-left:15px; */
+}
+.inpBox .layui-input{
+    padding-right:20px;
+}
+.inpBoxSpan{
+    position: absolute;
+    right: 5px;
+    top: 10px;
+}
+.xselect{
+    margin-right:20px;
+}
+.fgBoxChild{
+    width:260px;
+}
+
+.fg11{
+    background: #12a8fcff;
+}
+.fg12{
+    background: #8290e0ff;
+}
+.fg13{
+    background: #e60012ff;
+}
+.fg14{
+    background: #456812ff;
+}
+.fg15{
+    background: #df8445ff;
+}
+.fg16{
+    background: #46B467ff;
+}
+.fg17{
+    background: #EDE536ff;
+}
+.fg18{
+    background: #29F0B2ff;
+}
+.fg19{
+    background: #76E015ff;
+}
+.fg110{
+    background: #F7ED08ff;
+}
+
+
+
+.fg21{
+    background: #fcb977ff;
+}
+.fg22{
+    background: #434d72ff;
+}
+.fg23{
+    background: #87e0cdff;
+}
+.fg24{
+    background: #0D1CF7ff;
+}
+.fg25{
+    background: #03C64Dff;
+}
+.fg26{
+    background: #488E08ff;
+}
+.fg27{
+    background: #ba78ffff;
+}
+.fg28{
+    background: #2E9893ff;
+}
+.fg29{
+    background: #64C448ff;
+}
+.fg210{
+    background: #DE291Aff;
+}
+
+
+.fg31{
+    background: #61cad7ff;
+}
+.fg32{
+    background: #2377d8ff;
+}
+.fg33{
+    background: #82a0c0ff;
+}
+.fg34{
+    background: #F0CBA2ff;
+}
+.fg35{
+    background: #05E5F0ff;
+}
+.fg36{
+    background: #A5F576ff;
+}
+.fg37{
+    background: #E59BF2ff;
+}
+.fg38{
+    background: #EAEA9Bff;
+}
+.fg39{
+    background: #898989ff;
+}
+.fg310{
+    background: #95F2A0ff;
+}
+
+
+.fg41{
+    background: #ffc950ff;
+}
+.fg42{
+    background: #f49037ff;
+}
+.fg43{
+    background: #037de5ff;
+}
+.fg44{
+    background: #1FF034ff;
+}
+.fg45{
+    background: #DE0DADff;
+}
+.fg46{
+    background: #989B0Aff;
+}
+.fg47{
+    background: #7367baff;
+}
+.fg48{
+    background: #0A9898ff;
+}
+.fg49{
+    background: #83980Aff;
+}
+.fg410{
+    background: #DE2C0Dff;
+}
+
+
+.sectionDom{
+    width:70px;
+}
+.originalMax{
+    display: none;
+}
+.slideBar{
+    position: relative;
+    width:350px;
+    height: 8px;
+    border-radius: 4px;
+    background: #aaa;
+    margin-left:18px;
+}
+.slideBox{
+    position: absolute;
+    top: -7px;
+    left: 0;
+    width:20px;
+    height: 20px;
+    background: #12a8fcff;
+    border-radius: 50%;
+    cursor: pointer;
+    z-index: 0;
+}
+.layui-form-select dl dd.layui-this{
+    background-color: #a4ccf5 !important;
+}
\ No newline at end of file

css/柱形图.css

+/* 图表共用样式 */
+.BarChart {
+    /* width:459px; */
+    height: 100%;
+    background: #fff;
+}
+
+.BarChart_head {
+    width: 100%;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    background: blue;
+}
+
+.icon {
+    width: 40px;
+    height: 40px;
+    background: #000;
+    cursor: pointer;
+}
+
+.Barchart_conter {
+    width: 100%;
+    height: 100%;
+    background: #fff;
+}
+
+.BarChart_left {
+    width: 100%;
+    height: 100%;
+}
+
+.BarChart_var {
+    width: 96%;
+    height: 100%;
+    margin-left: 2%;
+    display: none;
+}
+
+.BarChart_echarts {
+    width: 100%;
+    height: 100%;
+}
+
+.echarts_left {
+    /* width:calc(100% - 20px); */
+    height: 100%;
+    /* margin-left:10px; */
+}
+
+.echarts_left_title {
+    height: 6%;
+    width: 100%;
+    ;
+}
+
+.echarts_left_text {
+    font-size: 16px;
+    padding-top: 5px;
+}
+
+.echarts_attribute {
+    width: 100%;
+    min-height: 500px;
+}
+
+.yColor {
+    margin-right: 40px;
+}
+
+.xselect {
+    width: 80px;
+    margin-right: 40px;
+}
+
+.unit {
+    margin-left: 10px;
+}
+
+.topMar {
+    width: 128px;
+    margin-right: 33px;
+}
+
+.echartsTile {
+    width: 380px;
+    margin-top: 10px;
+    margin-bottom: 14px;
+}
+
+.echartsTile1 {
+    width: 330px;
+    margin-top: 10px;
+    margin-bottom: 14px;
+}
+
+.fgBlock {
+    width: 20px;
+    height: 20px;
+    border-radius: 6px;
+    cursor: pointer;
+    margin-top: 2px;
+}
+
+.fgBox {
+    height: 25px;
+}
+
+.fgBoxChild {
+    height: 25px;
+    width: 150px;
+    vertical-align: middle;
+    cursor: pointer;
+}
+
+.fg11 {
+    background: #FFA3A3;
+}
+
+.fg12 {
+    background: #FFE08C;
+}
+
+.fg13 {
+    background: #55BAF9;
+}
+
+.fg14 {
+    background: #91E2FF;
+}
+
+.fg15 {
+    background: #81F4DC;
+}
+
+.fg16 {
+    background: #C4FFEE;
+}
+
+.fg21 {
+    background: #434D72;
+}
+
+.fg22 {
+    background: #376CF0;
+}
+
+.fg23 {
+    background: #4BC6E0;
+}
+
+.fg24 {
+    background: #BCCDD4;
+}
+
+.fg25 {
+    background: #89E217;
+}
+
+.fg26 {
+    background: #1B986C;
+}
+
+.fg31 {
+    background: #C3C5C9;
+}
+
+.fg32 {
+    background: #385CE3;
+}
+
+.fg33 {
+    background: #6096FE;
+}
+
+.fg34 {
+    background: #626894;
+}
+
+.fg35 {
+    background: #F06981;
+}
+
+.fg36 {
+    background: #FBA6B9;
+}
+
+.fg41 {
+    background: #567BF5;
+}
+
+.fg42 {
+    background: #5EB0FB;
+}
+
+.fg43 {
+    background: #FFC23E;
+}
+
+.fg44 {
+    background: #53596F;
+}
+
+.fg45 {
+    background: #89D331;
+}
+
+.fg46 {
+    background: #FFA351;
+}
+
+.echarts_right {
+    width: 46%;
+    height: 94%;
+}
+
+.echarts {
+    width: 640px;
+    height: 425px;
+    position: relative;
+    border: 1px solid #aaa;
+    box-sizing: border-box;
+    margin-left: 10px;
+}
+
+.echarts_text {
+    position: absolute;
+    top: -10px;
+    left: 50px;
+    width: 40px;
+    height: 20px;
+    line-height: 20px;
+    background: #e7e7e7;
+    text-align: center;
+}
+
+.echartsMain {
+    width: 600px;
+    height: 385px;
+    margin-left: 20px;
+    margin-top: 20px;
+}
+
+.BarChart_right {
+    width: 8%;
+    height: 100%;
+    border-left: 1px solid #aaa;
+    box-sizing: border-box;
+}
+
+.confirm {
+    border: 1px solid blue;
+    background: #ddd;
+    margin-left: calc(50% - 40px);
+    margin-top: 50px;
+}
+
+.close {
+    border: 1px solid #000;
+    margin-left: calc(50% - 40px);
+    margin-top: 10px;
+}
+
+.var_left {
+    width: 100%;
+    height: 100%;
+}
+
+.var_right {
+    width: 46%;
+    height: 100%;
+}
+
+.table {
+    width: 100%;
+    min-height: 215px;
+    margin: auto;
+    /* background: #aaa; */
+}
+
+.varSelect {
+    width: 97%;
+    height: 100%;
+    border: none;
+    padding-left: 5px;
+    background: transparent;
+    display: inline-block;
+    color: rgba(64, 158, 255, 1);
+}
+
+.varSelectBox {
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    margin-left: 5px;
+}
+
+.DataDelete {
+    width: 20px;
+    height: 20px;
+    display: inline-block;
+    margin-top: 0px;
+    margin-left: 12px;
+    cursor: pointer;
+}
+
+.nameSelect {
+    width: 100%;
+    height: 100%;
+    border: none;
+    padding-left: 5px;
+    background: transparent;
+    display: inline-block;
+}
+
+.selectAxis {
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
+
+.selectAxis .select {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.layui-table-view select[lay-ignore] {
+    border: none;
+    background: transparent;
+}
+
+.layui-table-view .layui-table td {
+    padding: 0px !important
+}
+
+.layui-colorpicker {
+    padding: 0px !important;
+}
+
+.newAdd {
+    background: #fff;
+    width: 140px;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+    cursor: pointer;
+    border: #E9EEF1;
+    border: #E9EEF1;
+    color: rgba(64, 158, 255, 1);
+    margin: 10px auto auto auto;
+    position: absolute;
+    top: -49px;
+    right: 0px;
+}
+
+.LineType1 {
+    display: inline-block;
+}
+
+.LineType2 {
+    display: none;
+}
+
+.layui-form-checkbox i {
+    width: 18px;
+    height: 18px;
+    font-size: 10px;
+    color: #fff;
+    border-left: 1px solid #d2d2d2;
+    box-sizing: border-box;
+}
+
+.layui-form-checkbox {
+    height: 18px;
+    line-height: 18px;
+    padding-right: 18px;
+}
+
+.layui-form-radioed>i {
+    color: rgba(64, 158, 255, 1);
+}
+
+.layui-form-radio>i:hover {
+    color: rgba(64, 158, 255, 1);
+}
+
+.formBox {
+    background: #f9f9f9;
+    padding-top: 10px;
+    padding-left: 20px;
+    padding-bottom: 10px;
+    box-sizing: border-box;
+}
+
+.formBox1 {
+    background: #f9f9f9;
+    padding-top: 20px;
+    padding-left: 2px;
+    padding-bottom: 10px;
+    position: relative;
+}
+
+.titleText {
+    font-size: 14px;
+}
+
+.layui-input,
+.layui-select,
+.layui-textarea {
+    height: 30px;
+}
+
+.stron {
+    cursor: pointer;
+    color: #666666
+}
+
+.Titlep {
+    margin-top: 16px;
+    margin-bottom: 16px;
+}
+
+.bg {
+    margin-top: 16px;
+}
+
+.formText {
+    font-size: 14px;
+    font-weight: 500;
+    color: #333333;
+    line-height: 16px;
+    margin-bottom: 16px;
+}
+
+.formTextTop {
+    margin-top: 25px;
+}
+
+.axisText {
+    margin-top: 16px;
+    margin-bottom: 10px;
+}
+
+.left1 {
+    margin-left: 22px;
+}
+
+.left2 {
+    margin-left: 45px;
+}
+
+.left3 {
+    margin-left: 65px;
+}
+
+.left4 {
+    margin-left: 80px;
+}
+
+.axios_mar {
+    margin-top: 16px;
+}
+
+.layui-table-cell {
+    font-size: 12px;
+    height: 36px !important;
+    line-height: 36px;
+    padding: 0 9px;
+}
+
+.layui-table thead tr {
+    background: rgba(164, 204, 245, 1);
+    color: #fff;
+}
+
+.layui-table-view .layui-table th {
+    padding: 0px 0px;
+}
+
+.layui-table-view {
+    margin: 0;
+    background: #fff;
+}
+
+.varTitle {
+    width: 100%;
+    height: 42px;
+    line-height: 42px;
+    background: #fff;
+}
+
+.varType {
+    width: 460px;
+    height: 308px;
+    background: #F9F9F9;
+    padding: 20px;
+    box-sizing: border-box;
+}
+
+body {
+    background: #fff;
+}
+
+.xText {
+    font-size: 14px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #333333;
+}
+
+.inputBox {
+    width: 355px;
+    height: 32px;
+}
+
+.sizeInputBox {
+    width: 70px;
+    height: 32px;
+}
+
+.echartText {
+    height: 42px;
+    font-size: 15px;
+    font-weight: bold;
+    line-height: 42px;
+    position: relative;
+}
+
+.iconBox,
+.iconBox1 {
+    position: absolute;
+    top: 0px;
+    left: 69px;
+}
+
+.layui-form-select dl dd.layui-this {
+    background-color: #a4ccf5 !important;
+}
+
+.colorBlock1 {
+    width: 26px;
+    height: 26px;
+    margin: 0 5px;
+    border: 1px solid #fff;
+    /* background: #000; */
+    outline: 1px solid #CFD7E5;
+    box-sizing: border-box;
+    box-sizing: border-box;
+    cursor: pointer;
+    vertical-align: middle;
+}
+
+.colorBlock2 {
+    display: inline-block;
+    vertical-align: top;
+    margin-top: 5px;
+}
+
+.echartsTile .layui-form-select dl dd:hover{
+    color: #fff !important;
+    background: #1E90FF !important;
+}
+
+.echartsTile .layui-form-select dl dd.layui-this {
+    color: #fff !important;
+    background: #1E90FF !important;
+}
+
+.echartsTile .layui-form-select dl dd, .layui-form-select dl dt {
+    padding: inherit;
+    line-height: inherit;
+    white-space: inherit;
+    height: 20px;
+    line-height: 20px;
+    font-size: 14px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.echartsTile .layui-form-select dl {
+    top: 30px;
+    padding: 0;
+    border: 1px solid #767676;
+}
+
+.echartsTile .layui-form-select dl dd {
+    padding: 0 10px;
+}
+
+.echartsTile .layui-form-select .layui-input:focus {
+    border-color: #409eff !important;
+}
\ No newline at end of file

css/饼图.css

+.xselect,.InRadius,.unitIpt{
+    width:100px;
+}
+.mar_r{
+    margin-right:40px;
+}
+.lengthInpBox{
+    width:120px;
+    height: 32px;
+}
+.mar_t{
+    margin-top:24px
+}
+.mar_b{
+    margin-bottom:16px;
+}
+.mar_r2{
+    margin-right: 60px;
+}
+.layui-form-select dl dd.layui-this{
+    background-color: #a4ccf5 !important;
+}

dashboard/README.md

+# dashboard
+仪表板配置页面

dashboard/global.css

+@charset "utf-8";
+html,
+body,
+div,
+table,
+ul,
+li,
+ol,
+dl,
+dd,
+dt,
+a,
+img,
+label,
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+span {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+}
+html {
+  height: 100%;
+}
+body {
+  height: 100%;
+  position: relative;
+}
+input {
+  margin: 0;
+  padding: 0;
+  /* outline: none; */
+}
+ul,
+ol {
+  list-style: none;
+}
+strong {
+  font-weight: normal;
+}
+em,
+i {
+  font-style: normal;
+  display: inline-block;
+}
+img {
+  max-width: 100%;
+  display: block;
+}
+textarea {
+  resize: none;
+}
+form {
+  margin: 0;
+}
+button {
+  outline: none!important;
+}
+button:focus {
+  outline: none!important;
+}
+a {
+  color: #0b9be3;
+  text-decoration: none;
+  outline: none;
+  cursor: pointer;
+}
+a:hover {
+  color: #06bdf2;
+  text-decoration: none;
+  outline: none;
+}
+a:focus {
+  outline: none;
+  text-decoration: none;
+}
+.btn:hover {
+  color: #06bdf2;
+  border-color: #06bdf2;
+}
+h3 {
+  font-size: 18px;
+}
+h4 {
+  font-size: 14px;
+}
+h5 {
+  font-size: 14px;
+}
+.fz24 {
+  font-size: 24px;
+}
+.fz20 {
+  font-size: 20px;
+}
+.fz18 {
+  font-size: 18px;
+}
+.fz16 {
+  font-size: 16px;
+}
+.fz14 {
+  font-size: 14px;
+}
+.clearfix:after {
+    content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+}
+/* .clearfix {
+    *+height: 1%;
+} */
+.g-left{
+  float: left;
+}
+.g-right{
+  float: right;
+}
+/* 搜索框样式begin */
+   .g-search{
+     text-align:center;
+     position: relative;
+   }
+   .g-search-input{
+      height: 30px;
+      line-height: 30px;
+      padding: 0 15px 0 10px;
+      display: inline-block;
+      border: 1px solid #eee;
+      width: 240px;
+      color: #333333;
+      border-radius: 5px;
+      position: relative;
+   }
+   .g-search i{
+     width: 17px;
+     height: 17px;
+     background: url(./img/search.png);
+     cursor: pointer;
+     position: absolute;
+     top: 7px;
+     right: 15px;
+   }
+/* 搜索框样式end */
+
+/* *号样式begin */
+.g-star{
+    color:red;
+    font-size: 20px;
+    position: relative;
+    top: 6px;
+}
+/* *号样式end */
+.g-bluebtn{
+  width: 42px;
+  height: 24px;
+  line-height: 22px;
+  display: inline-block;
+  background: #ECF5FF;
+  border: 1px solid #409EFF;
+  border-radius: 4px;
+  font-size: 12px;
+  font-family: PingFang SC;
+  font-weight: 500;
+  color: #409EFF;
+  text-align: center;
+}
+.g-bluebtn:hover{
+  background: #409EFF;
+  color: #fff;
+}
+.g-redbtn{
+  width: 42px;
+  height: 24px;
+  line-height: 22px;
+  display: inline-block;
+  background: #fef0f0;
+  border: 1px solid #fbc4c4;
+  border-radius: 4px;
+  font-size: 12px;
+  font-family: PingFang SC;
+  font-weight: 500;
+  color: #F56C6C;
+  text-align: center;
+}
+.g-redbtn:hover{
+  background: #F56C6C;
+  color: #fff;
+}
+/* 滚动条 */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(144,147,153,.3);
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: #C7C9CC;
+}
+.layui-table-grid-down { display: none; }
+/* 表格提示框样式 */
+.table-tips .layui-layer-content{
+  /* width: 300px; */
+  border-radius: 8px !important; 
+  left: -30px;
+}
+.layui-layer-tips i.layui-layer-TipsG {
+  position: absolute;
+  bottom: -27px;
+  left: 5px;
+  content: '';
+  width: 34px;
+  height: 49px;
+  background: rgba(0, 0, 0, 0);
+  transform: rotate(270deg);
+}
+.layui-layer-tips i.layui-layer-TipsT{
+  bottom: -15px !important;
+  left: 30px !important;
+}