yos_web/buildAnnexation/ZB/questJs/ServiceOfficialApplyList.js

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

createApp({
  setup() {
    watch(() => tool.loading,(to, from) => {
    })
    onMounted(()=>{
      setTimeout(() => {
        isLogin()
        
        if (tool.getQueryParam('id')) {
          detailDataQuery()
        } else {
          listDataQuery()
        }
        
      }, 1000);
    })

    // 判断是否登陆,根据登陆角色类型跳转不同页面
    const isLogin = ()=>{
      if (!sessionStorage.getItem('loginInfo')){
        $('#myModal').modal('show')
        tool.callBack = ()=>{
          location.reload()
        }
      } else {
        $('#myModal').modal('hide')
      }
    }
    const data = ref([])
    const total = ref(0)
    const param = ref({
      "id": "20230206091703",
      "content": {
        "siteid":"hy",
        "pageSize":100,
        "where":{
            "condition":"",
            "status":"",
            "begindate":"",
            "enddate":"",
            "phonenumber":'',
        }
      }
    })
    const listDataQuery = async ()=>{
      // param.value.content.where.phonenumber = JSON.parse(sessionStorage.getItem('loginInfo')).customerphone
      const res = await instance.post('',param.value)
      data.value = res.data.data
      total.value = res.data.total
    }

    // 服务申请单详情
    const detailData = ref({})
    const detailDataQuery = async ()=>{
      if (!tool.getQueryParam('id'))
        return false;
      const res = await instance.post('',{
        "id": "20230206091603",
        "content": {
            "siteid":"HY",
            "sa_serviceorderid":tool.getQueryParam('id')
         }
      })
      detailData.value = res.data.data
      serviceOrderDataQuery()
    }

    // 服务申请单关联工单详情
    const serviceOrderData = ref({})
    const serviceOrderDataQuery = async ()=>{
      if (!tool.getQueryParam('id'))
        return false
      const res = await instance.post('',{
        "id": "20230207154203",
        "content": {
            "siteid":"HY",
            "sa_serviceorderid":tool.getQueryParam('id')
         }
      })
      console.log(res.data.data[0])
      serviceOrderData.value = res.data.data[0]
      serviceOrderItemDataQuery(res.data.data[0].sa_workorderid)
    }

    // 服务申请单关联工单服务商品
    const serviceOrderItemData = ref({})
    const serviceOrderItemDataQuery = async (sa_workorderid)=>{
      if (!sa_workorderid)
        return false
      const res = await instance.post('',{
        "id": "20230208140103",
        "content": {
            "siteid":"HY",
            "sa_workorderid": sa_workorderid //sa_workorderid
         }
      })
      serviceOrderItemData.value = res.data.data
    }

    return {
      isLogin,
      data,
      total,
      param,
      listDataQuery,
      detailData,
      serviceOrderData,
      serviceOrderItemData
    }
  }
}).mount('#app')