yos_web/buildAnnexation/ZB/questJs/accountCenter.js

const { createApp, ref ,onMounted,createVNode, render,computed,watch,nextTick} = Vue

createApp({
  setup() {
    onMounted(()=>{
      getLoginAccountData()
      getAccountBalance()
      getSaleAndTarget()
      quickApp()
      getMessage()
      getAccountsReceivable()
      getWorkeBoard()
      getOrderMsg()
      pageData.value.viewportWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    })
    
    const pageData = ref({
      viewportWidth:0,
      accountBalance:{},
      saleAndTarget:{},
      datatype:{
        1:'订单',
        2:'出货',
        3:'开票',
        4:'回款',
      },
      tab1:'xs',
      tab2:'msg',
      apps:[],
      message:[],
      accountsReceivable:{},
      kbtype:'by',
      kbOptions:{
        by:'本月',
        bz:'本周',
        bn:'本年',
      },
      workeBoard:{}
    })
    watch(() => pageData.value.tab1,(to, from) => {
      nextTick(()=>{
        if (to == 'xs') {
          const circle = document.querySelector('#circle')
          circle.style.strokeDashoffset = `calc((440 - (440*(${pageData.value.saleAndTarget.wcamount}/100)))px)`
        }
        
      })
    })
    const getLoginAccountData = ()=>{
      pageData.value.name = JSON.parse(sessionStorage.getItem('loginInfo')).resultobject.account_list[0].name
      pageData.value.date = `今天是${new Date().getFullYear()}年${new Date().getMonth() + 1}月${new Date().getDate()}日,欢迎您的使用`
    }

    const getAccountBalance = async ()=>{
      const res = await instance.post('',{
        "id":20240111085504,
        "content": {
          hrid:JSON.parse(sessionStorage.getItem('loginInfo')).resultobject.account_list[0].hrid,
          pageNumber:1,
          pageSize:99
        }
      })
      pageData.value.accountBalance = {
        // tool.formatCurrency(pageData.accountBalance.expectedReward)
        hraccountname:res.data.data[0].hraccountname,
        balance:tool.formatCurrency(res.data.data[0].balance),
        expectedReward:tool.formatCurrency(res.data.data[0].expectedReward)
      }
    }
    const param = ref({
      id:20231009125304,
      content:{
        datatype:1,
        dateType:'本年',
        type:0,
        dataid:JSON.parse(sessionStorage.getItem('loginInfo')).resultobject.account_list[0].userid
      }
    })
    // 业绩与目标
    const getSaleAndTarget = async ()=>{
      const res = await instance.post('',param.value)
      pageData.value.saleAndTarget = {
        amount:tool.formatCurrency(res.data.data.amount / 10000),
        tbxsje:res.data.data.tbxsje,
        hbxsje:res.data.data.hbxsje,
        target_l:tool.formatCurrency(res.data.data.target_l / 10000),
        wcamount:(res.data.data.wcamount * 100).toFixed(2),
        unamount:tool.formatCurrency(res.data.data.unamount / 10000)
      }

      const circle = document.querySelector('#circle')
      circle.style['stroke-dashoffset'] = 440 - 440*(pageData.value.saleAndTarget.wcamount) / 100
    }
    // 应收账款

    const getAccountsReceivable = async ()=>{
      const res = await instance.post('',{
        id:20240320111604,
        content:{
          dataid:JSON.parse(sessionStorage.getItem('loginInfo')).resultobject.account_list[0].userid,
          type:0,
          point:'全部',
          querytype:0,
          pageSize:100,
          where:{}
        }
      })

      pageData.value.accountsReceivable = {
        sumallaoverduemount:tool.formatCurrency(res.data.data[0].sumallaoverduemount),
        sumonemonthamount:tool.formatCurrency(res.data.data[0].sumonemonthamount),
        sumthreemonthamount:tool.formatCurrency(res.data.data[0].sumthreemonthamount),
        upthreemonthamount:tool.formatCurrency(res.data.data[0].upthreemonthamount)
      }
    }
    // 作业看板

    const getWorkeBoard = async ()=>{
      const res = await instance.post('',{
        id:20230616131404,
        content:{
          dataType:1,
          dataid:'',
          type:''
        }
      })
      pageData.value.workeBoard = res.data.data
    }
    // 快捷应用
    const quickApp = async ()=>{
      const res = await instance.post('',{
        "classname":'sysmanage.develop.userauthforweb.userauth',
        "method":'query_userauth',
        "content": {
          'place':3
        }
      }) 
      // pageData.value.apps = res.data.data.flatMap(f => f.modules.flatMap(s => s.apps));
      pageData.value.apps = res.data.data.flatMap(f =>   
        f.modules.flatMap(s =>   
          s.apps.map(a => {  
            a.system = f.system; // 直接在映射过程中修改 a.system  
            return a; // 返回修改后的 a 对象  
          })  
        )  
      );
    }
    // 消息

    const getMessage = async ()=>{
      const res = await instance.post('',{
        "classname":'system.message.Message',
        "method":'queryMessage',
        "content": {
          "pageNumber":1,
          "pageSize":15,
          "nocache":true,
          "type":'应用'
        }
      }) 
      pageData.value.message = res.data.data;
    }

    // 单据动态
    const getOrderMsg = async ()=>{
      const res = await instance.post('',{
        id:20240920135203,
        "content": {
        }
      })
      pageData.value.orderMsg = res.data.data
    }
  

    const linkOfIframe = (app)=>{
      let lg = localStorage.getItem('lang')
      let token = sessionStorage.getItem('token')
      if (tool.isMobile()) {
        switch (app.name) {
          case 'myaccountclass':
            app.name = 'waccount'
            break;
          case 'smPersonalTarget':
            app.name = 'wtarget'
            break;
          case 'accountsReceivable':
            app.name = 'receivables'
            break;
          case 'dataanalysis':
            app.name = 'wdataanalysis'
            break;
          case 'ordersaler':
            app.name = 'worderform'
            break;
          default:
            break;
        }
        let appid = ''
        if (app.system == 'sale' || app.system == 'service') {
          appid = 'wxc1b6ae925ac1d06a'
        } else {
          appid = 'wx197f219a82a89d7b'
        }
        window.location.href = `weixin://dl/business/?appid=${appid}&path=pages/login/selectSite&query=${token}_${app.name}_${lg}&env_version=develop`
        // 正式版为"release"，体验版为"trial"，开发版为"develop"
      } else {
        window.open(`./iframe.html?path=${app.name}`, '_blank');
      }
    }
    const translate = (val)=>{
      return tool.translate(val)
    }
    return {
      pageData,
      param,
      getSaleAndTarget,
      linkOfIframe,
      translate
    }
  }
}).mount('#app')