{"version":3,"file":"index.a7dd49c4.js","sources":["../../src/assets/images/avatar_example@2x.png","../../src/assets/images/错误示范1@2x.png","../../src/assets/images/错误示范2@2x.png","../../src/assets/images/错误示范3@2x.png","../../src/views/mine/profile/headpic/index.vue"],"sourcesContent":["export default \"__VITE_ASSET__ee337d6e__\"","export default \"__VITE_ASSET__38c6c136__\"","export default \"__VITE_ASSET__b1e742a5__\"","export default \"__VITE_ASSET__8c2ba8f7__\"","<script setup lang='ts'>\nimport {\n  initLogin, Fusion, Storage, isH5,\n  checkBridge, runBridge, GTrack, I18N,\n  Env,\n} from 'core';\nimport qs from 'qs';\nimport { getPortraitStatus, getPortraitPermission, getCookie } from 'apis';\nimport { ref, onMounted } from 'vue';\nimport { useUserStore } from 'store';\nimport { useRoute, useRouter } from 'vue-router';\nimport ModalConfirm from 'components/ModalConfirm/index.vue';\n\nconst route = useRoute();\nconst router = useRouter();\nconst userStore = useUserStore();\nconst fleetHeader = ref();\nconst portraitPermission = ref();\nconst getFleetHeader = () => {\n  getPortraitStatus({ timestamp: new Date().getTime() }).then((res: any) => {\n    fleetHeader.value = res;\n    if (res?.status === 1) {\n      router.push({\n        path: '/mine/profile/resPage',\n        query: { ...Storage.getUrlLenCodeAllQuery() },\n      });\n    }\n  });\n  getPortraitPermission().then((response:any) => { // 判断是否为头像不通过\n    portraitPermission.value = response?.permission_type;\n  });\n};\n\nconst login = () => {\n  (window as any).login?.isLogin((res: any) => {\n    if (res?.login) {\n      window.location.href = Storage.setUrlLenCodeQuery({\n        ticket: res?.ticket,\n      });\n      getCookie().then((resInfo: any) => {\n        userStore.setUserinfo(resInfo);\n        GTrack.sw({\n          id: 'ibt_fleet_profile_sw',\n          params: {\n            ticket: Storage.getTicket(),\n            city_id: resInfo.reg_city.cityid,\n            uid: resInfo.uid,\n            app: 'h5',\n          },\n        });\n        getFleetHeader();\n      });\n    } else {\n      (window as any).login.login((loginRes: any) => {\n        // setTicket\n        window.location.href = Storage.setUrlLenCodeQuery({\n          ticket: loginRes?.ticket,\n        });\n        getCookie().then((resInfo: any) => {\n          userStore.setUserinfo(resInfo);\n          GTrack.sw({\n            id: 'ibt_fleet_profile_sw',\n            params: {\n              ticket: Storage.getTicket(),\n              city_id: resInfo.reg_city.cityid,\n              uid: resInfo.uid,\n              app: 'h5',\n            },\n          });\n          getFleetHeader();\n        });\n      });\n    }\n  });\n};\nconst permissionModal = ref();\nconst h5Camera = ref();\nconst h5Link = ref();\ninitLogin();\nonMounted(() => {\n  if (isH5) {\n    login();\n    if (!Storage.getQuery('noDeeplink')) {\n      h5Link.value.click();\n    }\n  } else {\n    GTrack.sw({\n      id: 'ibt_fleet_profile_sw',\n      params: {\n        ticket: Storage.getTicket(),\n      },\n    });\n    getFleetHeader();\n  }\n  if (Fusion?.setNavigationBarStyle) {\n    Fusion.setNavigationBarStyle({\n      hideNavBar: 1,\n    });\n  }\n});\n\nconst uploadPic = (params: any) => {\n  sessionStorage.setItem('headpic', qs.stringify(params));\n  router.push({\n    path: '/mine/profile/uploadImg',\n    query: { ...Storage.getUrlLenCodeAllQuery() },\n  });\n};\n\nconst h5ImgChange = (e: any) => {\n  const file = e?.target?.files?.[0];\n  const reader = new FileReader();\n  reader.readAsDataURL(file);\n  reader.onload = (event) => {\n    const params = {\n      __x_img: event?.target?.result,\n      ext: file.type,\n    };\n    uploadPic(params);\n  };\n};\n\nconst rejectPhotoPermission = () => { // 只有端内有这个场景\n  GTrack.ck({\n    id: 'ibt_fleet_profile_authorization_popup_ck',\n    params: {\n      ticket: Storage.getTicket(),\n      type: 0,\n    },\n  });\n};\n\nconst cb = (ret:any) => {\n  const curRet = `data:image/jpeg;base64,${ret.image}`;\n  if (curRet) {\n    const imgExt = curRet.split(';')[0].slice(curRet.split(';')[0].indexOf(':') + 1);\n    const params = {\n      __x_img: curRet,\n      ext: imgExt,\n    };\n    uploadPic(params);\n  }\n};\n\nconst takePhoto = () => {\n  GTrack.ck({\n    id: 'ibt_fleet_profile_authorization_popup_ck',\n    params: {\n      ticket: Storage.getTicket(),\n      type: 1,\n    },\n  });\n\n  if (checkBridge('chooseImage')) {\n    runBridge(\n      'chooseImage',\n      {\n        source: 2,\n        quailty: 40,\n        editable: true,\n        width: 710,\n        height: 710,\n        scene: /(Android)/i.test(navigator.userAgent) ? 2 : 3, // 2头像照, 1证件照, 3新加ios上传头像(流程和Android2一致)(新加)\n        is_show_camera_mask: true, // 使用蒙层\n        is_hide_camera_local_title: true, // 拍照上方文案使用配置\n        is_hidden_image_editor_local_title: true, // 裁剪上方文案使用配置\n      },\n      cb,\n    );\n  } else {\n    h5Camera.value.click();\n  }\n};\n\nconst allowPermission = () => {\n  takePhoto();\n};\nconst goBack = () => {\n  if (checkBridge('closePage')) {\n    runBridge('closePage', {\n      immediately: 0,\n    });\n  }\n};\n</script>\n<template>\n  <div\n    :class=\"$style.fleet_profile_headpic\"\n  >\n    <div\n      :class=\"$style.top_bar\"\n      @click=\"goBack\"\n    >\n      <img\n        v-if=\"!isH5\"\n        src=\"/src/assets/images/返回@2x.png\"\n      >\n      {{ route.meta.title }}\n    </div>\n    <div\n      v-if=\"fleetHeader?.failed_num === 4 && portraitPermission !== 0\"\n      :class=\"$style.top_tip\"\n    >\n      {{ I18N.translate('Fleet_check_GbcB_hlpe') }}\n    </div>\n    <div :class=\"$style.photo_box\">\n      <img\n        v-if=\"fleetHeader?.pic_url\"\n        :src=\"fleetHeader?.pic_url\"\n        alt=\"\"\n        :class=\"$style.photo\"\n      >\n      <img\n        v-else\n        src=\"/src/assets/images/avatar_example@2x.png\"\n        alt=\"\"\n        :class=\"$style.photo\"\n      >\n    </div>\n    <div :class=\"$style.photo_suggest\">\n      <div :class=\"$style.photo_suggest_title\">\n        {{ I18N.translate('Fleet_check_ejnS_VZqp') }}\n      </div>\n      <p :class=\"$style.photo_suggest_text\">\n        - {{ I18N.translate('Fleet_check_fHaJ_tEra') }}\n      </p>\n      <p :class=\"$style.photo_suggest_text\">\n        - {{ I18N.translate('Fleet_check_zWwS_DPsT') }}\n      </p>\n      <p :class=\"$style.photo_suggest_text\">\n        - {{ I18N.translate('Fleet_check_TNKJ_sfGt') }}\n      </p>\n      <p :class=\"$style.photo_suggest_text\">\n        - {{ I18N.translate('Fleet_check_CBpH_TcGJ') }}\n      </p>\n      <p :class=\"$style.photo_suggest_text\">\n        - {{ I18N.translate('Fleet_check_GKhX_RGRf') }}\n      </p>\n    </div>\n    <div :class=\"$style.example_box\">\n      <div :class=\"$style.example\">\n        <img\n          src=\"/src/assets/images/错误示范1@2x.png\"\n          :class=\"$style.example_pic\"\n        >\n        <p :class=\"$style.example_text\">\n          {{ I18N.translate('Fleet_check_LJzu_FVZT') }}\n        </p>\n      </div>\n      <div :class=\"$style.example\">\n        <img\n          src=\"/src/assets/images/错误示范2@2x.png\"\n          :class=\"$style.example_pic\"\n        >\n        <p :class=\"$style.example_text\">\n          {{ I18N.translate('Fleet_check_qxdW_jahK') }}\n        </p>\n      </div>\n      <div :class=\"$style.example\">\n        <img\n          src=\"/src/assets/images/错误示范3@2x.png\"\n          :class=\"$style.example_pic\"\n        >\n        <p :class=\"$style.example_text\">\n          {{ I18N.translate('Fleet_check_UBBv_ALyB') }}\n        </p>\n      </div>\n    </div>\n    <van-button\n      type=\"primary\"\n      class=\"large\"\n      @click=\"takePhoto\"\n    >\n      {{ I18N.translate('Fleet_check_kLTg_CIuk') }}\n    </van-button>\n    <input\n      v-if=\"isH5\"\n      ref=\"h5Camera\"\n      type=\"file\"\n      capture=\"user\"\n      accept=\"image/*\"\n      @change=\"h5ImgChange\"\n    >\n    <a\n      v-if=\"isH5\"\n      id=\"jump\"\n      ref=\"h5Link\"\n      :href=\"`fleet://com.app.fleet?url=${Env.FLEET_APP2_PAGE}#/headpic`\"\n    />\n    <ModalConfirm\n      ref=\"permissionModal\"\n      :confirm-text=\"I18N.translate('Fleet_check_wRSz_suag')\"\n      :cancel-text=\"I18N.translate('Fleet_check_Admw_cABo')\"\n      title-type=\"large\"\n      left-icon-name=\"icon_camera\"\n      :title=\"I18N.translate('Fleet_check_dPXn_jSAI')\"\n      :text=\"I18N.translate('Fleet_check_aUhi_hmNL','',{brand_name: Storage.getCountry() === 'BR' ? '99 Loc' : 'DiDi Fleet'})\"\n      @confirm=\"allowPermission\"\n      @close=\"rejectPhotoPermission\"\n    />\n  </div>\n</template>\n\n<style lang='less' module>\n\n.fleet_profile_headpic{\n  padding: 0 32px 28px;\n  .top_bar{\n    height: 105px;\n    display: flex;\n    align-items: center;\n    font-size: 36px;\n    color: #000000;\n    letter-spacing: 0;\n    font-weight: 700;\n    img{\n    width:32px;\n    height: 32px;\n    margin-right: 32px;\n    }\n  }\n  .top_tip{\n    background: rgba(248, 104, 104, 0.12);\n    border-radius: 20px;\n    width: 100%;\n    padding: 24px 32px;\n    font-size: 28px;\n    color: #303133;\n    letter-spacing: 0;\n    font-weight: 400;\n  }\n  .photo_box{\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    margin-top: 32px;\n    .photo{\n    width: 480px;\n    height: 480px;\n    border-radius: 0.5rem;\n  }\n  }\n  .photo_suggest{\n    margin: 44px 0 41px;\n    .photo_suggest_title{\n      font-size: 36px;\n      color: #333333;\n      letter-spacing: 0;\n      font-weight: 700;\n      margin-bottom: 18px;\n    }\n    .photo_suggest_text{\n      font-size: 28px;\n      color: #666666;\n      text-align: left;\n      line-height: 42px;\n      font-weight: 400;\n    }\n  }\n  .example_box{\n    padding: 0 18px;\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 99px;\n    .example{\n      width: 180px;\n      font-size: 24px;\n      color: #666666;\n      letter-spacing: 0;\n      text-align: center;\n      font-weight: 400;\n      line-height: 29px;\n      .example_pic{\n        width: 140px;\n        height: 140px;\n        margin-bottom: 13px;\n      }\n    }\n  }\n  input{\n    display: none;\n  }\n}\n</style>\n"],"names":["qs"],"mappings":"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"}