设置token

This commit is contained in:
licuizhu 2024-06-15 11:22:30 +08:00
parent ce49dfe013
commit 7ebef9625f
5 changed files with 85 additions and 62 deletions

View File

@ -1,9 +1,9 @@
import { request } from '@umijs/max'; import { request } from '@umijs/max';
import loginStore from '../store/login.store'; // import loginStore from '../store/login.store';
// 获取登陆人 // 获取登陆人
export function getCurrentUser() { export function getCurrentUser() {
let token = loginStore.token // let token = loginStore.token
return request('/api/user/getCurrentUser', { return request('/api/user/getCurrentUser', {
method: 'get' method: 'get'
}); });
@ -49,7 +49,7 @@ export function queryUserMenu() {
// 基本图层 // 基本图层
// 获取图层明细点位数据/热力图数据 // 获取图层明细点位数据/热力图数据
export function getLayerPoints( params ) { export function getLayerPointsApi( params ) {
return request('/api/basicMap/getLayerPoints', { return request('/api/basicMap/getLayerPoints', {
method: 'GET', method: 'GET',
params: params params: params
@ -112,8 +112,8 @@ export function createPoint( data ) {
} }
// 获取基础图层菜单栏 // 获取基础图层菜单栏
export function getBasicLayerMenu( params ) { export function getBasicLayerMenuApi( params ) {
return request('/api/basicMap/createPoint', { return request('/api/basicMap/getBasicLayerMenu', {
method: 'get', method: 'get',
params: params params: params
}); });
@ -126,6 +126,48 @@ export function queryUserLayers() {
}); });
} }
// 获取省
export function getAllProvinceApi() {
return request('/api/mapCommon/getAllProvince', {
method: 'get',
});
}
// 获取市
export function getCityByProvinceApi( params ) {
return request('/api/mapCommon/getCityByProvince', {
method: 'get',
params: params
});
}
// 获取区
export function getDistrictByCityApi( params ) {
return request('/api/mapCommon/getDistrictByCity', {
method: 'get',
params: params
});
}
// 获取围栏图层数据
export function getLayerShapesApi( params ) {
return request('/api/basicMap/getLayerShapes', {
method: 'get',
params: params
});
}
// 获取围栏图层数据
export function getPointByAddressApi( params ) {
return request('/api/mapCommon/getPointByAddress', {
method: 'get',
params: params
});
}

View File

@ -1,13 +1,12 @@
import React from 'react'; import React from 'react';
import { Tree, Button, Modal, Form, Input, Radio, message } from 'antd'; import { Tree, Button, Modal, Form, Input, Radio, message } from 'antd';
import axios from 'axios';
import { import {
DownOutlined, DownOutlined,
EyeOutlined, EyeOutlined,
EyeInvisibleOutlined, EyeInvisibleOutlined,
} from '@ant-design/icons'; } from '@ant-design/icons';
import SetLogoImagePath from './SetLogoImagePath' import SetLogoImagePath from './SetLogoImagePath'
import { createLayer } from '../../../api'; import { createLayer, getBasicLayerMenuApi } from '../../../api';
import '../../../index.less'; import '../../../index.less';
class LayerData extends React.Component { class LayerData extends React.Component {
@ -30,12 +29,8 @@ class LayerData extends React.Component {
// 获取基础图层菜单栏 // 获取基础图层菜单栏
getBasicLayerMenu = (adcode) => { getBasicLayerMenu = (adcode) => {
return axios.get('/api/basicMap/getBasicLayerMenu', { return getBasicLayerMenuApi({adcode: adcode}).then((e) => {
params: { let basicLayeData = e.data;
adcode: adcode
}
}).then((e) => {
let basicLayeData = e.data.data;
let basicLayeList = []; let basicLayeList = [];
for (var i in basicLayeData) { for (var i in basicLayeData) {
basicLayeList.push({ basicLayeList.push({

View File

@ -1,10 +1,9 @@
import React from 'react'; import React from 'react';
import { Select, Input, Card, Col, Row, Button, message, Modal, Spin, Form } from 'antd'; import { Select, Input, Card, Col, Row, Button, message, Modal, Spin, Form } from 'antd';
import axios from 'axios';
import LayerData from './LayerData'; import LayerData from './LayerData';
import { AimOutlined } from '@ant-design/icons'; import { AimOutlined } from '@ant-design/icons';
import Header from '../../components/Header/index.js'; import Header from '../../components/Header/index.js';
import { createPoint, queryUserLayers } from '../../api'; import { createPoint, queryUserLayers, getLayerPointsApi, getAllProvinceApi, getCityByProvinceApi, getDistrictByCityApi, getLayerShapesApi, getPointByAddressApi } from '../../api';
import { GaodeMap ,Scene, Heatmap, PolygonLayer, Marker, MarkerLayer, Popup } from '@antv/l7'; import { GaodeMap ,Scene, Heatmap, PolygonLayer, Marker, MarkerLayer, Popup } from '@antv/l7';
import { DrawPoint, DrawEvent } from '@antv/l7-draw'; import { DrawPoint, DrawEvent } from '@antv/l7-draw';
@ -110,13 +109,11 @@ class BaseMap extends React.Component{
getLayerPoints = (layerId, selected, nodeType) => { getLayerPoints = (layerId, selected, nodeType) => {
if (selected) { if (selected) {
this.startLoading(); this.startLoading();
return axios.get('/api/basicMap/getLayerPoints', { getLayerPointsApi({
params: { adcode: this.state.districtAdcode || this.state.cityAdcode || this.state.provinceAdcode,
adcode: this.state.districtAdcode || this.state.cityAdcode || this.state.provinceAdcode, layerId: layerId
layerId: layerId
}
}).then((e) => { }).then((e) => {
let layerPointsData = e.data.data || []; let layerPointsData = e.data || [];
layerPointsData = layerPointsData.map((item) => { layerPointsData = layerPointsData.map((item) => {
item.lng = item.location.split(',')[0]; item.lng = item.location.split(',')[0];
item.lat = item.location.split(',')[1]; item.lat = item.location.split(',')[1];
@ -259,13 +256,11 @@ class BaseMap extends React.Component{
// 获取围栏图层数据 // 获取围栏图层数据
getLayerShapes = (layerId, selected, adcode) => { getLayerShapes = (layerId, selected, adcode) => {
if (selected) { if (selected) {
return axios.get('/api/basicMap/getLayerShapes', { return getLayerShapesApi({
params: { adcode: adcode || this.state.districtAdcode || this.state.cityAdcode || this.state.provinceAdcode,
adcode: adcode || this.state.districtAdcode || this.state.cityAdcode || this.state.provinceAdcode, layerId: layerId
layerId: layerId
}
}).then((e) => { }).then((e) => {
let positionBorderData = e.data.data; let positionBorderData = e.data;
this.setPolygon(positionBorderData, layerId); this.setPolygon(positionBorderData, layerId);
}); });
} else { } else {
@ -334,8 +329,8 @@ class BaseMap extends React.Component{
// 获取省 // 获取省
getAllProvince = () => { getAllProvince = () => {
return axios.get('/api/mapCommon/getAllProvince').then((e) => { return getAllProvinceApi().then((e) => {
let provinceData = e.data.data; let provinceData = e.data;
let provinceList = []; let provinceList = [];
for (var i in provinceData) { for (var i in provinceData) {
provinceList.push({ provinceList.push({
@ -373,12 +368,8 @@ class BaseMap extends React.Component{
} }
// 获取市 // 获取市
getCityByProvince = (provinceAdcode) => { getCityByProvince = (provinceAdcode) => {
return axios.get('/api/mapCommon/getCityByProvince', { return getCityByProvinceApi({provinceAdcode: provinceAdcode}).then((e) => {
params: { let cityData = e.data;
provinceAdcode: provinceAdcode
}
}).then((e) => {
let cityData = e.data.data;
let cityList = []; let cityList = [];
for (var i in cityData) { for (var i in cityData) {
cityList.push({ cityList.push({
@ -419,12 +410,8 @@ class BaseMap extends React.Component{
} }
// 获取区 // 获取区
getDistrictByCity = (cityAdcode) => { getDistrictByCity = (cityAdcode) => {
return axios.get('/api/mapCommon/getDistrictByCity', { return getDistrictByCityApi({cityAdcode: cityAdcode}).then((e) => {
params: { let districtData = e.data;
cityAdcode: cityAdcode
}
}).then((e) => {
let districtData = e.data.data;
let districtList = []; let districtList = [];
for (var i in districtData) { for (var i in districtData) {
districtList.push({ districtList.push({
@ -495,12 +482,8 @@ class BaseMap extends React.Component{
return false; return false;
}else{ }else{
address = this.state.provinceLabel + this.state.cityLabel + address; address = this.state.provinceLabel + this.state.cityLabel + address;
return axios.get('/api/mapCommon/getPointByAddress', { return getPointByAddressApi({address: address}).then((e) => {
params: { let coordinate = e.data;
address: address
}
}).then((e) => {
let coordinate = e.data.data;
if(coordinate === ""||coordinate === null){ if(coordinate === ""||coordinate === null){
errorSearchAddress(); errorSearchAddress();
}else{ }else{

View File

@ -3,6 +3,7 @@ import { useNavigate } from 'react-router-dom';
import { passwordLogin } from '../../api'; import { passwordLogin } from '../../api';
import '../../index.less'; import '../../index.less';
import loginStore from '../../store/login.store'; import loginStore from '../../store/login.store';
import { setToken } from '../../utils/token'
function Login (e) { function Login (e) {
let navigate = useNavigate(); let navigate = useNavigate();
@ -11,10 +12,12 @@ function Login (e) {
passwordLogin({phone: values.phone, password: values.password}).then((e) => { passwordLogin({phone: values.phone, password: values.password}).then((e) => {
if (!e.success) { if (!e.success) {
message.error(e.message); message.error(e.message);
} else { } else {debugger
let setToken = loginStore; // let setToken = loginStore;
setToken.setAuthName(e.data.username); // setToken.setAuthName(e.data.username);
setToken.setToken(e.data.token) // setToken.setToken(e.data.token)
setToken(e.data.token)
loginStore.setAuthName(e.data.username)
navigate('/home'); navigate('/home');
} }
}) })

View File

@ -8,17 +8,17 @@ class LoginStore {
makeAutoObservable(this) makeAutoObservable(this)
} }
// token // token
get isLoggedIn() { // get isLoggedIn() {
return !!this.token; // return !!this.token;
} // }
setToken = (data) => { // setToken = (data) => {
this.token = data; // this.token = data;
localStorage.setItem('authToken', data); // localStorage.setItem('authToken', data);
} // }
clearToken() { // clearToken() {
this.token = null; // this.token = null;
localStorage.removeItem('authToken'); // localStorage.removeItem('authToken');
} // }
// 登录名 // 登录名
get authName() { get authName() {
return !!this.authName; return !!this.authName;