25 changed files with 1373 additions and 38 deletions
File diff suppressed because it is too large
@ -0,0 +1,96 @@ |
|||
export default (realData, str, ctrlDown, cb) => { |
|||
return { |
|||
tooltip: { |
|||
trigger: 'item', |
|||
triggerOn: 'mousemove' |
|||
}, |
|||
series: [{ |
|||
type: 'tree', |
|||
roam: true, |
|||
data: [realData], |
|||
symbol: 'emptycircle', |
|||
left: '3%', |
|||
right: '3%', |
|||
top: '8%', |
|||
bottom: '20%', |
|||
// 缩放
|
|||
zoom: 1, |
|||
diyExpand: (name, isExpand) => { |
|||
if (ctrlDown) { |
|||
return !isExpand |
|||
} else { |
|||
// 收缩
|
|||
cb && cb(isExpand); |
|||
return isExpand |
|||
} |
|||
}, |
|||
symbolSize: (v, param) => { |
|||
if (str && param.name.match(str)) { |
|||
return 35 |
|||
} else { |
|||
return 20; |
|||
} |
|||
}, |
|||
symbol: (v, param) => { |
|||
if (Number(param.name) % 2 == 0) { |
|||
return 'image://https://cn.bing.com/th?id=OIP.1e3YVW946dgy5uJH764JXwHaFj&pid=Api&rs=1' |
|||
} else { |
|||
return 'emptycircle'; |
|||
} |
|||
}, |
|||
symbolKeepAspect: false, |
|||
layout: 'orthogonal', |
|||
orient: 'TB', |
|||
|
|||
expandAndCollapse: true, |
|||
initialTreeDepth: -1, |
|||
label: { |
|||
normal: { |
|||
show: true, |
|||
position: 'top', |
|||
verticalAlign: 'middle', |
|||
align: 'middle', |
|||
fontSize: 20, |
|||
distance: 10, |
|||
formatter: function (param) { |
|||
if (str && param.name.match(str)) { |
|||
return '{a|' + param.name + '}' |
|||
} else { |
|||
return param.name; |
|||
} |
|||
}, |
|||
rich: { |
|||
a: { |
|||
color: 'red', |
|||
fontSize: 26, |
|||
fontWeight: 'bolder', |
|||
lineHeight: 10 |
|||
} |
|||
} |
|||
}, |
|||
// 高亮悬浮
|
|||
emphasis: { |
|||
fontSize: 26, |
|||
distance: 10, |
|||
fontWeight: 'bolder', |
|||
color: 'red' |
|||
} |
|||
}, |
|||
|
|||
leaves: { |
|||
label: { |
|||
normal: { |
|||
fontSize: 20, |
|||
show: true, |
|||
distance: 10, |
|||
position: 'top', |
|||
verticalAlign: 'middle', |
|||
align: 'middle' |
|||
} |
|||
} |
|||
}, |
|||
// animation: false,
|
|||
animationDurationUpdate: 750 |
|||
}] |
|||
} |
|||
} |
|||
@ -0,0 +1,79 @@ |
|||
<template> |
|||
<transition name="fade"> |
|||
<div class="_model" v-show="value" v-focus @keyup.esc="onEsc"> |
|||
<div class="_mask" @click="hide"></div> |
|||
<transition name="slide-fade"> |
|||
<div class="_panel" v-show="value">asssssssssssssssssss</div> |
|||
</transition> |
|||
</div> |
|||
</transition> |
|||
</template> |
|||
<script> |
|||
export default { |
|||
props: { |
|||
value: { |
|||
type: Boolean, |
|||
default: false |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
hideMe: false |
|||
} |
|||
}, |
|||
methods: { |
|||
onEsc() { |
|||
if (this.show && this.closeOnEsc) { |
|||
this.$emit('input', false); |
|||
} |
|||
}, |
|||
hide() { |
|||
this.$emit('input', false); |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.fade-enter-active, |
|||
.fade-leave-active { |
|||
transition: opacity 0.5s; |
|||
} |
|||
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { |
|||
opacity: 0; |
|||
} |
|||
/* 可以设置不同的进入和离开动画 */ |
|||
/* 设置持续时间和动画函数 */ |
|||
.slide-fade-enter-active, |
|||
.slide-fade-leave-active { |
|||
transition: all 0.5s; |
|||
} |
|||
.slide-fade-enter, |
|||
.slide-fade-leave-to { |
|||
transform: translateY(-300%); |
|||
opacity: 0; |
|||
} |
|||
._model { |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
._mask { |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
background-color: #00000038; |
|||
} |
|||
._panel { |
|||
position: fixed; |
|||
width: 500px; |
|||
top: 100px; |
|||
left: 0; |
|||
right: 0; |
|||
margin: 0 auto; |
|||
background-color: #ffffff; |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,9 +1,9 @@ |
|||
<!doctype html> |
|||
<html data-n-head=""> |
|||
<head data-n-head=""> |
|||
<title data-n-head="true">Beer</title><meta data-n-head="true" charset="utf-8"><meta data-n-head="true" name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta data-n-head="true" data-hid="description" name="description" content="My primo Nuxt.js project"><link data-n-head="true" rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="preload" href="/website/_nuxt/687f5a353e6b9203db6e.js" as="script"><link rel="preload" href="/website/_nuxt/b8afb664b2aafcea4077.js" as="script"><link rel="preload" href="/website/_nuxt/3beab118ddec431faff0.js" as="script"><link rel="preload" href="/website/_nuxt/97acf9ac501737d06287.js" as="script"> |
|||
<title data-n-head="true">Beer</title><meta data-n-head="true" charset="utf-8"><meta data-n-head="true" name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta data-n-head="true" data-hid="description" name="description" content="My primo Nuxt.js project"><link data-n-head="true" rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="preload" href="/website/_nuxt/ca1ba156dfe080d242ef.js" as="script"><link rel="preload" href="/website/_nuxt/4d63b374d12d0c512fe1.js" as="script"><link rel="preload" href="/website/_nuxt/02f154bff9392ab47ea0.js" as="script"><link rel="preload" href="/website/_nuxt/a69e7f7b78ae7067d8d5.js" as="script"> |
|||
</head> |
|||
<body data-n-head=""> |
|||
<div id="__nuxt"><style>#nuxt-loading{visibility:hidden;opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:nuxtLoadingIn 10s ease;-webkit-animation:nuxtLoadingIn 10s ease;animation-fill-mode:forwards;overflow:hidden}@keyframes nuxtLoadingIn{0%{visibility:hidden;opacity:0}20%{visibility:visible;opacity:0}100%{visibility:visible;opacity:1}}@-webkit-keyframes nuxtLoadingIn{0%{visibility:hidden;opacity:0}20%{visibility:visible;opacity:0}100%{visibility:visible;opacity:1}}#nuxt-loading>div,#nuxt-loading>div:after{border-radius:50%;width:5rem;height:5rem}#nuxt-loading>div{font-size:10px;position:relative;text-indent:-9999em;border:.5rem solid #f5f5f5;border-left:.5rem solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:nuxtLoading 1.1s infinite linear;animation:nuxtLoading 1.1s infinite linear}#nuxt-loading.error>div{border-left:.5rem solid #ff4500;animation-duration:5s}@-webkit-keyframes nuxtLoading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes nuxtLoading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}</style><script>window.addEventListener("error",function(){var e=document.getElementById("nuxt-loading");e&&(e.className+=" error")})</script><div id="nuxt-loading" aria-live="polite" role="status"><div>Loading...</div></div></div> |
|||
<script type="text/javascript" src="/website/_nuxt/687f5a353e6b9203db6e.js"></script><script type="text/javascript" src="/website/_nuxt/b8afb664b2aafcea4077.js"></script><script type="text/javascript" src="/website/_nuxt/3beab118ddec431faff0.js"></script><script type="text/javascript" src="/website/_nuxt/97acf9ac501737d06287.js"></script></body> |
|||
<script type="text/javascript" src="/website/_nuxt/ca1ba156dfe080d242ef.js"></script><script type="text/javascript" src="/website/_nuxt/4d63b374d12d0c512fe1.js"></script><script type="text/javascript" src="/website/_nuxt/02f154bff9392ab47ea0.js"></script><script type="text/javascript" src="/website/_nuxt/a69e7f7b78ae7067d8d5.js"></script></body> |
|||
</html> |
|||
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
|||
(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{220:function(e,t,n){"use strict";n.r(t);n(37);var r,o,c=n(5),f={asyncData:(o=Object(c.a)(regeneratorRuntime.mark(function e(t){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t.$axios,e.abrupt("return",{});case 2:case"end":return e.stop()}},e)})),function(e){return o.apply(this,arguments)}),fetch:(r=Object(c.a)(regeneratorRuntime.mark(function e(t){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:t.store,t.params,t.$axios;case 1:case"end":return e.stop()}},e)})),function(e){return r.apply(this,arguments)}),mounted:function(){},data:function(){return{}},methods:{}},h=n(16),component=Object(h.a)(f,function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"home"},[this._v("\n home\n")])},[],!1,null,null,null);t.default=component.exports}}]); |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
|||
!function(e){function r(data){for(var r,n,f=data[0],l=data[1],d=data[2],i=0,h=[];i<f.length;i++)n=f[i],Object.prototype.hasOwnProperty.call(o,n)&&o[n]&&h.push(o[n][0]),o[n]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(v&&v(data);h.length;)h.shift()();return c.push.apply(c,d||[]),t()}function t(){for(var e,i=0;i<c.length;i++){for(var r=c[i],t=!0,n=1;n<r.length;n++){var l=r[n];0!==o[l]&&(t=!1)}t&&(c.splice(i--,1),e=f(f.s=r[0]))}return e}var n={},o={4:0},c=[];function f(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,f),t.l=!0,t.exports}f.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise(function(r,n){t=o[e]=[r,n]});r.push(t[2]=n);var c,script=document.createElement("script");script.charset="utf-8",script.timeout=120,f.nc&&script.setAttribute("nonce",f.nc),script.src=function(e){return f.p+""+{2:"19e7dfd2cc43c3efa4ad",3:"36b45d9b660c064957f3"}[e]+".js"}(e);var l=new Error;c=function(r){script.onerror=script.onload=null,clearTimeout(d);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),c=r&&r.target&&r.target.src;l.message="Loading chunk "+e+" failed.\n("+n+": "+c+")",l.name="ChunkLoadError",l.type=n,l.request=c,t[1](l)}o[e]=void 0}};var d=setTimeout(function(){c({type:"timeout",target:script})},12e4);script.onerror=script.onload=c,document.head.appendChild(script)}return Promise.all(r)},f.m=e,f.c=n,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,r){if(1&r&&(e=f(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)f.d(t,n,function(r){return e[r]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(object,e){return Object.prototype.hasOwnProperty.call(object,e)},f.p="/website/_nuxt/",f.oe=function(e){throw console.error(e),e};var l=window.webpackJsonp=window.webpackJsonp||[],d=l.push.bind(l);l.push=r,l=l.slice();for(var i=0;i<l.length;i++)r(l[i]);var v=d;t()}([]); |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
|||
!function(e){function r(data){for(var r,n,f=data[0],l=data[1],d=data[2],i=0,h=[];i<f.length;i++)n=f[i],Object.prototype.hasOwnProperty.call(o,n)&&o[n]&&h.push(o[n][0]),o[n]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(v&&v(data);h.length;)h.shift()();return c.push.apply(c,d||[]),t()}function t(){for(var e,i=0;i<c.length;i++){for(var r=c[i],t=!0,n=1;n<r.length;n++){var l=r[n];0!==o[l]&&(t=!1)}t&&(c.splice(i--,1),e=f(f.s=r[0]))}return e}var n={},o={4:0},c=[];function f(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,f),t.l=!0,t.exports}f.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise(function(r,n){t=o[e]=[r,n]});r.push(t[2]=n);var c,script=document.createElement("script");script.charset="utf-8",script.timeout=120,f.nc&&script.setAttribute("nonce",f.nc),script.src=function(e){return f.p+""+{2:"100e629bf9959497fc76",3:"dc129e08ed4ceb79aa72",6:"884302fa3fe4fc621eae"}[e]+".js"}(e);var l=new Error;c=function(r){script.onerror=script.onload=null,clearTimeout(d);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),c=r&&r.target&&r.target.src;l.message="Loading chunk "+e+" failed.\n("+n+": "+c+")",l.name="ChunkLoadError",l.type=n,l.request=c,t[1](l)}o[e]=void 0}};var d=setTimeout(function(){c({type:"timeout",target:script})},12e4);script.onerror=script.onload=c,document.head.appendChild(script)}return Promise.all(r)},f.m=e,f.c=n,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,r){if(1&r&&(e=f(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)f.d(t,n,function(r){return e[r]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(object,e){return Object.prototype.hasOwnProperty.call(object,e)},f.p="/website/_nuxt/",f.oe=function(e){throw console.error(e),e};var l=window.webpackJsonp=window.webpackJsonp||[],d=l.push.bind(l);l.push=r,l=l.slice();for(var i=0;i<l.length;i++)r(l[i]);var v=d;t()}([]); |
|||
File diff suppressed because one or more lines are too long
@ -1,11 +1,9 @@ |
|||
<!doctype html> |
|||
<html data-n-head-ssr data-n-head=""> |
|||
<head data-n-head=""> |
|||
<title data-n-head="true">Beer</title><meta data-n-head="true" charset="utf-8"><meta data-n-head="true" name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta data-n-head="true" data-hid="description" name="description" content="My primo Nuxt.js project"><link data-n-head="true" rel="icon" type="image/x-icon" href="/favicon.ico"><base href="/website/"><link rel="preload" href="/website/_nuxt/687f5a353e6b9203db6e.js" as="script"><link rel="preload" href="/website/_nuxt/b8afb664b2aafcea4077.js" as="script"><link rel="preload" href="/website/_nuxt/3beab118ddec431faff0.js" as="script"><link rel="preload" href="/website/_nuxt/97acf9ac501737d06287.js" as="script"><link rel="preload" href="/website/_nuxt/19e7dfd2cc43c3efa4ad.js" as="script"><style data-vue-ssr-id="290f013b:0 17cfdfa9:0 1112905c:0">a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#fff;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}html[data-v-e0d65c42]{width:100vw;height:100vh}.default.layout[data-v-e0d65c42]{background:#f5f5d5;position:fixed;left:0;right:0;bottom:0;top:0}</style> |
|||
<title data-n-head="true">Beer</title><meta data-n-head="true" charset="utf-8"><meta data-n-head="true" name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta data-n-head="true" data-hid="description" name="description" content="My primo Nuxt.js project"><link data-n-head="true" rel="icon" type="image/x-icon" href="/favicon.ico"><base href="/website/"><link rel="preload" href="/website/_nuxt/ca1ba156dfe080d242ef.js" as="script"><link rel="preload" href="/website/_nuxt/4d63b374d12d0c512fe1.js" as="script"><link rel="preload" href="/website/_nuxt/02f154bff9392ab47ea0.js" as="script"><link rel="preload" href="/website/_nuxt/a69e7f7b78ae7067d8d5.js" as="script"><link rel="preload" href="/website/_nuxt/100e629bf9959497fc76.js" as="script"><style data-vue-ssr-id="290f013b:0 17cfdfa9:0 1112905c:0 6e47f87d:0">a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#fff;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}html[data-v-e0d65c42]{width:100vw;height:100vh}.default.layout[data-v-e0d65c42]{background:#f5f5d5;position:fixed;left:0;right:0;bottom:0;top:0}html[data-v-6dfaae3a]{width:100vw;height:100vh}.fade-enter-active[data-v-6dfaae3a],.fade-leave-active[data-v-6dfaae3a]{transition:opacity .5s}.fade-enter[data-v-6dfaae3a],.fade-leave-to[data-v-6dfaae3a]{opacity:0}.slide-fade-enter-active[data-v-6dfaae3a],.slide-fade-leave-active[data-v-6dfaae3a]{transition:all .5s}.slide-fade-enter[data-v-6dfaae3a],.slide-fade-leave-to[data-v-6dfaae3a]{transform:translateY(-300%);opacity:0}._model ._mask[data-v-6dfaae3a],._model[data-v-6dfaae3a]{position:fixed;top:0;left:0;right:0;bottom:0}._model ._mask[data-v-6dfaae3a]{background-color:rgba(0,0,0,.21961)}._model ._panel[data-v-6dfaae3a]{position:fixed;width:500px;top:100px;left:0;right:0;margin:0 auto;background-color:#fff}</style> |
|||
</head> |
|||
<body data-n-head=""> |
|||
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div class="default layout" data-v-e0d65c42><div class="home" data-v-e0d65c42> |
|||
home |
|||
</div></div></div></div><script>window.__NUXT__={layout:"default",data:[{}],error:null,state:{user:{},todos:{list:[],ip:""}},serverRendered:!0}</script><script src="/website/_nuxt/687f5a353e6b9203db6e.js" defer></script><script src="/website/_nuxt/19e7dfd2cc43c3efa4ad.js" defer></script><script src="/website/_nuxt/b8afb664b2aafcea4077.js" defer></script><script src="/website/_nuxt/3beab118ddec431faff0.js" defer></script><script src="/website/_nuxt/97acf9ac501737d06287.js" defer></script> |
|||
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div class="default layout" data-v-e0d65c42><div class="home" data-v-e0d65c42><div id="main" style="width:100%;height:100vh"></div> <div class="_model" style="display:none" data-v-6dfaae3a data-v-6dfaae3a><div class="_mask" data-v-6dfaae3a></div> <div class="_panel" style="display:none" data-v-6dfaae3a data-v-6dfaae3a>asssssssssssssssssss</div></div></div></div></div></div><script>window.__NUXT__={layout:"default",data:[{}],error:null,state:{user:{},todos:{list:[],ip:""}},serverRendered:!0}</script><script src="/website/_nuxt/ca1ba156dfe080d242ef.js" defer></script><script src="/website/_nuxt/100e629bf9959497fc76.js" defer></script><script src="/website/_nuxt/4d63b374d12d0c512fe1.js" defer></script><script src="/website/_nuxt/02f154bff9392ab47ea0.js" defer></script><script src="/website/_nuxt/a69e7f7b78ae7067d8d5.js" defer></script> |
|||
</body> |
|||
</html> |
|||
|
|||
File diff suppressed because one or more lines are too long
@ -1,31 +1,60 @@ |
|||
<template> |
|||
<div class='home'> |
|||
home |
|||
<div class='home' @keydown.ctrl="ctrlDownFunc" @keyup.ctrl="ctrlUpFunc"> |
|||
<div id="main" style="width: 100%;height:100vh;"></div> |
|||
<BaseModel v-model="showModel"></BaseModel> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { echartTree } from "echart-tree"; |
|||
import Util from "@@/common/getJson"; |
|||
import option from "@@/common/option"; |
|||
export default { |
|||
async asyncData({ $axios }) { |
|||
return { } |
|||
return {} |
|||
}, |
|||
async fetch ({ store, params,$axios }) { |
|||
|
|||
async fetch({ store, params, $axios }) { |
|||
|
|||
}, |
|||
mounted() { |
|||
console.log(Util.MainBoCai); |
|||
|
|||
var realData = JSON.parse(Util.MainBoCai.genJson(200)); |
|||
let str = '708'; |
|||
var myChart = echartTree.init(document.getElementById('main')); |
|||
myChart.setOption(option(realData, str, this.ctrlDown, () => { |
|||
console.log('dsa'); |
|||
this.showModel = true; |
|||
})); |
|||
document.onkeydown = this.ctrlDownFunc |
|||
document.onkeyup = this.ctrlUpFunc |
|||
}, |
|||
mounted(){ |
|||
|
|||
destroyed() { |
|||
document.onkeydown = null; |
|||
document.onkeyup = null; |
|||
}, |
|||
data() { |
|||
return { |
|||
|
|||
ctrlDown: false, |
|||
showModel: false |
|||
} |
|||
}, |
|||
methods: { |
|||
|
|||
ctrlDownFunc(event) { |
|||
if (event.keyCode && event.keyCode == 17) { // ctrl 键 |
|||
//要做的事情 |
|||
this.ctrlDown = true; |
|||
} |
|||
}, |
|||
ctrlUpFunc(event) { |
|||
if (event.keyCode && event.keyCode == 17) { // ctrl 键 |
|||
//要做的事情 |
|||
this.ctrlDown = false; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss'> |
|||
|
|||
</style> |
|||
|
|||
@ -1,19 +1,20 @@ |
|||
// 引入vue 及 lodash
|
|||
import Vue from 'vue' |
|||
import upperFirst from 'lodash/upperFirst' // 首字线大写
|
|||
import camelCase from 'lodash/camelCase' // 驼峰命名大法
|
|||
import upperFirst from 'lodash/upperFirst' // 首字线大写
|
|||
import camelCase from 'lodash/camelCase' // 驼峰命名大法
|
|||
|
|||
// 把 /component/base/ 下的所有 vue 组件 require 进来
|
|||
// path: 要引入的组件所在相对路径（相对于当前文件）
|
|||
// deep: 是否检索子文件夹
|
|||
// matchFile: 匹配的文件名称
|
|||
// require.context(path, deep, matchFile)
|
|||
const requireComponent = require.context('../components/base/', false, /_base-[\w-]+\.vue$/) |
|||
const requireComponent = require.context('../components/base/', true, /_base-[\w-]+\.vue$/) |
|||
|
|||
// 遍历 require 进来的组件并注册
|
|||
requireComponent.keys().forEach((fileName) => { |
|||
|
|||
const componentConfig = requireComponent(fileName) |
|||
const componentName = upperFirst( camelCase( fileName.replace(/^\.\/_/, '').replace(/\.\w+$/, '') ) ) |
|||
const componentName = upperFirst(camelCase(fileName.replace(/^\.\/_/, '').replace(/\.\w+$/, ''))) |
|||
// 全局注册组件
|
|||
Vue.component(componentName, componentConfig.default || componentConfig) |
|||
}) |
|||
}) |
|||
@ -1,9 +1,14 @@ |
|||
import Vue from 'vue' |
|||
|
|||
Vue.directive('stopsubmit',{ |
|||
inserted:function(el){ |
|||
el.addEventListener('submit',function(e){ |
|||
e.preventDefault(); |
|||
}); |
|||
} |
|||
}); |
|||
Vue.directive('focus', { |
|||
inserted: function (el) { |
|||
el.focus(); |
|||
} |
|||
}); |
|||
Vue.directive('stopsubmit', { |
|||
inserted: function (el) { |
|||
el.addEventListener('submit', function (e) { |
|||
e.preventDefault(); |
|||
}); |
|||
} |
|||
}); |
|||
Loading…
Reference in new issue