处理偶尔循环登录问题
This commit is contained in:
+15
-13
@@ -22,8 +22,8 @@ const request = axios.create({
|
||||
// 如果配置了单个的反向代理 --- 字符串模式
|
||||
// 如果配置了多个的反向代理 --- 对象模式
|
||||
baseURL: isDev
|
||||
? "https://visitor.scdswj.cn/prod-api"
|
||||
: "https://visitor.scdswj.cn/prod-api",
|
||||
? "/dev-api"
|
||||
: "/prod-api",
|
||||
// baseURL: isDev ? 'http://192.168.31.118:8195' : 'https://visitor.scdswj.cn/prod-api'
|
||||
});
|
||||
// 'http://rap2api.taobao.org/app/mock/297766/example/1643070528065'
|
||||
@@ -58,17 +58,19 @@ request.interceptors.response.use(
|
||||
Toast.clear();
|
||||
}
|
||||
if (code === 401) {
|
||||
console.log("进了");
|
||||
Toast.fail(message);
|
||||
setTimeout(() => {
|
||||
console.log("调试：401 登录状态已过期！");
|
||||
localStorage.removeItem("token");
|
||||
localStorage.removeItem("user");
|
||||
const redirectUrl = localStorage.getItem("redirect");
|
||||
if (redirectUrl) {
|
||||
window.location.href = redirectUrl;
|
||||
} else {
|
||||
window.location.href = "/adminHome";
|
||||
}
|
||||
Toast.fail(message);
|
||||
setTimeout(() => {
|
||||
// const redirectUrl = localStorage.getItem("redirect");
|
||||
// if (redirectUrl) {
|
||||
// window.location.href = redirectUrl;
|
||||
// } else {
|
||||
// window.location.href = "/adminHome";
|
||||
// }
|
||||
// 使用 router 而不是直接修改 window.location
|
||||
router.push("/adminHome");
|
||||
}, 2000);
|
||||
return Promise.reject("登录状态已过期,即将返回首页重新登录。");
|
||||
} else if (code === 500) {
|
||||
@@ -91,11 +93,11 @@ request.interceptors.response.use(
|
||||
console.log(error.message);
|
||||
let {message} = error;
|
||||
if (message === "Network Error") {
|
||||
message = "后端接口连接异常";
|
||||
message = "后端接口连接异常(" + window.location.href + ")";
|
||||
} else if (message.includes("timeout")) {
|
||||
message = "系统接口请求超时";
|
||||
} else if (message.includes("Request failed with status code")) {
|
||||
message = "系统接口" + message.substr(message.length - 3) + "异常";
|
||||
message = "系统管理接口 " + message.substr(message.length - 3) + " 异常！";
|
||||
}
|
||||
console.log(message);
|
||||
Toast.fail(message);
|
||||
|
||||
+6
-6
@@ -18,12 +18,12 @@ const loadNoCloseArr = ["/upload/face"];
|
||||
// isDev 为假 非开发环境（测试环境，生产环境）- npm run build
|
||||
const isDev = process.env.NODE_ENV === "development";
|
||||
const request = axios.create({
|
||||
// 根据环境 设置不同的baseURL
|
||||
// 根据环境 设置不同的baseURL https://visitor.scdswj.cn/prod-api
|
||||
// 如果配置了单个的反向代理 --- 字符串模式
|
||||
// 如果配置了多个的反向代理 --- 对象模式
|
||||
baseURL: isDev
|
||||
? "https://visitor.scdswj.cn/prod-api"
|
||||
: "https://visitor.scdswj.cn/prod-api",
|
||||
? "/dev-api"
|
||||
: "/prod-api",
|
||||
// baseURL: isDev ? "http://192.168.31.124:8195" : "http://192.168.31.124:8195",
|
||||
});
|
||||
// 'http://rap2api.taobao.org/app/mock/297766/example/1643070528065'
|
||||
@@ -58,11 +58,11 @@ request.interceptors.response.use(
|
||||
Toast.clear();
|
||||
}
|
||||
if (code === 401) {
|
||||
Toast.fail(message);
|
||||
setTimeout(() => {
|
||||
localStorage.removeItem("token");
|
||||
localStorage.removeItem("user");
|
||||
localStorage.removeItem("userToken");
|
||||
Toast.fail(message);
|
||||
setTimeout(() => {
|
||||
|
||||
const redirectUrl = localStorage.getItem("redirect");
|
||||
if (redirectUrl) {
|
||||
@@ -96,7 +96,7 @@ request.interceptors.response.use(
|
||||
} else if (message.includes("timeout")) {
|
||||
message = "系统接口请求超时";
|
||||
} else if (message.includes("Request failed with status code")) {
|
||||
message = "系统接口" + message.substr(message.length - 3) + "异常";
|
||||
message = "系统后台接口" + message.substr(message.length - 3) + "异常";
|
||||
}
|
||||
console.log(message);
|
||||
Toast.fail(message);
|
||||
|
||||
+2
-2
@@ -1,5 +1,5 @@
|
||||
import request from "./index";
|
||||
// 来访预约接口
|
||||
// 内部人员头像上传接口
|
||||
export function uploadApi(data){
|
||||
return request({
|
||||
url: '/upload/face',
|
||||
@@ -8,7 +8,7 @@ export function uploadApi(data){
|
||||
})
|
||||
}
|
||||
|
||||
// 来访人头像上传接口
|
||||
// 访客头像上传接口
|
||||
export function uploadGuestFaceApi(data){
|
||||
return request({
|
||||
url: '/upload/guestFace',
|
||||
|
||||
@@ -8,3 +8,50 @@ $size30: .4rem /* 30/75 */;
|
||||
$lg-size: .4267rem /* 32/75 */;
|
||||
// 颜色
|
||||
$white: #ffffff;
|
||||
|
||||
/* PC端适配 - 使用缩放保持比例 */
|
||||
@media screen and (min-width: 769px) {
|
||||
body {
|
||||
background-color: #f5f5f5;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 100vh;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#app {
|
||||
// 假设设计稿是750px宽度，我们可以按比例缩放
|
||||
width: 750px;
|
||||
height: 100vh;
|
||||
transform-origin: center top;
|
||||
|
||||
// 计算缩放比例，假设PC端最小宽度为1200px
|
||||
// 可以根据实际需要调整这个值
|
||||
transform: scale(0.8); // 例如缩放到80%
|
||||
|
||||
// 或者根据实际视口宽度动态计算
|
||||
// transform: scale(calc(100vw / 750));
|
||||
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
// 为特定高度的屏幕调整缩放
|
||||
@media screen and (min-width: 1200px) {
|
||||
#app {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1000px) and (max-width: 1199px) {
|
||||
#app {
|
||||
transform: scale(0.9);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 769px) and (max-width: 999px) {
|
||||
#app {
|
||||
transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<p class="tips">注：点击照片框进行人脸照片上传</p>
|
||||
<div class="button-box">
|
||||
<div @click="onClickCancel" class="cancel-button">取消</div>
|
||||
<div @click="onClickSave" class="save-button">保存</div>
|
||||
<div @click="onClickSave" class="save-button" :class="{ disabled: !file }" :style="{ pointerEvents: file ? 'auto' : 'none' }">保存</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -49,10 +49,13 @@ import { rulesForm, resetForm, rulesPhone } from '@/com/index'
|
||||
emits('cancel')
|
||||
}
|
||||
const onClickSave = () => {
|
||||
// 如果既没有新文件也没有原始图片，则不允许保存
|
||||
if (!file.value && !props.faceImg) {
|
||||
return;
|
||||
}
|
||||
emits('save', file.value)
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang='scss' scoped>
|
||||
@@ -63,51 +66,73 @@ import { rulesForm, resetForm, rulesPhone } from '@/com/index'
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(60, 60, 67, 0.6);
|
||||
|
||||
.model {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translateX(-50%) translateY(-65%);
|
||||
width: 8.1867rem /* 614/75 */;
|
||||
width: 8.1867rem /* 614/75 */
|
||||
;
|
||||
// height: 394px;
|
||||
background: #FFFFFF;
|
||||
border-radius: .5333rem /* 40/75 */;
|
||||
padding: 0 0 .7733rem /* 58/75 */;
|
||||
border-radius: .5333rem /* 40/75 */
|
||||
;
|
||||
padding: 0 0 .7733rem /* 58/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
|
||||
header {
|
||||
width: 100%;
|
||||
height: 10.5333rem /* 790/75 */;
|
||||
height: 10.5333rem /* 790/75 */
|
||||
;
|
||||
background: #FFFFFF;
|
||||
border-radius: .5333rem /* 40/75 */;
|
||||
border-radius: .5333rem /* 40/75 */
|
||||
;
|
||||
background: url('../assets/img/renlianbeijing.png') left top/100% 100% no-repeat;
|
||||
|
||||
h3 {
|
||||
line-height: .7733rem /* 58/75 */;
|
||||
font-size: .5333rem /* 40/75 */;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
line-height: .7733rem /* 58/75 */
|
||||
;
|
||||
font-size: .5333rem /* 40/75 */
|
||||
;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 500;
|
||||
color: #222222;
|
||||
padding: .8533rem /* 64/75 */ 0 0 ;
|
||||
padding: .8533rem /* 64/75 */
|
||||
0 0;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.upload-box {
|
||||
position: relative;
|
||||
width: 4.4rem /* 330/75 */;
|
||||
height: 4.4rem /* 330/75 */;
|
||||
width: 4.4rem /* 330/75 */
|
||||
;
|
||||
height: 4.4rem /* 330/75 */
|
||||
;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px .1067rem /* 8/75 */ .8rem /* 60/75 */ .2667rem /* 20/75 */ rgba(68,140,247,0.4);
|
||||
border-radius: .2667rem /* 20/75 */;
|
||||
margin: 1.28rem /* 96/75 */ auto 0;
|
||||
box-shadow: 0px .1067rem /* 8/75 */
|
||||
.8rem /* 60/75 */
|
||||
.2667rem /* 20/75 */
|
||||
rgba(68, 140, 247, 0.4);
|
||||
border-radius: .2667rem /* 20/75 */
|
||||
;
|
||||
margin: 1.28rem /* 96/75 */
|
||||
auto 0;
|
||||
overflow: hidden;
|
||||
|
||||
.span {
|
||||
text-align: center;
|
||||
line-height: 4.4rem /* 330/75 */;
|
||||
line-height: 4.4rem /* 330/75 */
|
||||
;
|
||||
font-size: $size30;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
|
||||
}
|
||||
|
||||
// display: flex;
|
||||
.face-img, input {
|
||||
position: absolute;
|
||||
@@ -115,46 +140,67 @@ import { rulesForm, resetForm, rulesPhone } from '@/com/index'
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: .2667rem /* 20/75 */;
|
||||
border-radius: .2667rem /* 20/75 */
|
||||
;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.face-img {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.tips {
|
||||
line-height: .5333rem /* 40/75 */;
|
||||
line-height: .5333rem /* 40/75 */
|
||||
;
|
||||
font-size: $md-size;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 400;
|
||||
color: #5F6583;
|
||||
text-align: center;
|
||||
margin-top: -1.6rem /* 120/75 */;
|
||||
margin-top: -1.6rem /* 120/75 */
|
||||
;
|
||||
}
|
||||
|
||||
.button-box {
|
||||
// margin-top: 1.1467rem /* 86/75 */;
|
||||
display: flex;
|
||||
padding: 0 .7733rem /* 58/75 */;
|
||||
padding: 0 .7733rem /* 58/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
margin-top: .6133rem /* 46/75 */;
|
||||
margin-top: .6133rem /* 46/75 */
|
||||
;
|
||||
|
||||
div {
|
||||
// width: 240px;
|
||||
flex: 1;
|
||||
height: 1.0667rem /* 80/75 */;
|
||||
line-height: 1.0667rem /* 80/75 */;
|
||||
height: 1.0667rem /* 80/75 */
|
||||
;
|
||||
line-height: 1.0667rem /* 80/75 */
|
||||
;
|
||||
background: #448CF7;
|
||||
border-radius: 1.3333rem /* 100/75 */;
|
||||
border-radius: 1.3333rem /* 100/75 */
|
||||
;
|
||||
text-align: center;
|
||||
font-size: $md-size;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.cancel-button {
|
||||
margin-right: .2667rem /* 20/75 */;
|
||||
margin-right: .2667rem /* 20/75 */
|
||||
;
|
||||
background: #448CF7; // #D9D9D9;
|
||||
color: #FFFFFF; // #999999;
|
||||
|
||||
}
|
||||
|
||||
.save-button {
|
||||
&.disabled {
|
||||
background: #D9D9D9;
|
||||
color: #999999;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
+197
-72
@@ -43,16 +43,20 @@
|
||||
<div class="status" :class="stateEnum[item.status].className">{{ stateEnum[item.status].statusName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="isLoading && recordArr.length == 0" class="no-have">
|
||||
<div v-if="isLoading && isDataLoaded && recordArr.length === 0" class="no-have">
|
||||
<img class="" src="../assets/nodata.png" alt="">
|
||||
<p>暂无待审批数据</p>
|
||||
</div>
|
||||
<div v-else-if="isLoading && !isDataLoaded" class="no-have">
|
||||
<img class="" src="../assets/nodata.png" alt="">
|
||||
<p>待审批数据加载中...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { reactive, ref } from 'vue'
|
||||
import {reactive, ref, onMounted} from 'vue'
|
||||
import {useRouter} from 'vue-router'
|
||||
import {useStore} from 'vuex'
|
||||
import {Toast, ImagePreview} from 'vant';
|
||||
@@ -64,6 +68,9 @@ import { getToken, getVisitorRecord, getWhiteCode } from '@/api/admin.js'
|
||||
const router = useRouter()
|
||||
const store = useStore()
|
||||
const isLoading = ref(false)
|
||||
const isDataLoaded = ref(false)
|
||||
// 已经在登录处理中
|
||||
const isLoginInProgress = ref(false);
|
||||
|
||||
const token = ref('')
|
||||
const userName = ref('')
|
||||
@@ -80,6 +87,12 @@ import { getToken, getVisitorRecord, getWhiteCode } from '@/api/admin.js'
|
||||
|
||||
/* @setup */
|
||||
const login = () => {
|
||||
// 防止重复登录
|
||||
if (isLoginInProgress.value) {
|
||||
return;
|
||||
}
|
||||
isLoginInProgress.value = true;
|
||||
|
||||
Toast.loading({duration: 0, forbidClick: true, message: '登录中',});
|
||||
dd.getAuthCode({
|
||||
corpId: 'ding03f8e88dde9b426835c2f4657eb6378f',
|
||||
@@ -88,46 +101,85 @@ import { getToken, getVisitorRecord, getWhiteCode } from '@/api/admin.js'
|
||||
localStorage.removeItem('token');
|
||||
localStorage.removeItem('user');
|
||||
getToken(code).then(data => {
|
||||
localStorage.setItem('user', JSON.stringify(data.data) )
|
||||
localStorage.setItem('token', data.data.authorization)
|
||||
userName.value = data.data.name
|
||||
// 验证返回的数据
|
||||
if (data && data.data && data.data.authorization) {
|
||||
localStorage.setItem('user', JSON.stringify(data.data));
|
||||
localStorage.setItem('token', data.data.authorization);
|
||||
userName.value = data.data.name;
|
||||
|
||||
Toast.clear()
|
||||
Toast.success('登录成功')
|
||||
visitorList()
|
||||
})
|
||||
Toast.clear();
|
||||
Toast.success('登录成功');
|
||||
visitorList();
|
||||
} else {
|
||||
throw new Error('登录数据异常');
|
||||
}
|
||||
}).catch(err => {
|
||||
Toast.clear();
|
||||
Toast.fail('登录失败');
|
||||
console.error('登录失败:', err);
|
||||
}).finally(() => {
|
||||
isLoginInProgress.value = false;
|
||||
});
|
||||
|
||||
},
|
||||
fail: (err) => {
|
||||
|
||||
},
|
||||
complete: () => {},
|
||||
complete: () => {
|
||||
},
|
||||
});
|
||||
}
|
||||
// login()
|
||||
|
||||
const visitorList = () => {
|
||||
isDataLoaded.value = false
|
||||
Toast.loading({duration: 0, forbidClick: true, message: '加载中',});
|
||||
getVisitorRecord(query).then(res => {
|
||||
isLoading.value = true
|
||||
isDataLoaded.value = true
|
||||
recordArr.value = res.data
|
||||
}).catch(err => {
|
||||
isLoading.value = true
|
||||
isDataLoaded.value = true
|
||||
recordArr.value = []
|
||||
})
|
||||
}
|
||||
// visitorList()
|
||||
if(token.value){
|
||||
visitorList()
|
||||
console.log((JSON.parse(localStorage.getItem('user'))).name )
|
||||
userName.value = JSON.parse(localStorage.getItem('user')).name
|
||||
}else{
|
||||
login()
|
||||
}
|
||||
|
||||
|
||||
/* @method */
|
||||
const onClickGo = (url = '/adminHome') => {
|
||||
router.push(url)
|
||||
}
|
||||
// 改进页面加载时的初始化逻辑
|
||||
const initializeApp = () => {
|
||||
const token = localStorage.getItem('token');
|
||||
const userStr = localStorage.getItem('user');
|
||||
|
||||
if (token && userStr) {
|
||||
try {
|
||||
const user = JSON.parse(userStr);
|
||||
if (user && user.name) {
|
||||
userName.value = user.name;
|
||||
visitorList();
|
||||
} else {
|
||||
// 用户数据不完整，重新登录
|
||||
login();
|
||||
}
|
||||
} catch (e) {
|
||||
// 用户数据解析失败，重新登录
|
||||
console.error('用户数据解析失败:', e);
|
||||
login();
|
||||
}
|
||||
} else {
|
||||
// 没有token或用户数据，需要登录
|
||||
login();
|
||||
}
|
||||
};
|
||||
|
||||
// 在组件挂载时调用
|
||||
onMounted(() => {
|
||||
initializeApp();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
@@ -136,182 +188,255 @@ import { getToken, getVisitorRecord, getWhiteCode } from '@/api/admin.js'
|
||||
background-color: #F9FBFC;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
header {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 10.4rem /* 780/75 */;
|
||||
height: 10.4rem /* 780/75 */
|
||||
;
|
||||
background: url('../assets/guanlibeijing.png') left top/100% 100% no-repeat;
|
||||
box-sizing: border-box;
|
||||
|
||||
h3 {
|
||||
padding: 1.0933rem /* 82/75 */ .6933rem /* 52/75 */ .1067rem /* 8/75 */;
|
||||
padding: 1.0933rem /* 82/75 */
|
||||
.6933rem /* 52/75 */
|
||||
.1067rem /* 8/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
line-height: .72rem /* 54/75 */;
|
||||
font-size: .48rem /* 36/75 */;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
line-height: .72rem /* 54/75 */
|
||||
;
|
||||
font-size: .48rem /* 36/75 */
|
||||
;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 500;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
h4 {
|
||||
line-height: .48rem /* 36/75 */;
|
||||
line-height: .48rem /* 36/75 */
|
||||
;
|
||||
font-size: $sm-size;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
padding: 0 .6933rem /* 52/75 */ 1.12rem /* 84/75 */;
|
||||
padding: 0 .6933rem /* 52/75 */
|
||||
1.12rem /* 84/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
|
||||
.position-img {
|
||||
position: absolute;
|
||||
right: .4267rem /* 32/75 */;
|
||||
top: .2933rem /* 22/75 */;
|
||||
width: 3.6267rem /* 272/75 */;
|
||||
height: 2.96rem /* 222/75 */;
|
||||
right: .4267rem /* 32/75 */
|
||||
;
|
||||
top: .2933rem /* 22/75 */
|
||||
;
|
||||
width: 3.6267rem /* 272/75 */
|
||||
;
|
||||
height: 2.96rem /* 222/75 */
|
||||
;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.plate-box {
|
||||
width: 100%;
|
||||
padding: 0 .4rem /* 30/75 */;
|
||||
padding: 0 .4rem /* 30/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.plate-button {
|
||||
width: 4.4rem /* 330/75 */;
|
||||
height: 1.92rem /* 144/75 */;
|
||||
width: 4.4rem /* 330/75 */
|
||||
;
|
||||
height: 1.92rem /* 144/75 */
|
||||
;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 48%);
|
||||
border-radius: .2667rem /* 20/75 */;
|
||||
border: .0267rem /* 2/75 */ solid #FFFFFF;
|
||||
border-radius: .2667rem /* 20/75 */
|
||||
;
|
||||
border: .0267rem /* 2/75 */
|
||||
solid #FFFFFF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
width: .9867rem /* 74/75 */;
|
||||
height: .9867rem /* 74/75 */;
|
||||
margin-left: .32rem /* 24/75 */;
|
||||
width: .9867rem /* 74/75 */
|
||||
;
|
||||
height: .9867rem /* 74/75 */
|
||||
;
|
||||
margin-left: .32rem /* 24/75 */
|
||||
;
|
||||
}
|
||||
|
||||
.right {
|
||||
margin-left: .3467rem /* 26/75 */;
|
||||
margin-left: .3467rem /* 26/75 */
|
||||
;
|
||||
|
||||
div {
|
||||
line-height: .64rem /* 48/75 */;
|
||||
line-height: .64rem /* 48/75 */
|
||||
;
|
||||
font-size: $lg-size;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 500;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
P {
|
||||
line-height: .4rem /* 30/75 */;
|
||||
font-size: .2667rem /* 20/75 */;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
line-height: .4rem /* 30/75 */
|
||||
;
|
||||
font-size: .2667rem /* 20/75 */
|
||||
;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 400;
|
||||
color: #5F6583;
|
||||
margin-top: .1067rem /* 8/75 */;
|
||||
margin-top: .1067rem /* 8/75 */
|
||||
;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
|
||||
position: relative;
|
||||
// top: 5.8667rem /* 440/75 */;
|
||||
margin-top: -4.5333rem /* 340/75 */;
|
||||
margin-top: -4.5333rem /* 340/75 */
|
||||
;
|
||||
width: 100%;
|
||||
padding: 0 .4rem /* 30/75 */;
|
||||
padding: 0 .4rem /* 30/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
|
||||
h2 {
|
||||
width: 100%;
|
||||
padding: .2667rem /* 20/75 */ .32rem /* 24/75 */;
|
||||
padding: .2667rem /* 20/75 */
|
||||
.32rem /* 24/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
line-height: .72rem /* 54/75 */;
|
||||
font-size: .48rem /* 36/75 */;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
line-height: .72rem /* 54/75 */
|
||||
;
|
||||
font-size: .48rem /* 36/75 */
|
||||
;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 500;
|
||||
color: #222222;
|
||||
|
||||
span {
|
||||
// line-height: 36px;
|
||||
font-size: $sm-size;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
.content-ul {
|
||||
.wait-list {
|
||||
position: relative;
|
||||
width: 9.2rem /* 690/75 */;
|
||||
width: 9.2rem /* 690/75 */
|
||||
;
|
||||
// height: 470px;
|
||||
background: #FFFFFF;
|
||||
border-radius: .2667rem /* 20/75 */;
|
||||
padding: .48rem /* 36/75 */;
|
||||
border-radius: .2667rem /* 20/75 */
|
||||
;
|
||||
padding: .48rem /* 36/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: .2667rem /* 20/75 */;
|
||||
margin-bottom: .2667rem /* 20/75 */
|
||||
;
|
||||
|
||||
h5 {
|
||||
height: .6667rem /* 50/75 */;
|
||||
height: .6667rem /* 50/75 */
|
||||
;
|
||||
font-size: $md-size;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 400;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.apply-box {
|
||||
|
||||
width: 100%;
|
||||
padding: .4rem /* 30/75 */ .3733rem /* 28/75 */ .5067rem /* 38/75 */;
|
||||
padding: .4rem /* 30/75 */
|
||||
.3733rem /* 28/75 */
|
||||
.5067rem /* 38/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
border-radius: .1333rem /* 10/75 */;
|
||||
border-radius: .1333rem /* 10/75 */
|
||||
;
|
||||
font-size: $md-size;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
line-height: .72rem /* 54/75 */;
|
||||
line-height: .72rem /* 54/75 */
|
||||
;
|
||||
background: #F5F7F9;
|
||||
|
||||
span:last-child {
|
||||
color: #5F6583;
|
||||
}
|
||||
}
|
||||
|
||||
.status {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 1.52rem /* 114/75 */;
|
||||
height: .6667rem /* 50/75 */;
|
||||
line-height: .6667rem /* 50/75 */;
|
||||
width: 1.52rem /* 114/75 */
|
||||
;
|
||||
height: .6667rem /* 50/75 */
|
||||
;
|
||||
line-height: .6667rem /* 50/75 */
|
||||
;
|
||||
background: #FFE9E4;
|
||||
border-radius: 0px .2667rem /* 20/75 */ 0px .1333rem /* 10/75 */;
|
||||
border-radius: 0 .2667rem /* 20/75 */
|
||||
0 .1333rem /* 10/75 */
|
||||
;
|
||||
color: #FF6643;
|
||||
font-size: $sm-size;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 400;
|
||||
color: #FF6643;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.refuse {
|
||||
color: #5F6583;
|
||||
background: #EAEEF6;
|
||||
}
|
||||
|
||||
.pass {
|
||||
color: #30BF78;
|
||||
background: #E7F8F5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.no-have {
|
||||
// display: block;
|
||||
width: 7.4667rem /* 560/75 */;
|
||||
height: 5.3867rem /* 404/75 */;
|
||||
margin: .8rem /* 60/75 */ auto;
|
||||
width: 7.4667rem /* 560/75 */
|
||||
;
|
||||
height: 5.3867rem /* 404/75 */
|
||||
;
|
||||
margin: .8rem /* 60/75 */
|
||||
auto;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
// font-size: 15px;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
|
||||
+160
-75
@@ -13,10 +13,13 @@
|
||||
</div>
|
||||
</header>
|
||||
<div class="content">
|
||||
<h2>通讯录</h2><button @click="handleSync" class="entering-button">同步人员信息</button>
|
||||
<h2>通讯录</h2>
|
||||
<button @click="handleSync" class="entering-button">同步人员信息</button>
|
||||
<div class="content-box">
|
||||
<div class="nav">
|
||||
<div @click="onClickDept(item.deptId)" v-for="item in deptArr" class="li" :class="item.deptId == deptId ? 'active' : ''" :style=" item.name.length >= 6 ? 'padding-right: 0.28rem;' : '' " :key="item.userId">
|
||||
<div @click="onClickDept(item.deptId)" v-for="item in deptArr" class="li"
|
||||
:class="item.deptId === deptId ? 'active' : ''"
|
||||
:style=" item.name.length >= 6 ? 'padding-right: 0.28rem;' : '' " :key="item.userId">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
@@ -27,8 +30,8 @@
|
||||
<img v-if="item.img" :src="item.img" alt="">
|
||||
</div>
|
||||
<div class="name">{{ item.name }}</div>
|
||||
<div @click="onClcikUser(item)" v-if="item.img" class="button">查看</div>
|
||||
<div @click="onClcikUser(item)" v-else class="button active-button">上传</div>
|
||||
<div @click="onClickUser(item)" v-if="item.img" class="button">查看</div>
|
||||
<div @click="onClickUser(item)" v-else class="button active-button">上传</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -37,13 +40,14 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Facemodel @change="onChangeFile" @cancel="isFace = false; form.face =''" @save="onClciksave" v-if="isFace" :faceImg="form.face" />
|
||||
<Facemodel @change="onChangeFile" @cancel="isFace = false; form.face =''" @save="onClickSave" v-if="isFace"
|
||||
:faceImg="form.face"/>
|
||||
|
||||
</template>
|
||||
<script setup>
|
||||
import { rulesPhone, compareTime, timeDiff,formatDate } from '../com/index.js'
|
||||
import {rulesPhone, compareTime, timeDiff, formatDate} from '@/com'
|
||||
// getShop, getKind
|
||||
import { syncDeptUsers } from '../api/user.js'
|
||||
import {syncDeptUsers} from '@/api/user'
|
||||
import {reactive, ref} from 'vue'
|
||||
import {Toast, ImagePreview, Skeleton} from 'vant';
|
||||
import dd from 'dingtalk-jsapi'
|
||||
@@ -79,14 +83,17 @@
|
||||
urls: [img
|
||||
],
|
||||
current: 1,
|
||||
success: () => {},
|
||||
fail: () => {},
|
||||
complete: () => {},
|
||||
success: () => {
|
||||
},
|
||||
fail: () => {
|
||||
},
|
||||
complete: () => {
|
||||
},
|
||||
});
|
||||
}
|
||||
// 点击切换部门
|
||||
const onClickDept = (Id) => {
|
||||
if(deptId.value != Id){
|
||||
if (deptId.value !== Id) {
|
||||
deptId.value = Id
|
||||
userList()
|
||||
}
|
||||
@@ -104,8 +111,9 @@
|
||||
|
||||
}
|
||||
// 点击保存
|
||||
const onClciksave = (file) =>{
|
||||
const onClickSave = (file) => {
|
||||
if (form.face && file) {
|
||||
// 有新图片需要上传
|
||||
let formData = new FormData()
|
||||
formData.append('file', file)
|
||||
formData.append('userId', form.userId)
|
||||
@@ -119,6 +127,9 @@
|
||||
isFace.value = false
|
||||
Toast.success(response.msg);
|
||||
})
|
||||
}).catch(err => {
|
||||
Toast.fail('上传失败，请重试');
|
||||
console.error('上传失败:', err);
|
||||
})
|
||||
} else if (form.face && !file) { // 说明之前有数据现在没传
|
||||
isFace.value = false
|
||||
@@ -142,7 +153,7 @@
|
||||
|
||||
}
|
||||
// 点击用户上传照片或查看
|
||||
const onClcikUser = (item) =>{
|
||||
const onClickUser = (item) => {
|
||||
console.log(item)
|
||||
isFace.value = true
|
||||
form.face = item.img
|
||||
@@ -157,10 +168,9 @@
|
||||
const {code} = res;
|
||||
localStorage.removeItem('token');
|
||||
localStorage.removeItem('user');
|
||||
getToken(code).then(data =>{
|
||||
localStorage.setItem('user', data.data)
|
||||
localStorage.setItem('token', data.data.authorization)
|
||||
alert("登录成功："+data.data.authorization)
|
||||
getToken(code).then(res => {
|
||||
localStorage.setItem('user', res.data)
|
||||
localStorage.setItem('token', res.data.authorization)
|
||||
Toast.clear()
|
||||
Toast.success('登录成功')
|
||||
deptList()
|
||||
@@ -210,138 +220,196 @@
|
||||
.box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
header {
|
||||
width: 100%;
|
||||
height: 5.8933rem /* 442/75 */;
|
||||
height: 5.8933rem /* 442/75 */
|
||||
;
|
||||
background: url('../assets/img/shouyebeijing.png') left top/100% 100% no-repeat;
|
||||
|
||||
h2 {
|
||||
line-height: 1.12rem /* 84/75 */;
|
||||
font-size: .7467rem /* 56/75 */;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
line-height: 1.12rem /* 84/75 */
|
||||
;
|
||||
font-size: .7467rem /* 56/75 */
|
||||
;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
padding: .8533rem /* 64/75 */ 0 0 .64rem /* 48/75 */;
|
||||
padding: .8533rem /* 64/75 */
|
||||
0 0 .64rem /* 48/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
h3 {
|
||||
display: flex;
|
||||
padding: .32rem /* 24/75 */ 0 0 .7467rem /* 56/75 */;
|
||||
padding: .32rem /* 24/75 */
|
||||
0 0 .7467rem /* 56/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
line-height: .5333rem /* 40/75 */;
|
||||
line-height: .5333rem /* 40/75 */
|
||||
;
|
||||
font-size: $sm-size;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
|
||||
img {
|
||||
width: .5333rem /* 40/75 */;
|
||||
height: .5333rem /* 40/75 */;
|
||||
margin-right: .1067rem /* 8/75 */;
|
||||
width: .5333rem /* 40/75 */
|
||||
;
|
||||
height: .5333rem /* 40/75 */
|
||||
;
|
||||
margin-right: .1067rem /* 8/75 */
|
||||
;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.entering-box {
|
||||
width: 8rem /* 600/75 */;
|
||||
height: 1.6rem /* 120/75 */;
|
||||
margin: .6667rem /* 50/75 */ auto 0;
|
||||
width: 8rem /* 600/75 */
|
||||
;
|
||||
height: 1.6rem /* 120/75 */
|
||||
;
|
||||
margin: .6667rem /* 50/75 */
|
||||
auto 0;
|
||||
background: #202F44;
|
||||
border-radius: .5333rem /* 40/75 */ .5333rem /* 40/75 */ 0px 0px;
|
||||
padding: 0 .4rem /* 30/75 */ .8rem /* 60/75 */ .4533rem /* 34/75 */;
|
||||
border-radius: .5333rem /* 40/75 */
|
||||
.5333rem /* 40/75 */
|
||||
0 0;
|
||||
padding: 0 .4rem /* 30/75 */
|
||||
.8rem /* 60/75 */
|
||||
.4533rem /* 34/75 */
|
||||
;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
width: .6133rem /* 46/75 */;
|
||||
height: .48rem /* 36/75 */;
|
||||
margin-right: .2933rem /* 22/75 */;
|
||||
width: .6133rem /* 46/75 */
|
||||
;
|
||||
height: .48rem /* 36/75 */
|
||||
;
|
||||
margin-right: .2933rem /* 22/75 */
|
||||
;
|
||||
}
|
||||
|
||||
.entering-center {
|
||||
flex: 1;
|
||||
font-size: $md-size;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
|
||||
p:nth-child(1) {
|
||||
line-height: .56rem /* 42/75 */;
|
||||
padding: .2933rem /* 22/75 */ 0 0;
|
||||
line-height: .56rem /* 42/75 */
|
||||
;
|
||||
padding: .2933rem /* 22/75 */
|
||||
0 0;
|
||||
}
|
||||
|
||||
p:nth-child(2) {
|
||||
line-height: .4533rem /* 34/75 */;
|
||||
line-height: .4533rem /* 34/75 */
|
||||
;
|
||||
font-size: $sm-size;
|
||||
font-weight: 400;
|
||||
color: #B6B7B8;
|
||||
}
|
||||
}
|
||||
|
||||
.entering-button {
|
||||
width: 1.4667rem /* 110/75 */;
|
||||
height: .6933rem /* 52/75 */;
|
||||
width: 1.4667rem /* 110/75 */
|
||||
;
|
||||
height: .6933rem /* 52/75 */
|
||||
;
|
||||
background: #F6C976;
|
||||
border-radius: .5333rem /* 40/75 */;
|
||||
border-radius: .5333rem /* 40/75 */
|
||||
;
|
||||
outline: none;
|
||||
font-size: $size26;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 500;
|
||||
color: #202F44;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
border-radius: .5333rem /* 40/75 */ .5333rem /* 40/75 */ 0px 0px;
|
||||
border-radius: .5333rem /* 40/75 */
|
||||
.5333rem /* 40/75 */
|
||||
0 0;
|
||||
margin-top: -20px;
|
||||
overflow: auto;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
h2 {
|
||||
padding: .4267rem /* 32/75 */ .48rem /* 36/75 */;
|
||||
padding: .4267rem /* 32/75 */
|
||||
.48rem /* 36/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
line-height: .8rem /* 60/75 */;
|
||||
font-size: .5333rem /* 40/75 */;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
line-height: .8rem /* 60/75 */
|
||||
;
|
||||
font-size: .5333rem /* 40/75 */
|
||||
;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 500;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.content-box {
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
|
||||
.nav {
|
||||
width: 3.6533rem /* 274/75 */;
|
||||
width: 3.6533rem /* 274/75 */
|
||||
;
|
||||
height: 100%;
|
||||
// width: 360px;
|
||||
padding: 0 0 0 .4rem /* 30/75 */;
|
||||
padding: 0 0 0 .4rem /* 30/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-content: flex-start;
|
||||
// flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
|
||||
border-right: .0267rem /* 2/75 */ dashed #D9D9D9;
|
||||
border-right: .0267rem /* 2/75 */
|
||||
dashed #D9D9D9;
|
||||
|
||||
.li {
|
||||
display: block;
|
||||
|
||||
box-sizing: border-box;
|
||||
height: .9067rem /* 68/75 */;
|
||||
line-height: .9067rem /* 68/75 */;
|
||||
border-radius: 0px .8rem /* 60/75 */ .8rem /* 60/75 */ 0px ;
|
||||
padding: 0 .48rem /* 36/75 */ 0 .24rem /* 18/75 */;
|
||||
height: .9067rem /* 68/75 */
|
||||
;
|
||||
line-height: .9067rem /* 68/75 */
|
||||
;
|
||||
border-radius: 0 .8rem /* 60/75 */
|
||||
.8rem /* 60/75 */
|
||||
0;
|
||||
padding: 0 .48rem /* 36/75 */
|
||||
0 .24rem /* 18/75 */
|
||||
;
|
||||
|
||||
box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
font-size: $md-size;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 400;
|
||||
color: #5F6583;
|
||||
margin-bottom: .28rem /* 21/75 */;
|
||||
margin-bottom: .28rem /* 21/75 */
|
||||
;
|
||||
}
|
||||
|
||||
.active {
|
||||
color: #FFFFFF;
|
||||
background: #448CF7;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.user-content {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
@@ -355,52 +423,69 @@
|
||||
.user-list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 .4rem /* 30/75 */;
|
||||
padding: 0 .4rem /* 30/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: .5333rem /* 40/75 */;
|
||||
margin-bottom: .5333rem /* 40/75 */
|
||||
;
|
||||
|
||||
.img-box {
|
||||
width: .9867rem /* 74/75 */;
|
||||
height: .9867rem /* 74/75 */;
|
||||
border-radius:.1333rem /* 10/75 */;
|
||||
width: .9867rem /* 74/75 */
|
||||
;
|
||||
height: .9867rem /* 74/75 */
|
||||
;
|
||||
border-radius: .1333rem /* 10/75 */
|
||||
;
|
||||
|
||||
background: #D9D9D9;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius:.1333rem /* 10/75 */;
|
||||
border-radius: .1333rem /* 10/75 */
|
||||
;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.name {
|
||||
padding: 0 0 0 .2933rem /* 22/75 */;
|
||||
padding: 0 0 0 .2933rem /* 22/75 */
|
||||
;
|
||||
box-sizing: border-box;
|
||||
flex: 1;
|
||||
line-height: .9867rem /* 74/75 */;
|
||||
line-height: .9867rem /* 74/75 */
|
||||
;
|
||||
font-size: $size30;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 400;
|
||||
color: #4B4C4E;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 1.2267rem /* 92/75 */;
|
||||
height: .6667rem /* 50/75 */;
|
||||
width: 1.2267rem /* 92/75 */
|
||||
;
|
||||
height: .6667rem /* 50/75 */
|
||||
;
|
||||
background: #EDEDED;
|
||||
border-radius:.1333rem /* 10/75 */;
|
||||
border-radius: .1333rem /* 10/75 */
|
||||
;
|
||||
border: none;
|
||||
outline: none;
|
||||
font-size: $sm-size;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-family: Source Han Sans CN, serif;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
line-height: .6667rem /* 50/75 */;
|
||||
line-height: .6667rem /* 50/75 */
|
||||
;
|
||||
}
|
||||
|
||||
.active-button {
|
||||
background: #EBFCF4;
|
||||
border: .0267rem /* 2/75 */ solid #30BF78;
|
||||
border: .0267rem /* 2/75 */
|
||||
solid #30BF78;
|
||||
color: #30BF78;
|
||||
|
||||
}
|
||||
|
||||
+11
-11
@@ -23,17 +23,17 @@ export default defineConfig({
|
||||
host: "0.0.0.0", //设置地址：http://localhost
|
||||
port: 4000, // 设置服务启动端口号
|
||||
hmr: false, // 关闭热更新
|
||||
// open: true, // 设置服务启动时是否自动打开浏览器
|
||||
// cors: true, // 允许跨域
|
||||
// proxy: {
|
||||
// '/api': {
|
||||
// target: 'http://dining.lzyyj.com/prod-api',//代理的地址
|
||||
// changeOrigin: true,
|
||||
// // 路径重写 pathRewrite无效使用rewrite
|
||||
// // pathRewrite: { '/api': '' // 用'/api'代替target里面的地址 },
|
||||
// rewrite: path => path.replace(/^\/api/, '')
|
||||
// }
|
||||
// }
|
||||
open: true, // 设置服务启动时是否自动打开浏览器
|
||||
cors: true, // 允许跨域
|
||||
proxy: {
|
||||
'/dev-api': {
|
||||
target: 'http://localhost:8195',//代理的地址
|
||||
changeOrigin: true,
|
||||
// 路径重写 pathRewrite无效使用rewrite
|
||||
// pathRewrite: { '/api': '' // 用'/api'代替target里面的地址 },
|
||||
rewrite: path => path.replace(/^\/dev-api/, '')
|
||||
}
|
||||
}
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
|
||||
Reference in New Issue
Block a user