修改了桌面霸屏页面:
1、读取已登录信息的代码; 2、根据已登录信息获取部门业绩的代码; 3、将数据结构代码移到 types 目录下。
This commit is contained in:
		@@ -8,6 +8,7 @@
 | 
			
		||||
 * Copyright (c) ${2022} by Kane, All Rights Reserved.
 | 
			
		||||
 */
 | 
			
		||||
import { StaffInfo } from "../../types/cpicxim/StaffInfo.js";
 | 
			
		||||
import { type TelSaler } from "@/types/cpicxim/TelSaler.js";
 | 
			
		||||
 | 
			
		||||
const STUFF_ITEM = "stuff_info";
 | 
			
		||||
const CALLER_ITEM = "call_info";
 | 
			
		||||
@@ -62,14 +63,38 @@ function getUserType(): string
 | 
			
		||||
    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
 | 
			
		||||
 
 | 
			
		||||
@@ -34,6 +34,7 @@ function queryDepartmentArchievement( departmentInfo: Department, render: any ):
 | 
			
		||||
    instance.request({
 | 
			
		||||
        method: "post",
 | 
			
		||||
        url: API_URL.URL_DEPARTMENT_ARCHIEVEMENT,
 | 
			
		||||
        data: departmentInfo,
 | 
			
		||||
    })
 | 
			
		||||
        .then(( response ) =>
 | 
			
		||||
        {
 | 
			
		||||
 
 | 
			
		||||
@@ -67,6 +67,7 @@ import ArchievementCompleteRateComponent from "@/components/ArchievementComplete
 | 
			
		||||
import HonorListComponent from "@/components/HonorListComponent.vue";
 | 
			
		||||
import DishonorListComponent from "@/components/DishonorListComponent.vue";
 | 
			
		||||
import { logout } from "@/utils/account.js";
 | 
			
		||||
import { type TelSaler } from "@/types/cpicxim/TelSaler";
 | 
			
		||||
 | 
			
		||||
export default {
 | 
			
		||||
    name: "DesktopArchievement",
 | 
			
		||||
@@ -79,7 +80,7 @@ export default {
 | 
			
		||||
    setup()
 | 
			
		||||
    {
 | 
			
		||||
        const router = useRouter();
 | 
			
		||||
        const callerInfo = getCallerInfo();
 | 
			
		||||
        const callerInfo: TelSaler = getCallerInfo();
 | 
			
		||||
        const ui = reactive({
 | 
			
		||||
            chartData: [0,], // 业绩表
 | 
			
		||||
            totalArchievement: 0, // 总业绩
 | 
			
		||||
@@ -134,7 +135,7 @@ export default {
 | 
			
		||||
        };
 | 
			
		||||
 | 
			
		||||
        // 检查存储的登录信息,不存在则返回登录页面
 | 
			
		||||
        if ( callerInfo === "" )
 | 
			
		||||
        if ( callerInfo.telSalerCode === "" )
 | 
			
		||||
        {
 | 
			
		||||
            ElMessage({
 | 
			
		||||
                message: "登录信息失效,请重新登录!",
 | 
			
		||||
@@ -147,16 +148,18 @@ export default {
 | 
			
		||||
 | 
			
		||||
        onBeforeMount(() =>
 | 
			
		||||
        {
 | 
			
		||||
            debugger;
 | 
			
		||||
 | 
			
		||||
            const deparmentInfo:Department =
 | 
			
		||||
            {
 | 
			
		||||
                departmentCode: "QDI",
 | 
			
		||||
                departmentName: "续保业务部",
 | 
			
		||||
                departmentCode: callerInfo.departmentCode,
 | 
			
		||||
                departmentName: callerInfo.departmentName,
 | 
			
		||||
            };
 | 
			
		||||
 | 
			
		||||
            queryDepartmentArchievement( deparmentInfo, renderData );
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        return { ui, getTotalArchievement, renderData, logoutDesktopArchievement, };
 | 
			
		||||
        return { ui, callerInfo, getTotalArchievement, renderData, logoutDesktopArchievement, };
 | 
			
		||||
    },
 | 
			
		||||
};
 | 
			
		||||
</script>
 | 
			
		||||
 
 | 
			
		||||
@@ -71,6 +71,7 @@ import { saveStaffInfo, getUserType, saveUserType, getCallerInfo, saveCallerInfo
 | 
			
		||||
import { login, loginCaller, type LoginCallerInfo, type LoginCallerResult } from "@/utils/account";
 | 
			
		||||
import { ElMessage } from "element-plus";
 | 
			
		||||
import { StaffInfo } from "@/types/cpicxim/StaffInfo";
 | 
			
		||||
import { TelSaler } from "@/types/cpicxim/TelSaler";
 | 
			
		||||
 | 
			
		||||
export default {
 | 
			
		||||
    name: "LoginPage",
 | 
			
		||||
@@ -168,7 +169,6 @@ export default {
 | 
			
		||||
                    telsaler_code: ui.account,
 | 
			
		||||
                };
 | 
			
		||||
 | 
			
		||||
                // debugger;
 | 
			
		||||
                // 登录
 | 
			
		||||
                loginCaller( loginInfo )
 | 
			
		||||
                    // 调用接口成功
 | 
			
		||||
@@ -176,16 +176,27 @@ export default {
 | 
			
		||||
                    {
 | 
			
		||||
                        const data:LoginCallerResult = response.data ?? { success: false, };
 | 
			
		||||
 | 
			
		||||
                        debugger;
 | 
			
		||||
 | 
			
		||||
                        // 查看標志位
 | 
			
		||||
                        if ( data.success === true )
 | 
			
		||||
                        {
 | 
			
		||||
                            // 查询成功,显示一个提示,保存工号,并跳转路由
 | 
			
		||||
                            ElMessage({
 | 
			
		||||
                                message: `验证成功,登录用户 ${data.tele_saler_name}`,
 | 
			
		||||
                                message: `验证成功,登录用户 ${data.tel_saler_name}`,
 | 
			
		||||
                                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" );
 | 
			
		||||
                        }
 | 
			
		||||
@@ -226,10 +237,10 @@ export default {
 | 
			
		||||
                const callInfo = getCallerInfo();
 | 
			
		||||
 | 
			
		||||
                // 判断是否已经记录了坐席工号,有则提示已登录,然后跳转路由
 | 
			
		||||
                if ( callInfo !== "" )
 | 
			
		||||
                if ( callInfo.telSalerCode.length !== 0 )
 | 
			
		||||
                {
 | 
			
		||||
                    ElMessage({
 | 
			
		||||
                        message: `已登录账号:${callInfo}`,
 | 
			
		||||
                        message: `已登录账号:${callInfo.telSalerName}`,
 | 
			
		||||
                        type: "success",
 | 
			
		||||
                        center: true,
 | 
			
		||||
                    });
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user