修改了桌面霸屏页面:
1、读取已登录信息的代码; 2、根据已登录信息获取部门业绩的代码; 3、将数据结构代码移到 types 目录下。
This commit is contained in:
parent
d0c9383bf8
commit
52667f3d9c
@ -8,6 +8,7 @@
|
|||||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||||
*/
|
*/
|
||||||
import { StaffInfo } from "../../types/cpicxim/StaffInfo.js";
|
import { StaffInfo } from "../../types/cpicxim/StaffInfo.js";
|
||||||
|
import { type TelSaler } from "@/types/cpicxim/TelSaler.js";
|
||||||
|
|
||||||
const STUFF_ITEM = "stuff_info";
|
const STUFF_ITEM = "stuff_info";
|
||||||
const CALLER_ITEM = "call_info";
|
const CALLER_ITEM = "call_info";
|
||||||
@ -62,14 +63,38 @@ function getUserType(): string
|
|||||||
return userType;
|
return userType;
|
||||||
}
|
}
|
||||||
|
|
||||||
function saveCallerInfo( callerCode: string ): void
|
function saveCallerInfo( callerInfo: TelSaler ): void
|
||||||
{
|
{
|
||||||
window.localStorage.setItem( CALLER_ITEM, callerCode );
|
const json = JSON.stringify( callerInfo );
|
||||||
|
|
||||||
|
window.localStorage.setItem( CALLER_ITEM, json );
|
||||||
}
|
}
|
||||||
|
|
||||||
function getCallerInfo(): string
|
function getCallerInfo(): TelSaler
|
||||||
{
|
{
|
||||||
return window.localStorage.getItem( CALLER_ITEM ) ?? "";
|
const json = window.localStorage.getItem( CALLER_ITEM ) ?? "";
|
||||||
|
|
||||||
|
let storeCallerInfo = null;
|
||||||
|
|
||||||
|
try
|
||||||
|
{
|
||||||
|
storeCallerInfo = JSON.parse( json );
|
||||||
|
}
|
||||||
|
catch ( error )
|
||||||
|
{
|
||||||
|
storeCallerInfo = {};
|
||||||
|
}
|
||||||
|
|
||||||
|
const callInfo: TelSaler = {
|
||||||
|
telSalerCode: storeCallerInfo.telSalerCode ?? "",
|
||||||
|
telSalerName: storeCallerInfo.telSalerName ?? "",
|
||||||
|
teamCode: storeCallerInfo.teamCode ?? "",
|
||||||
|
teamName: storeCallerInfo.teamName ?? "",
|
||||||
|
departmentCode: storeCallerInfo.departmentCode ?? "",
|
||||||
|
departmentName: storeCallerInfo.departmentName ?? "",
|
||||||
|
};
|
||||||
|
|
||||||
|
return callInfo;
|
||||||
}
|
}
|
||||||
|
|
||||||
function clearCallerInfo(): void
|
function clearCallerInfo(): void
|
||||||
|
@ -34,6 +34,7 @@ function queryDepartmentArchievement( departmentInfo: Department, render: any ):
|
|||||||
instance.request({
|
instance.request({
|
||||||
method: "post",
|
method: "post",
|
||||||
url: API_URL.URL_DEPARTMENT_ARCHIEVEMENT,
|
url: API_URL.URL_DEPARTMENT_ARCHIEVEMENT,
|
||||||
|
data: departmentInfo,
|
||||||
})
|
})
|
||||||
.then(( response ) =>
|
.then(( response ) =>
|
||||||
{
|
{
|
||||||
|
@ -67,6 +67,7 @@ import ArchievementCompleteRateComponent from "@/components/ArchievementComplete
|
|||||||
import HonorListComponent from "@/components/HonorListComponent.vue";
|
import HonorListComponent from "@/components/HonorListComponent.vue";
|
||||||
import DishonorListComponent from "@/components/DishonorListComponent.vue";
|
import DishonorListComponent from "@/components/DishonorListComponent.vue";
|
||||||
import { logout } from "@/utils/account.js";
|
import { logout } from "@/utils/account.js";
|
||||||
|
import { type TelSaler } from "@/types/cpicxim/TelSaler";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "DesktopArchievement",
|
name: "DesktopArchievement",
|
||||||
@ -79,7 +80,7 @@ export default {
|
|||||||
setup()
|
setup()
|
||||||
{
|
{
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const callerInfo = getCallerInfo();
|
const callerInfo: TelSaler = getCallerInfo();
|
||||||
const ui = reactive({
|
const ui = reactive({
|
||||||
chartData: [0,], // 业绩表
|
chartData: [0,], // 业绩表
|
||||||
totalArchievement: 0, // 总业绩
|
totalArchievement: 0, // 总业绩
|
||||||
@ -134,7 +135,7 @@ export default {
|
|||||||
};
|
};
|
||||||
|
|
||||||
// 检查存储的登录信息,不存在则返回登录页面
|
// 检查存储的登录信息,不存在则返回登录页面
|
||||||
if ( callerInfo === "" )
|
if ( callerInfo.telSalerCode === "" )
|
||||||
{
|
{
|
||||||
ElMessage({
|
ElMessage({
|
||||||
message: "登录信息失效,请重新登录!",
|
message: "登录信息失效,请重新登录!",
|
||||||
@ -147,16 +148,18 @@ export default {
|
|||||||
|
|
||||||
onBeforeMount(() =>
|
onBeforeMount(() =>
|
||||||
{
|
{
|
||||||
|
debugger;
|
||||||
|
|
||||||
const deparmentInfo:Department =
|
const deparmentInfo:Department =
|
||||||
{
|
{
|
||||||
departmentCode: "QDI",
|
departmentCode: callerInfo.departmentCode,
|
||||||
departmentName: "续保业务部",
|
departmentName: callerInfo.departmentName,
|
||||||
};
|
};
|
||||||
|
|
||||||
queryDepartmentArchievement( deparmentInfo, renderData );
|
queryDepartmentArchievement( deparmentInfo, renderData );
|
||||||
});
|
});
|
||||||
|
|
||||||
return { ui, getTotalArchievement, renderData, logoutDesktopArchievement, };
|
return { ui, callerInfo, getTotalArchievement, renderData, logoutDesktopArchievement, };
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
@ -71,6 +71,7 @@ import { saveStaffInfo, getUserType, saveUserType, getCallerInfo, saveCallerInfo
|
|||||||
import { login, loginCaller, type LoginCallerInfo, type LoginCallerResult } from "@/utils/account";
|
import { login, loginCaller, type LoginCallerInfo, type LoginCallerResult } from "@/utils/account";
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
import { StaffInfo } from "@/types/cpicxim/StaffInfo";
|
import { StaffInfo } from "@/types/cpicxim/StaffInfo";
|
||||||
|
import { TelSaler } from "@/types/cpicxim/TelSaler";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "LoginPage",
|
name: "LoginPage",
|
||||||
@ -168,7 +169,6 @@ export default {
|
|||||||
telsaler_code: ui.account,
|
telsaler_code: ui.account,
|
||||||
};
|
};
|
||||||
|
|
||||||
// debugger;
|
|
||||||
// 登录
|
// 登录
|
||||||
loginCaller( loginInfo )
|
loginCaller( loginInfo )
|
||||||
// 调用接口成功
|
// 调用接口成功
|
||||||
@ -176,16 +176,27 @@ export default {
|
|||||||
{
|
{
|
||||||
const data:LoginCallerResult = response.data ?? { success: false, };
|
const data:LoginCallerResult = response.data ?? { success: false, };
|
||||||
|
|
||||||
|
debugger;
|
||||||
|
|
||||||
// 查看標志位
|
// 查看標志位
|
||||||
if ( data.success === true )
|
if ( data.success === true )
|
||||||
{
|
{
|
||||||
// 查询成功,显示一个提示,保存工号,并跳转路由
|
// 查询成功,显示一个提示,保存工号,并跳转路由
|
||||||
ElMessage({
|
ElMessage({
|
||||||
message: `验证成功,登录用户 ${data.tele_saler_name}`,
|
message: `验证成功,登录用户 ${data.tel_saler_name}`,
|
||||||
type: "success",
|
type: "success",
|
||||||
});
|
});
|
||||||
|
|
||||||
saveCallerInfo( ui.account );
|
const telsaler:TelSaler = {
|
||||||
|
telSalerCode: data.tel_saler_code,
|
||||||
|
telSalerName: data.tel_saler_name,
|
||||||
|
teamCode: data.team_code,
|
||||||
|
teamName: data.team_name,
|
||||||
|
departmentCode: data.department_code,
|
||||||
|
departmentName: data.department_name,
|
||||||
|
};
|
||||||
|
|
||||||
|
saveCallerInfo( telsaler );
|
||||||
|
|
||||||
router.push( "/desktop_archievement" );
|
router.push( "/desktop_archievement" );
|
||||||
}
|
}
|
||||||
@ -226,10 +237,10 @@ export default {
|
|||||||
const callInfo = getCallerInfo();
|
const callInfo = getCallerInfo();
|
||||||
|
|
||||||
// 判断是否已经记录了坐席工号,有则提示已登录,然后跳转路由
|
// 判断是否已经记录了坐席工号,有则提示已登录,然后跳转路由
|
||||||
if ( callInfo !== "" )
|
if ( callInfo.telSalerCode.length !== 0 )
|
||||||
{
|
{
|
||||||
ElMessage({
|
ElMessage({
|
||||||
message: `已登录账号:${callInfo}`,
|
message: `已登录账号:${callInfo.telSalerName}`,
|
||||||
type: "success",
|
type: "success",
|
||||||
center: true,
|
center: true,
|
||||||
});
|
});
|
||||||
|
@ -80,8 +80,8 @@ public class StaffInfoQueryController
|
|||||||
if ( saler != null )
|
if ( saler != null )
|
||||||
{
|
{
|
||||||
// 不为 null,有查询到
|
// 不为 null,有查询到
|
||||||
result.setTeleSalerCode( saler.getCode() );
|
result.setTelSalerCode( saler.getCode() );
|
||||||
result.setTeleSalerName( saler.getName() );
|
result.setTelSalerName( saler.getName() );
|
||||||
result.setTeamCode( saler.getTeamCode() );
|
result.setTeamCode( saler.getTeamCode() );
|
||||||
result.setTeamName( saler.getTeamName() );
|
result.setTeamName( saler.getTeamName() );
|
||||||
result.setDepartmentCode( saler.getDepartmentCode() );
|
result.setDepartmentCode( saler.getDepartmentCode() );
|
||||||
|
@ -31,23 +31,23 @@ public class TeleSalerQueryResult extends QueryResult
|
|||||||
* @param departmentCode: 部门代码
|
* @param departmentCode: 部门代码
|
||||||
* @param departmentName: 部门名称
|
* @param departmentName: 部门名称
|
||||||
*/
|
*/
|
||||||
public TeleSalerQueryResult( boolean success, String message, String teleSalerCode,
|
public TeleSalerQueryResult( boolean success, String message, String telSalerCode,
|
||||||
String teleSalerName, String teamCode, String teamName, String departmentCode,
|
String telSalerName, String teamCode, String teamName, String departmentCode,
|
||||||
String departmentName)
|
String departmentName)
|
||||||
{
|
{
|
||||||
super( success, message );
|
super( success, message );
|
||||||
|
|
||||||
this.teleSalerCode = teleSalerCode;
|
this.telSalerCode = telSalerCode;
|
||||||
this.teleSalerName = teleSalerName;
|
this.telSalerName = telSalerName;
|
||||||
this.teamCode = teamCode;
|
this.teamCode = teamCode;
|
||||||
this.teamName = teamName;
|
this.teamName = teamName;
|
||||||
this.departmentCode = departmentCode;
|
this.departmentCode = departmentCode;
|
||||||
this.departmentName = departmentName;
|
this.departmentName = departmentName;
|
||||||
}
|
}
|
||||||
|
|
||||||
public String getTeleSalerCode()
|
public String getTelSalerCode()
|
||||||
{
|
{
|
||||||
return teleSalerCode;
|
return telSalerCode;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -55,19 +55,19 @@ public class TeleSalerQueryResult extends QueryResult
|
|||||||
* @param {String} teleSalerCode
|
* @param {String} teleSalerCode
|
||||||
* @return {*}
|
* @return {*}
|
||||||
*/
|
*/
|
||||||
public void setTeleSalerCode( String teleSalerCode )
|
public void setTelSalerCode( String telSalerCode )
|
||||||
{
|
{
|
||||||
this.teleSalerCode = teleSalerCode;
|
this.telSalerCode = telSalerCode;
|
||||||
}
|
}
|
||||||
|
|
||||||
public String getTeleSalerName()
|
public String getTelSalerName()
|
||||||
{
|
{
|
||||||
return teleSalerName;
|
return telSalerName;
|
||||||
}
|
}
|
||||||
|
|
||||||
public void setTeleSalerName( String teleSalerName )
|
public void setTelSalerName( String telSalerName )
|
||||||
{
|
{
|
||||||
this.teleSalerName = teleSalerName;
|
this.telSalerName = telSalerName;
|
||||||
}
|
}
|
||||||
|
|
||||||
public String getTeamCode()
|
public String getTeamCode()
|
||||||
@ -110,11 +110,11 @@ public class TeleSalerQueryResult extends QueryResult
|
|||||||
this.departmentName = departmentName;
|
this.departmentName = departmentName;
|
||||||
}
|
}
|
||||||
|
|
||||||
@JsonProperty( "tele_saler_code" )
|
@JsonProperty( "tel_saler_code" )
|
||||||
private String teleSalerCode;
|
private String telSalerCode;
|
||||||
|
|
||||||
@JsonProperty( "tele_saler_name" )
|
@JsonProperty( "tel_saler_name" )
|
||||||
private String teleSalerName;
|
private String telSalerName;
|
||||||
|
|
||||||
@JsonProperty( "team_code" )
|
@JsonProperty( "team_code" )
|
||||||
private String teamCode;
|
private String teamCode;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user