Commit 28bc4a8d by T

第一次提交

parents
.DS_Store
node_modules
/dist
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
*.zip
# 前言
* 一个基于Vue前端框架和第三方图表库echarts构建的可视化大数据平台,通过vue项目构建、指令的灵活运用、组件封装、组件之间通信,使内部图表组件库可实现自由替换和组合。
* 项目中部分前端库采用外部CDN引入,可以减少打包文件体积,加快页面渲染。
* 可视化数据大屏展示对前端性能要求高,建议使用谷歌浏览器查看或开发,屏幕尺寸为1920px宽和1080px高是最佳效果。
* 目前制作数据可视化大屏,前端比较流行的第三方库有:Echarts(百度),AntV(阿里),Highcharts(国外公司),D3.js(国外公司)。
* 如果感觉还不错的话,老铁们是不是赏个★Star鼓励一哈,后续会持续更新和优化,也期待大家的交流。
[在线效果演示](https://jackchen0120.github.io/vueDataV/)
# 效果截图
## 登录界面
<img src="https://github.com/jackchen0120/vueDataV/blob/master/public/img/login_0.png" width="900" alt="登录界面" />
<img src="https://github.com/jackchen0120/vueDataV/blob/master/public/img/login_1.png" width="900" alt="登录界面" />
<img src="https://github.com/jackchen0120/vueDataV/blob/master/public/img/login_2.png" width="900" alt="登录界面" />
## 首页酷屏统计图
<img src="https://github.com/jackchen0120/vueDataV/blob/master/public/img/dataV_1.png" width="900" alt="首页酷屏统计图" />
<img src="https://github.com/jackchen0120/vueDataV/blob/master/public/img/dataV_2.png" width="900" alt="首页酷屏统计图" />
<img src="https://github.com/jackchen0120/vueDataV/blob/master/public/img/dataV_3.png" width="900" alt="首页酷屏统计图" />
<img src="https://github.com/jackchen0120/vueDataV/blob/master/public/img/dataV_4.png" width="900" alt="首页酷屏统计图" />
## 公司品牌介绍
<img src="https://github.com/jackchen0120/vueDataV/blob/master/public/img/brand.png" width="900" alt="炫酷展示公司品牌" />
# 项目架构
```
│ vue.config.js // webpack配置
├─public
│ favicon.ico // ico图标
│ index.html // 入口html文件
└─src
│ App.vue // 根组件
│ main.js // 程序入口文件
├─assets
│ ├─iconfont // 引用阿里巴巴矢量图标库
│ ├─img // 存放公共图片文件夹
│ ├─js
│ │ utils.js // 封装工具类方法
│ └─styles
│ │ base.scss // 基础样式文件
│ │ common.scss // 公用样式文件
│ └─fonts // 字体库文件
├─components
│ │ index.js // 封装组件库
│ ├─bar3d // 3D立体柱状图
│ ├─bgAnimation // 登录界面背景图动画
│ ├─cakeLinkage // 柱饼组合联动
│ ├─circleNesting // 圆环套圆环
│ ├─circleRunway // 环形跑道图
│ ├─colorfulArea // 多彩轮播面积
│ ├─colorfulRadar // 多彩雷达
│ ├─companySummary
│ │ business.vue // 业务范围
│ │ distrbution.vue // 客户分布
│ │ history.vue // 发展历程
│ │ income.vue // 营业收入
│ │ talent.vue // 人才队伍
│ │ wordCloud.vue // 产品热词
│ ├─dynamicLine // 动态轮播折线图
│ ├─dynamicList // 动态列表动画
│ ├─flashCloud // 闪动云
│ ├─gauge // 仪表盘
│ ├─modal // 自定义全局模态框
│ ├─pyramid // 金字塔动画
│ ├─pyramidTrend // 金字塔趋势
│ ├─rainbow // 彩虹轨道图
│ ├─ringPie // 环形饼图
│ ├─ringPin // 环形气泡图
│ ├─rotateColorful // 旋转多彩图
│ ├─scanRadius // 扫描半径图
│ ├─scrollArc // 滚动弧形线
│ ├─seamless // 新闻无缝滚动
│ ├─sinan // 司南排名图
│ ├─staffMix // 人员占比
│ ├─szBar // 双轴柱状图
│ ├─toast
│ │ index.js // 注册全局消息提示框组件
│ │ index.vue // 自定义消息提示框模板
│ └─waterPolo
│ index.vue // 水球图、水波图
├─router
│ index.js // 单页面路由注册组件
├─store
│ index.js // 状态管理仓库未使用到
└─views
Brand.vue // 公司品牌介绍
Home.vue // 酷屏首页统计图
Login.vue // 登录界面
```
# 技术栈
* vue2.6
* echarts4.7
* axios
* webpack
* ES6
* scss
* css3
* jquery
* iconfont
# 功能模块
* 登录界面抖动
* 粒子动效
* 背景图轮播
* 自定义全局模态框
* 自定义消息提示框
* 酷屏首页组件库
* 各种酷炫小部件
* 炫酷展示公司品牌
# 下载安装依赖
```
git clone https://github.com/jackchen0120/vueDataV.git
cd vueDataV
npm install 或 yarn
```
## 开发模式
```
npm run serve
```
运行之后,访问地址:http://localhost:8081
## 生产环境打包
```
npm run build
```
theme: jekyll-theme-architect
\ No newline at end of file
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
This source diff could not be displayed because it is too large. You can view the blob instead.
.home-container[data-v-cf13c2c6]{position:absolute;left:0;top:0;width:100%;height:100%}.home-container .wrap[data-v-cf13c2c6]{transform-origin:0 0 0;background:url(../img/bj.ba638b19.jpg) no-repeat;background-size:contain;background-position:50% 0;background-color:#000;min-width:auto;width:1920px;min-height:auto;height:1080px;overflow:auto}.home-container .wrap .top[data-v-cf13c2c6]{position:absolute;left:0;top:0;width:100%;height:80px;background-color:transparent;background:url(../img/top_nav.ba6cc1f2.png) no-repeat;background-position:65% 0;border:none;overflow:hidden}.home-container .wrap .divider[data-v-cf13c2c6]{position:absolute;left:50px;top:3253px;width:90%;height:50px;width:300px;border:none;background:transparent}
\ No newline at end of file
.login-container .layer[data-v-c8f3a7d8]{position:absolute;height:100%;width:100%}.login-container #particles-js[data-v-c8f3a7d8]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}.login-container .some-space[data-v-c8f3a7d8]{color:#fff;font-weight:100;letter-spacing:2px;position:absolute;top:50%;left:50%;z-index:1001;transform:translate3d(-50%,-50%,0);-webkit-animation:cloud-data-v-c8f3a7d8 2s ease-in 3s infinite alternate;animation:cloud-data-v-c8f3a7d8 2s ease-in 3s infinite alternate}.login-container .some-space .form[data-v-c8f3a7d8]{width:460px;height:auto;background:rgba(36,36,85,.5);margin:0 auto;padding:35px 30px 25px;box-shadow:0 0 25px hsla(0,0%,100%,.5);border-radius:10px}.login-container .some-space .form .item[data-v-c8f3a7d8]{display:flex;align-items:center;margin-bottom:25px;border-bottom:1px solid #d3d7f7}.login-container .some-space .form .item i[data-v-c8f3a7d8]{color:#d3d7f7;margin-right:10px}.login-container .some-space .form h2[data-v-c8f3a7d8]{text-align:center;font-weight:400;font-size:26px;color:#d3d7f7;padding-bottom:35px}.login-container .some-space .form .input[data-v-c8f3a7d8]{font-size:16px;line-height:30px;width:100%;color:#d3d7f7;outline:none;border:none;background-color:transparent;padding:10px 0}.login-container .some-space .form .loginBtn[data-v-c8f3a7d8]{width:100%;padding:12px 0;border:1px solid #d3d7f7;font-size:16px;color:#d3d7f7;cursor:pointer;background:transparent;border-radius:4px;margin-top:10px}.login-container .some-space .form .loginBtn[data-v-c8f3a7d8]:hover{color:#fff;background:#0090ff;border-color:#0090ff}.login-container .some-space .form .tip[data-v-c8f3a7d8]{font-size:12px;padding-top:20px}input[data-v-c8f3a7d8]::-webkit-input-placeholder{color:#d3d7f7}input[data-v-c8f3a7d8]:-moz-placeholder,input[data-v-c8f3a7d8]::-moz-placeholder{color:#d3d7f7}input[data-v-c8f3a7d8]:-ms-input-placeholder{color:#d3d7f7}@-webkit-keyframes cloud-data-v-c8f3a7d8{0%{-webkit-transform:translate(-50%,-50%)}40%{opacity:1}60%{opacity:1}to{-webkit-transform:translate(-50%,-40%)}}@keyframes cloud-data-v-c8f3a7d8{0%{transform:translate(-50%,-50%)}40%{opacity:1}60%{opacity:1}to{transform:translate(-50%,-40%)}}
\ No newline at end of file
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!--
2013-9-30: Created.
-->
<svg>
<metadata>
Created by iconfont
</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024" >
<font-face
font-family="iconfont"
font-weight="500"
font-stretch="normal"
units-per-em="1024"
ascent="896"
descent="-128"
/>
<missing-glyph />
<glyph glyph-name="user" unicode="&#58988;" d="M283.083845 605.200938c0-126.207423 102.313224-228.5186 228.511437-228.5186 126.2064 0 228.514507 102.311177 228.514507 228.5186 0 126.202307-102.308107 228.51553-228.514507 228.51553C385.390929 833.716468 283.083845 731.403245 283.083845 605.200938L283.083845 605.200938zM647.796314 376.145102c-39.302121-25.200962-86.044702-39.814798-136.202055-39.814798-50.154283 0-96.894817 14.613836-136.197962 39.814798-171.106006-56.998155-294.485011-218.435964-294.485011-408.697239 0-11.157107 0.422625-22.218024 1.254573-33.164331l858.852706 0c0.831948 10.946306 1.255597 22.007223 1.255597 33.164331 0 190.261275-123.372865 351.698061-294.483988 408.697239L647.796314 376.145102zM647.796314 376.145102" horiz-adv-x="1024" />
<glyph glyph-name="close" unicode="&#58983;" d="M810 622l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" horiz-adv-x="1024" />
<glyph glyph-name="info" unicode="&#58884;" d="M512 810.56A426.56 426.56 0 1 1 938.56 384 426.88 426.88 0 0 1 512 810.56z m42.56-640h-85.12v256h85.44v-256z m0 341.44h-85.12V597.44h85.44V512z" horiz-adv-x="1024" />
<glyph glyph-name="password" unicode="&#58886;" d="M780.8 541.42H665.6v42.89c0 72.31-19.85 193.3-153.6 193.3-138.87 0-153.6-135.05-153.6-193.3v-42.89H243.2v42.89C243.2 773.75 348.79 896 512 896s268.8-122.25 268.8-311.69v-42.89z m-192-314.84c0 43.52-34.58 78.65-76.8 78.65s-76.8-35.13-76.8-78.65c0-29.46 15.4-54.47 38.44-67.82v-89.64c0-21.74 17.25-39.7 38.4-39.7s38.4 17.96 38.4 39.7v89.64c23 13.35 38.36 38.36 38.36 67.82zM896 384v-393.61c0-65.26-51.87-118.39-115.2-118.39H243.2c-63.291 0-115.2 53.13-115.2 118.39V384c0 65.22 51.87 118.39 115.2 118.39h537.6c63.33 0 115.2-53.17 115.2-118.39z" horiz-adv-x="1024" />
<glyph glyph-name="warning" unicode="&#58998;" d="M512 768c-213.589333 0-384-170.410667-384-384s170.410667-384 384-384 384 170.410667 384 384-170.410667 384-384 384z m-36.949333-150.229333c10.069333 10.069333 18.688 16.768 35.029333 16.768 18.261333 1.450667 35.029333-7.168 41.770667-20.138667 7.68-9.130667 11.989333-29.269333 10.069333-41.301333 0-3.328-2.389333-25.898667-3.370667-32.128l-13.44-170.410667c0-16.810667-3.370667-33.578667-10.069333-46.549333-3.370667-10.069333-13.44-16.810667-26.88-16.810667a25.258667 25.258667 0 0 0-23.509333 16.810667c-6.741333 16.810667-10.069333 30.250667-10.069334 46.549333L465.450667 537.6c-3.370667 30.250667-3.370667 20.181333-3.370667 36.949333 0 16.341333 3.370667 29.781333 12.970667 43.221334z m73.898666-470.912a48.128 48.128 0 0 0-33.578666-13.397334c-13.44 0-26.88 3.328-36.992 13.397334a55.338667 55.338667 0 0 0-16.768 39.850666c0 13.44 3.370667 26.88 13.44 36.949334 10.069333 10.112 23.509333 16.810667 36.949333 16.810666 13.44 0 26.88-6.698667 36.949333-16.768 10.069333-10.112 13.44-23.552 13.44-36.992-0.469333-16.298667-3.84-29.738667-13.44-39.850666z" horiz-adv-x="1024" />
<glyph glyph-name="error" unicode="&#59014;" d="M512 810.666667C276.48 810.666667 85.333333 619.733333 85.333333 384s191.146667-426.666667 426.666667-426.666667 426.666667 190.933333 426.666667 426.666667S747.52 810.666667 512 810.666667z m42.666667-640h-85.333334v85.333333h85.333334v-85.333333z m0 170.666666h-85.333334V597.333333h85.333334v-256z" horiz-adv-x="1024" />
<glyph glyph-name="success" unicode="&#58987;" d="M512 832q190.016-4.992 316.512-131.488T960 384q-4.992-190.016-131.488-316.512T512-64q-190.016 4.992-316.512 131.488T64 384q4.992 190.016 131.488 316.512T512 832z m-56-536l-99.008 99.008q-12 11.008-27.488 11.008t-27.008-11.488-11.488-26.496 11.008-27.008l127.008-127.008q11.008-11.008 27.008-11.008t27.008 11.008l263.008 263.008q15.008 15.008 9.504 36.512t-27.008 27.008-36.512-9.504z" horiz-adv-x="1024" />
</font>
</defs></svg>
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vueDataV/favicon.ico><title>vueDatav</title><link href=/vueDataV/css/chunk-42bb53c6.17986967.css rel=prefetch><link href=/vueDataV/css/chunk-7f5fddf8.c7d0dd82.css rel=prefetch><link href=/vueDataV/css/chunk-f480c3ae.079a3f8e.css rel=prefetch><link href=/vueDataV/js/chunk-42bb53c6.05690ba1.js rel=prefetch><link href=/vueDataV/js/chunk-7f5fddf8.6c7be828.js rel=prefetch><link href=/vueDataV/js/chunk-f480c3ae.0c7bde3a.js rel=prefetch><link href=/vueDataV/css/app.d44fbdfc.css rel=preload as=style><link href=/vueDataV/js/app.cba725cd.js rel=preload as=script><link href=/vueDataV/js/chunk-vendors.27946ba5.js rel=preload as=script><link href=/vueDataV/css/app.d44fbdfc.css rel=stylesheet></head><body><script src=//cdn.bootcdn.net/ajax/libs/jquery/1.10.2/jquery.min.js></script><script src=//cdn.bootcdn.net/ajax/libs/echarts/4.7.0/echarts.min.js></script><script src=//www.echartsjs.com/zh/dist/echarts-gl.min.js></script><script src=//www.echartsjs.com/resource/echarts-liquidfill-latest/dist/echarts-liquidfill.min.js></script><script src=//cdn.bootcdn.net/ajax/libs/axios/0.19.0/axios.min.js></script><noscript><strong>We're sorry but vueDatav doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vueDataV/js/chunk-vendors.27946ba5.js></script><script src=/vueDataV/js/app.cba725cd.js></script></body></html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-7f5fddf8"],{"178f":function(t,e,n){},"9bd8":function(t,e,n){"use strict";var c=n("178f"),i=n.n(c);i.a},bb51:function(t,e,n){"use strict";n.r(e);var c=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"home-container"},[n("div",{ref:"editor",staticClass:"wrap"},[n("div",{staticClass:"top"}),n("sinan"),n("seamless"),n("pyramid"),n("scrollArc"),n("szBar"),n("ringPin"),n("rotateColorful"),n("circleRunway"),n("scanRadius"),n("cakeLinkage"),n("pyramidTrend"),n("dynamicLine"),n("staffMix"),n("flashCloud"),n("ringPie"),n("colorfulRadar"),n("dynamicList"),n("bar3d"),n("colorfulArea"),n("rainbow"),n("gauge"),n("waterPolo"),n("circleNesting"),n("div",{staticClass:"divider"})],1)])},i=[];function o(t){var e=document.body.clientWidth||document.documentElement.clientWidth,n=document.body.clientHeight||document.documentElement.clientHeight,c=1920,i=1080,o=e/c,a=n/i;t.style.cssText+=";transform: scale("+o+","+a+")",$(window).resize((function(){var e=document.body.clientWidth||document.documentElement.clientWidth,n=document.body.clientHeight||document.documentElement.clientHeight;o=e/c,a=n/i,t.style.cssText+=";transform: scale("+o+","+a+")"}))}var a={name:"Home",components:{},data:function(){return{}},computed:{},created:function(){},mounted:function(){o(this.$refs.editor)},methods:{}},d=a,s=(n("9bd8"),n("2877")),r=Object(s["a"])(d,c,i,!1,null,"cf13c2c6",null);e["default"]=r.exports}}]);
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-f480c3ae"],{2062:function(e,t,i){},a55b:function(e,t,i){"use strict";i.r(t);var n=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"login-container"},[i("div",{staticClass:"layer"},[i("div",{staticClass:"some-space"},[i("div",{staticClass:"form"},[i("h2",[e._v("大数据可视化平台")]),i("div",{staticClass:"item"},[i("i",{staticClass:"iconfont icon-user"}),i("input",{directives:[{name:"model",rawName:"v-model",value:e.userName,expression:"userName"}],staticClass:"input",attrs:{autocomplete:"off",type:"text",placeholder:"请输入用户名"},domProps:{value:e.userName},on:{input:function(t){t.target.composing||(e.userName=t.target.value)}}})]),i("div",{staticClass:"item"},[i("i",{staticClass:"iconfont icon-password"}),i("input",{directives:[{name:"model",rawName:"v-model",value:e.userPwd,expression:"userPwd"}],staticClass:"input",attrs:{autocomplete:"off",type:"password",maxlength:"20",placeholder:"请输入密码"},domProps:{value:e.userPwd},on:{keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.login(t)},input:function(t){t.target.composing||(e.userPwd=t.target.value)}}})]),i("button",{staticClass:"loginBtn",attrs:{disabled:e.isLoginAble},on:{click:function(t){return t.stopPropagation(),e.login(t)}}},[e._v(" 立即登录 ")]),i("div",{staticClass:"tip"},[e._v(" 默认用户名:admin ,默认密码:123456 ")])])])]),i("vue-particles",{attrs:{color:"#6495ED",particleOpacity:.7,particlesNumber:80,shapeType:"circle",particleSize:4,linesColor:"#6495ED",linesWidth:1,lineLinked:!0,lineOpacity:.6,linesDistance:150,moveSpeed:3,hoverEffect:!0,hoverMode:"grab",clickEffect:!0,clickMode:"push"}}),i("bgAnimation"),i("modal",{attrs:{title:"提示",content:e.modalContent,visible:e.visible},on:{"update:visible":function(t){e.visible=t},confirm:e.confirm}})],1)},s=[],o={name:"Login",components:{},data:function(){return{userName:"admin",userPwd:"123456",visible:!1,modalContent:"这是一段自定义模态框消息"}},computed:{isLoginAble:function(){return!(this.userName&&this.userPwd)}},created:function(){},mounted:function(){},methods:{login:function(){"admin"==this.userName&&"123456"==this.userPwd?this.$router.push({path:"/home"}):this.$Toast({content:"请输入正确的用户名和密码",type:"error"})},confirm:function(){this.visible=!1,console.log("点击确定")}}},a=o,r=(i("f05d"),i("2877")),c=Object(r["a"])(a,n,s,!1,null,"c8f3a7d8",null);t["default"]=c.exports},f05d:function(e,t,i){"use strict";var n=i("2062"),s=i.n(n);s.a}}]);
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
{
"name": "vueDatav",
"version": "0.1.0",
"private": true,
"author": "Huangqy",
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.6.4",
"vue": "^2.6.11",
"vue-router": "^3.1.6",
"vue-seamless-scroll": "^1.1.21",
"vuex": "^3.2.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.3.0",
"@vue/cli-plugin-eslint": "^4.3.0",
"@vue/cli-service": "^4.3.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2",
"jsencrypt": "^3.0.0-rc.1",
"node-sass": "^6.0.1",
"sass-loader": "^10.0.1",
"vue-count-to": "^1.0.13",
"vue-particles": "^1.0.9",
"vue-template-compiler": "^2.6.11"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta base=/my-app/ >
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<!-- <script src="//cdn.bootcdn.net/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//cdn.bootcdn.net/ajax/libs/echarts/4.7.0/echarts.min.js"></script>
<script src="//www.echartsjs.com/zh/dist/echarts-gl.min.js"></script>
<script src="//www.echartsjs.com/resource/echarts-liquidfill-latest/dist/echarts-liquidfill.min.js"></script>
<script src="//cdn.bootcdn.net/ajax/libs/axios/0.19.0/axios.min.js"></script> -->
<script src="<%= BASE_URL %>js/jquery.min.js"></script>
<script src="<%= BASE_URL %>js/echarts.min.js"></script>
<!-- <script src="<%= BASE_URL %>js/echarts-gl.min.js"></script> -->
<script src="<%= BASE_URL %>js/echarts-liquidfill.min.js"></script>
<script src="<%= BASE_URL %>js/axios.min.js"></script>
<!-- 全局配置 -->
<script>
window._CONFIG = {};
window._CONFIG['domianURL'] = 'http://192.168.3.188:5000';
window._CONFIG['mainURL'] = 'http://192.168.2.246:100';
//现场-all
// window._CONFIG['domianURL'] = 'http://41.190.20.132:5000';
// window._CONFIG['mainURL'] = 'http://41.190.20.132:99';
</script>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
<template>
<div id="app" v-cloak>
<router-view/>
</div>
</template>
<script>
export default {
name: "App"
};
</script>
<style lang="scss">
#app {
width: 100%;
height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1587564247382'); /* IE9 */
src: url('iconfont.eot?t=1587564247382#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASYAAsAAAAACbAAAARLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDbAqFaIUaATYCJAMgCxIABCAFhG0HZBuICBEVnM3JfhbYzRfR06xnIqVricL+W7/GTzkHwfP03ue5mVkJ7S/gl62AFBRjwDXvvsv+6a1ikWLjFGvCkY0233dqXYO1gAgVZsHS3uCTu853suUn6cZOgIC6vz9UzQaLz2fJdvk/a29cg8LhUDBgo3tbr2QtSAGnoNUidt0kHyK2nrwbAnAnIxMpWbpiTVyRSA4SgLRr3bIxri0b0kyzoEGUkTM1nIgTmjHKOMuECfnHyxsKcQUGsiK5V9UWpZpR9Ll+PlxZtoV66o21Pw9gnQcUIBPQQEaO+gajylwmCiPYrDkA3mgIKPtCcr+Wz9s97/F8uG2jTWvbyemCQ/T+xQOFhIAKkVGAOJPoPDVqs7wLeK4lFwo8d9bS17eEBQP6tpBR9e1gQaDvAQtO0A+HnjtMdt3fF/AHLjOR0oxasKAgIt8uePmIp6fW/v6+nmHFdTx921675rhxI+/6dfPq1ZqNz46unGWsML850jtGbjUdVc2a1fPMGo68voNK2tZ67qKHuItHX3cuWRWJw100PPUVa83fP3pvpLUuCWvVmDUiKzY0NT5XS3r/r8erJTfK+Pyutd3H82rOmLFiWdC0WYGhNa3QqYnLg6fPFjN8usyuPXVrcLZizZhVobMOSiRB4Q7WEdQmnlXfnD56pRXkmDYmpOWM+dsDw+sZx4FWYznK21Lqo3nlRsbJeFlGo3ZPt8/aPihz0S2Z5EtdfE1UoWYF5F/c4V0yY48ShlTGVv3xo1ZvNTFUdcWoLxPTwY8m93JU14yMAgMbOV2d5yPiM/wymTB+WV8BSp8oEw40Y03xNYQUD6vj54h1+NUJK55/y2gpWpxwlEnKNmx7iXjjhoJ6iY6hqv/uJye1+DmxLWeWcWu8VkVMaViUhhVKe+rLgw0P57zDd61/dqj0IP2Bdj1PmYXQHquK7tN//+p9HKVYqerXH3Zo0mR3TIvoNQMGrI5d7ez8fvXq9/wDYO8XN6jiACrdWA32NbVGZeQWS+QRAEwyZj6oNEPRP97nYMC6Lpsb+my+aR4aALePd7yhx2xLYnveFQGQ5X8zOXFCh8rE7qr9weSeCMCVEQW+JwvufA78vUL+3N+nIYicAUFryS0wUElBoZETNbUEJ0xGcEZjD+4UlDnfg5AuKKjdAOkMY0A8NoCAwxdEPM4RJeo9kEl4BwqeKBDuvHS84t6pZncROENJ109qPI9BOG1XND+geu2dNJU54wWiTZLyJOsW7zFC9nGMvlWFWaAgPNAdux/6nikKt/CW1GbxnKZh7I0Sz8Nk50KAY6BErj6RhsdGIV1sdr33fwCVVz1HZnoGki9AqGZ9kktkBOK9biT1PJfN6k2lYEzQ9wsEG5A7eKDnOUbi+K4WeCZRb8hEZ6k2K1B1yfENwyu9xGSykzxlk0CREmUqVKlRx2KFLH3PmWXRPIiXb6JTfWcp1+9OxmaslhBhWeur91CdTAAA') format('woff2'),
url('iconfont.woff?t=1587564247382') format('woff'),
url('iconfont.ttf?t=1587564247382') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1587564247382#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-user:before {
content: "\e66c";
}
.icon-close:before {
content: "\e667";
}
.icon-info:before {
content: "\e604";
}
.icon-password:before {
content: "\e606";
}
.icon-warning:before {
content: "\e676";
}
.icon-error:before {
content: "\e686";
}
.icon-success:before {
content: "\e66b";
}
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!--
2013-9-30: Created.
-->
<svg>
<metadata>
Created by iconfont
</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024" >
<font-face
font-family="iconfont"
font-weight="500"
font-stretch="normal"
units-per-em="1024"
ascent="896"
descent="-128"
/>
<missing-glyph />
<glyph glyph-name="user" unicode="&#58988;" d="M283.083845 605.200938c0-126.207423 102.313224-228.5186 228.511437-228.5186 126.2064 0 228.514507 102.311177 228.514507 228.5186 0 126.202307-102.308107 228.51553-228.514507 228.51553C385.390929 833.716468 283.083845 731.403245 283.083845 605.200938L283.083845 605.200938zM647.796314 376.145102c-39.302121-25.200962-86.044702-39.814798-136.202055-39.814798-50.154283 0-96.894817 14.613836-136.197962 39.814798-171.106006-56.998155-294.485011-218.435964-294.485011-408.697239 0-11.157107 0.422625-22.218024 1.254573-33.164331l858.852706 0c0.831948 10.946306 1.255597 22.007223 1.255597 33.164331 0 190.261275-123.372865 351.698061-294.483988 408.697239L647.796314 376.145102zM647.796314 376.145102" horiz-adv-x="1024" />
<glyph glyph-name="close" unicode="&#58983;" d="M810 622l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" horiz-adv-x="1024" />
<glyph glyph-name="info" unicode="&#58884;" d="M512 810.56A426.56 426.56 0 1 1 938.56 384 426.88 426.88 0 0 1 512 810.56z m42.56-640h-85.12v256h85.44v-256z m0 341.44h-85.12V597.44h85.44V512z" horiz-adv-x="1024" />
<glyph glyph-name="password" unicode="&#58886;" d="M780.8 541.42H665.6v42.89c0 72.31-19.85 193.3-153.6 193.3-138.87 0-153.6-135.05-153.6-193.3v-42.89H243.2v42.89C243.2 773.75 348.79 896 512 896s268.8-122.25 268.8-311.69v-42.89z m-192-314.84c0 43.52-34.58 78.65-76.8 78.65s-76.8-35.13-76.8-78.65c0-29.46 15.4-54.47 38.44-67.82v-89.64c0-21.74 17.25-39.7 38.4-39.7s38.4 17.96 38.4 39.7v89.64c23 13.35 38.36 38.36 38.36 67.82zM896 384v-393.61c0-65.26-51.87-118.39-115.2-118.39H243.2c-63.291 0-115.2 53.13-115.2 118.39V384c0 65.22 51.87 118.39 115.2 118.39h537.6c63.33 0 115.2-53.17 115.2-118.39z" horiz-adv-x="1024" />
<glyph glyph-name="warning" unicode="&#58998;" d="M512 768c-213.589333 0-384-170.410667-384-384s170.410667-384 384-384 384 170.410667 384 384-170.410667 384-384 384z m-36.949333-150.229333c10.069333 10.069333 18.688 16.768 35.029333 16.768 18.261333 1.450667 35.029333-7.168 41.770667-20.138667 7.68-9.130667 11.989333-29.269333 10.069333-41.301333 0-3.328-2.389333-25.898667-3.370667-32.128l-13.44-170.410667c0-16.810667-3.370667-33.578667-10.069333-46.549333-3.370667-10.069333-13.44-16.810667-26.88-16.810667a25.258667 25.258667 0 0 0-23.509333 16.810667c-6.741333 16.810667-10.069333 30.250667-10.069334 46.549333L465.450667 537.6c-3.370667 30.250667-3.370667 20.181333-3.370667 36.949333 0 16.341333 3.370667 29.781333 12.970667 43.221334z m73.898666-470.912a48.128 48.128 0 0 0-33.578666-13.397334c-13.44 0-26.88 3.328-36.992 13.397334a55.338667 55.338667 0 0 0-16.768 39.850666c0 13.44 3.370667 26.88 13.44 36.949334 10.069333 10.112 23.509333 16.810667 36.949333 16.810666 13.44 0 26.88-6.698667 36.949333-16.768 10.069333-10.112 13.44-23.552 13.44-36.992-0.469333-16.298667-3.84-29.738667-13.44-39.850666z" horiz-adv-x="1024" />
<glyph glyph-name="error" unicode="&#59014;" d="M512 810.666667C276.48 810.666667 85.333333 619.733333 85.333333 384s191.146667-426.666667 426.666667-426.666667 426.666667 190.933333 426.666667 426.666667S747.52 810.666667 512 810.666667z m42.666667-640h-85.333334v85.333333h85.333334v-85.333333z m0 170.666666h-85.333334V597.333333h85.333334v-256z" horiz-adv-x="1024" />
<glyph glyph-name="success" unicode="&#58987;" d="M512 832q190.016-4.992 316.512-131.488T960 384q-4.992-190.016-131.488-316.512T512-64q-190.016 4.992-316.512 131.488T64 384q4.992 190.016 131.488 316.512T512 832z m-56-536l-99.008 99.008q-12 11.008-27.488 11.008t-27.008-11.488-11.488-26.496 11.008-27.008l127.008-127.008q11.008-11.008 27.008-11.008t27.008 11.008l263.008 263.008q15.008 15.008 9.504 36.512t-27.008 27.008-36.512-9.504z" horiz-adv-x="1024" />
</font>
</defs></svg>
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
差异被折叠。 点击展开。
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论