├── .gitignore ├── README.md ├── babel.config.js ├── dist ├── css │ ├── app.4db60cd7.css │ ├── chunk-df31efb4.82c8332a.css │ └── chunk-vendors.3733c13d.css ├── favicon.ico ├── image.png ├── img │ └── bj.072f9055.jpg ├── index.html ├── js │ ├── app.0790d0ce.js │ ├── app.0790d0ce.js.map │ ├── chunk-df31efb4.ece0e613.js │ ├── chunk-df31efb4.ece0e613.js.map │ ├── chunk-vendors.acc081c9.js │ └── chunk-vendors.acc081c9.js.map ├── other_image.png └── other_image2.png ├── package-lock.json ├── package.json ├── public ├── favicon.ico ├── image.png ├── index.html ├── other_image.png └── other_image2.png ├── src ├── App.vue ├── assets │ ├── bj.jpg │ ├── header-right-icon.png │ ├── height-left-icon.png │ ├── left-icon.png │ ├── right-icon.png │ └── scss │ │ ├── color.scss │ │ ├── index.scss │ │ └── style.scss ├── common │ └── echart │ │ ├── index.vue │ │ └── theme.json ├── components │ ├── echart │ │ ├── center │ │ │ ├── center-bottom-echart │ │ │ │ └── index.vue │ │ │ └── center-top-echart │ │ │ │ ├── chart.vue │ │ │ │ └── index.vue │ │ ├── left │ │ │ ├── left-bottom-echart │ │ │ │ ├── chart.vue │ │ │ │ └── index.vue │ │ │ ├── left-center-echart │ │ │ │ ├── chart.vue │ │ │ │ └── index.vue │ │ │ └── left-top-echart │ │ │ │ ├── chart.vue │ │ │ │ └── index.vue │ │ └── right │ │ │ ├── right-bottom-echart │ │ │ ├── chart.vue │ │ │ └── index.vue │ │ │ └── right-center-echart │ │ │ ├── chart.vue │ │ │ └── index.vue │ └── header-title │ │ └── header-title.vue ├── main.js ├── router │ └── index.js ├── store │ └── index.js ├── utils │ ├── china.json │ ├── drawMixin.js │ ├── index.js │ └── resizeMixin.js └── views │ ├── center-bottom.vue │ ├── center-top.vue │ ├── index.vue │ ├── left-bottom.vue │ ├── left-center.vue │ ├── left-top.vue │ ├── right-bottom.vue │ ├── right-center.vue │ └── right-top.vue ├── vue.config.js └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw? 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # vue2-visualization-LargeScreen 2 | 3 | 基于vue2+vuex+router+echarts的数据可视化大屏，使用缩放进行了屏幕的适配 4 | 5 | 用于vue2+Datv+echarts,内部图标以进行封装，可以直接传入数据使用 6 | 7 | 在线地址 `https://my-bin.github.io/vue2-visualization-LargeScreen/dist` 8 | 9 | ![image](https://github.com/My-bin/vue2-visualization-LargeScreen/assets/112331060/208ac88e-72ef-4d96-bbe7-b746e433cfab) 10 | 11 | 配备话大屏自适应，利用与缩放比例进行计算，可试用用不同屏幕，解决了适配问题 12 | 13 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/cli-plugin-babel/preset' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /dist/css/app.4db60cd7.css: -------------------------------------------------------------------------------- 1 | #app[data-v-25930e97]{width:100vw;height:100vh;background-color:#020308;overflow:hidden}.header[data-v-53d22580]{height:50px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:5px}.header .title[data-v-53d22580]{font-size:20px;padding:0 7px;letter-spacing:2px;font-weight:700;background:linear-gradient(92deg,#0072ff,#00eaff 48.8525390625%,#01aaff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header .left-icon[data-v-53d22580],.header .right-icon[data-v-53d22580]{width:50px;height:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAOCAYAAAB+UA+TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTVCODU4NzY5ODc4MTFFQzlDREVENjhDQTJDMTU3RjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTVCODU4Nzc5ODc4MTFFQzlDREVENjhDQTJDMTU3RjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNUI4NTg3NDk4NzgxMUVDOUNERUQ2OENBMkMxNTdGOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNUI4NTg3NTk4NzgxMUVDOUNERUQ2OENBMkMxNTdGOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtheM6MAAAJKSURBVEhL3ZZJj0xRGEC7NdoQQwwJQmjDghASEZEghgVJs7OwtSEkfoANe/u2JxF/QFjZ2GJDhCDmeWzShtamc17117m+90xLdZKTqvtuveG8qtx6nZv7Lnf8gtF4FE/hBTckOnEfOnfJDQ1swRd4pRrVWYHf8Go1qjMPx+ONalRnCk7GB9WozlicgP2jqmEdI/twNx5Bo0ocH8Be3ItdmNmKG3EbesKMketwDRqTMXIlLsGJbkgYuQhnYtO855yOhnY3hRp5DHfiTdyD3zGIyO3ot3UYv2KJkRvwPZ7Az1gSkW4/ix+xJCI9r78Yj1MSkXIX83xEeq1vcTCHRuQONHIXGhPkyEP4DEvKyOP4HEtyZN4/R+b9c+Tr1tsRcmR1E8rQto2UCG3rSDFUI/IW5kiJyJfYFOnqauQHbIpcjkYOYVPkXPybSCP+OVKMdHm/X41aB5zaevsTT4ZfXR39TOYNepFjcJIbEgPoeVydm1bIT+i819O0AnuDnBejMs7FvL/OGl09vft9PY+eYBP6zZ7D8q5dQy9mLa5H/3xfYfAU3+FSXIaP0figHz3eQuwZHpfz/hIcz8HZOIh+M4GhHn8aeqO9qd68wEj3GYfd6A1zPEKEyp9ir+N/G1uGStvG5lBpy9imUCljV+NJLCljXS3PoCcMytjFeBHLp6cydj56vC8YlLGz8BEaGORY35fzOXbodw/1chBP451qVMfHRB/Ib1ejOqvQC75XjeosQC8qVv3MDPRiH1ajOj7Huornv8PAFZj9OwZ+ANk+D9ohN6nXAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:cover}.header .left-icon[data-v-53d22580]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}*{list-style-type:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}*,body,html{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;line-height:1.2em;background-color:#f1f1f1;overflow:hidden}a{color:#343440;text-decoration:none}.sizeone,.sizeThree,.sizetwo{font-size:20px;text-align:center;font-family:cursive;letter-spacing:3px}.sizeone{color:#52c41a}.sizetwo{color:#ff4d4f}.sizeThree{color:#faad14} -------------------------------------------------------------------------------- /dist/css/chunk-df31efb4.82c8332a.css: -------------------------------------------------------------------------------- 1 | .table[data-v-aaec0e1a]{display:-webkit-box;display:-ms-flexbox;display:flex}#LeftBottom[data-v-28d60c58],#LeftCenter[data-v-a9567f22],#LeftTop[data-v-00cb2fe0]{width:100%;height:310px}#center[data-v-4aaaa886]{width:100%;height:605px}#CenterBottom[data-v-0db67e6e],#RightTop[data-v-dc18e890]{width:100%;height:310px}.increase[data-v-dc18e890]{height:250px}.increase[data-v-dc18e890],.rising[data-v-dc18e890]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rising[data-v-dc18e890]{width:20%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#RightCenter[data-v-4a3e06ac]{widows:100%;height:310px}#RightBottom[data-v-76f6933a]{height:310px;width:100%}#index[data-v-490b33c4]{color:#d3d6dd;width:1920px;height:1080px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:left top;transform-origin:left top;overflow:hidden}#index .bg[data-v-490b33c4]{width:100%;height:100%;padding:16px 16px 0 16px;background-image:url(../img/bj.072f9055.jpg);background-size:cover;background-position:50%}#index .host-body .header[data-v-490b33c4]{display:-webkit-box;display:-ms-flexbox;display:flex}#index .host-body .header-left[data-v-490b33c4],#index .host-body .header-right[data-v-490b33c4]{width:33.3%;height:5px}#index .host-body .header-right[data-v-490b33c4]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#index .host-body .text-boder[data-v-490b33c4]{width:200px;height:50px}#index .host-body .title[data-v-490b33c4]{position:relative;width:500px;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text[data-v-490b33c4]{font-size:24px;position:absolute;top:15px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#index .host-body .title .title-text-decoration[data-v-490b33c4]{position:absolute;bottom:-12px;left:50%;width:250px;height:8px;-webkit-transform:translate(-50%);transform:translate(-50%)}#index .host-body .body-box[data-v-490b33c4]{margin-top:25px;display:-webkit-box;display:-ms-flexbox;display:flex}#index .host-body .body-box .left[data-v-490b33c4]{-webkit-box-flex:3;-ms-flex:3;flex:3}#index .host-body .body-box .center[data-v-490b33c4]{-webkit-box-flex:5;-ms-flex:5;flex:5}#index .host-body .body-box .right[data-v-490b33c4]{-webkit-box-flex:3;-ms-flex:3;flex:3}.center-bottom[data-v-490b33c4],.left-bottom[data-v-490b33c4],.left-center[data-v-490b33c4],.right-bottom[data-v-490b33c4],.right-center[data-v-490b33c4]{margin-top:20px}.center-header[data-v-490b33c4]{width:100%;font-size:30px;height:35px;font-family:cursive;text-align:center;padding-right:110px}.center-header .center-header-size[data-v-490b33c4]{padding:0 10px;letter-spacing:2px;font-weight:700;background:linear-gradient(92deg,#0072ff,#00eaff 48.8525390625%,#01aaff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} -------------------------------------------------------------------------------- /dist/css/chunk-vendors.3733c13d.css: -------------------------------------------------------------------------------- 1 | .dv-active-ring-chart{position:relative}.dv-active-ring-chart .active-ring-chart-container{width:100%;height:100%}.dv-active-ring-chart .active-ring-info{position:absolute;width:100%;height:100%;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dv-active-ring-chart .active-ring-info .dv-digital-flop{width:100px;height:30px}.dv-active-ring-chart .active-ring-info .active-ring-name{width:100px;height:30px;color:#fff;text-align:center;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dv-border-box-1{position:relative;width:100%;height:100%}.dv-border-box-1 .border{position:absolute;display:block}.dv-border-box-1 .right-top{right:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.dv-border-box-1 .left-bottom{bottom:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.dv-border-box-1 .right-bottom{right:0;bottom:0;-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}.dv-border-box-1 .border-box-content,.dv-border-box-10{position:relative;width:100%;height:100%}.dv-border-box-10{border-radius:6px}.dv-border-box-10 .dv-border-svg-container{position:absolute;display:block}.dv-border-box-10 .right-top{right:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.dv-border-box-10 .left-bottom{bottom:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.dv-border-box-10 .right-bottom{right:0;bottom:0;-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}.dv-border-box-10 .border-box-content,.dv-border-box-11{position:relative;width:100%;height:100%}.dv-border-box-11 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-11 .dv-border-svg-container>polyline{fill:none;stroke-width:1}.dv-border-box-11 .border-box-content,.dv-border-box-12{position:relative;width:100%;height:100%}.dv-border-box-12 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-12 .border-box-content,.dv-border-box-13{position:relative;width:100%;height:100%}.dv-border-box-13 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-2,.dv-border-box-13 .border-box-content{position:relative;width:100%;height:100%}.dv-border-box-2 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-2 .dv-border-svg-container>polyline{fill:none;stroke-width:1}.dv-border-box-2 .border-box-content,.dv-border-box-3{position:relative;width:100%;height:100%}.dv-border-box-3 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-3 .dv-border-svg-container>polyline{fill:none}.dv-border-box-3 .dv-bb3-line1{stroke-width:3}.dv-border-box-3 .dv-bb3-line2{stroke-width:1}.dv-border-box-3 .border-box-content,.dv-border-box-4{position:relative;width:100%;height:100%}.dv-border-box-4 .dv-reverse{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dv-border-box-4 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-4 .dv-border-svg-container>polyline{fill:none}.dv-border-box-4 .sw1{stroke-width:1}.dv-border-box-4 .sw3{stroke-width:3px;stroke-linecap:round}.dv-border-box-4 .dv-bb4-line-1,.dv-border-box-4 .dv-bb4-line-2{stroke-width:1}.dv-border-box-4 .dv-bb4-line-3,.dv-border-box-4 .dv-bb4-line-4{stroke-width:3px;stroke-linecap:round}.dv-border-box-4 .dv-bb4-line-5,.dv-border-box-4 .dv-bb4-line-6,.dv-border-box-4 .dv-bb4-line-7{stroke-width:1}.dv-border-box-4 .dv-bb4-line-8,.dv-border-box-4 .dv-bb4-line-9{stroke-width:3px;stroke-linecap:round}.dv-border-box-4 .dv-bb4-line-9{stroke-dasharray:100 250}.dv-border-box-4 .dv-bb4-line-10{stroke-width:1;stroke-dasharray:80 270}.dv-border-box-4 .border-box-content,.dv-border-box-5{position:relative;width:100%;height:100%}.dv-border-box-5 .dv-reverse{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dv-border-box-5 .dv-border-svg-container{position:absolute;top:0;left:0;width:100%;height:100%}.dv-border-box-5 .dv-border-svg-container>polyline{fill:none}.dv-border-box-5 .dv-bb5-line-1,.dv-border-box-5 .dv-bb5-line-2{stroke-width:1}.dv-border-box-5 .dv-bb5-line-3,.dv-border-box-5 .dv-bb5-line-6{stroke-width:5}.dv-border-box-5 .dv-bb5-line-4,.dv-border-box-5 .dv-bb5-line-5{stroke-width:2}.dv-border-box-5 .border-box-content,.dv-border-box-6{position:relative;width:100%;height:100%}.dv-border-box-6 .dv-border-svg-container{position:absolute;top:0;left:0;width:100%;height:100%}.dv-border-box-6 .dv-border-svg-container>polyline{fill:none;stroke-width:1}.dv-border-box-6 .border-box-content,.dv-border-box-7{position:relative;width:100%;height:100%}.dv-border-box-7 .dv-border-svg-container{position:absolute;top:0;left:0;width:100%;height:100%}.dv-border-box-7 .dv-border-svg-container>polyline{fill:none;stroke-linecap:round}.dv-border-box-7 .dv-bb7-line-width-2{stroke-width:2}.dv-border-box-7 .dv-bb7-line-width-5{stroke-width:5}.dv-border-box-7 .border-box-content,.dv-border-box-8{position:relative;width:100%;height:100%}.dv-border-box-8 .dv-border-svg-container{position:absolute;width:100%;height:100%;left:0;top:0}.dv-border-box-8 .border-box-content,.dv-border-box-9{position:relative;width:100%;height:100%}.dv-border-box-9 .dv-border-svg-container{position:absolute;width:100%;height:100%;left:0;top:0}.dv-border-box-9 .border-box-content{position:relative;width:100%;height:100%}.dv-capsule-chart{position:relative;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;padding:10px;color:#fff}.dv-capsule-chart,.dv-capsule-chart .label-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-sizing:border-box;box-sizing:border-box}.dv-capsule-chart .label-column{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:10px;text-align:right;font-size:12px}.dv-capsule-chart .label-column div{height:20px;line-height:20px}.dv-capsule-chart .capsule-container{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dv-capsule-chart .capsule-item{-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999;height:10px;margin:5px 0;border-radius:5px}.dv-capsule-chart .capsule-item .capsule-item-column{position:relative;height:8px;margin-top:1px;border-radius:5px;-webkit-transition:all .3s;transition:all .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dv-capsule-chart .capsule-item .capsule-item-column .capsule-item-value{font-size:12px;-webkit-transform:translateX(100%);transform:translateX(100%)}.dv-capsule-chart .unit-label{height:20px;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dv-capsule-chart .unit-label,.dv-capsule-chart .unit-text{font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex}.dv-capsule-chart .unit-text{text-align:right;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;line-height:20px;margin-left:10px}.dv-charts-container{position:relative}.dv-charts-container,.dv-charts-container .charts-canvas-container,.dv-conical-column-chart{width:100%;height:100%}.dv-conical-column-chart text{text-anchor:middle}.dv-decoration-1{width:100%;height:100%}.dv-decoration-1 svg{-webkit-transform-origin:left top;transform-origin:left top}.dv-decoration-10,.dv-decoration-11{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.dv-decoration-11{position:relative}.dv-decoration-11 .decoration-content{position:absolute;top:0;left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dv-decoration-11 .decoration-content,.dv-decoration-12{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.dv-decoration-12{position:relative}.dv-decoration-12 .decoration-content{position:absolute;top:0;left:0}.dv-decoration-2,.dv-decoration-12 .decoration-content{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dv-decoration-3{width:100%;height:100%}.dv-decoration-3 svg{-webkit-transform-origin:left top;transform-origin:left top}.dv-decoration-4{position:relative;width:100%;height:100%}.dv-decoration-4 .container{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:absolute;-webkit-box-flex:1;-ms-flex:1;flex:1}.dv-decoration-4 .normal{-webkit-animation:ani-height ease-in-out infinite;animation:ani-height ease-in-out infinite;left:50%;margin-left:-2px}.dv-decoration-4 .reverse{-webkit-animation:ani-width ease-in-out infinite;animation:ani-width ease-in-out infinite;top:50%;margin-top:-2px}@-webkit-keyframes ani-height{0%{height:0%}70%{height:100%}to{height:100%}}@keyframes ani-height{0%{height:0%}70%{height:100%}to{height:100%}}@-webkit-keyframes ani-width{0%{width:0}70%{width:100%}to{width:100%}}@keyframes ani-width{0%{width:0}70%{width:100%}to{width:100%}}.dv-decoration-5,.dv-decoration-6{width:100%;height:100%}.dv-decoration-6 svg{-webkit-transform-origin:left top;transform-origin:left top}.dv-decoration-7{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dv-decoration-7,.dv-decoration-8,.dv-decoration-9{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.dv-decoration-9{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dv-decoration-9 svg{position:absolute;left:0;top:0;-webkit-transform-origin:left top;transform-origin:left top}.dv-digital-flop canvas{width:100%;height:100%}.dv-flyline-chart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-size:100% 100%}.dv-flyline-chart polyline{-webkit-transition:all .3s;transition:all .3s}.dv-flyline-chart text{text-anchor:middle;dominant-baseline:middle}.dv-flyline-chart-enhanced{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-size:100% 100%}.dv-flyline-chart-enhanced text{text-anchor:middle;dominant-baseline:middle}#dv-full-screen-container{position:fixed;top:0;left:0;overflow:hidden;-webkit-transform-origin:left top;transform-origin:left top;z-index:999}.dv-loading{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dv-loading .loading-tip{font-size:15px}.dv-percent-pond{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dv-percent-pond svg{position:absolute;left:0;top:0;width:100%;height:100%}.dv-percent-pond polyline{-webkit-transition:all .3s;transition:all .3s}.dv-percent-pond text{font-size:25px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.dv-scroll-board{position:relative;width:100%;height:100%;color:#fff}.dv-scroll-board .text{padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-scroll-board .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:15px}.dv-scroll-board .header .header-item{padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .3s;transition:all .3s}.dv-scroll-board .rows{overflow:hidden}.dv-scroll-board .rows .row-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;-webkit-transition:all .3s;transition:all .3s}.dv-scroll-board .rows .ceil{padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-scroll-board .rows .index{border-radius:3px;padding:0 3px}.dv-scroll-ranking-board{width:100%;height:100%;color:#fff;overflow:hidden}.dv-scroll-ranking-board .row-item{-webkit-transition:all .3s;transition:all .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.dv-scroll-ranking-board .ranking-info{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;font-size:13px}.dv-scroll-ranking-board .ranking-info .rank{width:40px;color:#1370fb}.dv-scroll-ranking-board .ranking-info .info-name{-webkit-box-flex:1;-ms-flex:1;flex:1}.dv-scroll-ranking-board .ranking-column{border-bottom:2px solid rgba(19,112,251,.5);margin-top:5px}.dv-scroll-ranking-board .ranking-column .inside-column{position:relative;height:6px;background-color:#1370fb;margin-bottom:2px;border-radius:1px;overflow:hidden}.dv-scroll-ranking-board .ranking-column .shine{position:absolute;left:0;top:2px;height:2px;width:50px;-webkit-transform:translateX(-100%);transform:translateX(-100%);background:radial-gradient(#28f8ff 5%,transparent 80%);-webkit-animation:shine 3s ease-in-out infinite alternate;animation:shine 3s ease-in-out infinite alternate}@-webkit-keyframes shine{80%{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{left:100%;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shine{80%{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{left:100%;-webkit-transform:translateX(0);transform:translateX(0)}}.dv-water-pond-level{position:relative}.dv-water-pond-level svg{position:absolute;width:100%;height:100%;top:0;left:0}.dv-water-pond-level text{font-size:25px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.dv-water-pond-level ellipse,.dv-water-pond-level rect{fill:none;stroke-width:3}.dv-water-pond-level canvas{margin-top:8px;margin-left:8px;width:calc(100% - 16px);height:calc(100% - 16px);-webkit-box-sizing:border-box;box-sizing:border-box} -------------------------------------------------------------------------------- /dist/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/dist/favicon.ico -------------------------------------------------------------------------------- /dist/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/dist/image.png -------------------------------------------------------------------------------- /dist/img/bj.072f9055.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/dist/img/bj.072f9055.jpg -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | vue2-visualization
-------------------------------------------------------------------------------- /dist/js/app.0790d0ce.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/header-title/header-title.vue?1119","webpack:///./src/App.vue","webpack:///./src/App.vue?315a","webpack:///./src/router/index.js","webpack:///./src/store/index.js","webpack:///./src/common/echart/index.vue","webpack:///src/common/echart/index.vue","webpack:///./src/common/echart/index.vue?09af","webpack:///./src/common/echart/index.vue?3e8b","webpack:///./src/components/header-title/header-title.vue","webpack:///src/components/header-title/header-title.vue","webpack:///./src/components/header-title/header-title.vue?c073","webpack:///./src/components/header-title/header-title.vue?4a23","webpack:///./src/main.js","webpack:///./src/App.vue?4bfb"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","installedCssChunks","jsonpScriptSrc","p","exports","module","l","e","promises","cssChunks","Promise","resolve","reject","href","fullhref","existingLinkTags","document","getElementsByTagName","tag","dataHref","getAttribute","rel","existingStyleTags","linkTag","createElement","type","onload","onerror","event","request","target","src","err","Error","code","parentNode","removeChild","head","appendChild","then","installedChunkData","promise","onScriptComplete","script","charset","timeout","nc","setAttribute","error","clearTimeout","chunk","errorType","realSrc","message","name","undefined","setTimeout","all","m","c","d","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","oe","console","jsonpArray","window","oldJsonpFunction","slice","render","_vm","this","_c","_self","attrs","staticRenderFns","component","Vue","use","VueRouter","routes","path","router","Vuex","Store","state","mutations","actions","class","className","style","height","width","id","props","default","options","chart","watch","handler","deep","mounted","methods","initChart","beforeDestroy","staticClass","_v","_s","title","created","Echart","HeaderTitle","$echarts","echarts","config","productionTip","dataV","store","h","App","$mount"],"mappings":"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","file":"js/app.0790d0ce.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded CSS chunks\n \tvar installedCssChunks = {\n \t\t\"app\": 0\n \t}\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// script path function\n \tfunction jsonpScriptSrc(chunkId) {\n \t\treturn __webpack_require__.p + \"js/\" + ({}[chunkId]||chunkId) + \".\" + {\"chunk-df31efb4\":\"ece0e613\"}[chunkId] + \".js\"\n \t}\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar promises = [];\n\n\n \t\t// mini-css-extract-plugin CSS loading\n \t\tvar cssChunks = {\"chunk-df31efb4\":1};\n \t\tif(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);\n \t\telse if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {\n \t\t\tpromises.push(installedCssChunks[chunkId] = new Promise(function(resolve, reject) {\n \t\t\t\tvar href = \"css/\" + ({}[chunkId]||chunkId) + \".\" + {\"chunk-df31efb4\":\"82c8332a\"}[chunkId] + \".css\";\n \t\t\t\tvar fullhref = __webpack_require__.p + href;\n \t\t\t\tvar existingLinkTags = document.getElementsByTagName(\"link\");\n \t\t\t\tfor(var i = 0; i < existingLinkTags.length; i++) {\n \t\t\t\t\tvar tag = existingLinkTags[i];\n \t\t\t\t\tvar dataHref = tag.getAttribute(\"data-href\") || tag.getAttribute(\"href\");\n \t\t\t\t\tif(tag.rel === \"stylesheet\" && (dataHref === href || dataHref === fullhref)) return resolve();\n \t\t\t\t}\n \t\t\t\tvar existingStyleTags = document.getElementsByTagName(\"style\");\n \t\t\t\tfor(var i = 0; i < existingStyleTags.length; i++) {\n \t\t\t\t\tvar tag = existingStyleTags[i];\n \t\t\t\t\tvar dataHref = tag.getAttribute(\"data-href\");\n \t\t\t\t\tif(dataHref === href || dataHref === fullhref) return resolve();\n \t\t\t\t}\n \t\t\t\tvar linkTag = document.createElement(\"link\");\n \t\t\t\tlinkTag.rel = \"stylesheet\";\n \t\t\t\tlinkTag.type = \"text/css\";\n \t\t\t\tlinkTag.onload = resolve;\n \t\t\t\tlinkTag.onerror = function(event) {\n \t\t\t\t\tvar request = event && event.target && event.target.src || fullhref;\n \t\t\t\t\tvar err = new Error(\"Loading CSS chunk \" + chunkId + \" failed.\\n(\" + request + \")\");\n \t\t\t\t\terr.code = \"CSS_CHUNK_LOAD_FAILED\";\n \t\t\t\t\terr.request = request;\n \t\t\t\t\tdelete installedCssChunks[chunkId]\n \t\t\t\t\tlinkTag.parentNode.removeChild(linkTag)\n \t\t\t\t\treject(err);\n \t\t\t\t};\n \t\t\t\tlinkTag.href = fullhref;\n\n \t\t\t\tvar head = document.getElementsByTagName(\"head\")[0];\n \t\t\t\thead.appendChild(linkTag);\n \t\t\t}).then(function() {\n \t\t\t\tinstalledCssChunks[chunkId] = 0;\n \t\t\t}));\n \t\t}\n\n \t\t// JSONP chunk loading for javascript\n\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n \t\t\t// a Promise means \"currently loading\".\n \t\t\tif(installedChunkData) {\n \t\t\t\tpromises.push(installedChunkData[2]);\n \t\t\t} else {\n \t\t\t\t// setup Promise in chunk cache\n \t\t\t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t\t\t});\n \t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n \t\t\t\t// start chunk loading\n \t\t\t\tvar script = document.createElement('script');\n \t\t\t\tvar onScriptComplete;\n\n \t\t\t\tscript.charset = 'utf-8';\n \t\t\t\tscript.timeout = 120;\n \t\t\t\tif (__webpack_require__.nc) {\n \t\t\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t\t\t}\n \t\t\t\tscript.src = jsonpScriptSrc(chunkId);\n\n \t\t\t\t// create error before stack unwound to get useful stacktrace later\n \t\t\t\tvar error = new Error();\n \t\t\t\tonScriptComplete = function (event) {\n \t\t\t\t\t// avoid mem leaks in IE.\n \t\t\t\t\tscript.onerror = script.onload = null;\n \t\t\t\t\tclearTimeout(timeout);\n \t\t\t\t\tvar chunk = installedChunks[chunkId];\n \t\t\t\t\tif(chunk !== 0) {\n \t\t\t\t\t\tif(chunk) {\n \t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n \t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n \t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n \t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n \t\t\t\t\t\t\terror.type = errorType;\n \t\t\t\t\t\t\terror.request = realSrc;\n \t\t\t\t\t\t\tchunk[1](error);\n \t\t\t\t\t\t}\n \t\t\t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t\t\t}\n \t\t\t\t};\n \t\t\t\tvar timeout = setTimeout(function(){\n \t\t\t\t\tonScriptComplete({ type: 'timeout', target: script });\n \t\t\t\t}, 120000);\n \t\t\t\tscript.onerror = script.onload = onScriptComplete;\n \t\t\t\tdocument.head.appendChild(script);\n \t\t\t}\n \t\t}\n \t\treturn Promise.all(promises);\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--9-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./header-title.vue?vue&type=style&index=0&id=53d22580&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"app\"}},[_c('router-view')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=25930e97&scoped=true&\"\nvar script = {}\nimport style0 from \"./App.vue?vue&type=style&index=0&id=25930e97&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"25930e97\",\n null\n \n)\n\nexport default component.exports","import Vue from 'vue'\nimport VueRouter from 'vue-router'\n\nVue.use(VueRouter)\n\nconst routes = [{\n path: '/',\n name: 'index',\n component: () => import('../views/index.vue')\n}]\nconst router = new VueRouter({\n routes\n})\n\nexport default router","import Vue from 'vue'\nimport Vuex from 'vuex'\n\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n state: {\n },\n mutations: {\n },\n actions: {\n },\n modules: {\n }\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:_vm.className,style:({ height: _vm.height, width: _vm.width }),attrs:{\"id\":_vm.id}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=547fbe08&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"left-icon\"}),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"right-icon\"})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./header-title.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./header-title.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./header-title.vue?vue&type=template&id=53d22580&scoped=true&\"\nimport script from \"./header-title.vue?vue&type=script&lang=js&\"\nexport * from \"./header-title.vue?vue&type=script&lang=js&\"\nimport style0 from \"./header-title.vue?vue&type=style&index=0&id=53d22580&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"53d22580\",\n null\n \n)\n\nexport default component.exports","import Vue from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport store from './store'\nimport dataV from '@jiaminghi/data-view'\nimport Echart from './common/echart/index.vue'\nimport HeaderTitle from './components/header-title/header-title.vue'\nVue.component('Echart', Echart)\nVue.component('HeaderTitle', HeaderTitle)\n// 引入全局css\nimport './assets/scss/style.scss'\n//引入echart\n//4.x 引用方式\nimport echarts from 'echarts'\nimport 'echarts-wordcloud'\n//5.x 引用方式为按需引用\n//希望使用5.x版本的话,需要在package.json中更新版本号,并切换引用方式\n//import * as echarts from 'echarts'\nVue.prototype.$echarts = echarts\nVue.config.productionTip = false\nVue.use(dataV)\n\nnew Vue({\n router,\n store,\n render: (h) => h(App),\n}).$mount('#app')\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../node_modules/style-resources-loader/lib/index.js??ref--9-oneOf-1-4!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&id=25930e97&prod&lang=scss&scoped=true&\""],"sourceRoot":""} -------------------------------------------------------------------------------- /dist/js/chunk-df31efb4.ece0e613.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-df31efb4"],{"11eb":function(t,e,a){},"1e4b":function(t,e,a){"use strict";a.r(e);var o=function(){var t=this,e=t._self._c;return e("div",{ref:"appRef",attrs:{id:"index"}},[e("div",{staticClass:"bg"},[t.loading?e("dv-loading",[t._v("Loading...")]):e("div",{staticClass:"host-body"},[e("div",{staticClass:"header"},[e("dv-decoration-10",{staticClass:"header-left"}),e("div",{staticClass:"header"},[e("dv-decoration-8",{staticClass:"text-boder",attrs:{color:t.decorationColor}}),e("div",{staticClass:"title"},[e("span",{staticClass:"title-text"},[t._v("物流数据可视化平台")]),e("dv-decoration-6",{staticClass:"title-text-decoration",attrs:{reverse:!0,color:["#50e3c2","#67a1e5"]}})],1),e("dv-decoration-8",{staticClass:"text-boder",attrs:{reverse:!0,color:t.decorationColor}})],1),e("dv-decoration-10",{staticClass:"header-right"})],1),e("div",{staticClass:"body-box"},[e("div",{staticClass:"left"},[e("div",{staticClass:"left-top"},[e("LeftTop")],1),e("div",{staticClass:"left-center"},[e("LeftCenter")],1),e("div",{staticClass:"left-bottom"},[e("LeftBottom")],1)]),e("div",{staticClass:"center"},[e("div",{staticClass:"center-header"},[e("img",{staticStyle:{height:"70%"},attrs:{src:a("474b"),alt:""}}),e("span",{staticClass:"center-header-size"},[t._v("物流路线图")]),e("img",{staticStyle:{height:"70%"},attrs:{src:a("4335"),alt:""}})]),e("div",{staticClass:"center-top"},[e("CenterTop")],1),e("div",{staticClass:"center-bottom"},[e("CenterBottom")],1)]),e("div",{staticClass:"right"},[e("div",{staticClass:"right-top"},[e("RightTop")],1),e("div",{staticClass:"right-center"},[e("RightCenter")],1),e("div",{staticClass:"right-bottom"},[e("RightBottom")],1)])])])],1)])},n=[],c=(a("b680"),a("99af"),{width:"1",height:"1"}),r=1920,i=1080,l=parseFloat((r/i).toFixed(5)),s={data:function(){return{drawTiming:null}},mounted:function(){this.calcRate(),window.addEventListener("resize",this.resize)},beforeDestroy:function(){window.removeEventListener("resize",this.resize)},methods:{calcRate:function(){var t=this.$refs["appRef"];if(t){var e=parseFloat((window.innerWidth/window.innerHeight).toFixed(5));t&&(e>l?(c.width=(window.innerHeight*l/r).toFixed(5),c.height=(window.innerHeight/i).toFixed(5),t.style.transform="scale(".concat(c.width,", ").concat(c.height,") translate(-50%, -50%)")):(c.height=(window.innerWidth/l/i).toFixed(5),c.width=(window.innerWidth/r).toFixed(5),t.style.transform="scale(".concat(c.width,", ").concat(c.height,") translate(-50%, -50%)")))}},resize:function(){var t=this;clearTimeout(this.drawTiming),this.drawTiming=setTimeout((function(){t.calcRate()}),200)}}},d=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"LeftTop"}},[e("dv-border-box-13",[e("HeaderTitle",{attrs:{title:"车辆总览"}}),e("LeftTopEchart")],1)],1)},u=[],h=function(){var t=this,e=t._self._c;return e("div",{staticClass:"table"},[e("div",{staticClass:"cdataone"},[e("Chart",{attrs:{cdata:t.cdataone}}),e("div",{staticClass:"sizeone"},[t._v("在线")])],1),e("div",{staticClass:"cdatatwo"},[e("Chart",{attrs:{cdata:t.cdatatwo}}),e("div",{staticClass:"sizetwo"},[t._v("离线")])],1),e("div",{staticClass:"cdataThree"},[e("Chart",{attrs:{cdata:t.cdataThree}}),e("div",{staticClass:"sizeThree"},[t._v("异常")])],1)])},m=[],f=function(){var t=this,e=t._self._c;return e("div",[e("Echart",{attrs:{options:t.options,id:"LeftTopEchart",height:"200px",width:"200px"}})],1)},v=[],b={props:{cdata:{type:Object,default:function(){return{}}}},data:function(){return{options:{},angle:0}},mounted:function(){},methods:{getCirlPoint:function(t,e,a,o){var n=t+a*Math.cos(o*Math.PI/180),c=e+a*Math.sin(o*Math.PI/180);return{x:n,y:c}}},watch:{cdata:{handler:function(t){var e=this;this.options={backgroundColor:"transparent",title:{text:t.value+"%",x:"center",y:"center",textStyle:{rich:{a:{fontSize:48,color:"#00b0d3"},c:{fontSize:20,color:"#ffffff"}}}},series:[{name:"ring5",type:"custom",coordinateSystem:"none",renderItem:function(e,a){return{type:"arc",shape:{cx:a.getWidth()/2,cy:a.getHeight()/2,r:Math.min(a.getWidth(),a.getHeight())/2*.6,startAngle:(0+t.angle)*Math.PI/180,endAngle:(90+t.angle)*Math.PI/180},style:{stroke:"#8383FA",fill:"transparent",lineWidth:1.5},silent:!0}},data:[0]},{name:"ring5",type:"custom",coordinateSystem:"none",renderItem:function(a,o){var n=o.getWidth()/2,c=o.getHeight()/2,r=Math.min(o.getWidth(),o.getHeight())/2*.6,i=e.getCirlPoint(n,c,r,90+t.angle);return{type:"circle",shape:{cx:i.x,cy:i.y,r:4},style:{stroke:"#8450F9",fill:"#8450F9"},silent:!0}},data:[0]},{name:"ring5",type:"custom",coordinateSystem:"none",renderItem:function(e,a){return{type:"arc",shape:{cx:a.getWidth()/2,cy:a.getHeight()/2,r:Math.min(a.getWidth(),a.getHeight())/2*.6,startAngle:(180+t.angle)*Math.PI/180,endAngle:(270+t.angle)*Math.PI/180},style:{stroke:"#4386FA",fill:"transparent",lineWidth:1.5},silent:!0}},data:[0]},{name:"ring5",type:"custom",coordinateSystem:"none",renderItem:function(a,o){var n=o.getWidth()/2,c=o.getHeight()/2,r=Math.min(o.getWidth(),o.getHeight())/2*.6,i=e.getCirlPoint(n,c,r,180+t.angle);return{type:"circle",shape:{cx:i.x,cy:i.y,r:4},style:{stroke:"#4386FA",fill:"#4386FA"},silent:!0}},data:[0]},{name:"ring5",type:"custom",coordinateSystem:"none",renderItem:function(e,a){return{type:"arc",shape:{cx:a.getWidth()/2,cy:a.getHeight()/2,r:Math.min(a.getWidth(),a.getHeight())/2*.65,startAngle:(270-t.angle)*Math.PI/180,endAngle:(40-t.angle)*Math.PI/180},style:{stroke:"#0CD3DB",fill:"transparent",lineWidth:1.5},silent:!0}},data:[0]},{name:"ring5",type:"custom",coordinateSystem:"none",renderItem:function(e,a){return{type:"arc",shape:{cx:a.getWidth()/2,cy:a.getHeight()/2,r:Math.min(a.getWidth(),a.getHeight())/2*.65,startAngle:(90-t.angle)*Math.PI/180,endAngle:(220-t.angle)*Math.PI/180},style:{stroke:"#FF8E89",fill:"transparent",lineWidth:1.5},silent:!0}},data:[0]},{name:"ring5",type:"custom",coordinateSystem:"none",renderItem:function(a,o){var n=o.getWidth()/2,c=o.getHeight()/2,r=Math.min(o.getWidth(),o.getHeight())/2*.65,i=e.getCirlPoint(n,c,r,90-t.angle);return{type:"circle",shape:{cx:i.x,cy:i.y,r:4},style:{stroke:"#FF8E89",fill:"#FF8E89"},silent:!0}},data:[0]},{name:"ring5",type:"custom",coordinateSystem:"none",renderItem:function(a,o){var n=o.getWidth()/2,c=o.getHeight()/2,r=Math.min(o.getWidth(),o.getHeight())/2*.65,i=e.getCirlPoint(n,c,r,270-t.angle);return{type:"circle",shape:{cx:i.x,cy:i.y,r:4},style:{stroke:"#0CD3DB",fill:"#0CD3DB"},silent:!0}},data:[0]},{name:"外环",type:"pie",radius:["52%","40%"],silent:!0,clockwise:!0,startAngle:90,z:0,zlevel:0,label:{normal:{position:"center"}},data:[{value:t.value,name:"",itemStyle:{normal:{color:{colorStops:[{offset:0,color:"#A098FC"},{offset:.3,color:"#4386FA"},{offset:.6,color:"#4FADFD"},{offset:.8,color:"#0CD3DB"},{offset:1,color:"#646CF9"}]}}}},{value:100-t.value,name:"",label:{normal:{show:!1}},itemStyle:{normal:{color:"#173164"}}}]},{name:"内环",type:"pie",radius:["32%","35%"],silent:!0,clockwise:!0,startAngle:270,z:0,zlevel:0,label:{normal:{position:"center"}},data:[{value:t.value,name:"",itemStyle:{normal:{color:{colorStops:[{offset:0,color:"#00EDF3"},{offset:1,color:"#646CF9"}]}}}},{value:100-t.value,name:"",label:{normal:{show:!1}},itemStyle:{normal:{color:"#173164"}}}]}]}},immediate:!0,deep:!0}}},p=b,g=a("2877"),y=Object(g["a"])(p,f,v,!1,null,null,null),z=y.exports,w={components:{Chart:z},data:function(){return{cdataone:{value:80,angle:0},cdatatwo:{value:17,angle:0},cdataThree:{value:3,angle:0},timer:null}},created:function(){var t=this;this.draw(),this.timer=setInterval((function(){t.draw()}),200)},methods:{draw:function(){this.cdataone.angle=this.cdataone.angle+10,this.cdatatwo.angle=this.cdatatwo.angle+15,this.cdataThree.angle=this.cdataThree.angle+20}},beforeDestroy:function(){clearInterval(this.timer),this.timer=null}},C=w,S=(a("b836"),Object(g["a"])(C,h,m,!1,null,"aaec0e1a",null)),M=S.exports,x={name:"LeftTop",components:{LeftTopEchart:M},data:function(){return{}},created:function(){},mounted:function(){},methods:{}},A=x,R=(a("c4fe"),Object(g["a"])(A,d,u,!1,null,"00cb2fe0",null)),T=R.exports,I=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"LeftCenter"}},[e("dv-border-box-13",[e("HeaderTitle",{attrs:{title:"本月订单"}}),e("LeftCenterEarch")],1)],1)},H=[],O=function(){var t=this,e=t._self._c;return e("div",[e("Chart",{attrs:{cdata:t.cdata}})],1)},E=[],L=function(){var t=this,e=t._self._c;return e("div",[e("Echart",{attrs:{options:t.options,id:"LeftCenterEchart",height:"255px",width:"100%"}})],1)},B=[],N=(a("b0c0"),{props:{cdata:{type:Object,default:function(){return{}}}},data:function(){return{options:{},colorList:["#00AAFF","#A52A2A","#FF752D","#FFCF31","#FF3129","#006400","#8B4513","#FF8C00","#FFB6C1","#7B68EE","#87CEFA","#008000","#D2B48C"]}},created:function(){},methods:{},watch:{cdata:{handler:function(t){var e=this;this.options={backgroundColor:"transparent",grid:{left:"3%",right:"5%",bottom:"5%",top:"10%",containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"shadow"},position:function(t){return[t[0],t[1]]},confine:!1,formatter:function(t){var e=t[0].name;e.length>30?e=e.substring(0,15)+"
"+e.substring(15,30)+"
"+e.substring(30):e.length>15&&(e=e.substring(0,15)+"
"+e.substring(15));var a=e+" : "+t[0].value;return a}},xAxis:{show:!1,type:"value"},yAxis:[{type:"category",inverse:!0,splitLine:{show:!1},axisTick:{show:!1},axisLine:{show:!1},axisLabel:{textStyle:{color:"#4eaafd",fontSize:"18"},formatter:function(t){return t=t.length>7?t.substring(0,7)+"...":t,t}},data:t.name},{type:"category",inverse:!0,axisTick:"none",axisLine:"none",show:!0,axisLabel:{textStyle:{color:"#fff",fontSize:"16"},formatter:function(t){return t}},data:t.Number}],series:[{name:"数量",type:"bar",zlevel:1,itemStyle:{normal:{barBorderRadius:[30,30,30,30],color:function(t){return new e.$echarts.graphic.LinearGradient(0,0,1,0,[{offset:0,color:"rgba(54,69,129,1)"},{offset:.8,color:e.colorList[t.dataIndex]},{offset:1,color:"rgba(255,255,255,0.8)"}])}}},barWidth:15,data:t.Number}]}},immediate:!0,deep:!0}}}),F=N,k=Object(g["a"])(F,L,B,!1,null,null,null),j=k.exports,G={components:{Chart:j},data:function(){return{cdata:{name:["第一周","第二周","第三周","第四周"],Number:[1320,1762,1191,1017]}}},mounted:function(){},beforeDestroy:function(){},methods:{}},Z=G,W=Object(g["a"])(Z,O,E,!1,null,"03792382",null),D=W.exports,V={components:{LeftCenterEarch:D},data:function(){return{}},created:function(){},mounted:function(){},methods:{}},Q=V,Y=(a("d6b8"),Object(g["a"])(Q,I,H,!1,null,"a9567f22",null)),U=Y.exports,J=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"LeftBottom"}},[e("dv-border-box-13",[e("HeaderTitle",{attrs:{title:"仓储分布"}}),e("LeftBottomEarch")],1)],1)},P=[],X=function(){var t=this,e=t._self._c;return e("div",[e("Chart",{attrs:{cdata:t.cdata}})],1)},_=[],K=function(){var t=this,e=t._self._c;return e("div",[e("Echart",{attrs:{options:t.options,id:"LeftBottomEchart",height:"255px",width:"100%"}})],1)},q=[],$={props:{cdata:{type:Object,default:function(){return{}}}},data:function(){return{options:{}}},watch:{cdata:{handler:function(t){this.options={backgroundColor:"transparent",xAxis:{min:0,max:1e3,show:!1,type:"value"},yAxis:{min:0,max:1e3,show:!1,type:"value"},series:[{type:"graph",coordinateSystem:"cartesian2d",label:{show:!0,position:"bottom",color:"orange",formatter:function(t){return t.data.nodeName},fontSize:18,fontFamily:"cursive"},data:t.nods},{type:"lines",polyline:!0,coordinateSystem:"cartesian2d",lineStyle:{type:"dashed",width:1,color:"#175064",curveness:.3},effect:{show:!0,trailLength:.1,symbol:"arrow",color:"orange",symbolSize:8},data:t.linesData}]}},immediate:!0,deep:!0}},created:function(){},mounted:function(){},methods:{}},tt=$,et=Object(g["a"])(tt,K,q,!1,null,"4c8b8ba1",null),at=et.exports,ot={components:{Chart:at},data:function(){return{cdata:{nods:[{value:[500,1300],nodeName:"主仓",symbol:"path://M508.368794 0l232.397163 137.985816v275.971631L508.368794 544.680851 275.971631 406.695035V137.985816L508.368794 0zM232.397163 472.056738l232.397163 137.985815v275.971631L232.397163 1016.737589 0 878.751773V610.042553l232.397163-137.985815zM1016.737589 610.042553l-232.397163-137.985815-239.659575 137.985815v275.971631l232.397163 137.985816 232.397163-137.985816V610.042553z",symbolSize:40,itemStyle:{color:"orange"}},{value:[100,600],nodeName:"分仓1",symbol:"path://M512 65c246.871 0 447 200.129 447 447S758.871 959 512 959 65 758.871 65 512 265.129 65 512 65z m0 64c-211.525 0-383 171.475-383 383s171.475 383 383 383 383-171.475 383-383-171.475-383-383-383z m220 538.5c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32H292c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32h440zM312.933 468c17.673 0 32 14.327 32 32v92c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-92c0-17.673 14.327-32 32-32z m133 0c17.673 0 32 14.327 32 32v92c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-92c0-17.673 14.327-32 32-32z m132 0c17.673 0 32 14.327 32 32v92c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-92c0-17.673 14.327-32 32-32z m133 0c17.673 0 32 14.327 32 32v92c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-92c0-17.673 14.327-32 32-32z m-187.73-243.975l220 82.222A32 32 0 0 1 764 336.222V394c0 17.673-14.327 32-32 32H292c-17.673 0-32-14.327-32-32v-57.778a32 32 0 0 1 20.797-29.975l220-82.222a32 32 0 0 1 22.406 0zM512 288.161l-188 70.263V362h376v-3.576l-188-70.263z",symbolSize:35,itemStyle:{color:"orange"}},{value:[500,600],nodeName:"分仓2",symbol:"path://M512 65c246.871 0 447 200.129 447 447S758.871 959 512 959 65 758.871 65 512 265.129 65 512 65z m0 64c-211.525 0-383 171.475-383 383s171.475 383 383 383 383-171.475 383-383-171.475-383-383-383z m220 538.5c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32H292c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32h440zM312.933 468c17.673 0 32 14.327 32 32v92c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-92c0-17.673 14.327-32 32-32z m133 0c17.673 0 32 14.327 32 32v92c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-92c0-17.673 14.327-32 32-32z m132 0c17.673 0 32 14.327 32 32v92c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-92c0-17.673 14.327-32 32-32z m133 0c17.673 0 32 14.327 32 32v92c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-92c0-17.673 14.327-32 32-32z m-187.73-243.975l220 82.222A32 32 0 0 1 764 336.222V394c0 17.673-14.327 32-32 32H292c-17.673 0-32-14.327-32-32v-57.778a32 32 0 0 1 20.797-29.975l220-82.222a32 32 0 0 1 22.406 0zM512 288.161l-188 70.263V362h376v-3.576l-188-70.263z",symbolSize:35,itemStyle:{color:"orange"}},{value:[900,600],nodeName:"分仓3",symbol:"path://M512 65c246.871 0 447 200.129 447 447S758.871 959 512 959 65 758.871 65 512 265.129 65 512 65z m0 64c-211.525 0-383 171.475-383 383s171.475 383 383 383 383-171.475 383-383-171.475-383-383-383z m220 538.5c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32H292c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32h440zM312.933 468c17.673 0 32 14.327 32 32v92c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-92c0-17.673 14.327-32 32-32z m133 0c17.673 0 32 14.327 32 32v92c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-92c0-17.673 14.327-32 32-32z m132 0c17.673 0 32 14.327 32 32v92c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-92c0-17.673 14.327-32 32-32z m133 0c17.673 0 32 14.327 32 32v92c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32v-92c0-17.673 14.327-32 32-32z m-187.73-243.975l220 82.222A32 32 0 0 1 764 336.222V394c0 17.673-14.327 32-32 32H292c-17.673 0-32-14.327-32-32v-57.778a32 32 0 0 1 20.797-29.975l220-82.222a32 32 0 0 1 22.406 0zM512 288.161l-188 70.263V362h376v-3.576l-188-70.263z",symbolSize:35,itemStyle:{color:"orange"}},{value:[0,300],nodeName:"副仓1",symbol:"path://M96 646.4v-384c0-19.2 19.2-38.4 38.4-38.4h384c19.2 0 38.4 19.2 38.4 38.4v384c0 6.4-6.4 12.8-12.8 12.8H108.8c-6.4 0-12.8-6.4-12.8-12.8z m307.2 128c0 44.8-38.4 76.8-76.8 76.8-44.8 0-76.8-38.4-76.8-76.8s38.4-76.8 76.8-76.8c44.8 0 76.8 32 76.8 76.8z m-38.4 0c0-19.2-19.2-38.4-38.4-38.4S288 755.2 288 774.4s19.2 38.4 38.4 38.4 38.4-19.2 38.4-38.4zM256 697.6H76.8c-6.4 0-12.8 6.4-12.8 12.8v38.4c0 6.4 6.4 12.8 12.8 12.8h140.8c6.4-25.6 19.2-51.2 38.4-64z m563.2 76.8c0 44.8-38.4 76.8-76.8 76.8-44.8 0-76.8-38.4-76.8-76.8s38.4-76.8 76.8-76.8c44.8 0 76.8 32 76.8 76.8z m-38.4 0c0-19.2-19.2-38.4-38.4-38.4S704 755.2 704 774.4s19.2 38.4 38.4 38.4 38.4-19.2 38.4-38.4z m179.2-64v38.4c0 6.4-6.4 12.8-12.8 12.8H844.8c-6.4-51.2-51.2-89.6-102.4-89.6s-96 38.4-102.4 89.6H428.8c-6.4-25.6-19.2-51.2-38.4-64h198.4V332.8c0-12.8 12.8-25.6 25.6-25.6H736c32 0 64 19.2 83.2 44.8L896 467.2c12.8 19.2 19.2 38.4 19.2 57.6v172.8h32c6.4 0 12.8 0 12.8 12.8zM832 467.2l-64-89.6c0-6.4-6.4-6.4-12.8-6.4h-96c-6.4 0-12.8 6.4-12.8 12.8v89.6c0 6.4 6.4 12.8 12.8 12.8h160c12.8 0 19.2-12.8 12.8-19.2z",symbolSize:25,itemStyle:{color:"orange"}},{value:[200,300],nodeName:"副仓2",symbol:"path://M96 646.4v-384c0-19.2 19.2-38.4 38.4-38.4h384c19.2 0 38.4 19.2 38.4 38.4v384c0 6.4-6.4 12.8-12.8 12.8H108.8c-6.4 0-12.8-6.4-12.8-12.8z m307.2 128c0 44.8-38.4 76.8-76.8 76.8-44.8 0-76.8-38.4-76.8-76.8s38.4-76.8 76.8-76.8c44.8 0 76.8 32 76.8 76.8z m-38.4 0c0-19.2-19.2-38.4-38.4-38.4S288 755.2 288 774.4s19.2 38.4 38.4 38.4 38.4-19.2 38.4-38.4zM256 697.6H76.8c-6.4 0-12.8 6.4-12.8 12.8v38.4c0 6.4 6.4 12.8 12.8 12.8h140.8c6.4-25.6 19.2-51.2 38.4-64z m563.2 76.8c0 44.8-38.4 76.8-76.8 76.8-44.8 0-76.8-38.4-76.8-76.8s38.4-76.8 76.8-76.8c44.8 0 76.8 32 76.8 76.8z m-38.4 0c0-19.2-19.2-38.4-38.4-38.4S704 755.2 704 774.4s19.2 38.4 38.4 38.4 38.4-19.2 38.4-38.4z m179.2-64v38.4c0 6.4-6.4 12.8-12.8 12.8H844.8c-6.4-51.2-51.2-89.6-102.4-89.6s-96 38.4-102.4 89.6H428.8c-6.4-25.6-19.2-51.2-38.4-64h198.4V332.8c0-12.8 12.8-25.6 25.6-25.6H736c32 0 64 19.2 83.2 44.8L896 467.2c12.8 19.2 19.2 38.4 19.2 57.6v172.8h32c6.4 0 12.8 0 12.8 12.8zM832 467.2l-64-89.6c0-6.4-6.4-6.4-12.8-6.4h-96c-6.4 0-12.8 6.4-12.8 12.8v89.6c0 6.4 6.4 12.8 12.8 12.8h160c12.8 0 19.2-12.8 12.8-19.2z",symbolSize:25,itemStyle:{color:"orange"}},{value:[500,100],nodeName:"副仓3",symbol:"path://M96 646.4v-384c0-19.2 19.2-38.4 38.4-38.4h384c19.2 0 38.4 19.2 38.4 38.4v384c0 6.4-6.4 12.8-12.8 12.8H108.8c-6.4 0-12.8-6.4-12.8-12.8z m307.2 128c0 44.8-38.4 76.8-76.8 76.8-44.8 0-76.8-38.4-76.8-76.8s38.4-76.8 76.8-76.8c44.8 0 76.8 32 76.8 76.8z m-38.4 0c0-19.2-19.2-38.4-38.4-38.4S288 755.2 288 774.4s19.2 38.4 38.4 38.4 38.4-19.2 38.4-38.4zM256 697.6H76.8c-6.4 0-12.8 6.4-12.8 12.8v38.4c0 6.4 6.4 12.8 12.8 12.8h140.8c6.4-25.6 19.2-51.2 38.4-64z m563.2 76.8c0 44.8-38.4 76.8-76.8 76.8-44.8 0-76.8-38.4-76.8-76.8s38.4-76.8 76.8-76.8c44.8 0 76.8 32 76.8 76.8z m-38.4 0c0-19.2-19.2-38.4-38.4-38.4S704 755.2 704 774.4s19.2 38.4 38.4 38.4 38.4-19.2 38.4-38.4z m179.2-64v38.4c0 6.4-6.4 12.8-12.8 12.8H844.8c-6.4-51.2-51.2-89.6-102.4-89.6s-96 38.4-102.4 89.6H428.8c-6.4-25.6-19.2-51.2-38.4-64h198.4V332.8c0-12.8 12.8-25.6 25.6-25.6H736c32 0 64 19.2 83.2 44.8L896 467.2c12.8 19.2 19.2 38.4 19.2 57.6v172.8h32c6.4 0 12.8 0 12.8 12.8zM832 467.2l-64-89.6c0-6.4-6.4-6.4-12.8-6.4h-96c-6.4 0-12.8 6.4-12.8 12.8v89.6c0 6.4 6.4 12.8 12.8 12.8h160c12.8 0 19.2-12.8 12.8-19.2z",symbolSize:25,itemStyle:{color:"orange"}},{value:[700,300],nodeName:"副仓4",symbol:"path://M96 646.4v-384c0-19.2 19.2-38.4 38.4-38.4h384c19.2 0 38.4 19.2 38.4 38.4v384c0 6.4-6.4 12.8-12.8 12.8H108.8c-6.4 0-12.8-6.4-12.8-12.8z m307.2 128c0 44.8-38.4 76.8-76.8 76.8-44.8 0-76.8-38.4-76.8-76.8s38.4-76.8 76.8-76.8c44.8 0 76.8 32 76.8 76.8z m-38.4 0c0-19.2-19.2-38.4-38.4-38.4S288 755.2 288 774.4s19.2 38.4 38.4 38.4 38.4-19.2 38.4-38.4zM256 697.6H76.8c-6.4 0-12.8 6.4-12.8 12.8v38.4c0 6.4 6.4 12.8 12.8 12.8h140.8c6.4-25.6 19.2-51.2 38.4-64z m563.2 76.8c0 44.8-38.4 76.8-76.8 76.8-44.8 0-76.8-38.4-76.8-76.8s38.4-76.8 76.8-76.8c44.8 0 76.8 32 76.8 76.8z m-38.4 0c0-19.2-19.2-38.4-38.4-38.4S704 755.2 704 774.4s19.2 38.4 38.4 38.4 38.4-19.2 38.4-38.4z m179.2-64v38.4c0 6.4-6.4 12.8-12.8 12.8H844.8c-6.4-51.2-51.2-89.6-102.4-89.6s-96 38.4-102.4 89.6H428.8c-6.4-25.6-19.2-51.2-38.4-64h198.4V332.8c0-12.8 12.8-25.6 25.6-25.6H736c32 0 64 19.2 83.2 44.8L896 467.2c12.8 19.2 19.2 38.4 19.2 57.6v172.8h32c6.4 0 12.8 0 12.8 12.8zM832 467.2l-64-89.6c0-6.4-6.4-6.4-12.8-6.4h-96c-6.4 0-12.8 6.4-12.8 12.8v89.6c0 6.4 6.4 12.8 12.8 12.8h160c12.8 0 19.2-12.8 12.8-19.2z",symbolSize:25,itemStyle:{color:"orange"}},{value:[1e3,300],nodeName:"副仓5",symbol:"path://M96 646.4v-384c0-19.2 19.2-38.4 38.4-38.4h384c19.2 0 38.4 19.2 38.4 38.4v384c0 6.4-6.4 12.8-12.8 12.8H108.8c-6.4 0-12.8-6.4-12.8-12.8z m307.2 128c0 44.8-38.4 76.8-76.8 76.8-44.8 0-76.8-38.4-76.8-76.8s38.4-76.8 76.8-76.8c44.8 0 76.8 32 76.8 76.8z m-38.4 0c0-19.2-19.2-38.4-38.4-38.4S288 755.2 288 774.4s19.2 38.4 38.4 38.4 38.4-19.2 38.4-38.4zM256 697.6H76.8c-6.4 0-12.8 6.4-12.8 12.8v38.4c0 6.4 6.4 12.8 12.8 12.8h140.8c6.4-25.6 19.2-51.2 38.4-64z m563.2 76.8c0 44.8-38.4 76.8-76.8 76.8-44.8 0-76.8-38.4-76.8-76.8s38.4-76.8 76.8-76.8c44.8 0 76.8 32 76.8 76.8z m-38.4 0c0-19.2-19.2-38.4-38.4-38.4S704 755.2 704 774.4s19.2 38.4 38.4 38.4 38.4-19.2 38.4-38.4z m179.2-64v38.4c0 6.4-6.4 12.8-12.8 12.8H844.8c-6.4-51.2-51.2-89.6-102.4-89.6s-96 38.4-102.4 89.6H428.8c-6.4-25.6-19.2-51.2-38.4-64h198.4V332.8c0-12.8 12.8-25.6 25.6-25.6H736c32 0 64 19.2 83.2 44.8L896 467.2c12.8 19.2 19.2 38.4 19.2 57.6v172.8h32c6.4 0 12.8 0 12.8 12.8zM832 467.2l-64-89.6c0-6.4-6.4-6.4-12.8-6.4h-96c-6.4 0-12.8 6.4-12.8 12.8v89.6c0 6.4 6.4 12.8 12.8 12.8h160c12.8 0 19.2-12.8 12.8-19.2z",symbolSize:25,itemStyle:{color:"orange"}},{value:[850,0],nodeName:"站点1",symbol:"path://M947.2 454.4L832 345.6V192h-166.4l-128-121.6c-19.2-6.4-32-6.4-44.8 0l-416 384c-12.8 12.8-19.2 32-6.4 44.8 12.8 12.8 32 12.8 44.8 0L512 140.8l396.8 364.8c6.4 6.4 12.8 6.4 19.2 6.4 6.4 0 19.2-6.4 25.6-12.8 12.8-12.8 6.4-32-6.4-44.8zM768 256v32l-38.4-32h38.4zM352 928c0 19.2-12.8 32-32 32-70.4 0-128-51.2-128-108.8V576c0-19.2 12.8-32 32-32s32 12.8 32 32v275.2c0 19.2 32 44.8 64 44.8 19.2 0 32 12.8 32 32zM832 576v275.2c0 57.6-57.6 108.8-128 108.8-19.2 0-32-12.8-32-32s12.8-32 32-32c32 0 64-25.6 64-44.8V576c0-19.2 12.8-32 32-32s32 12.8 32 32z m-448 128h256l-128 192-128-192z m256-192l-128 192-128-192h256z",symbolSize:25,itemStyle:{color:"orange"}},{value:[80,0],nodeName:"站点2",symbol:"path://M947.2 454.4L832 345.6V192h-166.4l-128-121.6c-19.2-6.4-32-6.4-44.8 0l-416 384c-12.8 12.8-19.2 32-6.4 44.8 12.8 12.8 32 12.8 44.8 0L512 140.8l396.8 364.8c6.4 6.4 12.8 6.4 19.2 6.4 6.4 0 19.2-6.4 25.6-12.8 12.8-12.8 6.4-32-6.4-44.8zM768 256v32l-38.4-32h38.4zM352 928c0 19.2-12.8 32-32 32-70.4 0-128-51.2-128-108.8V576c0-19.2 12.8-32 32-32s32 12.8 32 32v275.2c0 19.2 32 44.8 64 44.8 19.2 0 32 12.8 32 32zM832 576v275.2c0 57.6-57.6 108.8-128 108.8-19.2 0-32-12.8-32-32s12.8-32 32-32c32 0 64-25.6 64-44.8V576c0-19.2 12.8-32 32-32s32 12.8 32 32z m-448 128h256l-128 192-128-192z m256-192l-128 192-128-192h256z",symbolSize:25,itemStyle:{color:"orange"}},{value:[320,0],nodeName:"站点3",symbol:"path://M947.2 454.4L832 345.6V192h-166.4l-128-121.6c-19.2-6.4-32-6.4-44.8 0l-416 384c-12.8 12.8-19.2 32-6.4 44.8 12.8 12.8 32 12.8 44.8 0L512 140.8l396.8 364.8c6.4 6.4 12.8 6.4 19.2 6.4 6.4 0 19.2-6.4 25.6-12.8 12.8-12.8 6.4-32-6.4-44.8zM768 256v32l-38.4-32h38.4zM352 928c0 19.2-12.8 32-32 32-70.4 0-128-51.2-128-108.8V576c0-19.2 12.8-32 32-32s32 12.8 32 32v275.2c0 19.2 32 44.8 64 44.8 19.2 0 32 12.8 32 32zM832 576v275.2c0 57.6-57.6 108.8-128 108.8-19.2 0-32-12.8-32-32s12.8-32 32-32c32 0 64-25.6 64-44.8V576c0-19.2 12.8-32 32-32s32 12.8 32 32z m-448 128h256l-128 192-128-192z m256-192l-128 192-128-192h256z",symbolSize:20,itemStyle:{color:"orange"}}],linesData:[{coords:[[500,1e3],[500,800]]},{coords:[[500,800],[100,800],[100,600]]},{coords:[[500,800],[500,600]]},{coords:[[500,800],[900,800],[900,600]]},{coords:[[100,600],[0,300]]},{coords:[[500,400],[500,100]]},{coords:[[100,600],[200,300]]},{coords:[[500,600],[200,300]]},{coords:[[900,600],[700,300]]},{coords:[[500,600],[700,300]]},{coords:[[900,600],[1e3,300]]},{coords:[[0,300],[75,0]]},{coords:[[200,300],[75,0]]},{coords:[[200,300],[320,0]]},{coords:[[500,100],[320,0]]},{coords:[[700,300],[820,0]]},{coords:[[1e3,300],[880,0]]}]}}},created:function(){},mounted:function(){},methods:{}},nt=ot,ct=Object(g["a"])(nt,X,_,!1,null,"1d5e10bb",null),rt=ct.exports,it={components:{LeftBottomEarch:rt},data:function(){return{}},created:function(){},mounted:function(){},methods:{}},lt=it,st=(a("476a"),Object(g["a"])(lt,J,P,!1,null,"28d60c58",null)),dt=st.exports,ut=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"center"}},[e("dv-border-box-13",[e("CenterTopEarch")],1)],1)},ht=[],mt=function(){var t=this,e=t._self._c;return e("div",[e("Chart",{attrs:{cdata:t.cdata}})],1)},ft=[],vt=function(){var t=this,e=t._self._c;return e("div",{staticStyle:{position:"relative"}},[e("Echart",{attrs:{options:t.options,id:"CenterTopEchart",height:"600px",width:"100%"}}),e("dv-decoration-12",{staticStyle:{width:"150px",height:"150px",position:"absolute",left:"10px",top:"15px"}})],1)},bt=[],pt={props:{cdata:{type:Object,default:function(){return{}}}},data:function(){return{options:{}}},watch:{cdata:{handler:function(t){this.options={tooltip:{formatter:function(){return""},textStyle:{color:"#fff"}},backgroundColor:"transparent",geo:{map:"china",zoom:1.1,roam:!0,layoutCenter:["50%","50%"],layoutSize:"100%",itemStyle:{borderWidth:1,areaColor:{type:"radial",x:.5,y:.5,r:.8,colorStops:[{offset:0,color:"rgba(147, 235, 248, 0)"},{offset:1,color:"rgba(147, 235, 248, .2)"}]},shadowColor:"rgba(128, 217, 248, 1)",shadowOffsetX:-2,shadowOffsetY:2,shadowBlur:10,borderColor:"rgba(147, 235, 248, 1)"},tooltip:{formatter:function(){return""}},emphasis:{itemStyle:{color:"#0c93e2"}}},series:[{type:"lines",zlevel:2,effect:{show:!0,symbolSize:7,color:"#E4AA0C",symbol:"arrow"},lineStyle:{color:"#7890fb",width:2,curveness:.3},tooltip:{formatter:function(t){var e=t.data;return"行驶路线如下：
\n 起点：".concat(e.label.start,"
\n 终点：").concat(e.label.end,"\n ")},backgroundColor:"rgba(245,108,45,0.5)"},data:t.point_line},{type:"effectScatter",coordinateSystem:"geo",rippleEffect:{number:2,scale:2,brushType:"stroke"},itemStyle:{color:"#14c9de"},tooltip:{formatter:function(t){var e=t.data;return"地点位于：".concat(e.label.name)},backgroundColor:"rgba(232,85,160,0.5)"},label:{show:!0,offset:[40,0],color:"#ecdb5c",fontSize:18,fontFamily:"cursive",formatter:function(t){var e=t.data;return"".concat(e.label.name)}},data:t.point_circle}]}},immediate:!0,deep:!0}},created:function(){},mounted:function(){},methods:{}},gt=pt,yt=Object(g["a"])(gt,vt,bt,!1,null,"f146e44c",null),zt=yt.exports,wt={components:{Chart:zt},data:function(){return{cdata:{point_circle:[{value:[109.754859,19.189767],label:{name:"海口"},itemStyle:{color:"red"}},{value:[116.41995,40.18994],label:{name:"北京"}},{value:[113.4668,33.8818],label:{name:"郑州"}},{value:[85.294711,41.371801],label:{name:"乌鲁木齐"}},{value:[88.7695,31.6846],label:{name:"西藏"}},{value:[110.3467,41.4899],label:{name:"呼和浩特"}},{value:[125.8154,44.2584],label:{name:"长春"}},{value:[95.7129,40.166],label:{name:"甘肃"}},{value:[106.3586,38.1775],label:{name:"银川"}},{value:[103.5901,36.3043],label:{name:"兰州"}},{value:[119.4543,25.9222],label:{name:"福州"}},{value:[96.2402,35.4199],label:{name:"青海"}},{value:[102.9199,30.1904],label:{name:"四川"}},{value:[109.5996,35.6396],label:{name:"西安"}},{value:[112.2363,31.1572],label:{name:"湖北"}},{value:[112.4121,37.6611],label:{name:"山西"}},{value:[117.2461,32.0361],label:{name:"安徽"}}],point_line:[{coords:[[109.754859,19.189767],[113.4668,33.8818]],label:{start:"海口",end:"郑州"}},{coords:[[109.754859,19.189767],[119.4543,25.9222]],label:{start:"海口",end:"福州"}},{coords:[[113.4668,33.8818],[112.4121,37.6611]],label:{start:"郑州",end:"山西"}},{coords:[[113.4668,33.8818],[125.8154,44.2584]],label:{start:"郑州",end:"长春"}},{coords:[[113.4668,33.8818],[117.2461,32.0361]],label:{start:"郑州",end:"安徽"}},{coords:[[113.4668,33.8818],[116.41995,40.18994]],label:{start:"郑州",end:"北京"}},{coords:[[113.4668,33.8818],[112.2363,31.1572]],label:{start:"郑州",end:"湖北"}},{coords:[[113.4668,33.8818],[109.5996,35.6396]],label:{start:"郑州",end:"西安"}},{coords:[[113.4668,33.8818],[110.3467,41.4899]],label:{start:"郑州",end:"呼和浩特"}},{coords:[[96.2402,35.4199],[85.294711,41.371801]],label:{start:"青海",end:"乌鲁木齐"}},{coords:[[96.2402,35.4199],[95.7129,40.166]],label:{start:"青海",end:"甘肃"}},{coords:[[96.2402,35.4199],[102.9199,30.1904]],label:{start:"青海",end:"四川"}},{coords:[[96.2402,35.4199],[103.5901,36.3043]],label:{start:"青海",end:"兰州"}},{coords:[[96.2402,35.4199],[88.7695,31.6846]],label:{start:"青海",end:"西藏"}},{coords:[[109.754859,19.189767],[96.2402,35.4199]],label:{start:"海口",end:"青海"}}]}}},created:function(){},mounted:function(){},methods:{}},Ct=wt,St=Object(g["a"])(Ct,mt,ft,!1,null,"512750cb",null),Mt=St.exports,xt={components:{CenterTopEarch:Mt},data:function(){return{}},created:function(){},mounted:function(){},methods:{}},At=xt,Rt=(a("3fb4"),Object(g["a"])(At,ut,ht,!1,null,"4aaaa886",null)),Tt=Rt.exports,It=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"CenterBottom"}},[e("dv-border-box-13",[e("HeaderTitle",{attrs:{title:"货运司机"}}),e("CenterBottomEarch")],1)],1)},Ht=[],Ot=function(){var t=this,e=t._self._c;return e("div",[e("dv-scroll-board",{staticStyle:{width:"100%",height:"230px",padding:"0 20px"},attrs:{config:t.config}})],1)},Et=[],Lt={data:function(){return{config:{header:["司机名称","驾龄","货品重量","路程","车辆"],data:[["张三","5","2000","100","京A12345"],["李四","3","1500","50","京B67890"],["王五","8","3000","200","沪C24680"],["赵六","2","1800","80","粤D13579"],["刘七","6","2500","150","浙E97531"],["周八","4","1200","30","苏F24689"],["钱九","7","2800","180","皖G13579"],["吴十","1","1000","10","鲁H24680"],["孙十一","9","3500","250","豫J24681"],["何十二","5","2200","120","鄂K24682"],["郑十三","3","1600","60","川L24683"],["王十四","6","2400","130","湘M24684"],["赵十五","2","1900","90","云N24685"],["刘十六","4","1300","40","陕P24686"],["杨十七","8","3100","220","甘Q24687"],["许十八","1","1100","20","青R24688"],["孙十九","7","2700","170","新S24689"],["黄二十","9","3300","240","藏T24690"],["林二十一","5","2100","110","宁U24691"]],rowNum:5,headerBGC:"rgba(41, 105, 177,0.3)",oddRowBGC:"transparent",evenRowBGC:"transparent",hoverPause:!1,columnWidth:[153,153,153,153,153],align:["center","center","center","center","center"]}}},created:function(){},mounted:function(){},methods:{}},Bt=Lt,Nt=Object(g["a"])(Bt,Ot,Et,!1,null,"91813d06",null),Ft=Nt.exports,kt={components:{CenterBottomEarch:Ft},data:function(){return{}},created:function(){},mounted:function(){},methods:{}},jt=kt,Gt=(a("59b6"),Object(g["a"])(jt,It,Ht,!1,null,"0db67e6e",null)),Zt=Gt.exports,Wt=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"RightTop"}},[e("dv-border-box-13",[e("HeaderTitle",{attrs:{title:"同比增长数据"}}),e("div",{staticClass:"increase"},[e("div",{staticClass:"rising"},[e("dv-decoration-9",{staticStyle:{width:"100%",height:"100px",color:"#516b91"}},[t._v("36%")]),e("p",{staticClass:"sizeone"},[t._v("人员增长")])],1),e("div",{staticClass:"rising"},[e("dv-decoration-9",{staticStyle:{width:"100%",height:"100px",color:"#516b91"}},[t._v("19%")]),e("p",{staticClass:"sizetwo"},[t._v("市值增长")])],1),e("div",{staticClass:"rising"},[e("dv-decoration-9",{staticStyle:{width:"100%",height:"100px",color:"#516b91"}},[t._v("-27%")]),e("p",{staticClass:"sizeThree"},[t._v("成本增长")])],1)])],1)],1)},Dt=[],Vt={data:function(){return{}},created:function(){},mounted:function(){},methods:{}},Qt=Vt,Yt=(a("75dc"),Object(g["a"])(Qt,Wt,Dt,!1,null,"dc18e890",null)),Ut=Yt.exports,Jt=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"RightCenter"}},[e("dv-border-box-13",[e("HeaderTitle",{attrs:{title:"货物出入情况"}}),e("RigthtCenterEarch")],1)],1)},Pt=[],Xt=function(){var t=this,e=t._self._c;return e("div",[e("Chart",{attrs:{cdata:t.cdata}})],1)},_t=[],Kt=function(){var t=this,e=t._self._c;return e("div",[e("Echart",{attrs:{options:t.options,id:"RightCenterEchart",height:"255px",width:"100%"}})],1)},qt=[],$t={data:function(){return{options:{}}},props:{cdata:{type:Object,default:function(){return{}}}},watch:{cdata:{handler:function(t){this.options={backgroundColor:"transparent",grid:{top:"15%",left:"5%",right:"5%",bottom:"20%"},xAxis:[{type:"category",axisLine:{show:!0},splitArea:{color:"#f00",lineStyle:{color:"#f00"}},axisLabel:{color:"#00afca",textStyle:{fontSize:"18",fontFamily:"cursive"}},splitLine:{show:!1},boundaryGap:!1,data:t.data}],yAxis:[{type:"value",min:0,splitNumber:4,splitLine:{show:!0,lineStyle:{color:"rgba(255,255,255,0.1)"}},axisLine:{show:!1},axisLabel:{show:!1,margin:20,textStyle:{color:"#d1e6eb"}},axisTick:{show:!1}}],series:[{name:"入库",type:"line",showAllSymbol:!0,symbol:"circle",symbolSize:10,lineStyle:{normal:{color:"#6c50f3",shadowColor:"rgba(0, 0, 0, .3)",shadowBlur:0,shadowOffsetY:5,shadowOffsetX:5}},label:{show:!0,position:"top",textStyle:{color:"#6c50f3"}},itemStyle:{color:"#6c50f3",borderColor:"#fff",borderWidth:3,shadowColor:"rgba(0, 0, 0, .3)",shadowBlur:0,shadowOffsetY:2,shadowOffsetX:2},tooltip:{show:!1},areaStyle:{normal:{color:new this.$echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(108,80,243,0.3)"},{offset:1,color:"rgba(108,80,243,0)"}],!1),shadowColor:"rgba(108,80,243, 0.9)",shadowBlur:20}},data:t.revenue},{name:"出库",type:"line",showAllSymbol:!0,symbol:"circle",symbolSize:10,lineStyle:{normal:{color:"#00ca95",shadowColor:"rgba(0, 0, 0, .3)",shadowBlur:0,shadowOffsetY:5,shadowOffsetX:5}},label:{show:!0,position:"top",textStyle:{color:"#00ca95"}},itemStyle:{color:"#00ca95",borderColor:"#fff",borderWidth:3,shadowColor:"rgba(0, 0, 0, .3)",shadowBlur:0,shadowOffsetY:2,shadowOffsetX:2},tooltip:{show:!1},areaStyle:{normal:{color:new this.$echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(0,202,149,0.3)"},{offset:1,color:"rgba(0,202,149,0)"}],!1),shadowColor:"rgba(0,202,149, 0.9)",shadowBlur:20}},data:t.expenditures}]}},immediate:!0,deep:!0}}},te=$t,ee=Object(g["a"])(te,Kt,qt,!1,null,null,null),ae=ee.exports,oe={components:{Chart:ae},data:function(){return{cdata:{data:["周一","周二","周三","周四","周五","周六","周日"],revenue:[502.84,205.97,332.79,281.55,398.35,214.02,327.08],expenditures:[281.55,398.35,214.02,179.55,289.57,356.14,214.52]}}}},ne=oe,ce=Object(g["a"])(ne,Xt,_t,!1,null,null,null),re=ce.exports,ie={components:{RigthtCenterEarch:re},data:function(){return{}},created:function(){},mounted:function(){},methods:{}},le=ie,se=(a("9398"),Object(g["a"])(le,Jt,Pt,!1,null,"4a3e06ac",null)),de=se.exports,ue=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"RightBottom"}},[e("dv-border-box-13",[e("HeaderTitle",{attrs:{title:"评价反馈"}}),e("RightBottomEarch")],1)],1)},he=[],me=function(){var t=this,e=t._self._c;return e("div",[e("Chart",{attrs:{cdata:t.cdata}})],1)},fe=[],ve=function(){var t=this,e=t._self._c;return e("div",[e("Echart",{attrs:{options:t.options,id:"RightCenterEchart",height:"255px",width:"100%"}})],1)},be=[],pe=(a("a15b"),{props:{cdata:{type:Object,default:function(){return{}}}},data:function(){return{options:{}}},watch:{cdata:{handler:function(t){this.options={series:[{type:"wordCloud",gridSize:20,sizeRange:[9,30],rotationRange:[0,0],shape:"circle",textStyle:{normal:{color:function(){return"rgb("+[Math.round(160*Math.random()),Math.round(160*Math.random()),Math.round(160*Math.random())].join(",")+")"}},emphasis:{shadowBlur:10,shadowColor:"#333"}},data:t.data}]}},immediate:!0,deep:!0}},created:function(){},mounted:function(){},methods:{}}),ge=pe,ye=Object(g["a"])(ge,ve,be,!1,null,"8cbd5ac4",null),ze=ye.exports,we={components:{Chart:ze},data:function(){return{cdata:{data:[{name:"准时送达",value:25},{name:"包装完好",value:18},{name:"配送速度快",value:15},{name:"物流跟踪清晰",value:12},{name:"服务态度好",value:10},{name:"退换货便利",value:9},{name:"包裹安全无损",value:8},{name:"送货上门",value:7},{name:"提供签收服务",value:6},{name:"快递员礼貌",value:5},{name:"运输效率高",value:4},{name:"信息更新及时",value:3},{name:"特快专递可选",value:2},{name:"费用合理",value:1},{name:"快递包装精美",value:25},{name:"送货速度可靠",value:18},{name:"追踪查询方便",value:15},{name:"客服响应迅速",value:12},{name:"退款迅速处理",value:10},{name:"包装耐用",value:9},{name:"配送到家省心",value:8},{name:"签收流程简单",value:7},{name:"送货上门便捷",value:6},{name:"派送员服务好",value:5},{name:"快递运输安全",value:4},{name:"状态查询及时",value:3},{name:"提供定时送达",value:2},{name:"价格透明",value:1},{name:"快递快速到达",value:25},{name:"物流信息准确",value:18},{name:"客服专业回答",value:15},{name:"售后服务周到",value:12},{name:"包裹完好无损",value:10},{name:"运输过程顺利",value:9},{name:"提供上门取件",value:8}]}}}},Ce=we,Se=Object(g["a"])(Ce,me,fe,!1,null,null,null),Me=Se.exports,xe={components:{RightBottomEarch:Me},data:function(){return{}},created:function(){},mounted:function(){},methods:{}},Ae=xe,Re=(a("e92f"),Object(g["a"])(Ae,ue,he,!1,null,"76f6933a",null)),Te=Re.exports,Ie={mixins:[s],data:function(){return{}},components:{LeftTop:T,LeftCenter:U,LeftBottom:dt,CenterTop:Tt,CenterBottom:Zt,RightTop:Ut,RightCenter:de,RightBottom:Te},mounted:function(){},beforeDestroy:function(){},methods:{cancelLoading:function(){var t=this;setTimeout((function(){t.loading=!1}),500)}}},He=Ie,Oe=(a("64f1"),Object(g["a"])(He,o,n,!1,null,"490b33c4",null));e["default"]=Oe.exports},"1efa":function(t,e,a){},"3fb4":function(t,e,a){"use strict";a("4ce2")},4335:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAVCAYAAABR915hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU4NDE5NEZCOTg3OTExRUM4MTk3RjkwQkJGQjYxRjM3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU4NDE5NEZDOTg3OTExRUM4MTk3RjkwQkJGQjYxRjM3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTg0MTk0Rjk5ODc5MTFFQzgxOTdGOTBCQkZCNjFGMzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTg0MTk0RkE5ODc5MTFFQzgxOTdGOTBCQkZCNjFGMzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz622PTaAAACx0lEQVR42oSWW4hNURjH/3vPOTOaY8Y0bhFPJnIJCbkfkQclat40eJIkD5oUZZpyyyXz5JLypiimKSnePExEYiQZGTEvxJBQ0xzDjLP81zp7n7P3Xt/aZ9Vv7XPWWt//W9+6e2hXQA2ABjKJTA5oDv5PJLUopbMIUx4ZjLDuDZpQEG2yQctxMkoKgFpYtqc5cB4evvB7g99vBBZ2GmD5bpIng6SffCD/rPYqQiT55DYbd5FP5A5pJXUpTnUaIm9Z75MWsoMcIJvJtBS7mOPn5BYbZwOBHvKZXCRLnSIeHpKiUSh1cgJZRtqCibOjTjjWRh1kLCLSTA6SJ/w32+H6F+tfCtOS4XdtzKmuEh3DzM9VQURHcdwRMUzHPPwV7BaRKeUolTzUocEpMiyI7DFCSnRcIM8EG51viDlVbsd6RV8QRPRmO+OIGMaxz63lJcqBOWRWtTkO6WLJkCCyrRyB7XyMPHbsgrzkNDrHoYju+QmHyDkcipTGO/eKSj+tva8wk/nc9KGuiFxj6TtBZBXzVmGoYbZVaXtBOEDWEz9tcYWMk2MOkdPYZ7aL5HwgOAGTSR+ki+2IZRF9iDwVROaRvUL7kN5YZyvH5RqSrRaxRpEjDpFObydyDscfmQ8KI5VjvtyO2NV74J4gMoN5exU7lTy5+F3p96K+WsQhR5kXBZHD3kZMNW18y+Y7837r8FC8XBVWyxHbIq+ZXxdEGkmHZVdJj4KbOLmNlvj3eYOLEdsincFVnhTZ77XwdJLv72Fyk7wwtpX1UUPWpa3qqIheMLrxJfIjIqKH7mTKo+Er6x+QK+QueU/0tM33ezCda1eVnipNwrMnF3nCjJm+1/Fa2O6NYBfPuK34zT09ihWqEX0xm0zMxjx7aAPa1PP3AvxBQ6bK4oqnyzQBulUtur0tfGkoc+m3sV2f88USefoUN+kumIcH/gswAPI2v6lpF55HAAAAAElFTkSuQmCC"},"474b":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAUCAYAAABxnDbHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZGRkIwNUMzOTg3ODExRUNCNTIxQTdEQzM3Mjk0MTBFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZGRkIwNUM0OTg3ODExRUNCNTIxQTdEQzM3Mjk0MTBFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkZGQjA1QzE5ODc4MTFFQ0I1MjFBN0RDMzcyOTQxMEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkZGQjA1QzI5ODc4MTFFQ0I1MjFBN0RDMzcyOTQxMEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65/sDAAAACpklEQVR42pSWS2gTQRzGv9lsVfrQ+qpV1EOFIK2Pgi8qWgXBg7l5EQx6sQfPtRRRURQREfEuiAdfeBIURG9aFYtFhfpCRHNRbK2ioiTU1uz4bXazu7Mzu6kDv51k9st885/HfyLQKwEbQCNpJnN95pBZfnsdvPKXjJMSIIqoRxHt/Nzo5HAfNYo1hBbq89QvsistIoVokciQZaSDtBGLrZeSjMRnTOcgczTaKyR2UO/6rbNDRapxC1lJ2smMSL9vGeUXzewrOlntI7v9OauW69Q/UyO1jIZNJA9vEdxoq5TJQ81wBEuoHAwGF+onyBH4NsmReu2bFEO3yetkmM+f+pzihGIY6s872/AhNE2e2nl8dkQ78OsJMhi0Vf0KWMFqj0H/i5wMNlUN0y3Kdgo7GiKluCmVp/nMGPRnnS6MJZtagc1i1m2GHVwkT7Uoh9FNbc6gHyXnlOOTsqZbtfXy1uYxn5PKmg1QLXAmQX/c6eRANVMRM7aQZb1Q2VCewQ/yItiRYS87qdtg0L8jF7REYYjSIt0JyeEBcaJHQdzkzhY4laA/JLOVPBYzFdr0riKztQ6AEX/k6s4U6CFZg/4JuWFMiTHDOrLRmAYl86tUDjvkKBqoOZag75dLtf0diTRkLWmIJQe3FMgnJUrvXS9pNehvy1YuRVLyj0RaT9YbspJrMxCfVvmc+Vigz6Avk4OpN07kB138Ns3QyWvyTVlHby0PUz/ToL8s5+NVuqkXaTNZHUsO1Rv0UTzDyLu83gT2G/TubXu01t1q+z/YzDoTGfE4eUNe8ttv7cC7eVQos/KdXCMXGeXHqZguIMuJQwq+2XtSNmQXTh7W8N/ELr6fJHfIFXKL5/EPpljsysUscM83K6X+c/BKnu0HyFXRhDFnO/67/BNgAPFkw2UT+XA3AAAAAElFTkSuQmCC"},"476a":function(t,e,a){"use strict";a("1efa")},"4ce2":function(t,e,a){},"59b6":function(t,e,a){"use strict";a("11eb")},"64f1":function(t,e,a){"use strict";a("c2ab")},"75dc":function(t,e,a){"use strict";a("c9b9")},9398:function(t,e,a){"use strict";a("ffb6")},"991b":function(t,e,a){},b6aa:function(t,e,a){},b836:function(t,e,a){"use strict";a("991b")},c1cf:function(t,e,a){},c2ab:function(t,e,a){},c4fe:function(t,e,a){"use strict";a("c1cf")},c9b9:function(t,e,a){},d6b8:function(t,e,a){"use strict";a("e7b0")},e7b0:function(t,e,a){},e92f:function(t,e,a){"use strict";a("b6aa")},ffb6:function(t,e,a){}}]); 2 | //# sourceMappingURL=chunk-df31efb4.ece0e613.js.map -------------------------------------------------------------------------------- /dist/other_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/dist/other_image.png -------------------------------------------------------------------------------- /dist/other_image2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/dist/other_image2.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue2-visualization", 3 | "version": "1.5.1", 4 | "private": true, 5 | "scripts": { 6 | "serve": "vue-cli-service serve", 7 | "build": "vue-cli-service build", 8 | "lint": "vue-cli-service lint" 9 | }, 10 | "dependencies": { 11 | "@jiaminghi/data-view": "^2.7.3", 12 | "@types/echarts": "^4.4.3", 13 | "core-js": "^3.6.4", 14 | "echarts": "^4.6.0", 15 | "echarts-wordcloud": "^1.1.3", 16 | "vue": "^2.6.11", 17 | "vue-router": "^3.1.5", 18 | "vuex": "^3.1.2" 19 | }, 20 | "devDependencies": { 21 | "@vue/cli-plugin-babel": "^4.2.0", 22 | "@vue/cli-plugin-eslint": "^4.2.0", 23 | "@vue/cli-service": "^4.2.0", 24 | "babel-eslint": "^10.0.3", 25 | "eslint": "^6.7.2", 26 | "eslint-plugin-vue": "^6.1.2", 27 | "sass": "^1.25.0", 28 | "sass-loader": "^8.0.2", 29 | "style-resources-loader": "^1.5.0", 30 | "vue-cli-plugin-style-resources-loader": "^0.1.5", 31 | "vue-template-compiler": "^2.6.11" 32 | }, 33 | "eslintConfig": { 34 | "root": true, 35 | "env": { 36 | "node": true 37 | }, 38 | "extends": [ 39 | "plugin:vue/essential", 40 | "eslint:recommended" 41 | ], 42 | "parserOptions": { 43 | "parser": "babel-eslint" 44 | }, 45 | "rules": {} 46 | }, 47 | "browserslist": [ 48 | "> 1%", 49 | "last 2 versions" 50 | ] 51 | } 52 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/public/favicon.ico -------------------------------------------------------------------------------- /public/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/public/image.png -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | <%= htmlWebpackPlugin.options.title %> 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /public/other_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/public/other_image.png -------------------------------------------------------------------------------- /public/other_image2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/public/other_image2.png -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 15 | -------------------------------------------------------------------------------- /src/assets/bj.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/src/assets/bj.jpg -------------------------------------------------------------------------------- /src/assets/header-right-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/src/assets/header-right-icon.png -------------------------------------------------------------------------------- /src/assets/height-left-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/src/assets/height-left-icon.png -------------------------------------------------------------------------------- /src/assets/left-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/src/assets/left-icon.png -------------------------------------------------------------------------------- /src/assets/right-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bin-zhi/vue2-visualization-LargeScreen/dadd5c1f4511a4df301645b82272d1a35d0d8aa6/src/assets/right-icon.png -------------------------------------------------------------------------------- /src/assets/scss/color.scss: -------------------------------------------------------------------------------- 1 | // 成功 2 | $succeedColor: #52c41a; 3 | // 失败 4 | $failColor: #ff4d4f; 5 | // 警告 6 | $warnColor: #faad14; 7 | -------------------------------------------------------------------------------- /src/assets/scss/index.scss: -------------------------------------------------------------------------------- 1 | #index { 2 | color: #d3d6dd; 3 | width: 1920px; 4 | height: 1080px; 5 | position: absolute; 6 | top: 50%; 7 | left: 50%; 8 | transform: translate(-50%, -50%); 9 | transform-origin: left top; 10 | overflow: hidden; 11 | 12 | .bg { 13 | width: 100%; 14 | height: 100%; 15 | padding: 16px 16px 0 16px; 16 | background-image: url('../assets/bj.jpg'); 17 | background-size: cover; 18 | background-position: center center; 19 | } 20 | 21 | .host-body { 22 | .header { 23 | display: flex; 24 | } 25 | .header-left, 26 | .header-right { 27 | width: 33.3%; 28 | height: 5px; 29 | } 30 | .header-right { 31 | transform: rotateY(180deg); 32 | } 33 | .text-boder { 34 | width: 200px; 35 | height: 50px; 36 | } 37 | .title { 38 | position: relative; 39 | width: 500px; 40 | text-align: center; 41 | background-size: cover; 42 | background-repeat: no-repeat; 43 | 44 | .title-text { 45 | font-size: 24px; 46 | position: absolute; 47 | top: 15px; 48 | left: 50%; 49 | transform: translate(-50%); 50 | } 51 | 52 | .title-text-decoration { 53 | position: absolute; 54 | bottom: -12px; 55 | left: 50%; 56 | width: 250px; 57 | height: 8px; 58 | transform: translate(-50%); 59 | } 60 | } 61 | .body-box { 62 | margin-top: 25px; 63 | display: flex; 64 | .left { 65 | flex: 3; 66 | } 67 | .center { 68 | flex: 5; 69 | } 70 | .right { 71 | flex: 3; 72 | } 73 | } 74 | } 75 | } 76 | -------------------------------------------------------------------------------- /src/assets/scss/style.scss: -------------------------------------------------------------------------------- 1 | // 全局样式 2 | * { 3 | margin: 0; 4 | padding: 0; 5 | list-style-type: none; 6 | outline: none; 7 | box-sizing: border-box; 8 | } 9 | 10 | html { 11 | margin: 0; 12 | padding: 0; 13 | } 14 | 15 | body { 16 | font-family: Arial, Helvetica, sans-serif; 17 | line-height: 1.2em; 18 | background-color: #f1f1f1; 19 | margin: 0; 20 | padding: 0; 21 | overflow: hidden; 22 | } 23 | 24 | a { 25 | color: #343440; 26 | text-decoration: none; 27 | } 28 | .sizeone, 29 | .sizetwo, 30 | .sizeThree { 31 | font-size: 20px; 32 | text-align: center; 33 | font-family: cursive; 34 | letter-spacing: 3px; 35 | } 36 | .sizeone { 37 | color: $succeedColor; 38 | } 39 | .sizetwo { 40 | color: $failColor; 41 | } 42 | .sizeThree { 43 | color: $warnColor; 44 | } 45 | -------------------------------------------------------------------------------- /src/common/echart/index.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /src/common/echart/theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "color": [ 3 | "#2d8cf0", 4 | "#19be6b", 5 | "#ff9900", 6 | "#E46CBB", 7 | "#9A66E4", 8 | "#ed3f14" 9 | ], 10 | "backgroundColor": "rgba(0,0,0,0)", 11 | "textStyle": {}, 12 | "title": { 13 | "textStyle": { 14 | "color": "#516b91" 15 | }, 16 | "subtextStyle": { 17 | "color": "#93b7e3" 18 | } 19 | }, 20 | "line": { 21 | "itemStyle": { 22 | "normal": { 23 | "borderWidth": "2" 24 | } 25 | }, 26 | "lineStyle": { 27 | "normal": { 28 | "width": "2" 29 | } 30 | }, 31 | "symbolSize": "6", 32 | "symbol": "emptyCircle", 33 | "smooth": true 34 | }, 35 | "radar": { 36 | "itemStyle": { 37 | "normal": { 38 | "borderWidth": "2" 39 | } 40 | }, 41 | "lineStyle": { 42 | "normal": { 43 | "width": "2" 44 | } 45 | }, 46 | "symbolSize": "6", 47 | "symbol": "emptyCircle", 48 | "smooth": true 49 | }, 50 | "bar": { 51 | "itemStyle": { 52 | "normal": { 53 | "barBorderWidth": 0, 54 | "barBorderColor": "#ccc" 55 | }, 56 | "emphasis": { 57 | "barBorderWidth": 0, 58 | "barBorderColor": "#ccc" 59 | } 60 | } 61 | }, 62 | "pie": { 63 | "itemStyle": { 64 | "normal": { 65 | "borderWidth": 0, 66 | "borderColor": "#ccc" 67 | }, 68 | "emphasis": { 69 | "borderWidth": 0, 70 | "borderColor": "#ccc" 71 | } 72 | } 73 | }, 74 | "scatter": { 75 | "itemStyle": { 76 | "normal": { 77 | "borderWidth": 0, 78 | "borderColor": "#ccc" 79 | }, 80 | "emphasis": { 81 | "borderWidth": 0, 82 | "borderColor": "#ccc" 83 | } 84 | } 85 | }, 86 | "boxplot": { 87 | "itemStyle": { 88 | "normal": { 89 | "borderWidth": 0, 90 | "borderColor": "#ccc" 91 | }, 92 | "emphasis": { 93 | "borderWidth": 0, 94 | "borderColor": "#ccc" 95 | } 96 | } 97 | }, 98 | "parallel": { 99 | "itemStyle": { 100 | "normal": { 101 | "borderWidth": 0, 102 | "borderColor": "#ccc" 103 | }, 104 | "emphasis": { 105 | "borderWidth": 0, 106 | "borderColor": "#ccc" 107 | } 108 | } 109 | }, 110 | "sankey": { 111 | "itemStyle": { 112 | "normal": { 113 | "borderWidth": 0, 114 | "borderColor": "#ccc" 115 | }, 116 | "emphasis": { 117 | "borderWidth": 0, 118 | "borderColor": "#ccc" 119 | } 120 | } 121 | }, 122 | "funnel": { 123 | "itemStyle": { 124 | "normal": { 125 | "borderWidth": 0, 126 | "borderColor": "#ccc" 127 | }, 128 | "emphasis": { 129 | "borderWidth": 0, 130 | "borderColor": "#ccc" 131 | } 132 | } 133 | }, 134 | "gauge": { 135 | "itemStyle": { 136 | "normal": { 137 | "borderWidth": 0, 138 | "borderColor": "#ccc" 139 | }, 140 | "emphasis": { 141 | "borderWidth": 0, 142 | "borderColor": "#ccc" 143 | } 144 | } 145 | }, 146 | "candlestick": { 147 | "itemStyle": { 148 | "normal": { 149 | "color": "#edafda", 150 | "color0": "transparent", 151 | "borderColor": "#d680bc", 152 | "borderColor0": "#8fd3e8", 153 | "borderWidth": "2" 154 | } 155 | } 156 | }, 157 | "graph": { 158 | "itemStyle": { 159 | "normal": { 160 | "borderWidth": 0, 161 | "borderColor": "#ccc" 162 | } 163 | }, 164 | "lineStyle": { 165 | "normal": { 166 | "width": 1, 167 | "color": "#aaa" 168 | } 169 | }, 170 | "symbolSize": "6", 171 | "symbol": "emptyCircle", 172 | "smooth": true, 173 | "color": [ 174 | "#2d8cf0", 175 | "#19be6b", 176 | "#f5ae4a", 177 | "#9189d5", 178 | "#56cae2", 179 | "#cbb0e3" 180 | ], 181 | "label": { 182 | "normal": { 183 | "textStyle": { 184 | "color": "#eee" 185 | } 186 | } 187 | } 188 | }, 189 | "map": { 190 | "itemStyle": { 191 | "normal": { 192 | "areaColor": "#f3f3f3", 193 | "borderColor": "#516b91", 194 | "borderWidth": 0.5 195 | }, 196 | "emphasis": { 197 | "areaColor": "rgba(165,231,240,1)", 198 | "borderColor": "#516b91", 199 | "borderWidth": 1 200 | } 201 | }, 202 | "label": { 203 | "normal": { 204 | "textStyle": { 205 | "color": "#000" 206 | } 207 | }, 208 | "emphasis": { 209 | "textStyle": { 210 | "color": "rgb(81,107,145)" 211 | } 212 | } 213 | } 214 | }, 215 | "geo": { 216 | "itemStyle": { 217 | "normal": { 218 | "areaColor": "#f3f3f3", 219 | "borderColor": "#516b91", 220 | "borderWidth": 0.5 221 | }, 222 | "emphasis": { 223 | "areaColor": "rgba(165,231,240,1)", 224 | "borderColor": "#516b91", 225 | "borderWidth": 1 226 | } 227 | }, 228 | "label": { 229 | "normal": { 230 | "textStyle": { 231 | "color": "#000" 232 | } 233 | }, 234 | "emphasis": { 235 | "textStyle": { 236 | "color": "rgb(81,107,145)" 237 | } 238 | } 239 | } 240 | }, 241 | "categoryAxis": { 242 | "axisLine": { 243 | "show": true, 244 | "lineStyle": { 245 | "color": "#cccccc" 246 | } 247 | }, 248 | "axisTick": { 249 | "show": false, 250 | "lineStyle": { 251 | "color": "#333" 252 | } 253 | }, 254 | "axisLabel": { 255 | "show": true, 256 | "textStyle": { 257 | "color": "#fff" 258 | } 259 | }, 260 | "splitLine": { 261 | "show": false, 262 | "lineStyle": { 263 | "color": [ 264 | "#eeeeee" 265 | ] 266 | } 267 | }, 268 | "splitArea": { 269 | "show": false, 270 | "areaStyle": { 271 | "color": [ 272 | "rgba(250,250,250,0.05)", 273 | "rgba(200,200,200,0.02)" 274 | ] 275 | } 276 | } 277 | }, 278 | "valueAxis": { 279 | "axisLine": { 280 | "show": true, 281 | "lineStyle": { 282 | "color": "#cccccc" 283 | } 284 | }, 285 | "axisTick": { 286 | "show": false, 287 | "lineStyle": { 288 | "color": "#333" 289 | } 290 | }, 291 | "axisLabel": { 292 | "show": true, 293 | "textStyle": { 294 | "color": "#fff" 295 | } 296 | }, 297 | "splitLine": { 298 | "show": false, 299 | "lineStyle": { 300 | "color": [ 301 | "#eeeeee" 302 | ] 303 | } 304 | }, 305 | "splitArea": { 306 | "show": false, 307 | "areaStyle": { 308 | "color": [ 309 | "rgba(250,250,250,0.05)", 310 | "rgba(200,200,200,0.02)" 311 | ] 312 | } 313 | } 314 | }, 315 | "logAxis": { 316 | "axisLine": { 317 | "show": true, 318 | "lineStyle": { 319 | "color": "#cccccc" 320 | } 321 | }, 322 | "axisTick": { 323 | "show": false, 324 | "lineStyle": { 325 | "color": "#333" 326 | } 327 | }, 328 | "axisLabel": { 329 | "show": true, 330 | "textStyle": { 331 | "color": "#999999" 332 | } 333 | }, 334 | "splitLine": { 335 | "show": true, 336 | "lineStyle": { 337 | "color": [ 338 | "#eeeeee" 339 | ] 340 | } 341 | }, 342 | "splitArea": { 343 | "show": false, 344 | "areaStyle": { 345 | "color": [ 346 | "rgba(250,250,250,0.05)", 347 | "rgba(200,200,200,0.02)" 348 | ] 349 | } 350 | } 351 | }, 352 | "timeAxis": { 353 | "axisLine": { 354 | "show": true, 355 | "lineStyle": { 356 | "color": "#cccccc" 357 | } 358 | }, 359 | "axisTick": { 360 | "show": false, 361 | "lineStyle": { 362 | "color": "#333" 363 | } 364 | }, 365 | "axisLabel": { 366 | "show": true, 367 | "textStyle": { 368 | "color": "#999999" 369 | } 370 | }, 371 | "splitLine": { 372 | "show": true, 373 | "lineStyle": { 374 | "color": [ 375 | "#eeeeee" 376 | ] 377 | } 378 | }, 379 | "splitArea": { 380 | "show": false, 381 | "areaStyle": { 382 | "color": [ 383 | "rgba(250,250,250,0.05)", 384 | "rgba(200,200,200,0.02)" 385 | ] 386 | } 387 | } 388 | }, 389 | "toolbox": { 390 | "iconStyle": { 391 | "normal": { 392 | "borderColor": "#999" 393 | }, 394 | "emphasis": { 395 | "borderColor": "#666" 396 | } 397 | } 398 | }, 399 | "legend": { 400 | "textStyle": { 401 | "color": "#fff" 402 | } 403 | }, 404 | "tooltip": { 405 | "axisPointer": { 406 | "lineStyle": { 407 | "color": "#ccc", 408 | "width": 1 409 | }, 410 | "crossStyle": { 411 | "color": "#ccc", 412 | "width": 1 413 | } 414 | } 415 | }, 416 | "timeline": { 417 | "lineStyle": { 418 | "color": "#8fd3e8", 419 | "width": 1 420 | }, 421 | "itemStyle": { 422 | "normal": { 423 | "color": "#8fd3e8", 424 | "borderWidth": 1 425 | }, 426 | "emphasis": { 427 | "color": "#8fd3e8" 428 | } 429 | }, 430 | "controlStyle": { 431 | "normal": { 432 | "color": "#8fd3e8", 433 | "borderColor": "#8fd3e8", 434 | "borderWidth": 0.5 435 | }, 436 | "emphasis": { 437 | "color": "#8fd3e8", 438 | "borderColor": "#8fd3e8", 439 | "borderWidth": 0.5 440 | } 441 | }, 442 | "checkpointStyle": { 443 | "color": "#8fd3e8", 444 | "borderColor": "rgba(138,124,168,0.37)" 445 | }, 446 | "label": { 447 | "normal": { 448 | "textStyle": { 449 | "color": "#8fd3e8" 450 | } 451 | }, 452 | "emphasis": { 453 | "textStyle": { 454 | "color": "#8fd3e8" 455 | } 456 | } 457 | } 458 | }, 459 | "visualMap": { 460 | "color": [ 461 | "#516b91", 462 | "#59c4e6", 463 | "#a5e7f0" 464 | ] 465 | }, 466 | "dataZoom": { 467 | "backgroundColor": "rgba(0,0,0,0)", 468 | "dataBackgroundColor": "rgba(255,255,255,0.3)", 469 | "fillerColor": "rgba(167,183,204,0.4)", 470 | "handleColor": "#a7b7cc", 471 | "handleSize": "100%", 472 | "textStyle": { 473 | "color": "#333" 474 | } 475 | }, 476 | "markPoint": { 477 | "label": { 478 | "normal": { 479 | "textStyle": { 480 | "color": "#eee" 481 | } 482 | }, 483 | "emphasis": { 484 | "textStyle": { 485 | "color": "#eee" 486 | } 487 | } 488 | } 489 | } 490 | } 491 | -------------------------------------------------------------------------------- /src/components/echart/center/center-bottom-echart/index.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 53 | 54 | -------------------------------------------------------------------------------- /src/components/echart/center/center-top-echart/chart.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 157 | 158 | -------------------------------------------------------------------------------- /src/components/echart/center/center-top-echart/index.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 283 | 284 | -------------------------------------------------------------------------------- /src/components/echart/left/left-bottom-echart/chart.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 90 | 91 | -------------------------------------------------------------------------------- /src/components/echart/left/left-bottom-echart/index.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 255 | 256 | -------------------------------------------------------------------------------- /src/components/echart/left/left-center-echart/chart.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 173 | -------------------------------------------------------------------------------- /src/components/echart/left/left-center-echart/index.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /src/components/echart/left/left-top-echart/chart.vue: -------------------------------------------------------------------------------- 1 | 12 | 13 | 391 | -------------------------------------------------------------------------------- /src/components/echart/left/left-top-echart/index.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 52 | 53 | 58 | -------------------------------------------------------------------------------- /src/components/echart/right/right-bottom-echart/chart.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 69 | 70 | -------------------------------------------------------------------------------- /src/components/echart/right/right-bottom-echart/index.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 163 | -------------------------------------------------------------------------------- /src/components/echart/right/right-center-echart/chart.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 226 | -------------------------------------------------------------------------------- /src/components/echart/right/right-center-echart/index.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 24 | -------------------------------------------------------------------------------- /src/components/header-title/header-title.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 25 | 61 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import router from './router' 4 | import store from './store' 5 | import dataV from '@jiaminghi/data-view' 6 | import Echart from './common/echart/index.vue' 7 | import HeaderTitle from './components/header-title/header-title.vue' 8 | Vue.component('Echart', Echart) 9 | Vue.component('HeaderTitle', HeaderTitle) 10 | // 引入全局css 11 | import './assets/scss/style.scss' 12 | //引入echart 13 | //4.x 引用方式 14 | import echarts from 'echarts' 15 | import 'echarts-wordcloud' 16 | //5.x 引用方式为按需引用 17 | //希望使用5.x版本的话,需要在package.json中更新版本号,并切换引用方式 18 | //import * as echarts from 'echarts' 19 | Vue.prototype.$echarts = echarts 20 | Vue.config.productionTip = false 21 | Vue.use(dataV) 22 | 23 | new Vue({ 24 | router, 25 | store, 26 | render: (h) => h(App), 27 | }).$mount('#app') 28 | -------------------------------------------------------------------------------- /src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import VueRouter from 'vue-router' 3 | 4 | Vue.use(VueRouter) 5 | 6 | const routes = [{ 7 | path: '/', 8 | name: 'index', 9 | component: () => import('../views/index.vue') 10 | }] 11 | const router = new VueRouter({ 12 | routes 13 | }) 14 | 15 | export default router -------------------------------------------------------------------------------- /src/store/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Vuex from 'vuex' 3 | 4 | Vue.use(Vuex) 5 | 6 | export default new Vuex.Store({ 7 | state: { 8 | }, 9 | mutations: { 10 | }, 11 | actions: { 12 | }, 13 | modules: { 14 | } 15 | }) 16 | -------------------------------------------------------------------------------- /src/utils/drawMixin.js: -------------------------------------------------------------------------------- 1 | // 屏幕适配 mixin 函数 2 | 3 | // * 默认缩放值 4 | const scale = { 5 | width: '1', 6 | height: '1', 7 | } 8 | 9 | // * 设计稿尺寸（px） 10 | const baseWidth = 1920 11 | const baseHeight = 1080 12 | 13 | // * 需保持的比例（默认1.77778） 14 | const baseProportion = parseFloat((baseWidth / baseHeight).toFixed(5)) 15 | 16 | export default { 17 | data() { 18 | return { 19 | // * 定时函数 20 | drawTiming: null 21 | } 22 | }, 23 | mounted () { 24 | this.calcRate() 25 | window.addEventListener('resize', this.resize) 26 | }, 27 | beforeDestroy () { 28 | window.removeEventListener('resize', this.resize) 29 | }, 30 | methods: { 31 | calcRate () { 32 | const appRef = this.$refs["appRef"] 33 | if (!appRef) return 34 | // 当前宽高比 35 | const currentRate = parseFloat((window.innerWidth / window.innerHeight).toFixed(5)) 36 | if (appRef) { 37 | if (currentRate > baseProportion) { 38 | // 表示更宽 39 | scale.width = ((window.innerHeight * baseProportion) / baseWidth).toFixed(5) 40 | scale.height = (window.innerHeight / baseHeight).toFixed(5) 41 | appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)` 42 | } else { 43 | // 表示更高 44 | scale.height = ((window.innerWidth / baseProportion) / baseHeight).toFixed(5) 45 | scale.width = (window.innerWidth / baseWidth).toFixed(5) 46 | appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)` 47 | } 48 | } 49 | }, 50 | resize () { 51 | clearTimeout(this.drawTiming) 52 | this.drawTiming = setTimeout(() => { 53 | this.calcRate() 54 | }, 200) 55 | } 56 | }, 57 | } -------------------------------------------------------------------------------- /src/utils/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @param {Function} fn 防抖函数 3 | * @param {Number} delay 延迟时间 4 | */ 5 | export function debounce(fn, delay) { 6 | var timer; 7 | return function () { 8 | var context = this; 9 | var args = arguments; 10 | clearTimeout(timer); 11 | timer = setTimeout(function () { 12 | fn.apply(context, args); 13 | }, delay); 14 | }; 15 | } 16 | 17 | /** 18 | * @param {date} time 需要转换的时间 19 | * @param {String} fmt 需要转换的格式 如 yyyy-MM-dd、yyyy-MM-dd HH:mm:ss 20 | */ 21 | export function formatTime(time, fmt) { 22 | if (!time) return ''; 23 | else { 24 | const date = new Date(time); 25 | const o = { 26 | 'M+': date.getMonth() + 1, 27 | 'd+': date.getDate(), 28 | 'H+': date.getHours(), 29 | 'm+': date.getMinutes(), 30 | 's+': date.getSeconds(), 31 | 'q+': Math.floor((date.getMonth() + 3) / 3), 32 | S: date.getMilliseconds(), 33 | }; 34 | if (/(y+)/.test(fmt)) 35 | fmt = fmt.replace( 36 | RegExp.$1, 37 | (date.getFullYear() + '').substr(4 - RegExp.$1.length) 38 | ); 39 | for (const k in o) { 40 | if (new RegExp('(' + k + ')').test(fmt)) { 41 | fmt = fmt.replace( 42 | RegExp.$1, 43 | RegExp.$1.length === 1 44 | ? o[k] 45 | : ('00' + o[k]).substr(('' + o[k]).length) 46 | ); 47 | } 48 | } 49 | return fmt; 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /src/utils/resizeMixin.js: -------------------------------------------------------------------------------- 1 | // 混入代码 resize-mixins.js 2 | // 改成 Scale 缩放之后，没有使用这个代码，但是保留 3 | import { debounce } from '@/utils'; 4 | const resizeChartMethod = '$__resizeChartMethod'; 5 | 6 | export default { 7 | data() { 8 | // 在组件内部将图表 init 的引用映射到 chart 属性上 9 | return { 10 | chart: null, 11 | }; 12 | }, 13 | created() { 14 | window.addEventListener('resize', this[resizeChartMethod], false); 15 | }, 16 | activated() { 17 | // 防止 keep-alive 之后图表变形 18 | if (this.chart) { 19 | this.chart.resize() 20 | } 21 | }, 22 | beforeDestroy() { 23 | window.removeEventListener('reisze', this[resizeChartMethod]); 24 | }, 25 | methods: { 26 | // 防抖函数来控制 resize 的频率 27 | [resizeChartMethod]: debounce(function() { 28 | if (this.chart) { 29 | this.chart.resize(); 30 | } 31 | }, 300), 32 | }, 33 | }; 34 | -------------------------------------------------------------------------------- /src/views/center-bottom.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 24 | 30 | -------------------------------------------------------------------------------- /src/views/center-top.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 23 | 29 | -------------------------------------------------------------------------------- /src/views/index.vue: -------------------------------------------------------------------------------- 1 | 76 | 77 | 120 | 121 | 153 | -------------------------------------------------------------------------------- /src/views/left-bottom.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 24 | 30 | -------------------------------------------------------------------------------- /src/views/left-center.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 22 | 28 | -------------------------------------------------------------------------------- /src/views/left-top.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 25 | 31 | -------------------------------------------------------------------------------- /src/views/right-bottom.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 22 | 28 | -------------------------------------------------------------------------------- /src/views/right-center.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 24 | 30 | -------------------------------------------------------------------------------- /src/views/right-top.vue: -------------------------------------------------------------------------------- 1 | 29 | 30 | 40 | 60 | -------------------------------------------------------------------------------- /vue.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path') 2 | const resolve = (dir) => { 3 | return path.join(__dirname, dir) 4 | } 5 | module.exports = { 6 | publicPath: './', 7 | chainWebpack: (config) => { 8 | config.resolve.alias.set('_c', resolve('src/components')) //自定义引入路径名称 9 | }, 10 | pluginOptions: { 11 | 'style-resources-loader': { 12 | preProcessor: 'scss', 13 | patterns: [path.join(__dirname, './src/assets/scss/color.scss')], 14 | }, 15 | }, 16 | } 17 | --------------------------------------------------------------------------------