parent
fe96a5eb85
commit
627dbcc415
@ -1,60 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<classpath>
|
||||
<classpathentry kind="src" output="target/classes" path="src/main/java">
|
||||
<attributes>
|
||||
<attribute name="optional" value="true"/>
|
||||
<attribute name="maven.pomderived" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry excluding="**" kind="src" output="target/classes" path="src/main/resources">
|
||||
<attributes>
|
||||
<attribute name="maven.pomderived" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="src" output="target/test-classes" path="src/test/java">
|
||||
<attributes>
|
||||
<attribute name="optional" value="true"/>
|
||||
<attribute name="maven.pomderived" value="true"/>
|
||||
<attribute name="test" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8">
|
||||
<attributes>
|
||||
<attribute name="maven.pomderived" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="con" path="org.eclipse.m2e.MAVEN2_CLASSPATH_CONTAINER">
|
||||
<attributes>
|
||||
<attribute name="maven.pomderived" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="src" path="target/generated-sources/annotations">
|
||||
<attributes>
|
||||
<attribute name="optional" value="true"/>
|
||||
<attribute name="maven.pomderived" value="true"/>
|
||||
<attribute name="ignore_optional_problems" value="true"/>
|
||||
<attribute name="m2e-apt" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="src" output="target/test-classes" path="target/generated-test-sources/test-annotations">
|
||||
<attributes>
|
||||
<attribute name="optional" value="true"/>
|
||||
<attribute name="maven.pomderived" value="true"/>
|
||||
<attribute name="ignore_optional_problems" value="true"/>
|
||||
<attribute name="m2e-apt" value="true"/>
|
||||
<attribute name="test" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="src" path=".apt_generated">
|
||||
<attributes>
|
||||
<attribute name="optional" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="src" output="target/test-classes" path=".apt_generated_tests">
|
||||
<attributes>
|
||||
<attribute name="optional" value="true"/>
|
||||
<attribute name="test" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="output" path="target/classes"/>
|
||||
</classpath>
|
||||
@ -1,77 +0,0 @@
|
||||
<factorypath>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/boot/spring-boot-starter-web/2.2.2.RELEASE/spring-boot-starter-web-2.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/boot/spring-boot-starter/2.2.2.RELEASE/spring-boot-starter-2.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/boot/spring-boot/2.2.2.RELEASE/spring-boot-2.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/boot/spring-boot-starter-logging/2.2.2.RELEASE/spring-boot-starter-logging-2.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/ch/qos/logback/logback-classic/1.2.3/logback-classic-1.2.3.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/ch/qos/logback/logback-core/1.2.3/logback-core-1.2.3.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/apache/logging/log4j/log4j-to-slf4j/2.12.1/log4j-to-slf4j-2.12.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/apache/logging/log4j/log4j-api/2.12.1/log4j-api-2.12.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/slf4j/jul-to-slf4j/1.7.29/jul-to-slf4j-1.7.29.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/jakarta/annotation/jakarta.annotation-api/1.3.5/jakarta.annotation-api-1.3.5.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/yaml/snakeyaml/1.25/snakeyaml-1.25.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/boot/spring-boot-starter-json/2.2.2.RELEASE/spring-boot-starter-json-2.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/fasterxml/jackson/core/jackson-databind/2.10.1/jackson-databind-2.10.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/fasterxml/jackson/core/jackson-annotations/2.10.1/jackson-annotations-2.10.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/fasterxml/jackson/core/jackson-core/2.10.1/jackson-core-2.10.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/fasterxml/jackson/datatype/jackson-datatype-jdk8/2.10.1/jackson-datatype-jdk8-2.10.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/fasterxml/jackson/datatype/jackson-datatype-jsr310/2.10.1/jackson-datatype-jsr310-2.10.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/fasterxml/jackson/module/jackson-module-parameter-names/2.10.1/jackson-module-parameter-names-2.10.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/boot/spring-boot-starter-tomcat/2.2.2.RELEASE/spring-boot-starter-tomcat-2.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/apache/tomcat/embed/tomcat-embed-core/9.0.29/tomcat-embed-core-9.0.29.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/apache/tomcat/embed/tomcat-embed-el/9.0.29/tomcat-embed-el-9.0.29.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/apache/tomcat/embed/tomcat-embed-websocket/9.0.29/tomcat-embed-websocket-9.0.29.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/boot/spring-boot-starter-validation/2.2.2.RELEASE/spring-boot-starter-validation-2.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/jakarta/validation/jakarta.validation-api/2.0.1/jakarta.validation-api-2.0.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/hibernate/validator/hibernate-validator/6.0.18.Final/hibernate-validator-6.0.18.Final.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/jboss/logging/jboss-logging/3.4.1.Final/jboss-logging-3.4.1.Final.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/fasterxml/classmate/1.5.1/classmate-1.5.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/spring-web/5.2.2.RELEASE/spring-web-5.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/spring-beans/5.2.2.RELEASE/spring-beans-5.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/spring-webmvc/5.2.2.RELEASE/spring-webmvc-5.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/spring-aop/5.2.2.RELEASE/spring-aop-5.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/spring-context/5.2.2.RELEASE/spring-context-5.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/spring-expression/5.2.2.RELEASE/spring-expression-5.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/mybatis/spring/boot/mybatis-spring-boot-starter/2.1.1/mybatis-spring-boot-starter-2.1.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/mybatis/spring/boot/mybatis-spring-boot-autoconfigure/2.1.1/mybatis-spring-boot-autoconfigure-2.1.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/mybatis/mybatis/3.5.3/mybatis-3.5.3.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/mybatis/mybatis-spring/2.0.3/mybatis-spring-2.0.3.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/boot/spring-boot-starter-jdbc/2.2.2.RELEASE/spring-boot-starter-jdbc-2.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/zaxxer/HikariCP/3.4.1/HikariCP-3.4.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/slf4j/slf4j-api/1.7.29/slf4j-api-1.7.29.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/spring-jdbc/5.2.2.RELEASE/spring-jdbc-5.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/spring-tx/5.2.2.RELEASE/spring-tx-5.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/mysql/mysql-connector-java/8.0.18/mysql-connector-java-8.0.18.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/apache/shiro/shiro-spring/1.3.2/shiro-spring-1.3.2.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/apache/shiro/shiro-core/1.3.2/shiro-core-1.3.2.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/commons-beanutils/commons-beanutils/1.8.3/commons-beanutils-1.8.3.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/apache/shiro/shiro-web/1.3.2/shiro-web-1.3.2.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/baomidou/mybatis-plus/2.3/mybatis-plus-2.3.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/baomidou/mybatis-plus-support/2.3/mybatis-plus-support-2.3.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/baomidou/mybatis-plus-core/2.3/mybatis-plus-core-2.3.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/github/jsqlparser/jsqlparser/1.1/jsqlparser-1.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/baomidou/mybatis-plus-generate/2.3/mybatis-plus-generate-2.3.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/baomidou/mybatisplus-spring-boot-starter/1.0.5/mybatisplus-spring-boot-starter-1.0.5.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/boot/spring-boot-autoconfigure/2.2.2.RELEASE/spring-boot-autoconfigure-2.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/boot/spring-boot-configuration-processor/2.2.2.RELEASE/spring-boot-configuration-processor-2.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/google/protobuf/protobuf-java/3.10.0/protobuf-java-3.10.0.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/apache/commons/commons-lang3/3.0/commons-lang3-3.0.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/javax/validation/validation-api/2.0.1.Final/validation-api-2.0.1.Final.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/commons-io/commons-io/2.5/commons-io-2.5.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/cn/hutool/hutool-all/4.0.12/hutool-all-4.0.12.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/alibaba/fastjson/1.2.8/fastjson-1.2.8.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/microsoft/sqlserver/mssql-jdbc/6.2.0.jre8/mssql-jdbc-6.2.0.jre8.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/com/baidu/aip/java-sdk/4.4.1/java-sdk-4.4.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/json/json/20160810/json-20160810.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/log4j/log4j/1.2.17/log4j-1.2.17.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/apache/poi/poi/3.11/poi-3.11.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/commons-codec/commons-codec/1.13/commons-codec-1.13.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/apache/poi/poi-ooxml/3.9/poi-ooxml-3.9.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/apache/poi/poi-ooxml-schemas/3.9/poi-ooxml-schemas-3.9.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/apache/xmlbeans/xmlbeans/2.3.0/xmlbeans-2.3.0.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/stax/stax-api/1.0.1/stax-api-1.0.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/dom4j/dom4j/1.6.1/dom4j-1.6.1.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/xml-apis/xml-apis/1.0.b2/xml-apis-1.0.b2.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/spring-core/5.2.2.RELEASE/spring-core-5.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
<factorypathentry kind="VARJAR" id="M2_REPO/org/springframework/spring-jcl/5.2.2.RELEASE/spring-jcl-5.2.2.RELEASE.jar" enabled="true" runInBatchMode="false"/>
|
||||
</factorypath>
|
||||
@ -1,51 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<projectDescription>
|
||||
<name>jlwl</name>
|
||||
<comment></comment>
|
||||
<projects>
|
||||
</projects>
|
||||
<buildSpec>
|
||||
<buildCommand>
|
||||
<name>org.eclipse.wst.common.project.facet.core.builder</name>
|
||||
<arguments>
|
||||
</arguments>
|
||||
</buildCommand>
|
||||
<buildCommand>
|
||||
<name>org.eclipse.jdt.core.javabuilder</name>
|
||||
<arguments>
|
||||
</arguments>
|
||||
</buildCommand>
|
||||
<buildCommand>
|
||||
<name>org.springframework.ide.eclipse.core.springbuilder</name>
|
||||
<arguments>
|
||||
</arguments>
|
||||
</buildCommand>
|
||||
<buildCommand>
|
||||
<name>org.springframework.ide.eclipse.boot.validation.springbootbuilder</name>
|
||||
<arguments>
|
||||
</arguments>
|
||||
</buildCommand>
|
||||
<buildCommand>
|
||||
<name>org.eclipse.m2e.core.maven2Builder</name>
|
||||
<arguments>
|
||||
</arguments>
|
||||
</buildCommand>
|
||||
</buildSpec>
|
||||
<natures>
|
||||
<nature>org.springframework.ide.eclipse.core.springnature</nature>
|
||||
<nature>org.eclipse.jdt.core.javanature</nature>
|
||||
<nature>org.eclipse.m2e.core.maven2Nature</nature>
|
||||
<nature>org.eclipse.wst.common.project.facet.core.nature</nature>
|
||||
</natures>
|
||||
<filteredResources>
|
||||
<filter>
|
||||
<id>1665412288378</id>
|
||||
<name></name>
|
||||
<type>30</type>
|
||||
<matcher>
|
||||
<id>org.eclipse.core.resources.regexFilterMatcher</id>
|
||||
<arguments>node_modules|.git|__CREATED_BY_JAVA_LANGUAGE_SERVER__</arguments>
|
||||
</matcher>
|
||||
</filter>
|
||||
</filteredResources>
|
||||
</projectDescription>
|
||||
@ -1,5 +0,0 @@
|
||||
eclipse.preferences.version=1
|
||||
encoding//src/main/java=UTF-8
|
||||
encoding//src/main/resources=UTF-8
|
||||
encoding//src/test/java=UTF-8
|
||||
encoding/<project>=UTF-8
|
||||
@ -1,10 +0,0 @@
|
||||
eclipse.preferences.version=1
|
||||
org.eclipse.jdt.core.compiler.codegen.methodParameters=generate
|
||||
org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.8
|
||||
org.eclipse.jdt.core.compiler.compliance=1.8
|
||||
org.eclipse.jdt.core.compiler.problem.enablePreviewFeatures=disabled
|
||||
org.eclipse.jdt.core.compiler.problem.forbiddenReference=warning
|
||||
org.eclipse.jdt.core.compiler.problem.reportPreviewFeatures=ignore
|
||||
org.eclipse.jdt.core.compiler.processAnnotations=enabled
|
||||
org.eclipse.jdt.core.compiler.release=disabled
|
||||
org.eclipse.jdt.core.compiler.source=1.8
|
||||
@ -1,4 +0,0 @@
|
||||
activeProfiles=
|
||||
eclipse.preferences.version=1
|
||||
resolveWorkspaceProjects=true
|
||||
version=1
|
||||
@ -1 +0,0 @@
|
||||
cnpm install
|
||||
@ -1 +0,0 @@
|
||||
cnpm run serve
|
||||
@ -1 +0,0 @@
|
||||
cnpm run build
|
||||
@ -1,5 +0,0 @@
|
||||
module.exports = {
|
||||
presets: [
|
||||
'@vue/cli-plugin-babel/preset'
|
||||
]
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 4.7 KiB |
@ -1 +0,0 @@
|
||||
<!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="./favicon.ico"><title>电影推荐系统</title><link href="./css/app.bef91c13.css" rel="preload" as="style"><link href="./css/chunk-vendors.a72b0961.css" rel="preload" as="style"><link href="./js/app.f11005b0.js" rel="preload" as="script"><link href="./js/chunk-vendors.ea6f4760.js" rel="preload" as="script"><link href="./css/chunk-vendors.a72b0961.css" rel="stylesheet"><link href="./css/app.bef91c13.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but mas-creator-admin doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="./js/chunk-vendors.ea6f4760.js"></script><script src="./js/app.f11005b0.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
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 it is too large
Load Diff
@ -1,62 +0,0 @@
|
||||
{
|
||||
"name": "mas-creator-admin",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^0.19.2",
|
||||
"core-js": "^3.4.4",
|
||||
"echarts": "^4.6.0",
|
||||
"element-ui": "^2.13.0",
|
||||
"js-md5": "^0.7.3",
|
||||
"print-js": "^1.5.0",
|
||||
"vue": "^2.6.10",
|
||||
"vue-quill-editor": "^3.0.6",
|
||||
"vue-amap": "^0.5.10",
|
||||
"vue-json-excel": "^0.3.0",
|
||||
"vue-router": "^3.1.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "^4.1.0",
|
||||
"@vue/cli-plugin-eslint": "^4.1.0",
|
||||
"@vue/cli-service": "^4.1.0",
|
||||
"babel-eslint": "^10.0.3",
|
||||
"babel-plugin-component": "^1.1.1",
|
||||
"eslint": "^5.16.0",
|
||||
"eslint-plugin-vue": "^5.0.0",
|
||||
"node-sass": "^4.13.1",
|
||||
"sass-loader": "^8.0.2",
|
||||
"svg-sprite-loader": "4.1.3",
|
||||
"svgo": "1.2.2",
|
||||
"vue-template-compiler": "^2.6.10"
|
||||
},
|
||||
"eslintConfig": {
|
||||
"root": true,
|
||||
"env": {
|
||||
"node": true
|
||||
},
|
||||
"extends": [
|
||||
"plugin:vue/essential",
|
||||
"eslint:recommended"
|
||||
],
|
||||
"rules": {
|
||||
"no-console": "off",
|
||||
"no-unused-vars": 0,
|
||||
"no-useless-escape": "off"
|
||||
},
|
||||
"parserOptions": {
|
||||
"parser": "babel-eslint"
|
||||
}
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions",
|
||||
"not ie <= 8",
|
||||
"Android >= 4.0"
|
||||
]
|
||||
}
|
||||
|
Before Width: | Height: | Size: 4.2 KiB |
@ -1,21 +0,0 @@
|
||||
<!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.0">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<title>电影推荐系统</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<noscript>
|
||||
<strong>We're sorry but mas-creator-admin 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>
|
||||
@ -1,30 +0,0 @@
|
||||
<template>
|
||||
<div id="app" class="">
|
||||
<router-view></router-view>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "app",
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
*{
|
||||
padding: 0;
|
||||
margin:0;
|
||||
}
|
||||
html,body{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#app{
|
||||
height:100%;
|
||||
}
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
</style>
|
||||
@ -1,13 +0,0 @@
|
||||
#canvas {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
background: hsla(0, 5%, 5%, 1);
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-image: linear-gradient(to right top, hsla(0, 5%, 15%, 0.5), hsla(0, 5%, 5%, 1));
|
||||
background-image: -moz-linear-gradient(to right top, hsla(0, 5%, 15%, 0.5), hsla(0, 5%, 5%, 1));
|
||||
}
|
||||
@ -1,6 +0,0 @@
|
||||
#canvas {
|
||||
background: rgba(0,0,0,1);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
@ -1,5 +0,0 @@
|
||||
#canvas {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
@ -1,9 +0,0 @@
|
||||
/* 改变主题色变量 */
|
||||
$--color-primary: #00c292 !default;
|
||||
$--color-success: #67c23a !default;
|
||||
$--color-warning: #e6a23c !default;
|
||||
$--color-danger: #f56c6c !default;
|
||||
$--color-info: #909399 !default;
|
||||
/* 改变 icon 字体路径变量，必需 */
|
||||
$--font-path: '~element-ui/lib/theme-chalk/fonts';
|
||||
@import "~element-ui/packages/theme-chalk/src/index";
|
||||
@ -1,47 +0,0 @@
|
||||
.form-content {
|
||||
background: #ffffff;
|
||||
padding: 10px 10px 0 10px;
|
||||
}
|
||||
.table-content {
|
||||
background: #ffffff;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.pagination-content {
|
||||
margin-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
.detail-form-content{
|
||||
background: #ffffff;
|
||||
padding: 10px;
|
||||
.el-input{
|
||||
min-width: 200px;
|
||||
max-width: 600px;
|
||||
}
|
||||
}
|
||||
.bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.login-form {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 350px;
|
||||
height: 100%;
|
||||
background: #ffffff;
|
||||
padding: 0 60px;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.h1 {
|
||||
margin-top: 80px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.btn-login {
|
||||
margin-top: 50px;
|
||||
width: 100%;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 4.1 MiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 843 B |
|
Before Width: | Height: | Size: 4.7 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 4.7 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
@ -1,85 +0,0 @@
|
||||
export default function canvasBg(){
|
||||
window.requestAnimFrame = (function() {
|
||||
return window.requestAnimationFrame ||
|
||||
window.webkitRequestAnimationFrame ||
|
||||
window.mozRequestAnimationFrame ||
|
||||
window.oRequestAnimationFrame ||
|
||||
window.msRequestAnimationFrame ||
|
||||
function(callback) {
|
||||
window.setTimeout(callback, 1000 / 60);
|
||||
};
|
||||
})();
|
||||
var c = document.getElementById('canvas');
|
||||
var $ = c.getContext('2d');
|
||||
var w = c.width = window.innerWidth;
|
||||
var h = c.height = window.innerHeight;
|
||||
var _w = w * 0.5;
|
||||
var _h = h * 0.5;
|
||||
var arr = [];
|
||||
var cnt = 0;
|
||||
|
||||
window.addEventListener('load', resize);
|
||||
window.addEventListener('resize', resize, false);
|
||||
|
||||
function resize() {
|
||||
c.width = w = window.innerWidth;
|
||||
c.height = h = window.innerHeight;
|
||||
c.style.position = 'absolute';
|
||||
c.style.left = (window.innerWidth - w) *
|
||||
.01 + 'px';
|
||||
c.style.top = (window.innerHeight - h) *
|
||||
.01 + 'px';
|
||||
}
|
||||
|
||||
function anim() {
|
||||
cnt++;
|
||||
if (cnt % 6) draw();
|
||||
window.requestAnimFrame(anim);
|
||||
}
|
||||
anim();
|
||||
|
||||
function draw() {
|
||||
var splot = {
|
||||
x: rng(_w - 900, _w + 900),
|
||||
y: rng(_h - 900, _h + 900),
|
||||
r: rng(20, 80),
|
||||
spX: rng(-1, 1),
|
||||
spY: rng(-1, 1)
|
||||
};
|
||||
|
||||
arr.push(splot);
|
||||
while (arr.length > 100) {
|
||||
arr.shift();
|
||||
}
|
||||
$.clearRect(0, 0, w, h);
|
||||
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
|
||||
splot = arr[i];;
|
||||
$.fillStyle = rndCol();
|
||||
$.beginPath();
|
||||
$.arc(splot.x, splot.y, splot.r, 0, Math.PI * 2, true);
|
||||
$.shadowBlur = 80;
|
||||
$.shadowOffsetX = 2;
|
||||
$.shadowOffsetY = 2;
|
||||
$.shadowColor = rndCol();
|
||||
$.globalCompositeOperation = 'lighter';
|
||||
$.fill();
|
||||
|
||||
splot.x = splot.x + splot.spX;
|
||||
splot.y = splot.y + splot.spY;
|
||||
splot.r = splot.r * 0.96;
|
||||
}
|
||||
}
|
||||
|
||||
function rndCol() {
|
||||
var r = Math.floor(Math.random() * 180);
|
||||
var g = Math.floor(Math.random() * 60);
|
||||
var b = Math.floor(Math.random() * 100);
|
||||
return "rgb(" + r + "," + g + "," + b + ")";
|
||||
}
|
||||
|
||||
function rng(min, max) {
|
||||
return Math.floor(Math.random() * (max - min + 1)) + min;
|
||||
}
|
||||
}
|
||||
@ -1,191 +0,0 @@
|
||||
export default function canvasBg(){
|
||||
var w = window.innerWidth;
|
||||
var h = window.innerHeight;
|
||||
var ctx = document.getElementById('canvas');
|
||||
|
||||
window.addEventListener('load', resize);
|
||||
window.addEventListener('resize', resize, false);
|
||||
|
||||
function resize() {
|
||||
ctx.width = w = window.innerWidth;
|
||||
ctx.height = h = window.innerHeight;
|
||||
}
|
||||
|
||||
resize();
|
||||
|
||||
let ctxfr = ctx.getContext('2d');
|
||||
|
||||
// min and max radius, radius threshold and percentage of filled circles
|
||||
var radMin = 5,
|
||||
radMax = 125,
|
||||
filledCircle = 60, //percentage of filled circles
|
||||
concentricCircle = 30, //percentage of concentric circles
|
||||
radThreshold = 25; //IFF special, over this radius concentric, otherwise filled
|
||||
|
||||
//min and max speed to move
|
||||
var speedMin = 0.3,
|
||||
speedMax = 2.5;
|
||||
|
||||
//max reachable opacity for every circle and blur effect
|
||||
var maxOpacity = 0.6;
|
||||
|
||||
//default palette choice
|
||||
var colors = ['52,168,83', '117,95,147', '199,108,23', '194,62,55', '0,172,212', '120,120,120'],
|
||||
bgColors = ['52,168,83', '117,95,147', '199,108,23', '194,62,55', '0,172,212', '120,120,120'],
|
||||
circleBorder = 10,
|
||||
backgroundLine = bgColors[0];
|
||||
var backgroundMlt = 0.85;
|
||||
|
||||
//min distance for links
|
||||
var linkDist = Math.min(canvas.width, canvas.height) / 2.4,
|
||||
lineBorder = 2.5;
|
||||
|
||||
//most importantly: number of overall circles and arrays containing them
|
||||
var maxCircles = 12,
|
||||
points = [],
|
||||
pointsBack = [];
|
||||
|
||||
//populating the screen
|
||||
for (var i = 0; i < maxCircles * 2; i++) points.push(new Circle());
|
||||
for (var i = 0; i < maxCircles; i++) pointsBack.push(new Circle(true));
|
||||
|
||||
//experimental vars
|
||||
var circleExp = 1,
|
||||
circleExpMax = 1.003,
|
||||
circleExpMin = 0.997,
|
||||
circleExpSp = 0.00004,
|
||||
circlePulse = false;
|
||||
|
||||
//circle class
|
||||
function Circle(background) {
|
||||
//if background, it has different rules
|
||||
this.background = (background || false);
|
||||
this.x = randRange(-canvas.width / 2, canvas.width / 2);
|
||||
this.y = randRange(-canvas.height / 2, canvas.height / 2);
|
||||
this.radius = background ? hyperRange(radMin, radMax) * backgroundMlt : hyperRange(radMin, radMax);
|
||||
this.filled = this.radius < radThreshold ? (randint(0, 100) > filledCircle ? false : 'full') : (randint(0, 100) >
|
||||
concentricCircle ? false : 'concentric');
|
||||
this.color = background ? bgColors[randint(0, bgColors.length - 1)] : colors[randint(0, colors.length - 1)];
|
||||
this.borderColor = background ? bgColors[randint(0, bgColors.length - 1)] : colors[randint(0, colors.length - 1)];
|
||||
this.opacity = 0.05;
|
||||
this.speed = (background ? randRange(speedMin, speedMax) / backgroundMlt : randRange(speedMin, speedMax)); // * (radMin / this.radius);
|
||||
this.speedAngle = Math.random() * 2 * Math.PI;
|
||||
this.speedx = Math.cos(this.speedAngle) * this.speed;
|
||||
this.speedy = Math.sin(this.speedAngle) * this.speed;
|
||||
var spacex = Math.abs((this.x - (this.speedx < 0 ? -1 : 1) * (canvas.width / 2 + this.radius)) / this.speedx),
|
||||
spacey = Math.abs((this.y - (this.speedy < 0 ? -1 : 1) * (canvas.height / 2 + this.radius)) / this.speedy);
|
||||
this.ttl = Math.min(spacex, spacey);
|
||||
};
|
||||
|
||||
Circle.prototype.init = function() {
|
||||
Circle.call(this, this.background);
|
||||
}
|
||||
|
||||
//support functions
|
||||
//generate random int a<=x<=b
|
||||
function randint(a, b) {
|
||||
return Math.floor(Math.random() * (b - a + 1) + a);
|
||||
}
|
||||
//generate random float
|
||||
function randRange(a, b) {
|
||||
return Math.random() * (b - a) + a;
|
||||
}
|
||||
//generate random float more likely to be close to a
|
||||
function hyperRange(a, b) {
|
||||
return Math.random() * Math.random() * Math.random() * (b - a) + a;
|
||||
}
|
||||
|
||||
//rendering function
|
||||
function drawCircle(ctx, circle) {
|
||||
//circle.radius *= circleExp;
|
||||
var radius = circle.background ? circle.radius *= circleExp : circle.radius /= circleExp;
|
||||
ctx.beginPath();
|
||||
ctx.arc(circle.x, circle.y, radius * circleExp, 0, 2 * Math.PI, false);
|
||||
ctx.lineWidth = Math.max(1, circleBorder * (radMin - circle.radius) / (radMin - radMax));
|
||||
ctx.strokeStyle = ['rgba(', circle.borderColor, ',', circle.opacity, ')'].join('');
|
||||
if (circle.filled == 'full') {
|
||||
ctx.fillStyle = ['rgba(', circle.borderColor, ',', circle.background ? circle.opacity * 0.8 : circle.opacity, ')']
|
||||
.join('');
|
||||
ctx.fill();
|
||||
ctx.lineWidth = 0;
|
||||
ctx.strokeStyle = ['rgba(', circle.borderColor, ',', 0, ')'].join('');
|
||||
}
|
||||
ctx.stroke();
|
||||
if (circle.filled == 'concentric') {
|
||||
ctx.beginPath();
|
||||
ctx.arc(circle.x, circle.y, radius / 2, 0, 2 * Math.PI, false);
|
||||
ctx.lineWidth = Math.max(1, circleBorder * (radMin - circle.radius) / (radMin - radMax));
|
||||
ctx.strokeStyle = ['rgba(', circle.color, ',', circle.opacity, ')'].join('');
|
||||
ctx.stroke();
|
||||
}
|
||||
circle.x += circle.speedx;
|
||||
circle.y += circle.speedy;
|
||||
if (circle.opacity < (circle.background ? maxOpacity : 1)) circle.opacity += 0.01;
|
||||
circle.ttl--;
|
||||
}
|
||||
|
||||
//initializing function
|
||||
function init() {
|
||||
window.requestAnimationFrame(draw);
|
||||
}
|
||||
|
||||
//rendering function
|
||||
function draw() {
|
||||
|
||||
if (circlePulse) {
|
||||
if (circleExp < circleExpMin || circleExp > circleExpMax) circleExpSp *= -1;
|
||||
circleExp += circleExpSp;
|
||||
}
|
||||
|
||||
ctxfr.globalCompositeOperation = 'destination-over';
|
||||
ctxfr.clearRect(0, 0, canvas.width, canvas.height); // clear canvas
|
||||
|
||||
ctxfr.save();
|
||||
ctxfr.translate(canvas.width / 2, canvas.height / 2);
|
||||
|
||||
//function to render each single circle, its connections and to manage its out of boundaries replacement
|
||||
function renderPoints(ctx, arr) {
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
var circle = arr[i];
|
||||
//checking if out of boundaries
|
||||
if (circle.ttl < 0) {}
|
||||
var xEscape = canvas.width / 2 + circle.radius,
|
||||
yEscape = canvas.height / 2 + circle.radius;
|
||||
if (circle.ttl < -20) arr[i].init(arr[i].background);
|
||||
//if (Math.abs(circle.y) > yEscape || Math.abs(circle.x) > xEscape) arr[i].init(arr[i].background);
|
||||
drawCircle(ctx, circle);
|
||||
}
|
||||
for (var i = 0; i < arr.length - 1; i++) {
|
||||
for (var j = i + 1; j < arr.length; j++) {
|
||||
var deltax = arr[i].x - arr[j].x;
|
||||
var deltay = arr[i].y - arr[j].y;
|
||||
var dist = Math.pow(Math.pow(deltax, 2) + Math.pow(deltay, 2), 0.5);
|
||||
//if the circles are overlapping, no laser connecting them
|
||||
if (dist <= arr[i].radius + arr[j].radius) continue;
|
||||
//otherwise we connect them only if the dist is < linkDist
|
||||
if (dist < linkDist) {
|
||||
var xi = (arr[i].x < arr[j].x ? 1 : -1) * Math.abs(arr[i].radius * deltax / dist);
|
||||
var yi = (arr[i].y < arr[j].y ? 1 : -1) * Math.abs(arr[i].radius * deltay / dist);
|
||||
var xj = (arr[i].x < arr[j].x ? -1 : 1) * Math.abs(arr[j].radius * deltax / dist);
|
||||
var yj = (arr[i].y < arr[j].y ? -1 : 1) * Math.abs(arr[j].radius * deltay / dist);
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(arr[i].x + xi, arr[i].y + yi);
|
||||
ctx.lineTo(arr[j].x + xj, arr[j].y + yj);
|
||||
var samecolor = arr[i].color == arr[j].color;
|
||||
ctx.strokeStyle = ["rgba(", arr[i].borderColor, ",", Math.min(arr[i].opacity, arr[j].opacity) * ((linkDist -
|
||||
dist) / linkDist), ")"].join("");
|
||||
ctx.lineWidth = (arr[i].background ? lineBorder * backgroundMlt : lineBorder) * ((linkDist - dist) / linkDist); //*((linkDist-dist)/linkDist);
|
||||
ctx.stroke();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
renderPoints(ctxfr, points);
|
||||
ctxfr.restore();
|
||||
|
||||
window.requestAnimationFrame(draw);
|
||||
}
|
||||
|
||||
init();
|
||||
}
|
||||
@ -1,175 +0,0 @@
|
||||
export default function canvasBg() {
|
||||
var canvas,
|
||||
ctx,
|
||||
width,
|
||||
height,
|
||||
size,
|
||||
lines,
|
||||
tick;
|
||||
|
||||
function line() {
|
||||
this.path = [];
|
||||
this.speed = rand(10, 20);
|
||||
this.count = randInt(10, 30);
|
||||
this.x = width / 2, +1;
|
||||
this.y = height / 2 + 1;
|
||||
this.target = {
|
||||
x: width / 2,
|
||||
y: height / 2
|
||||
};
|
||||
this.dist = 0;
|
||||
this.angle = 0;
|
||||
this.hue = tick / 5;
|
||||
this.life = 1;
|
||||
this.updateAngle();
|
||||
this.updateDist();
|
||||
}
|
||||
|
||||
line.prototype.step = function(i) {
|
||||
this.x += Math.cos(this.angle) * this.speed;
|
||||
this.y += Math.sin(this.angle) * this.speed;
|
||||
|
||||
this.updateDist();
|
||||
|
||||
if (this.dist < this.speed) {
|
||||
this.x = this.target.x;
|
||||
this.y = this.target.y;
|
||||
this.changeTarget();
|
||||
}
|
||||
|
||||
this.path.push({
|
||||
x: this.x,
|
||||
y: this.y
|
||||
});
|
||||
if (this.path.length > this.count) {
|
||||
this.path.shift();
|
||||
}
|
||||
|
||||
this.life -= 0.001;
|
||||
|
||||
if (this.life <= 0) {
|
||||
this.path = null;
|
||||
lines.splice(i, 1);
|
||||
}
|
||||
};
|
||||
|
||||
line.prototype.updateDist = function() {
|
||||
var dx = this.target.x - this.x,
|
||||
dy = this.target.y - this.y;
|
||||
this.dist = Math.sqrt(dx * dx + dy * dy);
|
||||
}
|
||||
|
||||
line.prototype.updateAngle = function() {
|
||||
var dx = this.target.x - this.x,
|
||||
dy = this.target.y - this.y;
|
||||
this.angle = Math.atan2(dy, dx);
|
||||
}
|
||||
|
||||
line.prototype.changeTarget = function() {
|
||||
var randStart = randInt(0, 3);
|
||||
switch (randStart) {
|
||||
case 0: // up
|
||||
this.target.y = this.y - size;
|
||||
break;
|
||||
case 1: // right
|
||||
this.target.x = this.x + size;
|
||||
break;
|
||||
case 2: // down
|
||||
this.target.y = this.y + size;
|
||||
break;
|
||||
case 3: // left
|
||||
this.target.x = this.x - size;
|
||||
}
|
||||
this.updateAngle();
|
||||
};
|
||||
|
||||
line.prototype.draw = function(i) {
|
||||
ctx.beginPath();
|
||||
var rando = rand(0, 10);
|
||||
for (var j = 0, length = this.path.length; j < length; j++) {
|
||||
ctx[(j === 0) ? 'moveTo' : 'lineTo'](this.path[j].x + rand(-rando, rando), this.path[j].y +
|
||||
rand(-rando, rando));
|
||||
}
|
||||
ctx.strokeStyle = 'hsla(' + rand(this.hue, this.hue + 30) + ', 80%, 55%, ' + (this.life / 3) + ')';
|
||||
ctx.lineWidth = rand(0.1, 2);
|
||||
ctx.stroke();
|
||||
};
|
||||
|
||||
function rand(min, max) {
|
||||
return Math.random() * (max - min) + min;
|
||||
}
|
||||
|
||||
function randInt(min, max) {
|
||||
return Math.floor(min + Math.random() * (max - min + 1));
|
||||
};
|
||||
|
||||
function init() {
|
||||
canvas = document.getElementById('canvas');
|
||||
ctx = canvas.getContext('2d');
|
||||
size = 30;
|
||||
lines = [];
|
||||
reset();
|
||||
loop();
|
||||
}
|
||||
|
||||
function reset() {
|
||||
width = Math.ceil(window.innerWidth / 2) * 2;
|
||||
height = Math.ceil(window.innerHeight / 2) * 2;
|
||||
tick = 0;
|
||||
|
||||
lines.length = 0;
|
||||
canvas.width = width;
|
||||
canvas.height = height;
|
||||
}
|
||||
|
||||
function create() {
|
||||
if (tick % 10 === 0) {
|
||||
lines.push(new line());
|
||||
}
|
||||
}
|
||||
|
||||
function step() {
|
||||
var i = lines.length;
|
||||
while (i--) {
|
||||
lines[i].step(i);
|
||||
}
|
||||
}
|
||||
|
||||
function clear() {
|
||||
ctx.globalCompositeOperation = 'destination-out';
|
||||
ctx.fillStyle = 'hsla(0, 0%, 0%, 0.1)';
|
||||
ctx.fillRect(0, 0, width, height);
|
||||
ctx.globalCompositeOperation = 'lighter';
|
||||
}
|
||||
|
||||
function draw() {
|
||||
ctx.save();
|
||||
ctx.translate(width / 2, height / 2);
|
||||
ctx.rotate(tick * 0.001);
|
||||
var scale = 0.8 + Math.cos(tick * 0.02) * 0.2;
|
||||
ctx.scale(scale, scale);
|
||||
ctx.translate(-width / 2, -height / 2);
|
||||
var i = lines.length;
|
||||
while (i--) {
|
||||
lines[i].draw(i);
|
||||
}
|
||||
ctx.restore();
|
||||
}
|
||||
|
||||
function loop() {
|
||||
requestAnimationFrame(loop);
|
||||
create();
|
||||
step();
|
||||
clear();
|
||||
draw();
|
||||
tick++;
|
||||
}
|
||||
|
||||
function onresize() {
|
||||
reset();
|
||||
}
|
||||
|
||||
window.addEventListener('resize', onresize);
|
||||
|
||||
init();
|
||||
}
|
||||
@ -1,336 +0,0 @@
|
||||
export default function canvasBg() {
|
||||
var num = 200;
|
||||
var w = window.innerWidth;
|
||||
var h = window.innerHeight;
|
||||
var max = 100;
|
||||
var _x = 0;
|
||||
var _y = 0;
|
||||
var _z = 150;
|
||||
var dtr = function(d) {
|
||||
return d * Math.PI / 180;
|
||||
};
|
||||
var canvas = document.getElementById("canvas");
|
||||
|
||||
var rnd = function() {
|
||||
return Math.sin(Math.floor(Math.random() * 360) * Math.PI / 180);
|
||||
};
|
||||
var dist = function(p1, p2, p3) {
|
||||
return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2) + Math.pow(p2.z - p1.z, 2));
|
||||
};
|
||||
|
||||
var cam = {
|
||||
obj: {
|
||||
x: _x,
|
||||
y: _y,
|
||||
z: _z
|
||||
},
|
||||
dest: {
|
||||
x: 0,
|
||||
y: 0,
|
||||
z: 1
|
||||
},
|
||||
dist: {
|
||||
x: 0,
|
||||
y: 0,
|
||||
z: 200
|
||||
},
|
||||
ang: {
|
||||
cplane: 0,
|
||||
splane: 0,
|
||||
ctheta: 0,
|
||||
stheta: 0
|
||||
},
|
||||
zoom: 1,
|
||||
disp: {
|
||||
x: w / 2,
|
||||
y: h / 2,
|
||||
z: 0
|
||||
},
|
||||
upd: function() {
|
||||
cam.dist.x = cam.dest.x - cam.obj.x;
|
||||
cam.dist.y = cam.dest.y - cam.obj.y;
|
||||
cam.dist.z = cam.dest.z - cam.obj.z;
|
||||
cam.ang.cplane = -cam.dist.z / Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.z * cam.dist.z);
|
||||
cam.ang.splane = cam.dist.x / Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.z * cam.dist.z);
|
||||
cam.ang.ctheta = Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.z * cam.dist.z) / Math.sqrt(cam.dist.x *
|
||||
cam.dist.x + cam.dist.y * cam.dist.y + cam.dist.z * cam.dist.z);
|
||||
cam.ang.stheta = -cam.dist.y / Math.sqrt(cam.dist.x * cam.dist.x + cam.dist.y * cam.dist.y + cam.dist
|
||||
.z * cam.dist.z);
|
||||
}
|
||||
};
|
||||
|
||||
var trans = {
|
||||
parts: {
|
||||
sz: function(p, sz) {
|
||||
return {
|
||||
x: p.x * sz.x,
|
||||
y: p.y * sz.y,
|
||||
z: p.z * sz.z
|
||||
};
|
||||
},
|
||||
rot: {
|
||||
x: function(p, rot) {
|
||||
return {
|
||||
x: p.x,
|
||||
y: p.y * Math.cos(dtr(rot.x)) - p.z * Math.sin(dtr(rot.x)),
|
||||
z: p.y * Math.sin(dtr(rot.x)) + p.z * Math.cos(dtr(rot.x))
|
||||
};
|
||||
},
|
||||
y: function(p, rot) {
|
||||
return {
|
||||
x: p.x * Math.cos(dtr(rot.y)) + p.z * Math.sin(dtr(rot.y)),
|
||||
y: p.y,
|
||||
z: -p.x * Math.sin(dtr(rot.y)) + p.z * Math.cos(dtr(rot.y))
|
||||
};
|
||||
},
|
||||
z: function(p, rot) {
|
||||
return {
|
||||
x: p.x * Math.cos(dtr(rot.z)) - p.y * Math.sin(dtr(rot.z)),
|
||||
y: p.x * Math.sin(dtr(rot.z)) + p.y * Math.cos(dtr(rot.z)),
|
||||
z: p.z
|
||||
};
|
||||
}
|
||||
},
|
||||
pos: function(p, pos) {
|
||||
return {
|
||||
x: p.x + pos.x,
|
||||
y: p.y + pos.y,
|
||||
z: p.z + pos.z
|
||||
};
|
||||
}
|
||||
},
|
||||
pov: {
|
||||
plane: function(p) {
|
||||
return {
|
||||
x: p.x * cam.ang.cplane + p.z * cam.ang.splane,
|
||||
y: p.y,
|
||||
z: p.x * -cam.ang.splane + p.z * cam.ang.cplane
|
||||
};
|
||||
},
|
||||
theta: function(p) {
|
||||
return {
|
||||
x: p.x,
|
||||
y: p.y * cam.ang.ctheta - p.z * cam.ang.stheta,
|
||||
z: p.y * cam.ang.stheta + p.z * cam.ang.ctheta
|
||||
};
|
||||
},
|
||||
set: function(p) {
|
||||
return {
|
||||
x: p.x - cam.obj.x,
|
||||
y: p.y - cam.obj.y,
|
||||
z: p.z - cam.obj.z
|
||||
};
|
||||
}
|
||||
},
|
||||
persp: function(p) {
|
||||
return {
|
||||
x: p.x * cam.dist.z / p.z * cam.zoom,
|
||||
y: p.y * cam.dist.z / p.z * cam.zoom,
|
||||
z: p.z * cam.zoom,
|
||||
p: cam.dist.z / p.z
|
||||
};
|
||||
},
|
||||
disp: function(p, disp) {
|
||||
return {
|
||||
x: p.x + disp.x,
|
||||
y: -p.y + disp.y,
|
||||
z: p.z + disp.z,
|
||||
p: p.p
|
||||
};
|
||||
},
|
||||
steps: function(_obj_, sz, rot, pos, disp) {
|
||||
var _args = trans.parts.sz(_obj_, sz);
|
||||
_args = trans.parts.rot.x(_args, rot);
|
||||
_args = trans.parts.rot.y(_args, rot);
|
||||
_args = trans.parts.rot.z(_args, rot);
|
||||
_args = trans.parts.pos(_args, pos);
|
||||
_args = trans.pov.plane(_args);
|
||||
_args = trans.pov.theta(_args);
|
||||
_args = trans.pov.set(_args);
|
||||
_args = trans.persp(_args);
|
||||
_args = trans.disp(_args, disp);
|
||||
return _args;
|
||||
}
|
||||
};
|
||||
|
||||
var threeD = function(param) {
|
||||
this.transIn = {};
|
||||
this.transOut = {};
|
||||
this.transIn.vtx = (param.vtx);
|
||||
this.transIn.sz = (param.sz);
|
||||
this.transIn.rot = (param.rot);
|
||||
this.transIn.pos = (param.pos);
|
||||
};
|
||||
|
||||
threeD.prototype.vupd = function() {
|
||||
this.transOut = trans.steps(
|
||||
|
||||
this.transIn.vtx,
|
||||
this.transIn.sz,
|
||||
this.transIn.rot,
|
||||
this.transIn.pos,
|
||||
cam.disp
|
||||
);
|
||||
};
|
||||
|
||||
var Build = function() {
|
||||
this.vel = 0.04;
|
||||
this.lim = 360;
|
||||
this.diff = 200;
|
||||
this.initPos = 100;
|
||||
this.toX = _x;
|
||||
this.toY = _y;
|
||||
this.canvas = canvas;
|
||||
this.go();
|
||||
};
|
||||
|
||||
Build.prototype.go = function() {
|
||||
this.canvas.width = window.innerWidth;
|
||||
this.canvas.height = window.innerHeight;
|
||||
this.$ = this.canvas.getContext("2d");
|
||||
this.$.globalCompositeOperation = 'source-over';
|
||||
this.varr = [];
|
||||
this.dist = [];
|
||||
this.calc = [];
|
||||
|
||||
for (var i = 0, len = num; i < len; i++) {
|
||||
this.add();
|
||||
}
|
||||
|
||||
this.rotObj = {
|
||||
x: 0,
|
||||
y: 0,
|
||||
z: 0
|
||||
};
|
||||
this.objSz = {
|
||||
x: w / 5,
|
||||
y: h / 5,
|
||||
z: w / 5
|
||||
};
|
||||
};
|
||||
|
||||
Build.prototype.add = function() {
|
||||
this.varr.push(new threeD({
|
||||
vtx: {
|
||||
x: rnd(),
|
||||
y: rnd(),
|
||||
z: rnd()
|
||||
},
|
||||
sz: {
|
||||
x: 0,
|
||||
y: 0,
|
||||
z: 0
|
||||
},
|
||||
rot: {
|
||||
x: 20,
|
||||
y: -20,
|
||||
z: 0
|
||||
},
|
||||
pos: {
|
||||
x: this.diff * Math.sin(360 * Math.random() * Math.PI / 180),
|
||||
y: this.diff * Math.sin(360 * Math.random() * Math.PI / 180),
|
||||
z: this.diff * Math.sin(360 * Math.random() * Math.PI / 180)
|
||||
}
|
||||
}));
|
||||
this.calc.push({
|
||||
x: 360 * Math.random(),
|
||||
y: 360 * Math.random(),
|
||||
z: 360 * Math.random()
|
||||
});
|
||||
};
|
||||
|
||||
Build.prototype.upd = function() {
|
||||
cam.obj.x += (this.toX - cam.obj.x) * 0.05;
|
||||
cam.obj.y += (this.toY - cam.obj.y) * 0.05;
|
||||
};
|
||||
|
||||
Build.prototype.draw = function() {
|
||||
this.$.clearRect(0, 0, this.canvas.width, this.canvas.height);
|
||||
cam.upd();
|
||||
this.rotObj.x += 0.1;
|
||||
this.rotObj.y += 0.1;
|
||||
this.rotObj.z += 0.1;
|
||||
|
||||
for (var i = 0; i < this.varr.length; i++) {
|
||||
for (var val in this.calc[i]) {
|
||||
if (this.calc[i].hasOwnProperty(val)) {
|
||||
this.calc[i][val] += this.vel;
|
||||
if (this.calc[i][val] > this.lim) this.calc[i][val] = 0;
|
||||
}
|
||||
}
|
||||
|
||||
this.varr[i].transIn.pos = {
|
||||
x: this.diff * Math.cos(this.calc[i].x * Math.PI / 180),
|
||||
y: this.diff * Math.sin(this.calc[i].y * Math.PI / 180),
|
||||
z: this.diff * Math.sin(this.calc[i].z * Math.PI / 180)
|
||||
};
|
||||
this.varr[i].transIn.rot = this.rotObj;
|
||||
this.varr[i].transIn.sz = this.objSz;
|
||||
this.varr[i].vupd();
|
||||
if (this.varr[i].transOut.p < 0) continue;
|
||||
var g = this.$.createRadialGradient(this.varr[i].transOut.x, this.varr[i].transOut.y, this.varr[i]
|
||||
.transOut.p, this.varr[i].transOut.x, this.varr[i].transOut.y, this.varr[i].transOut.p * 2);
|
||||
this.$.globalCompositeOperation = 'lighter';
|
||||
g.addColorStop(0, 'hsla(255, 255%, 255%, 1)');
|
||||
g.addColorStop(.6, 'hsla(' + (i + 2) + ',85%, 40%,1)');
|
||||
g.addColorStop(1, 'hsla(' + (i) + ',85%, 40%,.5)');
|
||||
console.log(this.varr[i].transOut.x, this.varr[i].transOut.y, this.varr[i].transOut.p * 2, 0, Math
|
||||
.PI * 2, false)
|
||||
this.$.fillStyle = g;
|
||||
this.$.beginPath();
|
||||
this.$.arc(this.varr[i].transOut.x, this.varr[i].transOut.y, this.varr[i].transOut.p * 2, 0, Math
|
||||
.PI * 2, false);
|
||||
this.$.fill();
|
||||
this.$.closePath();
|
||||
}
|
||||
};
|
||||
Build.prototype.anim = function() {
|
||||
window.requestAnimationFrame = (function() {
|
||||
return window.requestAnimationFrame ||
|
||||
function(callback, element) {
|
||||
window.setTimeout(callback, 1000 / 60);
|
||||
};
|
||||
})();
|
||||
var anim = function() {
|
||||
this.upd();
|
||||
this.draw();
|
||||
window.requestAnimationFrame(anim);
|
||||
}.bind(this);
|
||||
window.requestAnimationFrame(anim);
|
||||
};
|
||||
|
||||
Build.prototype.run = function() {
|
||||
this.anim();
|
||||
|
||||
window.addEventListener('mousemove', function(e) {
|
||||
this.toX = (e.clientX - this.canvas.width / 2) * -0.8;
|
||||
this.toY = (e.clientY - this.canvas.height / 2) * 0.8;
|
||||
}.bind(this));
|
||||
window.addEventListener('touchmove', function(e) {
|
||||
e.preventDefault();
|
||||
this.toX = (e.touches[0].clientX - this.canvas.width / 2) * -0.8;
|
||||
this.toY = (e.touches[0].clientY - this.canvas.height / 2) * 0.8;
|
||||
}.bind(this));
|
||||
window.addEventListener('mousedown', function(e) {
|
||||
for (var i = 0; i < 100; i++) {
|
||||
this.add();
|
||||
}
|
||||
}.bind(this));
|
||||
window.addEventListener('touchstart', function(e) {
|
||||
e.preventDefault();
|
||||
for (var i = 0; i < 100; i++) {
|
||||
this.add();
|
||||
}
|
||||
}.bind(this));
|
||||
};
|
||||
|
||||
var app = new Build();
|
||||
app.run();
|
||||
|
||||
window.addEventListener('resize', function() {
|
||||
// canvas.width = w = window.innerWidth;
|
||||
// canvas.height = h = window.innerHeight;
|
||||
var app = new Build();
|
||||
app.run();
|
||||
});
|
||||
}
|
||||
@ -1,154 +0,0 @@
|
||||
export default function canvasBg() {
|
||||
var canvas = document.getElementById('canvas'),
|
||||
ctx = canvas.getContext('2d')
|
||||
canvas.width = window.innerWidth;
|
||||
canvas.height = window.innerHeight;
|
||||
ctx.lineWidth = .3;
|
||||
ctx.strokeStyle = (new Color(150)).style;
|
||||
|
||||
var mousePosition = {
|
||||
x: 30 * canvas.width / 100,
|
||||
y: 30 * canvas.height / 100
|
||||
};
|
||||
|
||||
var dots = {
|
||||
nb: 750,
|
||||
distance: 50,
|
||||
d_radius: 100,
|
||||
array: []
|
||||
};
|
||||
|
||||
function colorValue(min) {
|
||||
return Math.floor(Math.random() * 255 + min);
|
||||
}
|
||||
|
||||
function createColorStyle(r, g, b) {
|
||||
return 'rgba(' + r + ',' + g + ',' + b + ', 0.8)';
|
||||
}
|
||||
|
||||
function mixComponents(comp1, weight1, comp2, weight2) {
|
||||
return (comp1 * weight1 + comp2 * weight2) / (weight1 + weight2);
|
||||
}
|
||||
|
||||
function averageColorStyles(dot1, dot2) {
|
||||
var color1 = dot1.color,
|
||||
color2 = dot2.color;
|
||||
|
||||
var r = mixComponents(color1.r, dot1.radius, color2.r, dot2.radius),
|
||||
g = mixComponents(color1.g, dot1.radius, color2.g, dot2.radius),
|
||||
b = mixComponents(color1.b, dot1.radius, color2.b, dot2.radius);
|
||||
return createColorStyle(Math.floor(r), Math.floor(g), Math.floor(b));
|
||||
}
|
||||
|
||||
function Color(min) {
|
||||
min = min || 0;
|
||||
this.r = colorValue(min);
|
||||
this.g = colorValue(min);
|
||||
this.b = colorValue(min);
|
||||
this.style = createColorStyle(this.r, this.g, this.b);
|
||||
}
|
||||
|
||||
function Dot() {
|
||||
this.x = Math.random() * canvas.width;
|
||||
this.y = Math.random() * canvas.height;
|
||||
|
||||
this.vx = -.5 + Math.random();
|
||||
this.vy = -.5 + Math.random();
|
||||
|
||||
this.radius = Math.random() * 2;
|
||||
|
||||
this.color = new Color();
|
||||
// console.log(this);
|
||||
}
|
||||
|
||||
Dot.prototype = {
|
||||
draw: function() {
|
||||
ctx.beginPath();
|
||||
ctx.fillStyle = this.color.style;
|
||||
ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
|
||||
ctx.fill();
|
||||
}
|
||||
};
|
||||
|
||||
function createDots() {
|
||||
for (i = 0; i < dots.nb; i++) {
|
||||
dots.array.push(new Dot());
|
||||
}
|
||||
}
|
||||
|
||||
function moveDots() {
|
||||
for (i = 0; i < dots.nb; i++) {
|
||||
|
||||
var dot = dots.array[i];
|
||||
|
||||
if (dot.y < 0 || dot.y > canvas.height) {
|
||||
dot.vx = dot.vx;
|
||||
dot.vy = -dot.vy;
|
||||
} else if (dot.x < 0 || dot.x > canvas.width) {
|
||||
dot.vx = -dot.vx;
|
||||
dot.vy = dot.vy;
|
||||
}
|
||||
dot.x += dot.vx;
|
||||
dot.y += dot.vy;
|
||||
}
|
||||
}
|
||||
|
||||
function connectDots() {
|
||||
for (i = 0; i < dots.nb; i++) {
|
||||
for (j = 0; j < dots.nb; j++) {
|
||||
i_dot = dots.array[i];
|
||||
j_dot = dots.array[j];
|
||||
|
||||
if ((i_dot.x - j_dot.x) < dots.distance && (i_dot.y - j_dot.y) < dots.distance && (i_dot.x -
|
||||
j_dot.x) > -dots.distance && (i_dot.y - j_dot.y) > -dots.distance) {
|
||||
if ((i_dot.x - mousePosition.x) < dots.d_radius && (i_dot.y - mousePosition.y) < dots
|
||||
.d_radius && (i_dot.x - mousePosition.x) > -dots.d_radius && (i_dot.y - mousePosition
|
||||
.y) > -dots.d_radius) {
|
||||
ctx.beginPath();
|
||||
ctx.strokeStyle = averageColorStyles(i_dot, j_dot);
|
||||
ctx.moveTo(i_dot.x, i_dot.y);
|
||||
ctx.lineTo(j_dot.x, j_dot.y);
|
||||
ctx.stroke();
|
||||
ctx.closePath();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function drawDots() {
|
||||
for (i = 0; i < dots.nb; i++) {
|
||||
var dot = dots.array[i];
|
||||
dot.draw();
|
||||
}
|
||||
}
|
||||
|
||||
function animateDots() {
|
||||
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
||||
moveDots();
|
||||
connectDots();
|
||||
drawDots();
|
||||
|
||||
requestAnimationFrame(animateDots);
|
||||
}
|
||||
|
||||
canvas.addEventListener('mousemove', function(e) {
|
||||
mousePosition.x = e.pageX;
|
||||
mousePosition.y = e.pageY;
|
||||
})
|
||||
// canvas.on('mousemove', function(e) {
|
||||
// mousePosition.x = e.pageX;
|
||||
// mousePosition.y = e.pageY;
|
||||
// });
|
||||
canvas.addEventListener('mouseleave', function(e) {
|
||||
mousePosition.x = canvas.width / 2;
|
||||
mousePosition.y = canvas.height / 2;
|
||||
})
|
||||
// canvas.on('mouseleave', function(e) {
|
||||
// mousePosition.x = canvas.width / 2;
|
||||
// mousePosition.y = canvas.height / 2;
|
||||
// });
|
||||
|
||||
createDots();
|
||||
requestAnimationFrame(animateDots);
|
||||
}
|
||||
@ -1,43 +0,0 @@
|
||||
<template>
|
||||
<svg :class="svgClass" aria-hidden="true" v-on="$listeners">
|
||||
<use :xlink:href="iconName" />
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'SvgIcon',
|
||||
props: {
|
||||
iconClass: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
className: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
iconName() {
|
||||
return `#icon-${this.iconClass}`
|
||||
},
|
||||
svgClass() {
|
||||
if (this.className) {
|
||||
return 'svg-icon ' + this.className
|
||||
} else {
|
||||
return 'svg-icon'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.svg-icon {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
vertical-align: -0.15em;
|
||||
fill: currentColor;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
@ -1,109 +0,0 @@
|
||||
<template>
|
||||
<el-breadcrumb class="app-breadcrumb" separator=">>" style="height:40px;backgroundColor:rgba(36, 139, 146, 1);borderRadius:20px;padding:0px 20px 0px 20px;boxShadow:0px 0px 0px 5px rgba(142, 209, 214, 1);borderWidth:0;borderStyle:solid;borderColor:#ff0000;">
|
||||
<transition-group name="breadcrumb" class="box" :style="2==1?'justifyContent:flex-start;':2==2?'justifyContent:center;':'justifyContent:flex-end;'">
|
||||
<el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
|
||||
<span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect" style="color:rgba(255, 215, 0, 1)">{{ item.name }}</span>
|
||||
<a v-else @click.prevent="handleLink(item)">{{ item.name }}</a>
|
||||
</el-breadcrumb-item>
|
||||
</transition-group>
|
||||
</el-breadcrumb>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import pathToRegexp from 'path-to-regexp'
|
||||
import { generateTitle } from '@/utils/i18n'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
levelList: null
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route() {
|
||||
this.getBreadcrumb()
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getBreadcrumb()
|
||||
this.breadcrumbStyleChange()
|
||||
},
|
||||
methods: {
|
||||
generateTitle,
|
||||
getBreadcrumb() {
|
||||
// only show routes with meta.title
|
||||
let route = this.$route
|
||||
let matched = route.matched.filter(item => item.meta)
|
||||
const first = matched[0]
|
||||
matched = [{ path: '/index' }].concat(matched)
|
||||
|
||||
this.levelList = matched.filter(item => item.meta)
|
||||
},
|
||||
isDashboard(route) {
|
||||
const name = route && route.name
|
||||
if (!name) {
|
||||
return false
|
||||
}
|
||||
return name.trim().toLocaleLowerCase() === 'Index'.toLocaleLowerCase()
|
||||
},
|
||||
pathCompile(path) {
|
||||
// To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
|
||||
const { params } = this.$route
|
||||
var toPath = pathToRegexp.compile(path)
|
||||
return toPath(params)
|
||||
},
|
||||
handleLink(item) {
|
||||
const { redirect, path } = item
|
||||
if (redirect) {
|
||||
this.$router.push(redirect)
|
||||
return
|
||||
}
|
||||
this.$router.push(path)
|
||||
},
|
||||
breadcrumbStyleChange(val) {
|
||||
this.$nextTick(()=>{
|
||||
document.querySelectorAll('.app-breadcrumb .el-breadcrumb__separator').forEach(el=>{
|
||||
el.innerText = ">>"
|
||||
el.style.color = "rgba(255, 215, 0, 1)"
|
||||
})
|
||||
document.querySelectorAll('.app-breadcrumb .el-breadcrumb__inner a').forEach(el=>{
|
||||
el.style.color = "rgba(255, 215, 0, 1)"
|
||||
})
|
||||
document.querySelectorAll('.app-breadcrumb .el-breadcrumb__inner .no-redirect').forEach(el=>{
|
||||
el.style.color = "rgba(255, 215, 0, 1)"
|
||||
})
|
||||
|
||||
let str = "2"
|
||||
if(2 == str) {
|
||||
let headHeight = "60px"
|
||||
headHeight = parseInt(headHeight) + 10 + 'px'
|
||||
document.querySelectorAll('.app-breadcrumb').forEach(el=>{
|
||||
el.style.marginTop = headHeight
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.app-breadcrumb {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
line-height: 50px;
|
||||
|
||||
.box {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.no-redirect {
|
||||
color: #97a8be;
|
||||
cursor: text;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,77 +0,0 @@
|
||||
<template>
|
||||
<el-breadcrumb class="app-breadcrumb" separator="/">
|
||||
<transition-group name="breadcrumb">
|
||||
<el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
|
||||
<span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ item.name }}</span>
|
||||
<a v-else @click.prevent="handleLink(item)">{{ item.name }}</a>
|
||||
</el-breadcrumb-item>
|
||||
</transition-group>
|
||||
</el-breadcrumb>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import pathToRegexp from 'path-to-regexp'
|
||||
import { generateTitle } from '@/utils/i18n'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
levelList: null
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route() {
|
||||
this.getBreadcrumb()
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getBreadcrumb()
|
||||
},
|
||||
methods: {
|
||||
generateTitle,
|
||||
getBreadcrumb() {
|
||||
// only show routes with meta.title
|
||||
console.log(this.$route)
|
||||
let matched = this.$route.matched.filter(item => item.meta)
|
||||
const first = matched[0]
|
||||
matched = [{ path: '/index' }].concat(matched)
|
||||
|
||||
this.levelList = matched.filter(item => item.meta)
|
||||
},
|
||||
isDashboard(route) {
|
||||
const name = route && route.name
|
||||
if (!name) {
|
||||
return false
|
||||
}
|
||||
return name.trim().toLocaleLowerCase() === 'Index'.toLocaleLowerCase()
|
||||
},
|
||||
pathCompile(path) {
|
||||
// To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
|
||||
const { params } = this.$route
|
||||
var toPath = pathToRegexp.compile(path)
|
||||
return toPath(params)
|
||||
},
|
||||
handleLink(item) {
|
||||
const { redirect, path } = item
|
||||
if (redirect) {
|
||||
this.$router.push(redirect)
|
||||
return
|
||||
}
|
||||
this.$router.push(path)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.app-breadcrumb.el-breadcrumb {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
line-height: 50px;
|
||||
margin-left: 8px;
|
||||
|
||||
.no-redirect {
|
||||
color: #97a8be;
|
||||
cursor: text;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,60 +0,0 @@
|
||||
<template>
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="header">
|
||||
<span>{{title}}</span>
|
||||
<span>
|
||||
<el-tag size="small" :type="titleTag">{{titleUnit}}</el-tag>
|
||||
</span>
|
||||
</div>
|
||||
<div class="content">
|
||||
{{content}}
|
||||
<span class="unit">{{contentUnit}}</span>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<span>{{bottomTitle}}</span>
|
||||
<span>
|
||||
{{bottomContent}}
|
||||
<i :class="bottomIcon"></i>
|
||||
</span>
|
||||
</div>
|
||||
</el-card>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: [
|
||||
"title",
|
||||
"titleTag",
|
||||
"titleUnit",
|
||||
"content",
|
||||
"contentUnit",
|
||||
"bottomTitle",
|
||||
"bottomContent",
|
||||
"bottomIcon"
|
||||
]
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.box-card {
|
||||
margin-right: 10px;
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.content {
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
text-align: center;
|
||||
.unit {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,101 +0,0 @@
|
||||
<template>
|
||||
<div class="home-comment">
|
||||
<div class="title">用户留言</div>
|
||||
<div class="comment-list">
|
||||
<div v-for="(item,index) in list" v-bind:key="index" class="comment-item">
|
||||
<div class="user-content">
|
||||
<el-image
|
||||
class="avator"
|
||||
:src="item.avator"
|
||||
></el-image>
|
||||
<span class="user">{{item.name}}</span>
|
||||
</div>
|
||||
<div class="comment">{{item.content}}</div>
|
||||
<div class="create-time">{{item.createTime}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: [
|
||||
{
|
||||
name: "MaskLin",
|
||||
avator:
|
||||
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
|
||||
content:
|
||||
"你以为只要长得漂亮就有男生喜欢？你以为只要有了钱漂亮妹子就自己贴上来了？你以为学霸就能找到好工作？我告诉你吧，这些都是真的！",
|
||||
createTime: "5月02日 00:00"
|
||||
},
|
||||
{
|
||||
name: "MaskLin",
|
||||
avator:
|
||||
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
|
||||
content: "作者太帅了",
|
||||
createTime: "5月04日 00:00"
|
||||
},
|
||||
{
|
||||
name: "MaskLin",
|
||||
avator:
|
||||
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
|
||||
content: "作者太帅了",
|
||||
createTime: "5月04日 00:00"
|
||||
},
|
||||
{
|
||||
name: "MaskLin",
|
||||
avator: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
|
||||
content: "作者太帅了",
|
||||
createTime: "5月04日 00:00"
|
||||
}
|
||||
]
|
||||
};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.home-comment {
|
||||
background: #ffffff;
|
||||
.title {
|
||||
font-size: 18px;
|
||||
color: #666;
|
||||
font-weight: bold;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
}
|
||||
.comment-list {
|
||||
padding: 10px;
|
||||
.comment-item {
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
.user-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.user {
|
||||
font-size: 18px;
|
||||
color: #666;
|
||||
font-weight: bold;
|
||||
line-height: 50px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.avator {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.comment {
|
||||
margin-top: 10px;
|
||||
font-size: 14px;
|
||||
color: #888888;
|
||||
}
|
||||
.create-time {
|
||||
margin-top: 15px;
|
||||
font-size: 14px;
|
||||
color: #888888;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,55 +0,0 @@
|
||||
<template>
|
||||
<div class="home-progress">
|
||||
<div class="title">月访问量</div>
|
||||
<div class="tip">同上期增长</div>
|
||||
<el-progress
|
||||
class="progress"
|
||||
:text-inside="true"
|
||||
:stroke-width="24"
|
||||
:percentage="20"
|
||||
status="success"
|
||||
></el-progress>
|
||||
<div class="title">月用户量</div>
|
||||
<div class="tip">同上期增长</div>
|
||||
<el-progress
|
||||
class="progress"
|
||||
:text-inside="true"
|
||||
:stroke-width="24"
|
||||
:percentage="50"
|
||||
status="success"
|
||||
></el-progress>
|
||||
<div class="title">月收入</div>
|
||||
<div class="tip">同上期减少</div>
|
||||
<el-progress
|
||||
class="progress"
|
||||
:text-inside="true"
|
||||
:stroke-width="24"
|
||||
:percentage="28"
|
||||
status="exception"
|
||||
></el-progress>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.home-progress {
|
||||
background: #ffffff;
|
||||
height: 400px;
|
||||
padding: 20px;
|
||||
.title {
|
||||
color: #666666;
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.tip {
|
||||
color: #888888;
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.progress {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,56 +0,0 @@
|
||||
<template>
|
||||
<el-aside class="index-aside" width="200px">
|
||||
<div class="index-aside-inner">
|
||||
<el-menu default-active="1">
|
||||
<el-menu-item @click="menuHandler('/')" index="1">
|
||||
<!-- <i class="el-icon-s-home"></i> -->
|
||||
首页
|
||||
</el-menu-item>
|
||||
<sub-menu
|
||||
v-for="menu in menuList"
|
||||
:key="menu.menuId"
|
||||
:menu="menu"
|
||||
:dynamicMenuRoutes="dynamicMenuRoutes"
|
||||
></sub-menu>
|
||||
</el-menu>
|
||||
</div>
|
||||
</el-aside>
|
||||
</template>
|
||||
<script>
|
||||
import SubMenu from "@/components/index/IndexAsideSub";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
menuList: [],
|
||||
dynamicMenuRoutes: []
|
||||
};
|
||||
},
|
||||
components: {
|
||||
SubMenu
|
||||
},
|
||||
mounted() {
|
||||
// 获取动态菜单数据并且渲染
|
||||
this.menuList = JSON.parse(sessionStorage.getItem("menuList") || "[]");
|
||||
this.dynamicMenuRoutes = JSON.parse(
|
||||
sessionStorage.getItem("dynamicMenuRoutes") || "[]"
|
||||
);
|
||||
},
|
||||
methods: {
|
||||
menuHandler(path) {
|
||||
this.$router.push({ path: path });
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.index-aside {
|
||||
margin-top: 80px;
|
||||
overflow: hidden;
|
||||
.index-aside-inner {
|
||||
width: 217px;
|
||||
height: 100%;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,501 +0,0 @@
|
||||
<template>
|
||||
<el-aside class="index-aside" width="210px">
|
||||
<div class="index-aside-inner menulist">
|
||||
<div v-for="item in menuList" :key="item.roleName" v-if="role==item.roleName" class="menulist-item">
|
||||
<div class="menulistImg" v-if="false && 2 == 2">
|
||||
<el-image :style='{"padding":"0","boxShadow":"0 0 6px rgba(0,0,0,0)","margin":"0","borderColor":"rgba(0,0,0,0)","borderRadius":"0","borderWidth":"0","width":"100%","borderStyle":"solid","height":"auto"}' v-if="'http://codegen.caihongy.cn/20201021/cc7d45d9c8164b58b18351764eba9be1.jpg'" src="http://codegen.caihongy.cn/20201021/cc7d45d9c8164b58b18351764eba9be1.jpg" fit="cover" />
|
||||
</div>
|
||||
<el-menu :mode="2 == 1? 'horizontal':'vertical'" :unique-opened="true" class="el-menu-demo" default-active="0">
|
||||
<el-menu-item index="0" @click="menuHandler('')"><i v-if="true" class="el-icon-menu el-icon-s-home" />首页</el-menu-item>
|
||||
<el-submenu :index="1+''">
|
||||
<template slot="title">
|
||||
<i v-if="true" class="el-icon-menu el-icon-user-solid" />
|
||||
<span>个人中心</span>
|
||||
</template>
|
||||
<el-menu-item :index="1-1" @click="menuHandler('updatePassword')">修改密码</el-menu-item>
|
||||
<el-menu-item :index="1-2" @click="menuHandler('center')">个人信息</el-menu-item>
|
||||
</el-submenu>
|
||||
<el-submenu v-for=" (menu,index) in item.backMenu" :key="menu.menu" :index="index+2+''">
|
||||
<template slot="title">
|
||||
<i v-if="true" class="el-icon-menu" :class="icons[index]" />
|
||||
<span>{{ menu.menu }}</span>
|
||||
</template>
|
||||
<el-menu-item v-for=" (child,sort) in menu.child" :key="sort" :index="(index+2)+'-'+sort" @click="menuHandler(child.tableName)">{{ child.menu }}</el-menu-item>
|
||||
</el-submenu>
|
||||
</el-menu>
|
||||
</div>
|
||||
</div>
|
||||
</el-aside>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import menu from '@/utils/menu'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
menuList: [],
|
||||
dynamicMenuRoutes: [],
|
||||
role: '',
|
||||
icons: [
|
||||
'el-icon-s-cooperation',
|
||||
'el-icon-s-order',
|
||||
'el-icon-s-platform',
|
||||
'el-icon-s-fold',
|
||||
'el-icon-s-unfold',
|
||||
'el-icon-s-operation',
|
||||
'el-icon-s-promotion',
|
||||
'el-icon-s-release',
|
||||
'el-icon-s-ticket',
|
||||
'el-icon-s-management',
|
||||
'el-icon-s-open',
|
||||
'el-icon-s-shop',
|
||||
'el-icon-s-marketing',
|
||||
'el-icon-s-flag',
|
||||
'el-icon-s-comment',
|
||||
'el-icon-s-finance',
|
||||
'el-icon-s-claim',
|
||||
'el-icon-s-custom',
|
||||
'el-icon-s-opportunity',
|
||||
'el-icon-s-data',
|
||||
'el-icon-s-check',
|
||||
'el-icon-s-grid',
|
||||
'el-icon-menu',
|
||||
'el-icon-chat-dot-square',
|
||||
'el-icon-message',
|
||||
'el-icon-postcard',
|
||||
'el-icon-position',
|
||||
'el-icon-microphone',
|
||||
'el-icon-close-notification',
|
||||
'el-icon-bangzhu',
|
||||
'el-icon-time',
|
||||
'el-icon-odometer',
|
||||
'el-icon-crop',
|
||||
'el-icon-aim',
|
||||
'el-icon-switch-button',
|
||||
'el-icon-full-screen',
|
||||
'el-icon-copy-document',
|
||||
'el-icon-mic',
|
||||
'el-icon-stopwatch',
|
||||
],
|
||||
menulistStyle: 'vertical',
|
||||
menulistBorderBottom: {},
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
const menus = menu.list()
|
||||
if(menus) {
|
||||
this.menuList = menus
|
||||
} else {
|
||||
let params = {
|
||||
page: 1,
|
||||
limit: 1,
|
||||
sort: 'id',
|
||||
}
|
||||
this.$http({
|
||||
url: "menu/list",
|
||||
method: "get",
|
||||
params: params
|
||||
}).then(({
|
||||
data
|
||||
}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.menuList = JSON.parse(data.data.list[0].menujson);
|
||||
this.$storage.set("menus", this.menuList);
|
||||
}
|
||||
})
|
||||
}
|
||||
this.role = this.$storage.get('role')
|
||||
},
|
||||
created(){
|
||||
setTimeout(()=>{
|
||||
this.menulistStyleChange()
|
||||
},10)
|
||||
this.icons.sort(()=>{
|
||||
return (0.5-Math.random())
|
||||
})
|
||||
this.lineBorder()
|
||||
},
|
||||
methods: {
|
||||
lineBorder() {
|
||||
let style = 'vertical'
|
||||
let w = '4px'
|
||||
let s = 'solid'
|
||||
let c = '#ccc'
|
||||
if(style == 'vertical') {
|
||||
this.menulistBorderBottom = {
|
||||
borderBottomWidth: w,
|
||||
borderBottomStyle: s,
|
||||
borderBottomColor: c
|
||||
}
|
||||
} else {
|
||||
this.menulistBorderBottom = {
|
||||
borderRightWidth: w,
|
||||
borderRightStyle: s,
|
||||
borderRightColor: c
|
||||
}
|
||||
}
|
||||
},
|
||||
menuHandler(name) {
|
||||
let router = this.$router
|
||||
name = '/'+name
|
||||
router.push(name)
|
||||
},
|
||||
// 菜单
|
||||
setMenulistHoverColor(){
|
||||
let that = this
|
||||
return;
|
||||
this.$nextTick(()=>{
|
||||
document.querySelectorAll('.menulist .el-menu-item').forEach(el=>{
|
||||
el.addEventListener("mouseenter", e => {
|
||||
e.stopPropagation()
|
||||
el.style.backgroundColor = "rgba(36, 139, 146, 1)"
|
||||
})
|
||||
el.addEventListener("mouseleave", e => {
|
||||
e.stopPropagation()
|
||||
// el.style.backgroundColor = "linear-gradient(to right,rgba(142, 209, 214, 1) , rgba(36, 139, 146, 1))"
|
||||
el.style.background = "none"
|
||||
})
|
||||
el.addEventListener("focus", e => {
|
||||
e.stopPropagation()
|
||||
el.style.backgroundColor = "rgba(36, 139, 146, 1)"
|
||||
})
|
||||
})
|
||||
document.querySelectorAll('.menulist .el-submenu__title').forEach(el=>{
|
||||
el.addEventListener("mouseenter", e => {
|
||||
e.stopPropagation()
|
||||
el.style.backgroundColor = "rgba(36, 139, 146, 1)"
|
||||
})
|
||||
el.addEventListener("mouseleave", e => {
|
||||
e.stopPropagation()
|
||||
// el.style.backgroundColor = "linear-gradient(to right,rgba(142, 209, 214, 1) , rgba(36, 139, 146, 1))"
|
||||
el.style.background = "none"
|
||||
})
|
||||
})
|
||||
})
|
||||
},
|
||||
setMenulistIconColor() {
|
||||
this.$nextTick(()=>{
|
||||
document.querySelectorAll('.menulist .el-submenu__title .el-submenu__icon-arrow').forEach(el=>{
|
||||
el.style.color = "rgba(255, 255, 255, 1)"
|
||||
})
|
||||
})
|
||||
},
|
||||
menulistStyleChange() {
|
||||
this.setMenulistIconColor()
|
||||
this.setMenulistHoverColor()
|
||||
this.setMenulistStyleHeightChange()
|
||||
let str = "2"
|
||||
if(1 == str) {
|
||||
this.$nextTick(()=>{
|
||||
document.querySelectorAll('.el-container .el-container').forEach(el=>{
|
||||
el.style.display = "block"
|
||||
el.style.paddingTop = "60px" // header 高度
|
||||
})
|
||||
document.querySelectorAll('.el-aside').forEach(el=>{
|
||||
el.style.width = "100%"
|
||||
el.style.height = "100%"
|
||||
el.style.paddingTop = '0'
|
||||
})
|
||||
document.querySelectorAll('.index-aside .index-aside-inner').forEach(el=>{
|
||||
el.style.paddingTop = '0'
|
||||
el.style.width = "100%"
|
||||
})
|
||||
})
|
||||
}
|
||||
if(2 === str) {
|
||||
this.$nextTick(()=>{
|
||||
document.querySelectorAll('.index-aside .index-aside-inner').forEach(el=>{
|
||||
el.style.paddingTop = "60px"
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
setMenulistStyleHeightChange() {
|
||||
return;
|
||||
this.$nextTick(()=>{
|
||||
document.querySelectorAll('.menulist-item>.el-menu--horizontal>.el-menu-item').forEach(el=>{
|
||||
el.style.height = "50px"
|
||||
el.style.lineHeight = "50px"
|
||||
})
|
||||
document.querySelectorAll('.menulist-item>.el-menu--horizontal>.el-submenu>.el-submenu__title').forEach(el=>{
|
||||
el.style.height = "50px"
|
||||
el.style.lineHeight = "50px"
|
||||
})
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-container {
|
||||
display: block;
|
||||
}
|
||||
.index-aside {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.menulistImg {
|
||||
font-size: 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
.el-image {
|
||||
margin: 0 auto;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.index-aside-inner {
|
||||
height: 100%;
|
||||
margin-right: -17px;
|
||||
margin-bottom: -17px;
|
||||
overflow: scroll;
|
||||
overflow-x: hidden !important;
|
||||
padding-top: 60px;
|
||||
box-sizing: border-box;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
& /deep/ .el-menu {
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.index-aside .index-aside-inner.menulist {
|
||||
height: 100% !important;
|
||||
}
|
||||
.menulist-item {
|
||||
width: 210px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
border-width: 0 !important;
|
||||
border-style: solid !important;
|
||||
border-color: rgba(0,0,0,.3) !important;
|
||||
background: linear-gradient(to right, rgba(36, 139, 146,1) 0%, rgba(36, 139, 146,0.7) 50%, rgba(142, 209, 214,0.8) 100%) !important;
|
||||
box-shadow: 0 0 6px rgba(30, 144, 255, 0);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.el-menu-demo {
|
||||
box-sizing: border-box;
|
||||
min-height: calc(100vh - 60px);
|
||||
|
||||
&>.el-menu-item {
|
||||
width: 200px;
|
||||
height: auto !important;
|
||||
line-height: 40px !important;
|
||||
padding: 10px;
|
||||
margin: 0px 0px 0px 5px;
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 14px;
|
||||
border-radius: 0;
|
||||
border-width: 0px 0px 3px 0px;
|
||||
border-style: groove;
|
||||
border-color: rgba(220, 223, 230, 1) !important;
|
||||
background-color: rgba(144, 238, 144, 0) !important;
|
||||
box-shadow: 0 0 6px rgba(255,255,255,0);
|
||||
box-sizing: initial;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
|
||||
.el-icon-menu {
|
||||
margin: 0 5px 0 0;
|
||||
padding: 0;
|
||||
width: 24px;
|
||||
line-height: 24px;
|
||||
color: rgba(220, 223, 230, 1);
|
||||
font-size: 16px;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: #fff;
|
||||
background-color: rgba(255,255,255,0);
|
||||
box-shadow: 0 0 6px rgba(255,255,255,0);
|
||||
}
|
||||
}
|
||||
|
||||
.el-submenu {
|
||||
margin: 0px 0px 0px 5px;
|
||||
}
|
||||
|
||||
& /deep/ .el-submenu__title {
|
||||
width: 200px;
|
||||
height: auto !important;
|
||||
line-height: 40px !important;
|
||||
padding: 10px;
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 14px;
|
||||
border-radius: 0;
|
||||
border-width: 0px 0px 3px 0px;
|
||||
border-style: groove;
|
||||
border-color: rgba(220, 223, 230, 1) !important;
|
||||
background-color: rgba(144, 238, 144, 0) !important;
|
||||
box-shadow: 0 0 6px rgba(255,255,255,0);
|
||||
box-sizing: initial;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
|
||||
.el-icon-menu {
|
||||
margin: 0 5px 0 0;
|
||||
padding: 0;
|
||||
width: 24px;
|
||||
line-height: 24px;
|
||||
color: rgba(220, 223, 230, 1);
|
||||
font-size: 16px;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: #fff;
|
||||
background-color: rgba(255,255,255,0);
|
||||
box-shadow: 0 0 6px rgba(255,255,255,0);
|
||||
}
|
||||
|
||||
.el-submenu__icon-arrow {
|
||||
margin: 0 10px 0 0;
|
||||
padding: 0;
|
||||
width: 12px;
|
||||
line-height: 12px;
|
||||
color: rgba(220, 223, 230, 1) !important;
|
||||
font-size: 12px;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: #fff;
|
||||
background-color: rgba(255,255,255,0);
|
||||
box-shadow: 0 0 6px rgba(255,255,255,0);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
& /deep/ .el-menu.el-menu--inline {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 0px 0px 0px 0px;
|
||||
margin: 0px 0px 0px -3px;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: rgba(0,0,0,.3);
|
||||
background-color: rgba(245, 245, 245, 1);
|
||||
box-shadow: 0 0 0px rgba(0, 0, 0, .3);
|
||||
|
||||
.el-menu-item {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
padding: 0px 50px 0px 0px !important;
|
||||
margin: 0px 0px 0px 0px;
|
||||
color: #333 !important;
|
||||
font-size: 14px;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: rgba(0, 0, 0, .3);
|
||||
background-color: rgba(245, 245, 245, 1) !important;
|
||||
box-shadow: 0 0 6px rgba(30, 144, 255, 0);
|
||||
text-align: center;
|
||||
min-width: auto;
|
||||
|
||||
&.is-active {
|
||||
width: 100%;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
padding: 0px 50px 0px 0px !important;
|
||||
margin: 0;
|
||||
color: rgba(0, 0, 0, 1) !important;
|
||||
font-size: 14px;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: rgba(0, 0, 0, 0);
|
||||
background-color: rgba(102, 102, 102, 0) !important;
|
||||
box-shadow: 0 0 6px rgba(30, 144, 255, 0);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
padding: 0px 50px 0px 0px !important;
|
||||
margin: 0px 0px 0px 0px;
|
||||
color: #fff !important;
|
||||
font-size: 14px;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: rgba(0, 0, 0, .3);
|
||||
background-color: rgba(193, 227, 229, 1) !important;
|
||||
box-shadow: 0 0 6px rgba(30, 144, 255, 0);
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
|
||||
.el-menu--horizontal .el-menu--popup {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 0px 0px 0px 0px;
|
||||
margin: 0px 0px 0px -3px;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: rgba(0,0,0,.3);
|
||||
background-color: rgba(245, 245, 245, 1);
|
||||
box-shadow: 0 0 0px rgba(0, 0, 0, .3);
|
||||
min-width: auto;
|
||||
}
|
||||
.el-menu--horizontal .el-menu--popup .el-menu-item {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
padding: 0px 50px 0px 0px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
color: #333 !important;
|
||||
font-size: 14px;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: rgba(0, 0, 0, .3);
|
||||
background-color: rgba(245, 245, 245, 1) !important;
|
||||
box-shadow: 0 0 6px rgba(30, 144, 255, 0);
|
||||
text-align: center;
|
||||
min-width: auto;
|
||||
}
|
||||
.el-menu--horizontal .el-menu--popup .el-menu-item:hover {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
padding: 0px 50px 0px 0px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
color: #fff !important;
|
||||
font-size: 14px;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: rgba(0, 0, 0, .3);
|
||||
background-color: rgba(193, 227, 229, 1) !important;
|
||||
box-shadow: 0 0 6px rgba(30, 144, 255, 0);
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
@ -1,76 +0,0 @@
|
||||
<template>
|
||||
<el-aside class="index-aside" width="200px">
|
||||
<div class="index-aside-inner">
|
||||
<div v-for="item in menuList" v-bind:key="item.roleName">
|
||||
<el-menu
|
||||
background-color="#263238"
|
||||
text-color="#fff"
|
||||
active-text-color="#ffd04b"
|
||||
default-active="0"
|
||||
v-if="role==item.roleName"
|
||||
>
|
||||
<el-menu-item @click="menuHandler('home')" index="0">首页</el-menu-item>
|
||||
<el-submenu
|
||||
:index="1+''"
|
||||
>
|
||||
<template slot="title">
|
||||
<span>个人中心</span>
|
||||
</template>
|
||||
<el-menu-item
|
||||
@click="menuHandler('updatePassword')"
|
||||
:index="1-1"
|
||||
>修改密码</el-menu-item>
|
||||
<el-menu-item
|
||||
@click="menuHandler('center')"
|
||||
:index="1-2"
|
||||
>个人信息</el-menu-item>
|
||||
</el-submenu>
|
||||
<el-submenu
|
||||
v-for=" (menu,index) in item.backMenu"
|
||||
v-bind:key="menu.menu"
|
||||
:index="index+2+''"
|
||||
>
|
||||
<template slot="title">
|
||||
<span>{{menu.menu}}</span>
|
||||
</template>
|
||||
<el-menu-item
|
||||
v-for=" (child,sort) in menu.child"
|
||||
v-bind:key="sort"
|
||||
@click="menuHandler(child.tableName)"
|
||||
:index="(index+2)+'-'+sort"
|
||||
>{{child.menu}}</el-menu-item>
|
||||
</el-submenu>
|
||||
</el-menu>
|
||||
</div>
|
||||
</div>
|
||||
</el-aside>
|
||||
</template>
|
||||
<script>
|
||||
import menu from "@/utils/menu";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
menuList: [],
|
||||
dynamicMenuRoutes: [],
|
||||
role: ""
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
let menus = menu.list();
|
||||
this.menuList = menus;
|
||||
this.role = this.$storage.get("role");
|
||||
console.log(this.menuList)
|
||||
console.log(this.role)
|
||||
},
|
||||
methods: {
|
||||
menuHandler(name) {
|
||||
this.$router.push({
|
||||
name: name
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
@ -1,51 +0,0 @@
|
||||
<template>
|
||||
<el-submenu v-if="menu.list && menu.list.length >= 1" :index="menu.menuId + ''">
|
||||
<template slot="title">
|
||||
<span>{{ menu.name }}</span>
|
||||
</template>
|
||||
<sub-menu
|
||||
v-for="item in menu.list"
|
||||
:key="item.menuId"
|
||||
:menu="item"
|
||||
:dynamicMenuRoutes="dynamicMenuRoutes"
|
||||
></sub-menu>
|
||||
</el-submenu>
|
||||
<el-menu-item v-else :index="menu.menuId + ''" @click="gotoRouteHandle(menu)">
|
||||
<span>{{ menu.name }}</span>
|
||||
</el-menu-item>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import SubMenu from "./IndexAsideSub";
|
||||
export default {
|
||||
name: "sub-menu",
|
||||
props: {
|
||||
menu: {
|
||||
type: Object,
|
||||
required: true
|
||||
},
|
||||
dynamicMenuRoutes: {
|
||||
type: Array,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
components: {
|
||||
SubMenu
|
||||
},
|
||||
methods: {
|
||||
// 通过menuId与动态(菜单)路由进行匹配跳转至指定路由
|
||||
gotoRouteHandle(menu) {
|
||||
var route = this.dynamicMenuRoutes.filter(
|
||||
item => item.meta.menuId === menu.menuId
|
||||
);
|
||||
if (route.length >= 1) {
|
||||
if (route[0].component != null) {
|
||||
this.$router.replace({ name: route[0].name });
|
||||
} else {
|
||||
this.$router.push({ name: "404" });
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -1,185 +0,0 @@
|
||||
<template>
|
||||
<!-- <el-header>
|
||||
<el-menu background-color="#00c292" text-color="#FFFFFF" active-text-color="#FFFFFF" mode="horizontal">
|
||||
<div class="fl title">{{this.$project.projectName}}</div>
|
||||
<div class="fr logout" style="display:flex;">
|
||||
<el-menu-item index="3">
|
||||
<div>{{this.$storage.get('role')}} {{this.$storage.get('adminName')}}</div>
|
||||
</el-menu-item>
|
||||
<el-menu-item @click="onLogout" index="2">
|
||||
<div>退出登录</div>
|
||||
</el-menu-item>
|
||||
</div>
|
||||
</el-menu>
|
||||
</el-header> -->
|
||||
<div class="navbar" :style="{background:heads.headBgColor,height:heads.headHeight,boxShadow:heads.headBoxShadow,lineHeight:heads.headHeight}">
|
||||
<div class="title-menu" :style="{justifyContent:heads.headTitleStyle=='1'?'flex-start':'center'}">
|
||||
<el-image v-if="heads.headTitleImg" class="title-img" :style="{width:heads.headTitleImgWidth,height:heads.headTitleImgHeight,boxShadow:heads.headTitleImgBoxShadow,borderRadius:heads.headTitleImgBorderRadius}" :src="heads.headTitleImgUrl" fit="cover"></el-image>
|
||||
<div class="title-name" :style="{color:heads.headFontColor,fontSize:heads.headFontSize}">{{this.$project.projectName}}</div>
|
||||
</div>
|
||||
<div class="right-menu">
|
||||
<div class="user-info" :style="{color:heads.headUserInfoFontColor,fontSize:heads.headUserInfoFontSize}">{{this.$storage.get('role')}} {{this.$storage.get('adminName')}}</div>
|
||||
<div v-if="this.$storage.get('role')!='管理员'" class="logout" :style="{color:heads.headLogoutFontColor,fontSize:heads.headLogoutFontSize}" @click="onIndexTap">退出到前台</div>
|
||||
<div class="logout" :style="{color:heads.headLogoutFontColor,fontSize:heads.headLogoutFontSize}" @click="onLogout">退出登录</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
ruleForm: {},
|
||||
user: {},
|
||||
heads: {"headLogoutFontHoverColor":"rgba(255, 215, 0, 1)","headFontSize":"20px","headUserInfoFontColor":"rgba(255, 255, 255, 1)","headBoxShadow":"0px 0px 0px 0px rgba(36, 139, 146, 1)","headTitleImgHeight":"44px","headLogoutFontHoverBgColor":"rgba(36, 139, 146, 1)","headFontColor":"rgba(255, 255, 255, 1)","headTitleImg":false,"headHeight":"60px","headTitleImgBorderRadius":"22px","headTitleImgUrl":"http://codegen.caihongy.cn/20201021/cc7d45d9c8164b58b18351764eba9be1.jpg","headBgColor":"linear-gradient(to right,rgba(142, 209, 214, 1) , rgba(36, 139, 146, 1))","headTitleImgBoxShadow":"0 1px 6px #444","headLogoutFontColor":"rgba(255, 255, 255, 1)","headUserInfoFontSize":"16px","headTitleImgWidth":"44px","headTitleStyle":"1","headLogoutFontSize":"16px"},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.setHeaderStyle()
|
||||
},
|
||||
mounted() {
|
||||
let sessionTable = this.$storage.get("sessionTable")
|
||||
this.$http({
|
||||
url: sessionTable + '/session',
|
||||
method: "get"
|
||||
}).then(({
|
||||
data
|
||||
}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.user = data.data;
|
||||
this.$storage.set('userid',data.data.id);
|
||||
} else {
|
||||
let message = this.$message
|
||||
message.error(data.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
onLogout() {
|
||||
let storage = this.$storage
|
||||
let router = this.$router
|
||||
storage.clear()
|
||||
router.replace({
|
||||
name: "login"
|
||||
});
|
||||
},
|
||||
onIndexTap(){
|
||||
window.location.href = `${this.$base.indexUrl}`
|
||||
},
|
||||
setHeaderStyle() {
|
||||
this.$nextTick(()=>{
|
||||
document.querySelectorAll('.navbar .right-menu .logout').forEach(el=>{
|
||||
el.addEventListener("mouseenter", e => {
|
||||
e.stopPropagation()
|
||||
el.style.backgroundColor = this.heads.headLogoutFontHoverBgColor
|
||||
el.style.color = this.heads.headLogoutFontHoverColor
|
||||
})
|
||||
el.addEventListener("mouseleave", e => {
|
||||
e.stopPropagation()
|
||||
el.style.backgroundColor = "transparent"
|
||||
el.style.color = this.heads.headLogoutFontColor
|
||||
})
|
||||
})
|
||||
})
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.navbar {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
width: 100%;
|
||||
padding: 0 34px;
|
||||
box-sizing: border-box;
|
||||
background-color: #ff00ff;
|
||||
position: relative;
|
||||
z-index: 111;
|
||||
|
||||
.right-menu {
|
||||
position: absolute;
|
||||
right: 34px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
z-index: 111;
|
||||
|
||||
.user-info {
|
||||
font-size: 16px;
|
||||
color: red;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.logout {
|
||||
font-size: 16px;
|
||||
color: red;
|
||||
padding: 0 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.title-menu {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
.title-img {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 22px;
|
||||
box-shadow: 0 1px 6px #444;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.title-name {
|
||||
font-size: 24px;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
// .el-header .fr {
|
||||
// float: right;
|
||||
// }
|
||||
|
||||
// .el-header .fl {
|
||||
// float: left;
|
||||
// }
|
||||
|
||||
// .el-header {
|
||||
// width: 100%;
|
||||
// color: #333;
|
||||
// text-align: center;
|
||||
// line-height: 60px;
|
||||
// padding: 0;
|
||||
// z-index: 99;
|
||||
// }
|
||||
|
||||
// .logo {
|
||||
// width: 60px;
|
||||
// height: 60px;
|
||||
// margin-left: 70px;
|
||||
// }
|
||||
|
||||
// .avator {
|
||||
// width: 40px;
|
||||
// height: 40px;
|
||||
// background: #ffffff;
|
||||
// border-radius: 50%;
|
||||
// }
|
||||
|
||||
// .title {
|
||||
// color: #ffffff;
|
||||
// font-size: 20px;
|
||||
// font-weight: bold;
|
||||
// margin-left: 20px;
|
||||
// }
|
||||
</style>
|
||||
@ -1,89 +0,0 @@
|
||||
<template>
|
||||
<el-header>
|
||||
<el-menu background-color="#00c292" text-color="#FFFFFF" active-text-color="#FFFFFF" mode="horizontal">
|
||||
<div class="fl title">{{this.$project.projectName}}</div>
|
||||
<div class="fr logout" style="display:flex;">
|
||||
<el-menu-item index="3">
|
||||
<div>{{this.$storage.get('role')}} {{this.$storage.get('adminName')}}</div>
|
||||
</el-menu-item>
|
||||
<el-menu-item @click="onLogout" index="2">
|
||||
<div>退出登录</div>
|
||||
</el-menu-item>
|
||||
</div>
|
||||
</el-menu>
|
||||
</el-header>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
ruleForm: {},
|
||||
user: {}
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.$http({
|
||||
url: `${this.$storage.get("sessionTable")}/session`,
|
||||
method: "get"
|
||||
}).then(({
|
||||
data
|
||||
}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.user = data.data;
|
||||
} else {
|
||||
this.$message.error(data.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
onLogout() {
|
||||
this.$storage.remove("Token");
|
||||
this.$router.replace({
|
||||
name: "login"
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.el-header .fr {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.el-header .fl {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.el-header {
|
||||
width: 100%;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
padding: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin-left: 70px;
|
||||
}
|
||||
|
||||
.avator {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: #ffffff;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.title {
|
||||
color: #ffffff;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
margin-left: 20px;
|
||||
}
|
||||
</style>
|
||||
@ -1,143 +0,0 @@
|
||||
<template>
|
||||
<el-main style="padding: 10px 20px;
|
||||
background: url(http://codegen.caihongy.cn/20211124/873782b96c3543ceb98920965ce530c9.jpg);
|
||||
boxShadow: 0 0 6px rgba(0,0,0,0);
|
||||
">
|
||||
<bread-crumbs :title="title" class="bread-crumbs"></bread-crumbs>
|
||||
<router-view class="router-view" style="height:auto;background: transparent;"></router-view>
|
||||
</el-main>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import menu from "@/utils/menu";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
menuList: [],
|
||||
role: "",
|
||||
currentIndex: -2,
|
||||
itemMenu: [],
|
||||
title: '',
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
let menus = menu.list();
|
||||
this.menuList = menus;
|
||||
this.role = this.$storage.get("role");
|
||||
},
|
||||
created() {
|
||||
this.init();
|
||||
},
|
||||
methods: {
|
||||
init(){
|
||||
this.$nextTick(()=>{
|
||||
// let h = document.getElementsByClassName('el-aside')[0].clientHeight
|
||||
// document.getElementsByClassName('el-main')[0].style.minHeight = "calc(100vh - 60px - " + h+'px)'
|
||||
})
|
||||
},
|
||||
menuHandler(menu) {
|
||||
this.$router.push({
|
||||
name: menu.tableName
|
||||
});
|
||||
this.title = menu.menu;
|
||||
},
|
||||
titleChange(index, menus) {
|
||||
this.currentIndex = index
|
||||
this.itemMenu = menus;
|
||||
console.log(menus);
|
||||
},
|
||||
homeChange(index) {
|
||||
this.itemMenu = [];
|
||||
this.title = ""
|
||||
this.currentIndex = index
|
||||
this.$router.push({
|
||||
name: 'home'
|
||||
});
|
||||
},
|
||||
centerChange(index) {
|
||||
this.itemMenu = [{
|
||||
"buttons": ["新增", "查看", "修改", "删除"],
|
||||
"menu": "修改密码",
|
||||
"tableName": "updatePassword"
|
||||
}, {
|
||||
"buttons": ["新增", "查看", "修改", "删除"],
|
||||
"menu": "个人信息",
|
||||
"tableName": "center"
|
||||
}];
|
||||
this.title = ""
|
||||
this.currentIndex = index
|
||||
this.$router.push({
|
||||
name: 'home'
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background: #00c292;
|
||||
}
|
||||
|
||||
.nav-list {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
margin-top: 20px;
|
||||
|
||||
.nav-title {
|
||||
display: inline-block;
|
||||
font-size: 15px;
|
||||
color: #333;
|
||||
padding: 15px 25px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.nav-title.active {
|
||||
color: #555;
|
||||
cursor: default;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
margin-top: 20px;
|
||||
background: #FFFFFF;
|
||||
padding: 15px 0;
|
||||
|
||||
.menu {
|
||||
padding: 15px 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.el-main {
|
||||
// background-color: #F6F8FA;
|
||||
padding: 0 24px;
|
||||
min-height: 100vh;
|
||||
// padding-top: 60px;
|
||||
}
|
||||
|
||||
.router-view {
|
||||
padding: 10px;
|
||||
margin-top: 10px;
|
||||
background: #FFFFFF;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.bread-crumbs {
|
||||
width: 100%;
|
||||
// border-bottom: 1px solid #e9eef3;
|
||||
// border-top: 1px solid #e9eef3;
|
||||
margin-top: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.detail-form-content {
|
||||
background: transparent;
|
||||
}
|
||||
</style>
|
||||
@ -1,124 +0,0 @@
|
||||
<template>
|
||||
<el-main>
|
||||
<bread-crumbs :title="title" class="bread-crumbs"></bread-crumbs>
|
||||
<router-view class="router-view"></router-view>
|
||||
</el-main>
|
||||
</template>
|
||||
<script>
|
||||
import menu from "@/utils/menu";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
menuList: [],
|
||||
role: "",
|
||||
currentIndex: -2,
|
||||
itemMenu: [],
|
||||
title: ''
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
let menus = menu.list();
|
||||
this.menuList = menus;
|
||||
this.role = this.$storage.get("role");
|
||||
},
|
||||
methods: {
|
||||
menuHandler(menu) {
|
||||
this.$router.push({
|
||||
name: menu.tableName
|
||||
});
|
||||
this.title = menu.menu;
|
||||
},
|
||||
titleChange(index, menus) {
|
||||
this.currentIndex = index
|
||||
this.itemMenu = menus;
|
||||
console.log(menus);
|
||||
},
|
||||
homeChange(index) {
|
||||
this.itemMenu = [];
|
||||
this.title = ""
|
||||
this.currentIndex = index
|
||||
this.$router.push({
|
||||
name: 'home'
|
||||
});
|
||||
},
|
||||
centerChange(index) {
|
||||
this.itemMenu = [{
|
||||
"buttons": ["新增", "查看", "修改", "删除"],
|
||||
"menu": "修改密码",
|
||||
"tableName": "updatePassword"
|
||||
}, {
|
||||
"buttons": ["新增", "查看", "修改", "删除"],
|
||||
"menu": "个人信息",
|
||||
"tableName": "center"
|
||||
}];
|
||||
this.title = ""
|
||||
this.currentIndex = index
|
||||
this.$router.push({
|
||||
name: 'home'
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background: #00c292;
|
||||
}
|
||||
|
||||
.nav-list {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
margin-top: 20px;
|
||||
|
||||
.nav-title {
|
||||
display: inline-block;
|
||||
font-size: 15px;
|
||||
color: #333;
|
||||
padding: 15px 25px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.nav-title.active {
|
||||
color: #555;
|
||||
cursor: default;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
margin-top: 20px;
|
||||
background: #FFFFFF;
|
||||
padding: 15px 0;
|
||||
|
||||
.menu {
|
||||
padding: 15px 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.el-main {
|
||||
background-color: #F6F8FA;
|
||||
padding: 0 24px;
|
||||
// padding-top: 60px;
|
||||
}
|
||||
|
||||
.router-view {
|
||||
padding: 10px;
|
||||
margin-top: 10px;
|
||||
background: #FFFFFF;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.bread-crumbs {
|
||||
width: 100%;
|
||||
// border-bottom: 1px solid #e9eef3;
|
||||
// border-top: 1px solid #e9eef3;
|
||||
margin-top: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
@ -1,9 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import SvgIcon from '@/components/SvgIcon'// svg component
|
||||
|
||||
// register globally
|
||||
Vue.component('svg-icon', SvgIcon)
|
||||
|
||||
const req = require.context('./svg/svg', false, /\.svg$/)
|
||||
const requireAll = requireContext => requireContext.keys().map(requireContext)
|
||||
requireAll(req)
|
||||
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 629 B |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 990 B |
|
Before Width: | Height: | Size: 210 B |
|
Before Width: | Height: | Size: 765 B |
|
Before Width: | Height: | Size: 356 B |
|
Before Width: | Height: | Size: 300 B |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 921 B |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 379 B |
|
Before Width: | Height: | Size: 705 B |
|
Before Width: | Height: | Size: 457 B |
|
Before Width: | Height: | Size: 449 B |
|
Before Width: | Height: | Size: 727 B |
|
Before Width: | Height: | Size: 627 B |
|
Before Width: | Height: | Size: 384 B |
|
Before Width: | Height: | Size: 569 B |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 821 B |
|
Before Width: | Height: | Size: 607 B |
|
Before Width: | Height: | Size: 421 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue