Compare commits
37 Commits
46cfdc28a6
...
feature-re
Author | SHA1 | Date | |
---|---|---|---|
280636bd14 | |||
679c12fb92 | |||
e3ada43d48 | |||
1a1e230ead | |||
8b0f8e618b | |||
a0f23c3a4c | |||
0bf3ae2520 | |||
0c9df7d70d | |||
57dc7568b1 | |||
968eaed581 | |||
304acb5c6c | |||
64b59e02ae | |||
9e25df4b6c | |||
ebf4a37529 | |||
ba44c9bc31 | |||
cdc7efce15 | |||
bf19c775cf | |||
011a3f58e6 | |||
c814278905 | |||
580bffc207 | |||
702912ef00 | |||
12ce6403dd | |||
6a93923edd | |||
9460316a69 | |||
6d6ce6025b | |||
f24a47f27d | |||
a7ff72c4b7 | |||
f380cbd812 | |||
c25f8a2401 | |||
178ae16c73 | |||
3afde75e85 | |||
7154edde7c | |||
f22f6b268a | |||
1c44e56b56 | |||
3f93afede3 | |||
8dd5f27d47 | |||
557452aedc |
3
.gitignore
vendored
@@ -77,7 +77,8 @@ bower_components
|
||||
build/Release
|
||||
|
||||
# Dependency directories
|
||||
node_modules/
|
||||
node_modules*/
|
||||
node_modules_bak/
|
||||
jspm_packages/
|
||||
|
||||
# Snowpack dependency directory (https://snowpack.dev/)
|
||||
|
@@ -73,7 +73,7 @@
|
||||
<dependency>
|
||||
<groupId>commons-fileupload</groupId>
|
||||
<artifactId>commons-fileupload</artifactId>
|
||||
<version>1.4</version>
|
||||
<version>1.5</version>
|
||||
</dependency>
|
||||
<!-- https://mvnrepository.com/artifact/javax.annotation/javax.annotation-api -->
|
||||
<dependency>
|
||||
|
@@ -2,8 +2,8 @@
|
||||
* @Author: Kane
|
||||
* @Date: 2022-12-15 14:08:28
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2022-12-16 17:57:06
|
||||
* @FilePath: \AdminSys\src\main\java\com\cpic\xim\myutils\account\CpicXIMStaffInfo.java
|
||||
* @LastEditTime: 2023-02-28 23:20:12
|
||||
* @FilePath: /后端-用户验证/src/main/java/com/cpic/xim/myutils/account/CpicXIMStaffInfo.java
|
||||
* @Description: 产险厦门分公司员工信息对象
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
@@ -59,7 +59,7 @@ public class CpicXIMStaffInfo
|
||||
|
||||
result = stmt.executeQuery();
|
||||
|
||||
if ( result.next())
|
||||
if ( result.next() )
|
||||
{
|
||||
info = new CpicXIMStaffInfo();
|
||||
|
||||
@@ -76,7 +76,7 @@ public class CpicXIMStaffInfo
|
||||
{
|
||||
try
|
||||
{
|
||||
if ( result != null)
|
||||
if ( result != null )
|
||||
{
|
||||
result.close();
|
||||
}
|
||||
@@ -88,7 +88,7 @@ public class CpicXIMStaffInfo
|
||||
|
||||
try
|
||||
{
|
||||
if ( stmt != null)
|
||||
if ( stmt != null )
|
||||
{
|
||||
stmt.close();
|
||||
}
|
||||
@@ -100,7 +100,7 @@ public class CpicXIMStaffInfo
|
||||
|
||||
try
|
||||
{
|
||||
if ( connection != null)
|
||||
if ( connection != null )
|
||||
{
|
||||
connection.close();
|
||||
}
|
||||
@@ -187,24 +187,24 @@ public class CpicXIMStaffInfo
|
||||
this.setctionOfficeName = setctionOfficeName;
|
||||
}
|
||||
|
||||
@JsonProperty( "name")
|
||||
@JsonProperty( "name" )
|
||||
private String name;
|
||||
|
||||
@JsonProperty( "code")
|
||||
@JsonProperty( "code" )
|
||||
private String code;
|
||||
|
||||
@JsonProperty( "p13uid")
|
||||
@JsonProperty( "p13uid" )
|
||||
private String p13UID;
|
||||
|
||||
@JsonProperty( "department_code")
|
||||
@JsonProperty( "department_code" )
|
||||
private String departmentCode;
|
||||
|
||||
@JsonProperty( "department_name")
|
||||
@JsonProperty( "department_name" )
|
||||
private String departmentName;
|
||||
|
||||
@JsonProperty( "section_office_code")
|
||||
@JsonProperty( "section_office_code" )
|
||||
private String sectionOfficeCode;
|
||||
|
||||
@JsonProperty( "section_office_name")
|
||||
@JsonProperty( "section_office_name" )
|
||||
private String setctionOfficeName;
|
||||
}
|
||||
|
@@ -2,9 +2,9 @@
|
||||
* @Author: Kane
|
||||
* @Date: 2022-12-15 09:51:12
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2022-12-16 15:29:34
|
||||
* @FilePath: \AdminSys\src\main\java\com\cpic\xim\myutils\account\LdapAccountCheck.java
|
||||
* @Description: P13验证相关方法。
|
||||
* @LastEditTime: 2023-03-06 15:05:03
|
||||
* @FilePath: /ts-practiced:/develop/cpicxim/it-console/code/java/后端-用户验证/src/main/java/com/cpic/xim/myutils/account/LdapAccountCheck.java
|
||||
* @Description: LDAP验证相关方法。
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
@@ -31,7 +31,7 @@ public class LdapAccountCheck
|
||||
{
|
||||
boolean result = false;
|
||||
|
||||
if ( userName.endsWith( "@pr.intra.cpic.com.cn" ) == false)
|
||||
if ( userName.endsWith( "@pr.intra.cpic.com.cn" ) == false )
|
||||
{
|
||||
userName += "@pr.intra.cpic.com.cn";
|
||||
}
|
||||
|
@@ -2,14 +2,16 @@
|
||||
* @Author: Kane
|
||||
* @Date: 2022-12-15 11:11:21
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-01-17 23:28:21
|
||||
* @FilePath: \AdminSys\src\main\java\com\cpic\xim\web\controllers\account\P13AccountCheckController.java
|
||||
* @LastEditTime: 2023-03-25 17:28:39
|
||||
* @FilePath: /后端-用户验证/src/main/java/com/cpic/xim/web/controllers/account/P13AccountCheckController.java
|
||||
* @Description: P13账号验证用Controller。
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
package com.cpic.xim.web.controllers.account;
|
||||
|
||||
import com.cpic.xim.myutils.account.CpicXIMStaffInfo;
|
||||
import com.cpic.xim.myutils.account.LdapAccountCheck;
|
||||
import java.io.IOException;
|
||||
import java.nio.channels.IllegalSelectorException;
|
||||
import java.sql.SQLException;
|
||||
@@ -21,94 +23,84 @@ import org.springframework.stereotype.Controller;
|
||||
import org.springframework.web.bind.annotation.RequestBody;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
import org.springframework.web.bind.annotation.ResponseBody;
|
||||
import com.cpic.xim.myutils.account.CpicXIMStaffInfo;
|
||||
import com.cpic.xim.myutils.account.LdapAccountCheck;
|
||||
|
||||
@Controller
|
||||
@RequestMapping( path = "/account" )
|
||||
@SuppressWarnings( "unused" )
|
||||
public class P13AccountCheckController
|
||||
{
|
||||
/*****************************************************
|
||||
* 根据用户提供的P09工号或者P13账号密码,查找用户信息,并AD域服务器验证p13账号密码。
|
||||
* 验证通过即返回人员信息。
|
||||
* 验证不通过result.success值为false,并在message提供失败原因。
|
||||
* @param param 由json格式转换的请求参数
|
||||
* @param request
|
||||
* @param response
|
||||
* @return 返回一个P13AccountCheckResult对象,其中提供验证结果
|
||||
*****************************************************/
|
||||
@ResponseBody
|
||||
@RequestMapping( path = "/p13_account_check" )
|
||||
public P13AccountCheckResult checkP13Account( @RequestBody P13AccountCheckRequest param,
|
||||
HttpServletRequest request, HttpServletResponse response )
|
||||
throws IllegalSelectorException, IOException
|
||||
{
|
||||
P13AccountCheckResult result = new P13AccountCheckResult();
|
||||
ServletContext context = request.getServletContext();
|
||||
@RequestMapping(path = "/account")
|
||||
@SuppressWarnings("unused")
|
||||
public class P13AccountCheckController {
|
||||
|
||||
// context.getAttribute( null );
|
||||
CpicXIMStaffInfo staff = null;
|
||||
/*****************************************************
|
||||
* 根据用户提供的P09工号或者P13账号密码,查找用户信息,并AD域服务器验证p13账号密码。
|
||||
* 验证通过即返回人员信息。
|
||||
* 验证不通过result.success值为false,并在message提供失败原因。
|
||||
* @param param 由json格式转换的请求参数
|
||||
* @param request
|
||||
* @param response
|
||||
* @return 返回一个P13AccountCheckResult对象,其中提供验证结果
|
||||
*****************************************************/
|
||||
@ResponseBody
|
||||
@RequestMapping(path = "/p13_account_check")
|
||||
public P13AccountCheckResult checkP13Account(
|
||||
@RequestBody P13AccountCheckRequest param,
|
||||
HttpServletRequest request,
|
||||
HttpServletResponse response
|
||||
) throws IllegalSelectorException, IOException {
|
||||
P13AccountCheckResult result = new P13AccountCheckResult();
|
||||
ServletContext context = request.getServletContext();
|
||||
|
||||
try
|
||||
{
|
||||
// 先根据用户输入的09工号或p13账号获得p13账号,确定账号存在
|
||||
staff = CpicXIMStaffInfo.getStaffInfo( param.getP13Account() );
|
||||
}
|
||||
catch ( SQLException error )
|
||||
{
|
||||
staff = null;
|
||||
result.setMessage( "人员工号或P13账号不存在!" );
|
||||
result.setSuccess( false );
|
||||
}
|
||||
catch ( ClassNotFoundException error )
|
||||
{
|
||||
staff = null;
|
||||
result.setMessage( "加载Oracle驱动失败!" );
|
||||
result.setSuccess( false );
|
||||
}
|
||||
CpicXIMStaffInfo staff = null;
|
||||
|
||||
// 查询结果是null,说明没有查询到结果,工号或p13账号不存在,返回结果。
|
||||
if ( staff == null )
|
||||
{
|
||||
result.setMessage( "人员工号或P13账号不存在!" );
|
||||
result.setSuccess( false );
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
// 判断一下p13是否存在,如果不存在就结束过程
|
||||
if ( staff.getP13UID().isEmpty() == true )
|
||||
{
|
||||
result.setMessage( "P13账号不存在,请联系信息技术部申请账号!" );
|
||||
result.setSuccess( false );
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
// 进行ldap验证
|
||||
boolean ldapCheckResult =
|
||||
LdapAccountCheck.ldapLogin( staff.getP13UID(), param.getPassword() );
|
||||
|
||||
if ( ldapCheckResult == true )
|
||||
{
|
||||
result.setSuccess( true );
|
||||
result.setMessage( "验证成功!" );
|
||||
result.setStaffInfo( staff );
|
||||
|
||||
// 将获取到的人员信息保存到会话中
|
||||
HttpSession session = request.getSession();
|
||||
|
||||
session.setAttribute( "staff_info", staff );
|
||||
}
|
||||
else
|
||||
{
|
||||
result.setSuccess( false );
|
||||
result.setMessage( "密码错误!" );
|
||||
}
|
||||
|
||||
result.setToken( param.getP13Account() );
|
||||
|
||||
return result;
|
||||
try {
|
||||
// 先根据用户输入的09工号或p13账号获得p13账号,确定账号存在
|
||||
staff = CpicXIMStaffInfo.getStaffInfo(param.getP13Account());
|
||||
} catch (SQLException error) {
|
||||
staff = null;
|
||||
result.setMessage("人员工号或P13账号不存在!");
|
||||
result.setSuccess(false);
|
||||
} catch (ClassNotFoundException error) {
|
||||
staff = null;
|
||||
result.setMessage("加载Oracle驱动失败!");
|
||||
result.setSuccess(false);
|
||||
}
|
||||
|
||||
// 查询结果是null,说明没有查询到结果,工号或p13账号不存在,返回结果。
|
||||
if (staff == null) {
|
||||
result.setMessage("人员工号或P13账号不存在!");
|
||||
result.setSuccess(false);
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
// 判断一下p13是否存在,如果不存在就结束过程
|
||||
if (staff.getP13UID().isEmpty() == true) {
|
||||
result.setMessage("P13账号不存在,请联系信息技术部申请账号!");
|
||||
result.setSuccess(false);
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
// 进行ldap验证
|
||||
boolean ldapCheckResult = LdapAccountCheck.ldapLogin(
|
||||
staff.getP13UID(),
|
||||
param.getPassword()
|
||||
);
|
||||
|
||||
if (ldapCheckResult == true) {
|
||||
result.setSuccess(true);
|
||||
result.setMessage("验证成功!");
|
||||
result.setStaffInfo(staff);
|
||||
|
||||
// 将获取到的人员信息保存到会话中
|
||||
HttpSession session = request.getSession();
|
||||
|
||||
session.setAttribute("staff_info", staff);
|
||||
} else {
|
||||
result.setSuccess(false);
|
||||
result.setMessage("密码错误!");
|
||||
}
|
||||
|
||||
result.setToken(param.getP13Account());
|
||||
|
||||
return result;
|
||||
}
|
||||
}
|
||||
|
@@ -1,37 +0,0 @@
|
||||
<beans xmlns="http://www.springframework.org/schema/beans"
|
||||
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||
xmlns:context="http://www.springframework.org/schema/context"
|
||||
xmlns:jdbc="http://www.springframework.org/schema/jdbc"
|
||||
xmlns:jee="http://www.springframework.org/schema/jee"
|
||||
xmlns:tx="http://www.springframework.org/schema/tx"
|
||||
xmlns:aop="http://www.springframework.org/schema/aop"
|
||||
xmlns:mvc="http://www.springframework.org/schema/mvc"
|
||||
xmlns:util="http://www.springframework.org/schema/util"
|
||||
xmlns:jpa="http://www.springframework.org/schema/data/jpa"
|
||||
xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.2.xsd
|
||||
http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.2.xsd
|
||||
http://www.springframework.org/schema/jdbc http://www.springframework.org/schema/jdbc/spring-jdbc-3.2.xsd
|
||||
http://www.springframework.org/schema/jee http://www.springframework.org/schema/jee/spring-jee-3.2.xsd
|
||||
http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.2.xsd
|
||||
http://www.springframework.org/schema/data/jpa http://www.springframework.org/schema/data/jpa/spring-jpa-1.3.xsd
|
||||
http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-3.2.xsd
|
||||
http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.2.xsd
|
||||
http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-3.2.xsd">
|
||||
|
||||
<context:component-scan base-package="com.cpic.xim" />
|
||||
<mvc:annotation-driven />
|
||||
<mvc:default-servlet-handler />
|
||||
|
||||
<!-- <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
|
||||
<property
|
||||
name="prefix" value="/WEB-INF/jsp/" />
|
||||
<property name="suffix" value=".jsp" />
|
||||
</bean> -->
|
||||
|
||||
<bean id="multipartResolver"
|
||||
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
|
||||
<property name="defaultEncoding" value="UTF-8" />
|
||||
<property name="maxUploadSize" value="-1" />
|
||||
</bean>
|
||||
|
||||
</beans>
|
@@ -1,57 +0,0 @@
|
||||
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
|
||||
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
|
||||
version="3.1">
|
||||
<display-name>Archetype Created Web Application</display-name>
|
||||
|
||||
<servlet>
|
||||
<servlet-name>springmvc</servlet-name>
|
||||
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
|
||||
<init-param>
|
||||
<param-name>contextConfigLocation</param-name>
|
||||
<param-value>classpath:spring.xml</param-value>
|
||||
</init-param>
|
||||
<load-on-startup>1</load-on-startup>
|
||||
</servlet>
|
||||
<servlet-mapping>
|
||||
<servlet-name>springmvc</servlet-name>
|
||||
<url-pattern>*.do</url-pattern>
|
||||
</servlet-mapping>
|
||||
<servlet-mapping>
|
||||
<servlet-name>springmvc</servlet-name>
|
||||
<url-pattern>/account/p13_account_check</url-pattern>
|
||||
</servlet-mapping>
|
||||
|
||||
<!-- 用于验证Token的Filter -->
|
||||
<filter>
|
||||
<filter-name>token-filter</filter-name>
|
||||
<filter-class>com.cpic.xim.web.filters.token.TokenFilter</filter-class>
|
||||
</filter>
|
||||
<filter-mapping>
|
||||
<filter-name>token-filter</filter-name>
|
||||
<url-pattern>*.do</url-pattern>
|
||||
</filter-mapping>
|
||||
|
||||
|
||||
<!-- 用于实现跨域访问的Filter -->
|
||||
<filter>
|
||||
<filter-name>cros-filter</filter-name>
|
||||
<filter-class>com.cpic.xim.web.filters.cros.CrosFilter</filter-class>
|
||||
</filter>
|
||||
<filter-mapping>
|
||||
<filter-name>cros-filter</filter-name>
|
||||
<url-pattern>*</url-pattern>
|
||||
</filter-mapping>
|
||||
|
||||
|
||||
<!-- 配置文件路径参数 -->
|
||||
<context-param>
|
||||
<param-name>config_file_location</param-name>
|
||||
<param-value>config.xml</param-value>
|
||||
</context-param>
|
||||
|
||||
<listener>
|
||||
<listener-class>com.cpic.xim.web.listener.ContextLoaderListener</listener-class>
|
||||
</listener>
|
||||
|
||||
</web-app>
|
@@ -1,68 +0,0 @@
|
||||
html {
|
||||
--backupground-color: #f7f7f7;
|
||||
--btn-color-blue: #307dbe;
|
||||
--btn-color-yellow: #f7b24d;
|
||||
--btn-color-green: #5bad60;
|
||||
--btn-color-red: #e56651;
|
||||
--btn-font-color: #fff;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
#root,
|
||||
#app {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
position: fixed;
|
||||
padding: 50px;
|
||||
/* font-size: 0; */
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#root,
|
||||
#app * + * {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
hr {
|
||||
background-color: steelblue;
|
||||
border: none;
|
||||
height: 3px;
|
||||
}
|
||||
|
||||
.test {
|
||||
width: 110vw;
|
||||
height: 100vh;
|
||||
border: 1px solid red;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 5px 10px;
|
||||
background-color: var(--btn-color-red);
|
||||
color: var(--btn-font-color);
|
||||
width: 10em;
|
||||
border: none;
|
||||
border-radius: 0.25em;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
button + button {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
button:active {
|
||||
background-color: var(--btn-font-color);
|
||||
color: var(--btn-color-red);
|
||||
}
|
||||
|
||||
input {
|
||||
border: none;
|
||||
outline: solid 2px #e56651;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
font-size: 2rem;
|
||||
margin-top: 15px;
|
||||
}
|
@@ -1,25 +0,0 @@
|
||||
#app {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#header {
|
||||
flex-basis: 50px;
|
||||
border: 1px solid red;
|
||||
max-height: 50px;
|
||||
}
|
||||
|
||||
#main {
|
||||
flex-grow: 1;
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
#footer {
|
||||
flex-basis: 100px;
|
||||
max-height: 100px;
|
||||
border: 1px solid red;
|
||||
}
|
@@ -1,349 +0,0 @@
|
||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
line-height: 1.15; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Render the `main` element consistently in IE.
|
||||
*/
|
||||
|
||||
main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57-
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers.
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE 10+.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10.
|
||||
* 2. Remove the padding in IE 10.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||
*/
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Misc
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10+.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
@@ -1,11 +0,0 @@
|
||||
.panel {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.main_form {
|
||||
height: 50vh;
|
||||
width: 50vw;
|
||||
border: 1px solid red;
|
||||
}
|
@@ -1,17 +0,0 @@
|
||||
a,
|
||||
p {
|
||||
padding: 5rem;
|
||||
border: 1px solid red;
|
||||
line-height: 2rem;
|
||||
margin: 2em;
|
||||
}
|
||||
|
||||
.warp_test {
|
||||
width: 5rem;
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
ol,
|
||||
li {
|
||||
background-color: cornflowerblue;
|
||||
}
|
@@ -1,23 +0,0 @@
|
||||
<%-- /*
|
||||
* @Author: Kane
|
||||
* @Date: 2022-10-21 00:14:43
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2022-10-21 00:16:48
|
||||
* @FilePath: \car_dealer\src\main\webapp\test.jsp
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/ --%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" %>
|
||||
<!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">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
@@ -1,4 +0,0 @@
|
||||
#Created by Apache Maven 3.8.6
|
||||
artifactId=admin-system
|
||||
groupId=com.cpic.xim
|
||||
version=1.0-SNAPSHOT
|
@@ -1,13 +0,0 @@
|
||||
com\cpic\xim\web\filters\cros\CrosFilter.class
|
||||
com\cpic\xim\web\listener\ContextLoaderListener.class
|
||||
com\cpic\xim\web\filters\token\TokenFilter.class
|
||||
com\cpic\xim\myutils\account\CpicXIMStaffInfo.class
|
||||
com\cpic\xim\myutils\config\json\ConfigLoader.class
|
||||
com\cpic\xim\web\controllers\account\P13AccountCheckResult.class
|
||||
com\cpic\xim\web\controllers\FileUpload\FileUploadResult.class
|
||||
com\cpic\xim\myutils\config\json\AppConfig.class
|
||||
com\cpic\xim\myutils\config\json\DatabaseConfig.class
|
||||
com\cpic\xim\web\controllers\FileUpload\FileUpload.class
|
||||
com\cpic\xim\web\controllers\account\P13AccountCheckController.class
|
||||
com\cpic\xim\web\controllers\account\P13AccountCheckRequest.class
|
||||
com\cpic\xim\myutils\account\LdapAccountCheck.class
|
@@ -1,13 +0,0 @@
|
||||
D:\develop\cpicxim\it-console\code\java\后端-用户验证\src\main\java\com\cpic\xim\web\controllers\account\P13AccountCheckController.java
|
||||
D:\develop\cpicxim\it-console\code\java\后端-用户验证\src\main\java\com\cpic\xim\web\controllers\FileUpload\FileUpload.java
|
||||
D:\develop\cpicxim\it-console\code\java\后端-用户验证\src\main\java\com\cpic\xim\myutils\account\LdapAccountCheck.java
|
||||
D:\develop\cpicxim\it-console\code\java\后端-用户验证\src\main\java\com\cpic\xim\web\controllers\account\P13AccountCheckRequest.java
|
||||
D:\develop\cpicxim\it-console\code\java\后端-用户验证\src\main\java\com\cpic\xim\web\filters\token\TokenFilter.java
|
||||
D:\develop\cpicxim\it-console\code\java\后端-用户验证\src\main\java\com\cpic\xim\myutils\account\CpicXIMStaffInfo.java
|
||||
D:\develop\cpicxim\it-console\code\java\后端-用户验证\src\main\java\com\cpic\xim\myutils\config\json\ConfigLoader.java
|
||||
D:\develop\cpicxim\it-console\code\java\后端-用户验证\src\main\java\com\cpic\xim\web\controllers\account\P13AccountCheckResult.java
|
||||
D:\develop\cpicxim\it-console\code\java\后端-用户验证\src\main\java\com\cpic\xim\web\controllers\FileUpload\FileUploadResult.java
|
||||
D:\develop\cpicxim\it-console\code\java\后端-用户验证\src\main\java\com\cpic\xim\myutils\config\json\DatabaseConfig.java
|
||||
D:\develop\cpicxim\it-console\code\java\后端-用户验证\src\main\java\com\cpic\xim\myutils\config\json\AppConfig.java
|
||||
D:\develop\cpicxim\it-console\code\java\后端-用户验证\src\main\java\com\cpic\xim\web\listener\ContextLoaderListener.java
|
||||
D:\develop\cpicxim\it-console\code\java\后端-用户验证\src\main\java\com\cpic\xim\web\filters\cros\CrosFilter.java
|
4291
code/ts/后端辅助工具/package-lock.json
generated
@@ -1,11 +1,15 @@
|
||||
{
|
||||
"devDependencies": {
|
||||
"@typescript-eslint/eslint-plugin": "^5.51.0",
|
||||
"@typescript-eslint/parser": "^5.51.0",
|
||||
"eslint": "^8.33.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^1.3.2",
|
||||
"pako": "^2.1.0"
|
||||
}
|
||||
"devDependencies": {
|
||||
"@typescript-eslint/eslint-plugin": "^5.51.0",
|
||||
"@typescript-eslint/parser": "^5.51.0",
|
||||
"eslint": "^8.33.0",
|
||||
"ts-loader": "^9.4.2",
|
||||
"webpack": "^5.75.0",
|
||||
"webpack-cli": "^5.0.1"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^1.3.2",
|
||||
"pako": "^2.1.0",
|
||||
"ts-node": "^10.9.1"
|
||||
}
|
||||
}
|
||||
|
@@ -37,14 +37,5 @@ class CpicximStuff
|
||||
}
|
||||
};
|
||||
|
||||
class A
|
||||
{
|
||||
public static _x: string = "A";
|
||||
}
|
||||
|
||||
class B extends A
|
||||
{
|
||||
|
||||
}
|
||||
|
||||
export { CpicximStuff, A, B };
|
||||
export { CpicximStuff };
|
@@ -1,3 +1,14 @@
|
||||
/*
|
||||
* @Author: Kane
|
||||
* @Date: 2023-02-21 17:39:01
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-22 14:08:48
|
||||
* @FilePath: /后端辅助工具/src/DataType/Template.ts
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
|
||||
|
||||
interface Point
|
||||
{
|
||||
@@ -5,9 +16,9 @@ interface Point
|
||||
y: number;
|
||||
}
|
||||
|
||||
function radius<TPoint>(): TPoint
|
||||
function radius<TPoint>(x: TPoint): TPoint
|
||||
{
|
||||
result: TPoint;
|
||||
const result: TPoint = x;
|
||||
|
||||
return result;
|
||||
}
|
77
code/ts/后端辅助工具/src/utils/url.ts
Normal file
@@ -0,0 +1,77 @@
|
||||
/*
|
||||
* @Author: Kane
|
||||
* @Date: 2023-02-28 19:30:40
|
||||
* @LastEditors: Kane
|
||||
* @FilePath: /后端辅助工具/src/utils/url.ts
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
|
||||
/**
|
||||
* 将url的参数拆分成对象
|
||||
* @param url 访问的url
|
||||
* @returns
|
||||
*/
|
||||
function getURLParams(url: string)
|
||||
{
|
||||
const arr = url.split("?");
|
||||
const params = arr[1].split("&");
|
||||
const obj = {};
|
||||
|
||||
for (let i = 0; i < params.length; i++)
|
||||
{
|
||||
const param = params[i].split("=");
|
||||
|
||||
obj[param[0]] = param[1];
|
||||
}
|
||||
|
||||
return obj;
|
||||
}
|
||||
|
||||
function getParamsFromURL(url: string)
|
||||
{
|
||||
const indexOfQuestionMark: number = url.indexOf("?");
|
||||
const indexOfSharp: number = url.indexOf("#");
|
||||
const paramObj = {};
|
||||
let paramString;
|
||||
|
||||
//url中没有问号,说明没有参数
|
||||
if (indexOfQuestionMark < 0)
|
||||
{
|
||||
return paramObj;
|
||||
}
|
||||
|
||||
//检查是否有#号
|
||||
if (indexOfSharp < 0)
|
||||
{
|
||||
//没有#号,可以直接截取参数字符串
|
||||
paramString = url.substring(indexOfQuestionMark);
|
||||
}
|
||||
else
|
||||
{
|
||||
//有#号,需要排除掉#的内容
|
||||
const end: number = indexOfQuestionMark < indexOfSharp ? indexOfSharp : url.length;
|
||||
|
||||
paramString = url.substring(indexOfQuestionMark + 1, end);
|
||||
}
|
||||
|
||||
//拆分属性
|
||||
const paramArray: string[] = paramString.split("&");
|
||||
|
||||
paramArray.forEach((item) =>
|
||||
{
|
||||
if (item.length == 0)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
const param = item.split("=");
|
||||
|
||||
paramObj[param[0]] = param[1] || "";
|
||||
});
|
||||
|
||||
return paramObj;
|
||||
}
|
||||
|
||||
export { getURLParams, getParamsFromURL };
|
@@ -13,10 +13,10 @@
|
||||
"outDir": "./target",
|
||||
"strict": false,
|
||||
"strictNullChecks": true,
|
||||
"strictPropertyInitialization":true,
|
||||
"strictPropertyInitialization": true,
|
||||
"sourceMap": true,
|
||||
"allowJs": true,
|
||||
"checkJs": false,
|
||||
"checkJs": true,
|
||||
"moduleResolution": "node",
|
||||
"module": "CommonJS",
|
||||
"target": "ES2015"
|
||||
|
12
code/ts/后端辅助工具/webpack.config.js
Normal file
@@ -0,0 +1,12 @@
|
||||
/*
|
||||
* @Author: Kane
|
||||
* @Date: 2023-02-23 16:15:45
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-28 09:22:08
|
||||
* @FilePath: /后端辅助工具/webpack.config.js
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
// const path = require("path");
|
||||
import { path } from "path";
|
@@ -1,3 +0,0 @@
|
||||
VUE_APP_API_URL_LOGIN = "http://222.76.244.118:11001/admin-system/account/p13_account_check"
|
||||
VUE_APP_API_URL_UPLOAD_FILE= "http://222.76.244.118:11001/admin-system/file/file-upload.do"
|
||||
VUE_APP_API_URL_REQUIREMENT_STATUS= "http://222.76.244.118:11001/requirement/query_requirement_status.do"
|
@@ -1,44 +0,0 @@
|
||||
/*
|
||||
* @Author: Kane
|
||||
* @Date: 2022-12-14 15:12:46
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-14 23:10:53
|
||||
* @FilePath: /IT工具综合平台/.eslintrc.js
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
module.exports = {
|
||||
root: true,
|
||||
env: {
|
||||
node: true,
|
||||
},
|
||||
'extends': [
|
||||
'plugin:vue/vue3-essential',
|
||||
'eslint:recommended',
|
||||
],
|
||||
parserOptions: {
|
||||
parser: '@babel/eslint-parser',
|
||||
},
|
||||
rules: {
|
||||
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
|
||||
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
|
||||
"no-unused-vars": "warn",
|
||||
"semi": ["error", "always",],//控制行尾部分号
|
||||
"comma-dangle": ["warn", {
|
||||
"arrays": "always",
|
||||
"objects": "always",
|
||||
"imports": "never",
|
||||
"exports": "never",
|
||||
"functions": "never",
|
||||
},],//数组和对象键值对最后一个逗号
|
||||
"comma-style": ["error", "last",], //逗号在行位
|
||||
"array-bracket-spacing": ["error", "never",],
|
||||
"no-undef-init": "error",
|
||||
"no-invalid-this": "error",
|
||||
"no-use-before-define": "error",
|
||||
"no-shadow-restricted-names": "error", //禁止对一些关键字或者保留字进行赋值操作,比如NaN、Infinity、undefined、eval、arguments等
|
||||
// "comma-spacing": ["error", { "before": false, "after": true, },],
|
||||
"brace-style": ["error", "allman", { "allowSingleLine": true, },],
|
||||
},
|
||||
};
|
@@ -1,5 +0,0 @@
|
||||
module.exports = {
|
||||
presets: [
|
||||
'@vue/cli-plugin-babel/preset'
|
||||
]
|
||||
}
|
23970
code/web/IT工具综合平台/package-lock.json
generated
@@ -1,38 +0,0 @@
|
||||
{
|
||||
"name": "CPIC-IT-Console",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"@element-plus/icons-vue": "^2.0.10",
|
||||
"@wangeditor/editor": "^5.1.23",
|
||||
"@wangeditor/editor-for-vue": "^5.1.12",
|
||||
"axios": "^1.2.1",
|
||||
"core-js": "^3.8.3",
|
||||
"element-plus": "^2.2.26",
|
||||
"sass": "^1.56.2",
|
||||
"sass-loader": "^13.2.0",
|
||||
"scss": "^0.2.4",
|
||||
"scss-loader": "^0.0.1",
|
||||
"vue": "^3.2.13",
|
||||
"vue-router": "^4.0.3",
|
||||
"vuex": "^4.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.16",
|
||||
"@babel/eslint-parser": "^7.12.16",
|
||||
"@vue/cli-plugin-babel": "~5.0.0",
|
||||
"@vue/cli-plugin-eslint": "~5.0.0",
|
||||
"@vue/cli-plugin-router": "~5.0.0",
|
||||
"@vue/cli-plugin-vuex": "~5.0.0",
|
||||
"@vue/cli-service": "~5.0.0",
|
||||
"eslint": "^7.32.0",
|
||||
"eslint-plugin-vue": "^8.0.3",
|
||||
"svg-sprite-loader": "^2.1.0",
|
||||
"vue-cli-plugin-element-plus": "~0.0.13"
|
||||
}
|
||||
}
|
@@ -1,37 +0,0 @@
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2022-12-14 15:12:46
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-15 09:34:25
|
||||
* @FilePath: /IT工具综合平台/src/App.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
<el-config-provider :locale="this.locale">
|
||||
<router-view></router-view>
|
||||
</el-config-provider>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//引入语言组件
|
||||
import zhCn from "element-plus/lib/locale/lang/zh-cn";
|
||||
|
||||
export default {
|
||||
name: "App",
|
||||
setup()
|
||||
{
|
||||
const locale = zhCn;
|
||||
|
||||
return { locale, };
|
||||
},
|
||||
components: {
|
||||
// HelloWorld,
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
@@ -1,20 +0,0 @@
|
||||
:root {
|
||||
font-size: 1em;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
@@ -1,118 +0,0 @@
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2023-01-04 11:05:44
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-06 09:26:48
|
||||
* @FilePath: /IT工具综合平台/src/layout/Index.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
<el-container id="layout-container" v-loading="ui.ageVisible" element-loading-text="载入应用数据…">
|
||||
<el-header id="layout-header">
|
||||
<LayoutHeader />
|
||||
</el-header>
|
||||
<el-container id="layout-container-down">
|
||||
<el-aside :width="asideWidth" id="layout-aside">
|
||||
<LayoutAside />
|
||||
</el-aside>
|
||||
<el-main id="layout-main">
|
||||
<LayoutMain />
|
||||
</el-main>
|
||||
</el-container>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import LayoutAside from "./components/Aside.vue";
|
||||
import LayoutHeader from "./components/Header.vue";
|
||||
import LayoutMain from "./components/Main.vue";
|
||||
import { useStore } from "vuex";
|
||||
import { onMounted, computed, reactive } from "vue";
|
||||
// import { query_requirement_status } from "@/utils/api/requirement/requirement.js";
|
||||
|
||||
export default {
|
||||
name: "layoutPage",
|
||||
setup()
|
||||
{
|
||||
const store = useStore();
|
||||
|
||||
const ui = reactive(
|
||||
{
|
||||
pageVisible: true,
|
||||
});
|
||||
|
||||
const asideWidth = computed(() =>
|
||||
{
|
||||
const collapse = store.state.app.asideBarCollapse;
|
||||
|
||||
return collapse === true ? "65px" : "180px";
|
||||
});
|
||||
|
||||
onMounted(() =>
|
||||
{
|
||||
//加载数据
|
||||
// query_requirement_status()
|
||||
// .then((response) =>
|
||||
// {
|
||||
// // debugger;
|
||||
// const data = response.data;
|
||||
// console.log(data);
|
||||
// })
|
||||
// .catch((error) =>
|
||||
// {
|
||||
// // debugger;
|
||||
// console.log(error);
|
||||
// });
|
||||
});
|
||||
|
||||
return {
|
||||
ui,
|
||||
asideWidth,
|
||||
};
|
||||
},
|
||||
components: {
|
||||
LayoutAside,
|
||||
LayoutHeader,
|
||||
LayoutMain,
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#layout-container {
|
||||
height: 100vh;
|
||||
/* width: 100vw; */
|
||||
max-height: 100vh;
|
||||
}
|
||||
|
||||
#layout-container-down {
|
||||
height: calc(100vh - 50px);
|
||||
max-height: calc(100vh - 50px);
|
||||
min-height: calc(100vh - 50px);
|
||||
}
|
||||
|
||||
#layout-aside {
|
||||
/* width: 175px; */
|
||||
background-color: #2f4156;
|
||||
overflow-x: hidden;
|
||||
height: calc(100vh - 50px);
|
||||
max-height: calc(100vh - 50px);
|
||||
min-height: calc(100vh - 50px);
|
||||
}
|
||||
|
||||
#layout-header {
|
||||
height: 50px;
|
||||
padding: 0px;
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
#layout-main {
|
||||
padding: 0px;
|
||||
height: 100%;
|
||||
/* height: calc(100vh - 50px); */
|
||||
/* flex-grow: 1; */
|
||||
/* overflow: overlay; */
|
||||
}
|
||||
</style>
|
@@ -1,99 +0,0 @@
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2023-01-04 11:39:04
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-04 01:09:49
|
||||
* @FilePath: \IT工具综合平台\src\layout\components\Header.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
<div class="app_banner no_select">
|
||||
<span class="company_name">CPIC</span>
|
||||
<div class="version_div">
|
||||
<div>测试版</div>
|
||||
<div>3.6.7 x64 Build 202208301257</div>
|
||||
</div>
|
||||
<div class="buttons_div">
|
||||
<User style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;" />
|
||||
<SwitchButton style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;" @click="logout" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//import { ElMessage } from "element-plus";
|
||||
import { Logout } from "../../utils/api/info/account";
|
||||
|
||||
export default {
|
||||
name: "AppBanner",
|
||||
data()
|
||||
{
|
||||
return {};
|
||||
},
|
||||
// created() {
|
||||
// console.log("banner请求数据!");
|
||||
// },
|
||||
mounted()
|
||||
{
|
||||
//console.log("banner请求数据!");
|
||||
},
|
||||
methods: {
|
||||
logout()
|
||||
{
|
||||
this.$confirm("是否退出系统?", "请确认", {
|
||||
confirmButtonText: "是",
|
||||
cancelButtonText: "否",
|
||||
type: "warning",
|
||||
}).then(() =>
|
||||
{
|
||||
Logout();
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.app_banner {
|
||||
background-color: var(--banner-background-color);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
padding: 0px 15px 0px 15px;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.no_select {
|
||||
-webkit-touch-callout: none;
|
||||
-moz-user-select: none;
|
||||
/*火狐*/
|
||||
-webkit-user-select: none;
|
||||
/*webkit浏览器*/
|
||||
-ms-user-select: none;
|
||||
/*IE10*/
|
||||
-khtml-user-select: none;
|
||||
/*早期浏览器*/
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.app_banner>*+* {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.company_name {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.version_div {
|
||||
font-size: 0.5rem;
|
||||
}
|
||||
|
||||
.buttons_div {
|
||||
margin-left: auto;
|
||||
padding-top: 5px;
|
||||
/* border: 1px solid salmon; */
|
||||
}
|
||||
</style>
|
@@ -1,91 +0,0 @@
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2023-01-04 11:39:04
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-06 10:17:22
|
||||
* @FilePath: /IT工具综合平台/src/layout/components/Header.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
<div class="app_banner no_select">
|
||||
<span class="company_name">CPIC</span>
|
||||
<div class="version_div">
|
||||
<div>测试版</div>
|
||||
<div>3.6.7 x64 Build 202208301257</div>
|
||||
</div>
|
||||
<div class="buttons_div">
|
||||
<User style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;" />
|
||||
<SwitchButton style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;" @click="logout" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ElMessageBox } from "element-plus";
|
||||
import { Logout } from "../../utils/api/info/account";
|
||||
|
||||
export default {
|
||||
name: "AppBanner",
|
||||
setup(props, context)
|
||||
{
|
||||
const logout = () =>
|
||||
{
|
||||
ElMessageBox.confirm("是否退出系统?", "请确认", {
|
||||
confirmButtonText: "是",
|
||||
cancelButtonText: "否",
|
||||
type: "warning",
|
||||
}).then(() =>
|
||||
{
|
||||
Logout();
|
||||
});
|
||||
};
|
||||
|
||||
return { logout, };
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.app_banner {
|
||||
background-color: var(--banner-background-color);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
padding: 0px 15px 0px 15px;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.no_select {
|
||||
-webkit-touch-callout: none;
|
||||
-moz-user-select: none;
|
||||
/*火狐*/
|
||||
-webkit-user-select: none;
|
||||
/*webkit浏览器*/
|
||||
-ms-user-select: none;
|
||||
/*IE10*/
|
||||
-khtml-user-select: none;
|
||||
/*早期浏览器*/
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.app_banner>*+* {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.company_name {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.version_div {
|
||||
font-size: 0.5rem;
|
||||
}
|
||||
|
||||
.buttons_div {
|
||||
margin-left: auto;
|
||||
padding-top: 5px;
|
||||
/* border: 1px solid salmon; */
|
||||
}
|
||||
</style>
|
@@ -1,215 +0,0 @@
|
||||
/*
|
||||
* @Author: Kane
|
||||
* @Date: 2022-12-14 15:12:46
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-21 13:09:15
|
||||
* @FilePath: /IT工具综合平台/src/router/index.js
|
||||
* @Description: 定义应用路由配置
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
import { createRouter, createWebHashHistory } from 'vue-router';
|
||||
|
||||
const routes = [
|
||||
//框架路由
|
||||
{
|
||||
path: "/",
|
||||
name: "Root",
|
||||
redirect: "Login", //默认路由指向登录页面
|
||||
hidden: true,
|
||||
},
|
||||
{
|
||||
path: "/error-page",
|
||||
name: "ErrorPage",
|
||||
hidden: true,
|
||||
component: () => import("@/views/ErrorPage.vue"),
|
||||
},
|
||||
{
|
||||
path: "/login",
|
||||
name: "Login",
|
||||
component: () => import("../views/account/Login.vue"),
|
||||
hidden: true,
|
||||
},
|
||||
{
|
||||
path: "/home",
|
||||
name: "Home",
|
||||
hidden: true,
|
||||
meta: {
|
||||
title: "控制台",
|
||||
},
|
||||
component: () => import("../layout/Index.vue"),
|
||||
},
|
||||
//侧边导航栏路由
|
||||
{ //首页
|
||||
path: "/console",
|
||||
name: "Console",
|
||||
meta: {
|
||||
title: "总览",
|
||||
icon: "house",
|
||||
},
|
||||
component: () => import("../layout/Index.vue"),
|
||||
children: [
|
||||
{
|
||||
path: "/desktop",
|
||||
name: "DeskTop",
|
||||
meta: {
|
||||
title: "工作台",
|
||||
icon: "house",
|
||||
},
|
||||
component: () => import("../views/overview/Desktop.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
//需求管理
|
||||
path: "/requirement",
|
||||
name: "Requirement",
|
||||
meta: {
|
||||
title: "需求管理",
|
||||
icon: "Document",
|
||||
},
|
||||
component: () => import("../layout/Index.vue"),
|
||||
children: [
|
||||
{
|
||||
path: "/requirement-manager",
|
||||
name: "RequirementManager",
|
||||
meta: {
|
||||
title: "需求管理",
|
||||
icon: "Document",
|
||||
},
|
||||
component: () => import("../views/requirement/RequirementManager.vue"),
|
||||
},
|
||||
{
|
||||
path: "/requirement-editing",
|
||||
name: "RequirementEditing",
|
||||
hidden: true,
|
||||
meta: {
|
||||
title: "需求管理",
|
||||
icon: "edit",
|
||||
},
|
||||
component: () => import("../views/requirement/RequirementEditing.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
//信息查询
|
||||
path: "/query_info",
|
||||
name: "QueryInfo",
|
||||
meta: {
|
||||
title: "信息查询",
|
||||
icon: "search",
|
||||
},
|
||||
component: () => import("@/layout/Index.vue"),
|
||||
children: [
|
||||
{
|
||||
path: "/query_stuff",
|
||||
name: "QueryStuff",
|
||||
meta: {
|
||||
title: "人员信息",
|
||||
icon: "user",
|
||||
},
|
||||
component: () => import("@/views/info/StaffInfo.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{//权限管理
|
||||
path: "/privilege",
|
||||
name: "Privilege",
|
||||
meta: {
|
||||
title: "权限管理",
|
||||
icon: "User",
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: "/user-manager",
|
||||
name: "UserManager",
|
||||
meta: {
|
||||
title: "用户管理",
|
||||
icon: "User",
|
||||
},
|
||||
component: () => import("../views/privilege/StaffInfo.vue"),
|
||||
},
|
||||
{
|
||||
path: "/privilege-manager",
|
||||
name: "PrivilegeManager",
|
||||
meta: {
|
||||
title: "权限管理",
|
||||
icon: "edit",
|
||||
},
|
||||
component: () => import("../views/privilege/PrivilegeManager.vue"),
|
||||
},
|
||||
],
|
||||
component: () => import("../layout/Index.vue"),
|
||||
},
|
||||
{
|
||||
path: "/network",
|
||||
name: "NetworkManager",
|
||||
meta: {
|
||||
title: "网络管理",
|
||||
icon: "switch",
|
||||
},
|
||||
component: () => import("../layout/Index.vue"),
|
||||
children: [
|
||||
{
|
||||
path: "/network-point-manager",
|
||||
name: "NetworkPointManager",
|
||||
meta: {
|
||||
title: "网络点管理",
|
||||
icon: "Monitor",
|
||||
},
|
||||
component: () => import("../views/network/NetworkPoint/NetworkPoint.vue"),
|
||||
},
|
||||
{
|
||||
path: "/network-point-edit",
|
||||
name: "NetworkPointEdit",
|
||||
hidden: true,
|
||||
component: () => import("../views/network/NetworkPoint/EditNetworkPoint.vue"),
|
||||
},
|
||||
{
|
||||
path: "/switch-manager",
|
||||
name: "SwitchManager",
|
||||
meta: {
|
||||
title: "交换机管理",
|
||||
icon: "switch",
|
||||
},
|
||||
component: () => import("../views/network/switch/SwitchManager.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHashHistory(),
|
||||
routes,
|
||||
});
|
||||
|
||||
//前置路由守卫
|
||||
router.beforeEach((to) =>
|
||||
{
|
||||
const token = window.localStorage.getItem("token");
|
||||
|
||||
//先检查token
|
||||
if (!token)
|
||||
{
|
||||
//如果token不存在,判断路由是否走向login,如果不是则指向login
|
||||
//走向login则不干预
|
||||
if (to.name !== "Login")
|
||||
{
|
||||
return {
|
||||
name: "Login",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
//修改默认打开的页面,跳向工作台
|
||||
// if (to.name === "Home")
|
||||
// {
|
||||
// console.log("跳向工作台");
|
||||
|
||||
// return {
|
||||
// name: "DeskTop",
|
||||
// };
|
||||
// }
|
||||
});
|
||||
|
||||
export default router;
|
@@ -1,73 +0,0 @@
|
||||
/*
|
||||
* @Author: Kane
|
||||
* @Date: 2023-02-06 14:12:11
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-08 10:46:41
|
||||
* @FilePath: /IT工具综合平台/src/utils/api/LocalStorage.js
|
||||
* @Description: 初始化localStorage中保存的值。
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
|
||||
//常量
|
||||
const REQUIREMRNT_UI = `requirement_ui`;
|
||||
|
||||
//需求管理模块
|
||||
function loadRequirementUI()
|
||||
{
|
||||
// debugger;
|
||||
|
||||
let requirementUI = null;
|
||||
|
||||
try
|
||||
{
|
||||
requirementUI = JSON.parse(window.localStorage.getItem(REQUIREMRNT_UI));
|
||||
}
|
||||
catch (error)
|
||||
{
|
||||
console.log(`转换requirement-ui失败:${error}。`);
|
||||
requirementUI = {};
|
||||
}
|
||||
|
||||
//如果之前不存在,json转换结果也会是null
|
||||
if (requirementUI === null)
|
||||
{
|
||||
requirementUI = {};
|
||||
}
|
||||
|
||||
if (requirementUI.selected_status === undefined)
|
||||
{
|
||||
requirementUI.selected_status = [];
|
||||
}
|
||||
|
||||
if (requirementUI.title === undefined)
|
||||
{
|
||||
requirementUI.title = "";
|
||||
}
|
||||
|
||||
if (requirementUI.serial_no === undefined)
|
||||
{
|
||||
requirementUI.serial_no = "";
|
||||
}
|
||||
|
||||
if (requirementUI.request_people === undefined)
|
||||
{
|
||||
requirementUI.request_people = "";
|
||||
}
|
||||
|
||||
if (requirementUI.commit_start_date === undefined)
|
||||
{
|
||||
requirementUI.commit_start_date = new Date();
|
||||
requirementUI.commit_start_date.setMonth(0);
|
||||
requirementUI.commit_start_date.setDate(1);
|
||||
}
|
||||
|
||||
if (requirementUI.commit_end_date === undefined)
|
||||
{
|
||||
requirementUI.commit_end_date = new Date();
|
||||
}
|
||||
|
||||
return requirementUI;
|
||||
}
|
||||
|
||||
export { loadRequirementUI };
|
@@ -1,295 +0,0 @@
|
||||
<!-- eslint-disable no-unused-vars -->
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2022-12-14 15:23:54
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-07 10:46:48
|
||||
* @FilePath: /IT工具综合平台/src/views/account/Login.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
<div id="login">
|
||||
<div class="form-wrapper">
|
||||
<ul class="menu-tab">
|
||||
<li :class="{ 'current': ui.current_menu === item.type }" @click="onToggleMenu(item.type)"
|
||||
v-for="item in tab_menu" :key="item.type">{{ item.label }}
|
||||
</li>
|
||||
</ul>
|
||||
<!-- <el-form ref="form" :model="form"> -->
|
||||
<el-form ref="form">
|
||||
<el-form-item>
|
||||
<label class="form-label">用户名</label>
|
||||
<el-input type="text" v-model.lazy.trim="loginForm.username"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<label class="form-label">密码</label>
|
||||
<el-input type="password" v-model.lazy.trim="loginForm.password"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item v-show="ui.current_menu === tab_menu[1].type">
|
||||
<label class="form-label">确认密码</label>
|
||||
<el-input type="password" disabled v-model.lazy.trim="loginForm.confirm_password"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<label class="form-label">验证码</label>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="14">
|
||||
<el-input type="text" disabled></el-input>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<el-button type="danger" disabled class="el-button-block" @click="getValidateCode()">获取验证码</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" class="el-button-block" @click="login" :disabled="ui.submit_btn_disable"
|
||||
:loading="ui.submit_btn_loading">
|
||||
{{ ui.current_menu === "login" ? "登录" : "注册" }}
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { reactive, onBeforeMount, onMounted } from "vue";
|
||||
import { useStore } from "vuex";
|
||||
import { useRouter } from "vue-router";
|
||||
import { Login } from "@/utils/api/info/account";
|
||||
import { ElMessage } from "element-plus";
|
||||
|
||||
//import router from "../../router/index";
|
||||
|
||||
export default {
|
||||
name: "loginPage",
|
||||
setup()
|
||||
{
|
||||
const store = useStore();
|
||||
const router = useRouter();
|
||||
|
||||
const loginForm = reactive({
|
||||
username: "",
|
||||
password: "",
|
||||
confirm_password: "",
|
||||
validateCode: "",
|
||||
});
|
||||
|
||||
const tab_menu = reactive(
|
||||
[
|
||||
{ type: "login", label: "登录", },
|
||||
{ type: "regiester", label: "注册", },
|
||||
]);
|
||||
|
||||
const ui = reactive(
|
||||
{
|
||||
current_menu: "",
|
||||
staffInfo: null,
|
||||
submit_btn_disable: false,
|
||||
submit_btn_loading: false,
|
||||
});
|
||||
|
||||
const onToggleMenu = (type) =>
|
||||
{
|
||||
ui.current_menu = type;
|
||||
console.log(process.env.VUE_APP_API_URL_LOGIN);
|
||||
};
|
||||
|
||||
const getValidateCode = () =>
|
||||
{
|
||||
ElMessage({
|
||||
message: "测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字",
|
||||
center: true,
|
||||
type: "error",
|
||||
});
|
||||
};
|
||||
|
||||
//将获取到的用户信息和token保存到vuex和localStorage
|
||||
const saveUserInfo = (userInfo) =>
|
||||
{
|
||||
console.log("保存用户信息");
|
||||
console.log("保存用户信息", store);
|
||||
//保存到vuex
|
||||
store.commit("app/SET_USERINFO", userInfo);
|
||||
|
||||
//保存到localStorage
|
||||
const token = userInfo.token;
|
||||
const userInfoJson = JSON.stringify(userInfo);
|
||||
|
||||
window.localStorage.setItem("token", token);
|
||||
window.localStorage.setItem("user_info", userInfoJson);
|
||||
};
|
||||
|
||||
/**
|
||||
* 登录
|
||||
*/
|
||||
const login = () =>
|
||||
{
|
||||
if (loginForm.username.length === 0 || loginForm.password === 0)
|
||||
{
|
||||
ElMessage({
|
||||
message: "请填写您的P13账号和密码!",
|
||||
type: "error",
|
||||
});
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
ui.submit_btn_disable = true;
|
||||
ui.submit_btn_loading = true;
|
||||
|
||||
const userInfo = {
|
||||
p13account: loginForm.username,
|
||||
password: loginForm.password,
|
||||
};
|
||||
|
||||
Login(userInfo)
|
||||
.then((response) =>
|
||||
{
|
||||
//成功获取到返回值时的响应函数,要判断返回值的成功标志
|
||||
//验证成功,将获取到的token和用户信息保存到vuex和localStoreage
|
||||
//然后router.push,进行路由跳转到控制台
|
||||
const data = response.data;
|
||||
|
||||
//判断是否成功,显示提示信息
|
||||
if (data.success === true)
|
||||
{
|
||||
ElMessage({
|
||||
message: data.message,
|
||||
type: "success",
|
||||
center: true,
|
||||
});
|
||||
|
||||
ui.staffInfo = data.staffInfo;
|
||||
|
||||
//保存用户信息和token
|
||||
saveUserInfo(data);
|
||||
|
||||
//验证成功,跳转路由
|
||||
router.push("/Desktop");
|
||||
}
|
||||
else
|
||||
{
|
||||
//验证失败
|
||||
ElMessage({
|
||||
message: data.message,
|
||||
type: "error",
|
||||
center: true,
|
||||
});
|
||||
|
||||
ui.submit_btn_disable = false;
|
||||
ui.submit_btn_loading = false;
|
||||
}
|
||||
})
|
||||
.catch((error) =>
|
||||
{
|
||||
//没有获取到响应数据
|
||||
console.log(error);
|
||||
|
||||
ElMessage({
|
||||
message: error.message,
|
||||
type: "error",
|
||||
center: true,
|
||||
});
|
||||
|
||||
ui.submit_btn_disable = false;
|
||||
ui.submit_btn_loading = false;
|
||||
});
|
||||
};
|
||||
|
||||
onBeforeMount(() =>
|
||||
{
|
||||
//初始化菜单选项
|
||||
ui.current_menu = tab_menu[0].type;
|
||||
});
|
||||
|
||||
onMounted(() =>
|
||||
{
|
||||
//清理状态
|
||||
store.state.app.userInfo = null;
|
||||
});
|
||||
|
||||
return {
|
||||
//数据
|
||||
ui,
|
||||
loginForm,
|
||||
tab_menu,
|
||||
//方法
|
||||
onToggleMenu,
|
||||
saveUserInfo,
|
||||
login,
|
||||
getValidateCode,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#login {
|
||||
height: 100vh;
|
||||
background-color: #344a5f;
|
||||
padding-top: 50px;
|
||||
background-image: url("@/assets/img/cropped-1600-900-36302.jpg");
|
||||
}
|
||||
|
||||
.form-wrapper {
|
||||
width: 320px;
|
||||
padding: 30px;
|
||||
margin: auto;
|
||||
background-color: #ffffffaf;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/*.menu-tab {
|
||||
text-align: center;
|
||||
margin-bottom: 15px;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
padding: 10px 24px;
|
||||
margin: 0 10px;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
|
||||
&.current {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
}*/
|
||||
.menu-tab {
|
||||
text-align: center;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.menu-tab li {
|
||||
display: inline-block;
|
||||
padding: 10px 24px;
|
||||
margin: 0 10px;
|
||||
color: #344a5fef;
|
||||
font-size: 14px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.menu-tab .current {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.form-label {
|
||||
display: block;
|
||||
/* color: #fff; */
|
||||
color: #344a5fef;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.el-input {
|
||||
color: #344a5fef;
|
||||
}
|
||||
|
||||
.el-button-block {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
@@ -1,37 +0,0 @@
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2023-01-25 11:26:11
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-01-25 11:26:13
|
||||
* @FilePath: \admin_system\src\views\network\NetworkPoint copy.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2023-01-25 11:24:47
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-01-25 11:24:48
|
||||
* @FilePath: \admin_system\src\views\network\NetworkPoint.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
<div>网络点位信息修改</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "network-point-editor",
|
||||
data()
|
||||
{
|
||||
return {};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
@@ -1,27 +0,0 @@
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2023-01-25 11:24:47
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-01-25 11:34:07
|
||||
* @FilePath: \admin_system\src\views\network\NetworkPoint.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
<div>网络点位管理</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "network-point-management",
|
||||
data()
|
||||
{
|
||||
return {};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
@@ -1,120 +0,0 @@
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2023-01-06 15:30:12
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-04 22:38:47
|
||||
* @FilePath: /IT工具综合平台/src/views/overview/desktop.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
<el-form :inline="true" label-width="5em" class="query_form">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="7">
|
||||
<el-form-item label="需求编号">
|
||||
<el-input style="width:100%;"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="标题">
|
||||
<el-input style="width:100%;"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="提交人">
|
||||
<el-input style="width:100%;"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="3"></el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="7">
|
||||
<el-form-item label="状态">
|
||||
<el-select style="width:100%;">
|
||||
<el-option key="部门审批" value="部门审批"></el-option>
|
||||
<el-option key="需求分析" value="需求分析">需求分析</el-option>
|
||||
<el-option key="技术开发" value="技术开发">技术开发</el-option>
|
||||
<el-option key="被退回" value="被退回"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="提交日期">
|
||||
<el-date-picker style="width:100%;" v-model="start_date"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="至">
|
||||
<el-date-picker style="width:100%;" v-model="end_date"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="3"></el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="14">
|
||||
<el-form-item label="提交日期">
|
||||
<el-date-picker type="daterange" range-separator="至" style="width:100%;"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="10"></el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-button type="danger" @click="testRequest">测试</el-button>
|
||||
<el-button type="danger" @click="testError">错误</el-button>
|
||||
</template>
|
||||
|
||||
<script >
|
||||
import { reactive, onBeforeMount } from "vue";
|
||||
import { useStore } from "vuex";
|
||||
import { useRouter } from "vue-router";
|
||||
import { query_requirement_ui } from "@/utils/api/requirement/requirement.js";
|
||||
|
||||
export default {
|
||||
name: "DeskTop",
|
||||
setup()
|
||||
{
|
||||
let start_date = reactive(new Date());
|
||||
let end_date = reactive(new Date());
|
||||
const router = useRouter();
|
||||
const store = useStore();
|
||||
|
||||
onBeforeMount(() =>
|
||||
{
|
||||
end_date = new Date(Date.now());
|
||||
start_date = new Date();
|
||||
|
||||
start_date.setMonth(end_date.getMonth() - 1);
|
||||
});
|
||||
|
||||
const testRequest = () =>
|
||||
{
|
||||
// const ui = store.state.app.ui;
|
||||
// const requirement = store.state.requirement;
|
||||
//加载数据;
|
||||
query_requirement_ui(store);
|
||||
|
||||
console.log(store.state.app);
|
||||
console.log(store.state.requirement);
|
||||
};
|
||||
|
||||
const testError = () =>
|
||||
{
|
||||
router.push("/error-page");
|
||||
};
|
||||
|
||||
return {
|
||||
start_date,
|
||||
end_date,
|
||||
testRequest,
|
||||
testError,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.query_form {
|
||||
max-width: 63em;
|
||||
}
|
||||
</style>
|
12
code/web/it-console/.env.development
Normal file
@@ -0,0 +1,12 @@
|
||||
###
|
||||
# @Author: Kane
|
||||
# @Date: 2023-02-23 09:41:37
|
||||
# @LastEditors: Kane
|
||||
# @FilePath: /it-console/.env.development
|
||||
# @Description:
|
||||
#
|
||||
# Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
###
|
||||
VUE_APP_API_URL_LOGIN = "http://222.76.244.118:11101/admin-system/account/p13_account_check"
|
||||
VUE_APP_API_URL_UPLOAD_FILE= "http://222.76.244.118:11101/admin-system/file/file-upload.do"
|
||||
VUE_APP_API_URL_REQUIREMENT_STATUS= "http://222.76.244.118:11101/requirement/query_requirement_status.do"
|
174
code/web/it-console/.eslintrc.cjs
Normal file
@@ -0,0 +1,174 @@
|
||||
/*
|
||||
* @Author: Kane
|
||||
* @Date: 2023-03-14 09:19:21
|
||||
* @LastEditors: Kane
|
||||
* @FilePath: /it-console/.eslintrc.cjs
|
||||
* @Description: eslint 配置文件
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
module.exports = {
|
||||
root: true,
|
||||
env: { // 需要在env中指定运行的环境,这些环境其实就是一组预定义的全局变量,让 ESLint 知道当前环境存在这些全局变量
|
||||
node: true,
|
||||
browser: true,
|
||||
es2021: true,
|
||||
},
|
||||
parser:"espree",
|
||||
parserOptions:{
|
||||
sourceType: "module",
|
||||
ecmaVersion: 2021,
|
||||
},
|
||||
extends:["eslint:recommended",],
|
||||
rules:{
|
||||
indent: ["warn", 4,],
|
||||
"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
|
||||
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
|
||||
"no-unused-vars": "warn",
|
||||
semi: ["error", "always",], // 控制行尾部分号
|
||||
quotes: ["error", "double",],
|
||||
"comma-dangle": ["error", {
|
||||
arrays: "always",
|
||||
objects: "always",
|
||||
imports: "never",
|
||||
exports: "never",
|
||||
functions: "never",
|
||||
},], // 数组和对象键值对最后一个逗号
|
||||
"comma-style": ["error", "last",], // 逗号在行位
|
||||
"array-bracket-spacing": ["error", "never",],
|
||||
"no-undef-init": "error",
|
||||
"no-invalid-this": "error",
|
||||
"no-use-before-define": "error",
|
||||
"no-shadow-restricted-names": "error", // 禁止对一些关键字或者保留字进行赋值操作,比如NaN、Infinity、undefined、eval、arguments等
|
||||
"comma-spacing": ["error", { before: false, after: true, },],
|
||||
"brace-style": ["error", "allman", { allowSingleLine: true, },],
|
||||
"prefer-const": "warn",
|
||||
"space-before-function-paren": ["error", {
|
||||
anonymous: "always",
|
||||
named: "never",
|
||||
asyncArrow: "always",
|
||||
},],
|
||||
},
|
||||
overrides: [
|
||||
{
|
||||
files: ["*.vue",],
|
||||
parser: "vue-eslint-parser",
|
||||
parserOptions: {
|
||||
ecmaVersion: 2021,
|
||||
sourceType: "module",
|
||||
parser: { // <script>标签中的lang属性配置不同的parser
|
||||
ts: "@typescript-eslint/parser",
|
||||
js: "espree",
|
||||
"<template>": "espree",
|
||||
},
|
||||
},
|
||||
plugins: ["eslint-plugin-vue",],
|
||||
extends: [
|
||||
"plugin:vue/vue3-essential",
|
||||
"plugin:vue/recommended",
|
||||
"eslint:recommended",
|
||||
"standard-with-typescript",
|
||||
"plugin:@typescript-eslint/eslint-recommended",
|
||||
"plugin:@typescript-eslint/recommended",
|
||||
],
|
||||
rules: {
|
||||
indent: ["warn", 4,],
|
||||
// "space-in-parens": ["error", "always", { exceptions: ["empty",], },],
|
||||
"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
|
||||
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
|
||||
"no-unused-vars": "warn",
|
||||
semi: ["error", "always",], // 控制行尾部分号
|
||||
quotes: ["error", "double",],
|
||||
"comma-dangle": ["error", {
|
||||
arrays: "always",
|
||||
objects: "always",
|
||||
imports: "never",
|
||||
exports: "never",
|
||||
functions: "never",
|
||||
},], // 数组和对象键值对最后一个逗号
|
||||
"comma-style": ["error", "last",], // 逗号在行位
|
||||
"array-bracket-spacing": ["error", "never",],
|
||||
"no-undef-init": "error",
|
||||
"no-invalid-this": "error",
|
||||
"no-use-before-define": "error",
|
||||
"no-shadow-restricted-names": "error", // 禁止对一些关键字或者保留字进行赋值操作,比如NaN、Infinity、undefined、eval、arguments等
|
||||
"comma-spacing": ["error", { before: false, after: true, },],
|
||||
"brace-style": ["error", "allman", { allowSingleLine: true, },],
|
||||
"prefer-const": "warn",
|
||||
"space-before-function-paren": ["error", {
|
||||
anonymous: "always",
|
||||
named: "never",
|
||||
asyncArrow: "always",
|
||||
},],
|
||||
// vue
|
||||
"vue/html-indent": ["error", 4,],
|
||||
// typescript
|
||||
"@typescript-eslint/indent": ["warn", 4,],
|
||||
"@typescript-eslint/no-extra-semi": "off",
|
||||
"@typescript-eslint/no-inferrable-types": "off",
|
||||
"@typescript-eslint/no-unused-vars": "warn",
|
||||
"@typescript-eslint/ban-ts-comment": "warn",
|
||||
"@typescript-eslint/member-delimiter-style": "off",
|
||||
"@typescript-eslint/semi": ["error", "always",], // 控制行尾部分号
|
||||
"@typescript-eslint/brace-style": ["error", "allman", { allowSingleLine: true, },],
|
||||
"@typescript-eslint/comma-dangle": ["error", {
|
||||
arrays: "always",
|
||||
objects: "always",
|
||||
imports: "never",
|
||||
exports: "never",
|
||||
functions: "never",
|
||||
},], // 数组和对象键值对最后一个逗号
|
||||
"@typescript-eslint/quotes": ["error", "double",],
|
||||
"@typescript-eslint/space-before-function-paren": "off",
|
||||
},
|
||||
},
|
||||
{
|
||||
files: ["*.ts",],
|
||||
parser: "@typescript-eslint/parser",
|
||||
parserOptions: {
|
||||
project: "./tsconfig.json",
|
||||
},
|
||||
plugins: ["@typescript-eslint",],
|
||||
extends: [
|
||||
"standard-with-typescript",
|
||||
"eslint:recommended",
|
||||
"plugin:@typescript-eslint/eslint-recommended",
|
||||
"plugin:@typescript-eslint/recommended",
|
||||
],
|
||||
rules: {
|
||||
"space-in-parens": ["error", "always", { exceptions: ["empty",], },],
|
||||
"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
|
||||
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
|
||||
"@typescript-eslint/indent": ["error", 4,],
|
||||
"@typescript-eslint/no-extra-semi": "off",
|
||||
"@typescript-eslint/no-inferrable-types": "off",
|
||||
"@typescript-eslint/no-unused-vars": "warn",
|
||||
"@typescript-eslint/ban-ts-comment": "warn",
|
||||
"@typescript-eslint/member-delimiter-style": "off",
|
||||
"@typescript-eslint/semi": ["error", "always",], // 控制行尾部分号
|
||||
"@typescript-eslint/brace-style": ["error", "allman", { allowSingleLine: true, },],
|
||||
"@typescript-eslint/comma-dangle": ["error", {
|
||||
arrays: "always",
|
||||
objects: "always",
|
||||
imports: "never",
|
||||
exports: "never",
|
||||
functions: "never",
|
||||
},], // 数组和对象键值对最后一个逗号
|
||||
"@typescript-eslint/quotes": ["error", "double",],
|
||||
"@typescript-eslint/space-before-function-paren": "off",
|
||||
"@typescript-eslint/strict-boolean-expressions": ["error", {
|
||||
allowString: false,
|
||||
},],
|
||||
"comma-style": ["error", "last",], // 逗号在行位
|
||||
"array-bracket-spacing": ["error", "never",],
|
||||
"no-undef-init": "error",
|
||||
"no-invalid-this": "error",
|
||||
"no-use-before-define": "error",
|
||||
"no-shadow-restricted-names": "error", // 禁止对一些关键字或者保留字进行赋值操作,比如NaN、Infinity、undefined、eval、arguments等
|
||||
"prefer-const": "warn",
|
||||
"spaced-comment": "error",
|
||||
"space-before-function-paren": "off",
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
2
code/web/it-console/.npmrc
Normal file
@@ -0,0 +1,2 @@
|
||||
registry=https://registry.npmjs.org/
|
||||
proxy=http://127.0.0.1:7890/
|
14
code/web/it-console/babel.config.js
Normal file
@@ -0,0 +1,14 @@
|
||||
/*
|
||||
* @Author: Kane
|
||||
* @Date: 2023-02-23 00:15:23
|
||||
* @LastEditors: Kane
|
||||
* @FilePath: /it-console/babel.config.js
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
module.exports = {
|
||||
presets: [
|
||||
"@vue/cli-plugin-babel/preset",
|
||||
],
|
||||
};
|
20
code/web/it-console/env.d.ts
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
/*
|
||||
* @Author: Kane
|
||||
* @Date: 2023-03-03 10:07:00
|
||||
* @LastEditors: Kane
|
||||
* @FilePath: /task_schedule/env.d.ts
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
interface ImportMetaEnv
|
||||
{
|
||||
readonly VITE_APP_TITLE: string;
|
||||
readonly VITE_URL_VALIDATE_ACCOUNT: string;
|
||||
// 更多环境变量...
|
||||
}
|
||||
|
||||
interface ImportMeta
|
||||
{
|
||||
readonly env: ImportMetaEnv;
|
||||
}
|
44
code/web/it-console/index.html
Normal file
@@ -0,0 +1,44 @@
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2022-12-17 11:08:18
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-23 00:40:59
|
||||
* @FilePath: /it-console-toVite/index.html
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
<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="public/favicon.ico" />
|
||||
<title>王炜的工具箱</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
<strong
|
||||
>We're sorry but <%= title %> doesn't work properly without
|
||||
JavaScript enabled. Please enable it to continue.</strong
|
||||
>
|
||||
</noscript>
|
||||
<div id="app" v-cloak></div>
|
||||
<!-- built files will be auto injected -->
|
||||
<script type="module" src="/src/main.js"></script>
|
||||
</body>
|
||||
<style>
|
||||
.v-cloak {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
max-height: 100vh;
|
||||
min-width: 1280px;
|
||||
}
|
||||
</style>
|
||||
</html>
|
||||
|
@@ -15,5 +15,9 @@
|
||||
"dom.iterable",
|
||||
"scripthost"
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"exclude": [
|
||||
"node_modules",
|
||||
"node_modules_1"
|
||||
],
|
||||
}
|
18887
code/web/it-console/package-lock.json
generated
Normal file
57
code/web/it-console/package.json
Normal file
@@ -0,0 +1,57 @@
|
||||
{
|
||||
"name": "CPIC-IT-Console",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"lint": "vue-cli-service lint",
|
||||
"serve-vite": "vite",
|
||||
"build-vite": "vite build",
|
||||
"preview-vite": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@element-plus/icons-vue": "^2.1.0",
|
||||
"@typescript-eslint/eslint-plugin": "^5.57.1",
|
||||
"@typescript-eslint/parser": "^5.57.1",
|
||||
"@vitejs/plugin-vue": "^4.1.0",
|
||||
"@wangeditor/editor": "^5.1.23",
|
||||
"@wangeditor/editor-for-vue": "^5.1.12",
|
||||
"axios": "^1.3.4",
|
||||
"core-js": "^3.30.0",
|
||||
"element-plus": "^2.3.2",
|
||||
"sass": "^1.60.0",
|
||||
"scss": "^0.2.4",
|
||||
"scss-loader": "^0.0.1",
|
||||
"vue": "^3.2.47",
|
||||
"vue-router": "^4.1.6",
|
||||
"vuex": "^4.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.21.4",
|
||||
"@babel/eslint-parser": "^7.21.3",
|
||||
"@originjs/vite-plugin-commonjs": "^1.0.3",
|
||||
"@originjs/vite-plugin-require-context": "1.0.9",
|
||||
"@vitejs/plugin-vue": "^4.1.0",
|
||||
"@vitejs/plugin-vue-jsx": "^3.0.1",
|
||||
"@vue/cli-plugin-babel": "~5.0.8",
|
||||
"@vue/cli-plugin-eslint": "~5.0.8",
|
||||
"@vue/cli-plugin-router": "~5.0.8",
|
||||
"@vue/cli-plugin-vuex": "~5.0.8",
|
||||
"@vue/cli-service": "~5.0.8",
|
||||
"@vue/compiler-sfc": "^3.2.47",
|
||||
"eslint": "^8.37.0",
|
||||
"eslint-config-recommended": "^4.1.0",
|
||||
"eslint-config-standard-with-typescript": "^34.0.1",
|
||||
"eslint-plugin-vue": "^9.10.0",
|
||||
"node-sass": "^8.0.0",
|
||||
"sass": "^1.60.0",
|
||||
"sass-loader": "^13.2.2",
|
||||
"vite": "^4.2.1",
|
||||
"vite-plugin-env-compatible": "^1.1.1",
|
||||
"vite-plugin-html": "3.2.0",
|
||||
"vue-cli-plugin-element-plus": "~0.0.13",
|
||||
"webpack": "^5.77.0",
|
||||
"webpack-cli": "^5.0.1"
|
||||
}
|
||||
}
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
@@ -2,8 +2,8 @@
|
||||
* @Author: Kane
|
||||
* @Date: 2022-12-17 11:08:18
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-04 22:47:11
|
||||
* @FilePath: /IT工具综合平台/public/index.html
|
||||
* @LastEditTime: 2023-02-23 00:44:29
|
||||
* @FilePath: /it-console-toVite/public/index.html
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
@@ -14,7 +14,7 @@
|
||||
<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" />
|
||||
<link rel="icon" href="favicon.ico" />
|
||||
<title>王炜的工具箱</title>
|
||||
</head>
|
||||
<body>
|
||||
@@ -25,9 +25,10 @@
|
||||
continue.</strong
|
||||
>
|
||||
</noscript>
|
||||
<div id="app" v-cloak></div>
|
||||
<div id="app"></div>
|
||||
<!-- built files will be auto injected -->
|
||||
</body>
|
||||
<script type="module" src="../src/main.js"></script>
|
||||
<style>
|
||||
.v-cloak {
|
||||
display: none;
|
15
code/web/it-console/shims-vue.d.ts
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
/*
|
||||
* @Author: Kane
|
||||
* @Date: 2023-03-04 17:23:02
|
||||
* @LastEditors: Kane
|
||||
* @FilePath: /it-console/shims-vue.d.ts
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
declare module "*.vue"
|
||||
{
|
||||
import { type ComponentOptions } from "vue";
|
||||
const componentOptions: ComponentOptions;
|
||||
export default componentOptions;
|
||||
}
|
37
code/web/it-console/src/App.vue
Normal file
@@ -0,0 +1,37 @@
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2022-12-14 15:12:46
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-03-21 23:49:05
|
||||
* @FilePath: /it-console/src/App.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
<el-config-provider :locale="locale">
|
||||
<router-view />
|
||||
</el-config-provider>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
// 引入语言组件
|
||||
import zhCn from "element-plus/lib/locale/lang/zh-cn";
|
||||
|
||||
export default {
|
||||
name: "App",
|
||||
components: {
|
||||
// HelloWorld,
|
||||
},
|
||||
setup()
|
||||
{
|
||||
const locale = zhCn;
|
||||
|
||||
return { locale, };
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
Before Width: | Height: | Size: 773 KiB After Width: | Height: | Size: 773 KiB |
Before Width: | Height: | Size: 6.7 KiB After Width: | Height: | Size: 6.7 KiB |
Before Width: | Height: | Size: 195 KiB After Width: | Height: | Size: 195 KiB |
@@ -2,26 +2,26 @@
|
||||
* @Author: Kane
|
||||
* @Date: 2023-01-06 20:33:57
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-01-07 17:10:07
|
||||
* @FilePath: \admin_system\src\components\svg\SvgIcon.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
* @LastEditTime: 2023-02-22 17:10:18
|
||||
* @FilePath: /IT工具综合平台/src/components/svg/SvgIcon.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
svg-icon:{{ this.iconName }}
|
||||
svg-icon:{{ iconName }}
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "svg-icon",
|
||||
name: "SvgIcon",
|
||||
props: ["icon",],
|
||||
data()
|
||||
{
|
||||
return {
|
||||
iconName: ""
|
||||
iconName: "",
|
||||
};
|
||||
},
|
||||
props: ["icon"],
|
||||
created()
|
||||
{
|
||||
console.log("svg");
|
||||
@@ -31,6 +31,4 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
<style scoped></style>
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 753 B After Width: | Height: | Size: 753 B |
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.9 KiB |
Before Width: | Height: | Size: 928 B After Width: | Height: | Size: 928 B |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 937 B After Width: | Height: | Size: 937 B |
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
56
code/web/it-console/src/css/public/_public.scss
Normal file
@@ -0,0 +1,56 @@
|
||||
/*
|
||||
* @Author: Kane
|
||||
* @Date: 2023-02-24 09:36:08
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-24 16:06:58
|
||||
* @FilePath: /it-console/src/css/public/_public.scss
|
||||
* @Description: 公共变量
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
|
||||
//背景色
|
||||
$wrap-bg-color:#fff;
|
||||
$span-font-color:#5f5f5f;
|
||||
|
||||
//阴影
|
||||
$box-shadow:0px 0px 20px -10px rgb(14 18 22 / 25%);
|
||||
$box-shadow-hover:0px 0px 20px -10px rgb(14 18 22 / 50%);
|
||||
|
||||
//文字大小
|
||||
$font-size-normal:14px;
|
||||
|
||||
//查询框
|
||||
@mixin query-box-wrap {
|
||||
padding: 0px 10px;
|
||||
|
||||
span {
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
text-align: right;
|
||||
font-size: $font-size-normal;
|
||||
color: $span-font-color;
|
||||
}
|
||||
|
||||
.el-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
.el-row+.el-row {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.button-wrapper-right {
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.button-wrapper-left {
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
125
code/web/it-console/src/layout/Index.vue
Normal file
@@ -0,0 +1,125 @@
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2023-01-04 11:05:44
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-06 09:26:48
|
||||
* @FilePath: /IT工具综合平台/src/layout/Index.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
<el-container
|
||||
id="layout-container"
|
||||
v-loading="ui.ageVisible"
|
||||
element-loading-text="载入应用数据…"
|
||||
>
|
||||
<el-header id="layout-header">
|
||||
<LayoutHeader />
|
||||
</el-header>
|
||||
<el-container id="layout-container-down">
|
||||
<el-aside
|
||||
id="layout-aside"
|
||||
:width="asideWidth"
|
||||
>
|
||||
<LayoutAside />
|
||||
</el-aside>
|
||||
<el-main id="layout-main">
|
||||
<LayoutMain />
|
||||
</el-main>
|
||||
</el-container>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import LayoutAside from "./components/Aside.vue";
|
||||
import LayoutHeader from "./components/Header.vue";
|
||||
import LayoutMain from "./components/Main.vue";
|
||||
import { useStore } from "vuex";
|
||||
import { onMounted, computed, reactive } from "vue";
|
||||
// import { query_requirement_status } from "@/utils/api/requirement/requirement.js";
|
||||
|
||||
export default {
|
||||
name: "LayoutPage",
|
||||
components: {
|
||||
LayoutAside,
|
||||
LayoutHeader,
|
||||
LayoutMain,
|
||||
},
|
||||
setup()
|
||||
{
|
||||
const store = useStore();
|
||||
|
||||
const ui = reactive(
|
||||
{
|
||||
pageVisible: true,
|
||||
});
|
||||
|
||||
const asideWidth = computed(() =>
|
||||
{
|
||||
const collapse = store.state.app.asideBarCollapse;
|
||||
|
||||
return collapse === true ? "65px" : "180px";
|
||||
});
|
||||
|
||||
onMounted(() =>
|
||||
{
|
||||
// 加载数据
|
||||
// query_requirement_status()
|
||||
// .then((response) =>
|
||||
// {
|
||||
// // debugger;
|
||||
// const data = response.data;
|
||||
// console.log(data);
|
||||
// })
|
||||
// .catch((error) =>
|
||||
// {
|
||||
// // debugger;
|
||||
// console.log(error);
|
||||
// });
|
||||
});
|
||||
|
||||
return {
|
||||
ui,
|
||||
asideWidth,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#layout-container {
|
||||
height: 100vh;
|
||||
/* width: 100vw; */
|
||||
max-height: 100vh;
|
||||
}
|
||||
|
||||
#layout-container-down {
|
||||
height: calc(100vh - 50px);
|
||||
max-height: calc(100vh - 50px);
|
||||
min-height: calc(100vh - 50px);
|
||||
}
|
||||
|
||||
#layout-aside {
|
||||
/* width: 175px; */
|
||||
background-color: #2f4156;
|
||||
overflow-x: hidden;
|
||||
height: calc(100vh - 50px);
|
||||
max-height: calc(100vh - 50px);
|
||||
min-height: calc(100vh - 50px);
|
||||
}
|
||||
|
||||
#layout-header {
|
||||
height: 50px;
|
||||
padding: 0px;
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
#layout-main {
|
||||
padding: 0px;
|
||||
height: 100%;
|
||||
/* height: calc(100vh - 50px); */
|
||||
/* flex-grow: 1; */
|
||||
/* overflow: overlay; */
|
||||
}
|
||||
</style>
|
@@ -2,39 +2,75 @@
|
||||
* @Author: Kane
|
||||
* @Date: 2023-01-04 11:30:33
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-06 09:28:16
|
||||
* @FilePath: /IT工具综合平台/src/layout/components/Aside.vue
|
||||
* @Description:
|
||||
*
|
||||
* @LastEditTime: 2023-03-27 14:45:35
|
||||
* @FilePath: /it-console/src/layout/components/Aside.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved. 223142 2f4156
|
||||
-->
|
||||
<template>
|
||||
<el-scrollbar class="wrapper">
|
||||
<el-menu id="side-bar" router :default-active="currentPath" background-color="#2f4156" text-color="#fff"
|
||||
active-text-color="#ffd04b" :collapse="asideCollapse">
|
||||
<template v-for="route in routes" :key="route.path">
|
||||
<el-menu
|
||||
id="side-bar"
|
||||
router
|
||||
:default-active="currentPath"
|
||||
background-color="#2f4156"
|
||||
text-color="#fff"
|
||||
active-text-color="#ffd04b"
|
||||
:collapse="asideCollapse"
|
||||
>
|
||||
<template
|
||||
v-for="route in routes"
|
||||
>
|
||||
<template v-if="!route.hidden">
|
||||
<template v-if="hasOnlyChild(route.children)">
|
||||
<!-- 当只有一个子路由时,直接渲染子路由 -->
|
||||
<el-menu-item :index="route.children[0].path" class="sidebar-submenu">
|
||||
<component :is="route.children[0].meta.icon" class="icons">
|
||||
</component>
|
||||
<el-menu-item
|
||||
:key="route.path"
|
||||
:index="route.children[0].path"
|
||||
class="sidebar-submenu"
|
||||
>
|
||||
<component
|
||||
:is="route.children[0].meta.icon"
|
||||
class="icons"
|
||||
/>
|
||||
<!-- <el-icon v-html="route.children[0].meta && route.children[0].meta.icon"></el-icon> -->
|
||||
<template #title>{{ route.children[0].meta && route.children[0].meta.title }}</template>
|
||||
<template #title>
|
||||
{{ route.children[0].meta && route.children[0].meta.title }}
|
||||
</template>
|
||||
</el-menu-item>
|
||||
</template>
|
||||
<template v-else>
|
||||
<!-- 不是一个子路由时,有可能没有子路由,或者是多个子路由 -->
|
||||
<el-sub-menu v-if="route.children && route.children.length" :index="route.path"
|
||||
class="sidebar-submenu">
|
||||
<el-sub-menu
|
||||
v-if="route.children && route.children.length"
|
||||
:key="route.path"
|
||||
:index="route.path"
|
||||
class="sidebar-submenu"
|
||||
>
|
||||
<template #title>
|
||||
<component :is="route.meta.icon" class="icons"></component>
|
||||
<component
|
||||
:is="route.meta.icon"
|
||||
class="icons"
|
||||
/>
|
||||
<span>{{ route.meta && route.meta.title }}</span>
|
||||
</template>
|
||||
<template v-for="child in route.children" :key="child.path">
|
||||
<el-menu-item v-if="!child.hidden" :index="child.path" class="sidebar-item">
|
||||
<component :is="child.meta.icon" class="icons"></component>
|
||||
<template #title>{{ child.meta && child.meta.title }}</template>
|
||||
<template
|
||||
v-for="child in route.children"
|
||||
>
|
||||
<el-menu-item
|
||||
v-if="!child.hidden"
|
||||
:key="child.path"
|
||||
:index="child.path"
|
||||
class="sidebar-item"
|
||||
>
|
||||
<component
|
||||
:is="child.meta.icon"
|
||||
class="icons"
|
||||
/>
|
||||
<template #title>
|
||||
{{ child.meta && child.meta.title }}
|
||||
</template>
|
||||
</el-menu-item>
|
||||
</template>
|
||||
</el-sub-menu>
|
||||
@@ -54,23 +90,23 @@ export default {
|
||||
name: "LayoutAside",
|
||||
setup()
|
||||
{
|
||||
const router = useRouter();//路由
|
||||
const routes = router.getRoutes();//路由数组
|
||||
const router = useRouter();// 路由
|
||||
const routes = router.getRoutes();// 路由数组
|
||||
const store = useStore();
|
||||
|
||||
//用于判断一个路由是否只有一项子路由
|
||||
// 用于判断一个路由是否只有一项子路由
|
||||
const hasOnlyChild = (children) =>
|
||||
{
|
||||
//防御验证
|
||||
// 防御验证
|
||||
if (!children)
|
||||
{
|
||||
return false;
|
||||
}
|
||||
|
||||
//剔除掉hidden的路由
|
||||
// 剔除掉hidden的路由
|
||||
const routes = children.filter((item) =>
|
||||
{
|
||||
return item.hidden ? false : true;
|
||||
return !item.hidden;
|
||||
});
|
||||
|
||||
if (routes.length === 1)
|
||||
@@ -81,16 +117,16 @@ export default {
|
||||
return false;
|
||||
};
|
||||
|
||||
//计算变量
|
||||
//获取当前的路由
|
||||
// 计算变量
|
||||
// 获取当前的路由
|
||||
const currentPath = computed(() =>
|
||||
{
|
||||
let path = useRoute().path;
|
||||
const path = useRoute().path;
|
||||
|
||||
return path;
|
||||
});
|
||||
|
||||
//获取导航栏是否折叠的标志
|
||||
// 获取导航栏是否折叠的标志
|
||||
const asideCollapse = computed(() =>
|
||||
{
|
||||
return store.state.app.ui.asideBarCollapse;
|
||||
@@ -134,10 +170,10 @@ export default {
|
||||
}
|
||||
|
||||
/* 顺序必须在上面两个之后*/
|
||||
.is-active {
|
||||
.el-menu-item.is-active {
|
||||
background-color: #ffffff4f !important;
|
||||
/* font-weight: 1000; */
|
||||
/* font-size: 15px; */
|
||||
font-weight: 1000;
|
||||
font-size: 15px;
|
||||
color: #ffd04b;
|
||||
}
|
||||
|
||||
@@ -163,4 +199,4 @@ export default {
|
||||
height: 100%;
|
||||
/* min-height: 400px; */
|
||||
}
|
||||
</style>
|
||||
</style>
|
102
code/web/it-console/src/layout/components/Header copy.vue
Normal file
@@ -0,0 +1,102 @@
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2023-01-04 11:39:04
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-04 01:09:49
|
||||
* @FilePath: \IT工具综合平台\src\layout\components\Header.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
<div class="app_banner no_select">
|
||||
<span class="company_name">CPIC</span>
|
||||
<div class="version_div">
|
||||
<div>测试版</div>
|
||||
<div>3.6.7 x64 Build 202208301257</div>
|
||||
</div>
|
||||
<div class="buttons_div">
|
||||
<User style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;" />
|
||||
<SwitchButton
|
||||
style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;"
|
||||
@click="logout"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import { ElMessage } from "element-plus";
|
||||
import { Logout } from "../../utils/api/info/account";
|
||||
|
||||
export default {
|
||||
name: "AppBanner",
|
||||
data()
|
||||
{
|
||||
return {};
|
||||
},
|
||||
// created() {
|
||||
// console.log("banner请求数据!");
|
||||
// },
|
||||
mounted()
|
||||
{
|
||||
// console.log("banner请求数据!");
|
||||
},
|
||||
methods: {
|
||||
logout()
|
||||
{
|
||||
this.$confirm("是否退出系统?", "请确认", {
|
||||
confirmButtonText: "是",
|
||||
cancelButtonText: "否",
|
||||
type: "warning",
|
||||
}).then(() =>
|
||||
{
|
||||
Logout();
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.app_banner {
|
||||
background-color: var(--banner-background-color);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
padding: 0px 15px 0px 15px;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.no_select {
|
||||
-webkit-touch-callout: none;
|
||||
-moz-user-select: none;
|
||||
/*火狐*/
|
||||
-webkit-user-select: none;
|
||||
/*webkit浏览器*/
|
||||
-ms-user-select: none;
|
||||
/*IE10*/
|
||||
-khtml-user-select: none;
|
||||
/*早期浏览器*/
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.app_banner>*+* {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.company_name {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.version_div {
|
||||
font-size: 0.5rem;
|
||||
}
|
||||
|
||||
.buttons_div {
|
||||
margin-left: auto;
|
||||
padding-top: 5px;
|
||||
/* border: 1px solid salmon; */
|
||||
}
|
||||
</style>
|
94
code/web/it-console/src/layout/components/Header.vue
Normal file
@@ -0,0 +1,94 @@
|
||||
<!--
|
||||
* @Author: Kane
|
||||
* @Date: 2023-01-04 11:39:04
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-03-21 23:19:06
|
||||
* @FilePath: /it-console/src/layout/components/Header.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
<div class="app_banner no_select">
|
||||
<span class="company_name">CPIC</span>
|
||||
<div class="version_div">
|
||||
<div>测试版</div>
|
||||
<div>3.6.7 x64 Build 202208301257</div>
|
||||
</div>
|
||||
<div class="buttons_div">
|
||||
<User style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;" />
|
||||
<SwitchButton
|
||||
style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;"
|
||||
@click="logout"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ElMessageBox } from "element-plus";
|
||||
import { Logout } from "../../utils/api/info/account";
|
||||
|
||||
export default {
|
||||
name: "AppBanner",
|
||||
setup()
|
||||
{
|
||||
const logout = () =>
|
||||
{
|
||||
ElMessageBox.confirm("是否退出系统?", "请确认", {
|
||||
confirmButtonText: "是",
|
||||
cancelButtonText: "否",
|
||||
type: "warning",
|
||||
}).then(() =>
|
||||
{
|
||||
Logout();
|
||||
});
|
||||
};
|
||||
|
||||
return { logout, };
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.app_banner {
|
||||
background-color: var(--banner-background-color);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
padding: 0px 15px 0px 15px;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.no_select {
|
||||
-webkit-touch-callout: none;
|
||||
-moz-user-select: none;
|
||||
/*火狐*/
|
||||
-webkit-user-select: none;
|
||||
/*webkit浏览器*/
|
||||
-ms-user-select: none;
|
||||
/*IE10*/
|
||||
-khtml-user-select: none;
|
||||
/*早期浏览器*/
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.app_banner>*+* {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.company_name {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.version_div {
|
||||
font-size: 0.5rem;
|
||||
}
|
||||
|
||||
.buttons_div {
|
||||
margin-left: auto;
|
||||
padding-top: 5px;
|
||||
/* border: 1px solid salmon; */
|
||||
}
|
||||
</style>
|
@@ -2,11 +2,11 @@
|
||||
* @Author: Kane
|
||||
* @Date: 2023-01-04 11:40:03
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-07 10:47:57
|
||||
* @FilePath: /IT工具综合平台/src/layout/components/Main.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
* @LastEditTime: 2023-03-21 23:19:27
|
||||
* @FilePath: /it-console/src/layout/components/Main.vue
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
-->
|
||||
<template>
|
||||
<!-- <div class="main-content"> -->
|
||||
@@ -33,4 +33,4 @@ export default {
|
||||
.view-wrapper {
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
@@ -2,19 +2,19 @@
|
||||
* @Author: Kane
|
||||
* @Date: 2022-12-14 15:12:46
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-02-17 13:11:43
|
||||
* @FilePath: /IT工具综合平台/src/main.js
|
||||
* @LastEditTime: 2023-03-21 23:48:46
|
||||
* @FilePath: /it-console/src/main.js
|
||||
* @Description:
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
import { createApp } from 'vue';
|
||||
import App from './App.vue';
|
||||
import { createApp } from "vue";
|
||||
import App from "./App.vue";
|
||||
|
||||
//路由
|
||||
import router from './router';
|
||||
import router from "./router";
|
||||
//vuex
|
||||
import store from './store';
|
||||
import store from "./store";
|
||||
//引入全局函数
|
||||
import global from "@/utils/global";
|
||||
|
||||
@@ -25,11 +25,11 @@ import("element-plus/dist/index.css");
|
||||
|
||||
import ElementPlus from "element-plus";
|
||||
import * as ElementPlusIconsVue from "@element-plus/icons-vue";
|
||||
import SvgIcon from "./components/svg/SvgIcon";
|
||||
//import SvgIcon from "./components/svg/SvgIcon";
|
||||
|
||||
const app = createApp(App);
|
||||
|
||||
app.component("SvgIcon", SvgIcon);
|
||||
//app.component("SvgIcon", SvgIcon);
|
||||
|
||||
for (const [key, component,] of Object.entries(ElementPlusIconsVue))
|
||||
{
|
||||
@@ -40,4 +40,4 @@ app.use(ElementPlus);
|
||||
app.use(store);
|
||||
app.use(router);
|
||||
app.use(global);
|
||||
app.mount('#app');
|
||||
app.mount("#app");
|
215
code/web/it-console/src/router/index.js
Normal file
@@ -0,0 +1,215 @@
|
||||
/*
|
||||
* @Author: Kane
|
||||
* @Date: 2022-12-14 15:12:46
|
||||
* @LastEditors: Kane
|
||||
* @LastEditTime: 2023-03-21 23:20:10
|
||||
* @FilePath: /it-console/src/router/index.js
|
||||
* @Description: 定义应用路由配置
|
||||
*
|
||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||
*/
|
||||
import { createRouter, createWebHashHistory } from "vue-router";
|
||||
|
||||
const routes = [
|
||||
//框架路由
|
||||
{
|
||||
path: "/",
|
||||
name: "Root",
|
||||
redirect: "Login", //默认路由指向登录页面
|
||||
hidden: true,
|
||||
},
|
||||
{
|
||||
path: "/error-page",
|
||||
name: "ErrorPage",
|
||||
hidden: true,
|
||||
component: () => import("@/views/ErrorPage.vue"),
|
||||
},
|
||||
{
|
||||
path: "/login",
|
||||
name: "Login",
|
||||
component: () => import("../views/account/Login.vue"),
|
||||
hidden: true,
|
||||
},
|
||||
{
|
||||
path: "/home",
|
||||
name: "Home",
|
||||
hidden: true,
|
||||
meta: {
|
||||
title: "控制台",
|
||||
},
|
||||
component: () => import("../layout/Index.vue"),
|
||||
},
|
||||
//侧边导航栏路由
|
||||
{ //首页
|
||||
path: "/console",
|
||||
name: "Console",
|
||||
meta: {
|
||||
title: "总览",
|
||||
icon: "house",
|
||||
},
|
||||
component: () => import("../layout/Index.vue"),
|
||||
children: [
|
||||
{
|
||||
path: "/desktop",
|
||||
name: "DeskTop",
|
||||
meta: {
|
||||
title: "工作台",
|
||||
icon: "house",
|
||||
},
|
||||
component: () => import("../views/overview/Desktop.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
//需求管理
|
||||
path: "/requirement",
|
||||
name: "Requirement",
|
||||
meta: {
|
||||
title: "需求管理",
|
||||
icon: "Document",
|
||||
},
|
||||
component: () => import("../layout/Index.vue"),
|
||||
children: [
|
||||
{
|
||||
path: "/requirement-manager",
|
||||
name: "RequirementManager",
|
||||
meta: {
|
||||
title: "需求管理",
|
||||
icon: "Document",
|
||||
},
|
||||
component: () => import("../views/requirement/RequirementManager.vue"),
|
||||
},
|
||||
{
|
||||
path: "/requirement-editing",
|
||||
name: "RequirementEditing",
|
||||
hidden: true,
|
||||
meta: {
|
||||
title: "需求管理",
|
||||
icon: "edit",
|
||||
},
|
||||
component: () => import("../views/requirement/RequirementEditing.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
//信息查询
|
||||
path: "/query_info",
|
||||
name: "QueryInfo",
|
||||
meta: {
|
||||
title: "信息查询",
|
||||
icon: "search",
|
||||
},
|
||||
component: () => import("@/layout/Index.vue"),
|
||||
children: [
|
||||
{
|
||||
path: "/query_stuff",
|
||||
name: "QueryStuff",
|
||||
meta: {
|
||||
title: "人员信息",
|
||||
icon: "user",
|
||||
},
|
||||
component: () => import("@/views/info/StaffInfo.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{//权限管理
|
||||
path: "/privilege",
|
||||
name: "Privilege",
|
||||
meta: {
|
||||
title: "权限管理",
|
||||
icon: "User",
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: "/user-manager",
|
||||
name: "UserManager",
|
||||
meta: {
|
||||
title: "用户管理",
|
||||
icon: "User",
|
||||
},
|
||||
component: () => import("../views/privilege/StaffInfo.vue"),
|
||||
},
|
||||
{
|
||||
path: "/privilege-manager",
|
||||
name: "PrivilegeManager",
|
||||
meta: {
|
||||
title: "权限管理",
|
||||
icon: "edit",
|
||||
},
|
||||
component: () => import("../views/privilege/PrivilegeManager.vue"),
|
||||
},
|
||||
],
|
||||
component: () => import("../layout/Index.vue"),
|
||||
},
|
||||
{
|
||||
path: "/network",
|
||||
name: "NetworkManager",
|
||||
meta: {
|
||||
title: "网络管理",
|
||||
icon: "switch",
|
||||
},
|
||||
component: () => import("../layout/Index.vue"),
|
||||
children: [
|
||||
{
|
||||
path: "/network-point-manager",
|
||||
name: "NetworkPointManager",
|
||||
meta: {
|
||||
title: "网络点管理",
|
||||
icon: "Monitor",
|
||||
},
|
||||
component: () => import("../views/network/NetworkPoint/NetworkPoint.vue"),
|
||||
},
|
||||
{
|
||||
path: "/network-point-edit",
|
||||
name: "NetworkPointEdit",
|
||||
hidden: true,
|
||||
component: () => import("../views/network/NetworkPoint/EditNetworkPoint.vue"),
|
||||
},
|
||||
{
|
||||
path: "/switch-manager",
|
||||
name: "SwitchManager",
|
||||
meta: {
|
||||
title: "交换机管理",
|
||||
icon: "switch",
|
||||
},
|
||||
component: () => import("../views/network/switch/SwitchManager.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHashHistory(),
|
||||
routes,
|
||||
});
|
||||
|
||||
//前置路由守卫
|
||||
router.beforeEach((to) =>
|
||||
{
|
||||
const token = window.localStorage.getItem("token");
|
||||
|
||||
//先检查token
|
||||
if (!token)
|
||||
{
|
||||
//如果token不存在,判断路由是否走向login,如果不是则指向login
|
||||
//走向login则不干预
|
||||
if (to.name !== "Login")
|
||||
{
|
||||
return {
|
||||
name: "Login",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
//修改默认打开的页面,跳向工作台
|
||||
// if (to.name === "Home")
|
||||
// {
|
||||
// console.log("跳向工作台");
|
||||
|
||||
// return {
|
||||
// name: "DeskTop",
|
||||
// };
|
||||
// }
|
||||
});
|
||||
|
||||
export default router;
|