bxs-tools-ui 3.2.0 → 3.3.0

package/src/api/request.js

@@ -0,0 +1,211 @@
+import { Dialog } from 'vant'
+import { showLoading as showGlobalLoading, hideLoading as hideGlobalLoading } from '../js/loading.js'
+import { PLANBOOK_API_HOSTNAME } from '../js/variables.js'
+
+const options = {
+  baseURL: PLANBOOK_API_HOSTNAME,
+  withCredentials: true,
+  timeout: 10000,
+  headers: {
+    'X-Requested-With': 'XMLHttpRequest'
+  }
+}
+
+let loadingTimer = null
+const showRequestLoading = () => {
+  if (loadingTimer) {
+    clearTimeout(loadingTimer)
+  }
+  loadingTimer = setTimeout(() => {
+    showGlobalLoading()
+  }, 300)
+}
+const hideRequestLoading = () => {
+  if (loadingTimer) {
+    hideGlobalLoading()
+  }
+  if (loadingTimer) {
+    clearTimeout(loadingTimer)
+  }
+}
+
+const normalizeMethod = method => (method || 'get').toUpperCase()
+
+const serializeParams = params => {
+  if (!params) {
+    return ''
+  }
+  const queryParts = []
+
+  Object.keys(params).forEach(key => {
+    const value = params[key]
+
+    if (value === undefined || value === null) {
+      return
+    }
+
+    if (Array.isArray(value)) {
+      value.forEach(item => {
+        queryParts.push(`${encodeURIComponent(key)}=${encodeURIComponent(item)}`)
+      })
+      return
+    }
+
+    queryParts.push(`${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
+  })
+
+  return queryParts.join('&')
+}
+
+const isAbsoluteUrl = url => /^https?:\/\//.test(url)
+
+const buildUrl = (baseURL, url, params) => {
+  const queryString = serializeParams(params)
+  const requestUrl = isAbsoluteUrl(url) ? url : `${baseURL}${url}`
+
+  if (!queryString) {
+    return requestUrl
+  }
+
+  return `${requestUrl}${requestUrl.includes('?') ? '&' : '?'}${queryString}`
+}
+
+const isPlainObject = value => Object.prototype.toString.call(value) === '[object Object]'
+
+const buildBody = (data, headers) => {
+  if (data === undefined || data === null) {
+    return undefined
+  }
+
+  if (data instanceof FormData || data instanceof Blob || typeof data === 'string') {
+    return data
+  }
+
+  if (isPlainObject(data) || Array.isArray(data)) {
+    if (!headers['Content-Type']) {
+      headers['Content-Type'] = 'application/json'
+    }
+    return JSON.stringify(data)
+  }
+
+  return data
+}
+
+const parseResponse = async response => {
+  const contentType = response.headers.get('content-type') || ''
+
+  if (contentType.includes('application/json')) {
+    return response.json()
+  }
+
+  const text = await response.text()
+  if (!text) {
+    return {}
+  }
+
+  try {
+    return JSON.parse(text)
+  } catch (error) {
+    return { data: text }
+  }
+}
+
+const createTimeoutError = timeout => {
+  const error = new Error(`timeout of ${timeout}ms exceeded`)
+  error.name = 'TimeoutError'
+  return error
+}
+
+const request = async config => {
+  const {
+    url,
+    baseURL = options.baseURL,
+    method = 'get',
+    params,
+    data,
+    headers = {},
+    isIgnoreLoading,
+    timeout = options.timeout,
+    withCredentials = options.withCredentials,
+    returnFullResponse
+  } = config
+
+  if (!isIgnoreLoading) {
+    showRequestLoading()
+  }
+
+  const requestHeaders = {
+    ...options.headers,
+    ...headers
+  }
+  let timeoutId = null
+
+  try {
+    const fetchPromise = fetch(buildUrl(baseURL, url, params), {
+      method: normalizeMethod(method),
+      headers: requestHeaders,
+      body: normalizeMethod(method) === 'GET' ? undefined : buildBody(data, requestHeaders),
+      credentials: withCredentials ? 'include' : 'same-origin'
+    })
+
+    const response = await Promise.race([
+      fetchPromise,
+      new Promise((resolve, reject) => {
+        timeoutId = setTimeout(() => {
+          reject(createTimeoutError(timeout))
+        }, timeout)
+      })
+    ])
+
+    const res = await parseResponse(response)
+
+    if (!response.ok) {
+      const error = new Error(`Request failed with status code ${response.status}`)
+      error.response = {
+        status: response.status,
+        data: res
+      }
+      throw error
+    }
+
+    const { code } = res
+    if (['002012', '002013', '002015'].includes(code)) {
+      const messageMap = {
+        m002012: '当前账号因操作频繁被限制，请明天再试。感谢理解',
+        m002013: '您的操作频率较高，已达到今日生成上限。请稍后再试或明天继续使用，感谢您的理解！',
+        m002015: '您今天做了太多计划书了，休息一下，明天再来吧'
+      }
+      const message = messageMap[`m${code}`]
+      if (message) {
+        Dialog.alert({
+          message,
+          confirmButtonText: '知道了',
+          confirmButtonColor: '#0A64FE'
+        })
+      }
+      return Promise.reject({ code, message })
+    }
+    if (code === 401 || res.status === 401) {
+      gotoLogin()
+      return Promise.reject('status: 401')
+    }
+    // 兼容老接口，-1表示未登录
+    if (res.success && res.data === -1) {
+      gotoLogin()
+      return Promise.reject('login: -1')
+    }
+    return returnFullResponse ? res : res.data
+  } catch (error) {
+    if (error.response && error.response.status == 401) {
+      gotoLogin()
+    }
+    return Promise.reject(error)
+  } finally {
+    if (timeoutId) {
+      clearTimeout(timeoutId)
+    }
+    hideRequestLoading()
+  }
+}
+
+export default request

package/src/api/trade.js

@@ -0,0 +1,56 @@
+import request from './request'
+import { INSURANCE2A_API_HOSTNAME } from '../js/variables.js'
+
+/**
+ * C 端地区码（POST `…/api/product/data/getAreaCode`）
+ * @param {object} data 如 `{ pageType, productId }`
+ * @param {string} [userUuid] 有则拼到 query（与原先 `getApiUrl(getAreaCodeApi)` 行为一致）
+ */
+export function getAddress(data, userUuid) {
+  let url = `${INSURANCE2A_API_HOSTNAME}/api/product/data/getAreaCode`
+  if (userUuid && url.indexOf('userUuid') === -1) {
+    if (url.indexOf('?') === -1) {
+      url += `?userUuid=${encodeURIComponent(userUuid)}`
+    } else {
+      url += `&userUuid=${encodeURIComponent(userUuid)}`
+    }
+  }
+  return request({
+    url,
+    method: 'post',
+    data,
+    headers: {
+      Accept: 'application/json, text/plain, */*',
+      'Content-Type': 'application/json'
+    },
+    isIgnoreLoading: false,
+    returnFullResponse: true
+  })
+}
+
+/**
+ * 险种保费试算 `/api/product/data/calculate`
+ */
+export function postProductDataCalculate(urlParams, postParams) {
+  let path = '/api/product/data/calculate'
+  if (urlParams && urlParams.uuid) {
+    path += `?userUuid=${encodeURIComponent(urlParams.uuid)}`
+  } else if (urlParams && urlParams.openId) {
+    path += `?userUuid=${encodeURIComponent(urlParams.openId)}`
+  }
+  if (urlParams && urlParams.appid) {
+    path += path.includes('?') ? `&appId=${encodeURIComponent(urlParams.appid)}` : `?appId=${encodeURIComponent(urlParams.appid)}`
+  }
+  return request({
+    baseURL: INSURANCE2A_API_HOSTNAME,
+    url: path,
+    method: 'post',
+    data: postParams,
+    headers: {
+      Accept: 'application/json, text/plain, */*',
+      'Content-Type': 'application/json'
+    },
+    isIgnoreLoading: false,
+    returnFullResponse: true
+  })
+}

package/src/api/user.js

@@ -0,0 +1,18 @@
+import request from './request'
+
+export function getCommonCurrentUser(params) {
+  return request({
+    url: '/planBook/common/currentUser',
+    method: 'get',
+    params,
+    isIgnoreLoading: false
+  })
+}
+
+export function getCommonNewCard(params) {
+  return request({
+    url: '/planBook/common/newCard',
+    method: 'get',
+    params
+  })
+}

package/src/components/common/common-age-birthday.less

@@ -0,0 +1,66 @@
+.bxt_common_form_age_birthday {
+  position: relative;
+
+  & .van-field__control {
+    padding-right: 28px;
+    line-height: 27px;
+  }
+
+  & .bxt_birthday_wrapper {
+    position: absolute;
+    right: 16px;
+    top: 10px;
+    width: 148px;
+    padding: 6px 16px;
+    font-size: 13px;
+    line-height: 13px;
+    border: 1px solid var(--bxt-line-split);
+    border-radius: 30px;
+    z-index: 1;
+    box-sizing: content-box;
+
+    & .bxt_birthday.empty {
+      color: var(--bxt-text-primary);
+
+      & em {
+        font-style: normal;
+        vertical-align: middle;
+      }
+
+      & em.small {
+        font-style: normal;
+        color: var(--bxt-text-patch);
+        font-size: 12px;
+        transform: scale((10/12));
+        transform-origin: left center;
+      }
+    }
+
+    & .bxt_age {
+      position: absolute;
+      top: 0;
+      right: 0;
+      display: inline-block;
+      height: 100%;
+      width: 88px;
+    }
+  }
+
+  & .bxt_birthday_wrapper::after {
+    position: absolute;
+    top: 20%;
+    left: 7em;
+    width: 1px;
+    height: 60%;
+    content: '';
+    border-right: 1px solid var(--bxt-line-split);
+  }
+}
+
+.bxt_common_form_age_birthday.disabled {
+  & .bxt_birthday_wrapper {
+    & .birthday {
+      color: #c8c9cc;
+    }
+  }
+}

package/src/components/common/common-age-birthday.vue

@@ -40,10 +40,11 @@
 </template>
 
 <script>
-import { Toast } from 'vant';
-import { parseTime } from '@src/js/utils.js';
-import { getAgeFromBirth } from 'packages/bxs-utils/planbook/common';
-import CommonSelect from './common-select.vue';
+import { Toast } from 'vant'
+import { parseTime } from '../../js/utils.js'
+import { getAgeFromBirth } from 'packages/bxs-utils/planbook/common'
+import CommonSelect from './common-select.vue'
+import './common-age-birthday.less'
 
 export default {
   components: {
@@ -76,130 +77,61 @@ export default {
         minDate: new Date(),
         maxDate: new Date()
       }
-    };
+    }
   },
   computed: {
     valueProp: {
       get() {
-        return this.value;
+        return this.value
       },
       set(v) {
-        this.$emit('input', v);
+        this.$emit('input', v)
       }
     },
     convertOptions() {
       return (this.options || []).map(o => ({
         value: [o.value, o.val].find(v => v !== undefined),
         name: o.name || o.desc
-      }));
+      }))
     }
   },
   methods: {
     openAgePicker() {
-      this.$refs.CommonSelect.openPicker();
+      this.$refs.CommonSelect.openPicker()
     },
     openDatePicker() {
-      const { $attrs, value, convertOptions, birthday } = this;
+      const { $attrs, value, convertOptions, birthday } = this
       if ($attrs.disabled) {
         if ($attrs.disabledMessage) {
-          Toast($attrs.disabledMessage);
+          Toast($attrs.disabledMessage)
         }
-        return;
+        return
       }
-      const now = new Date();
-      const [year, month, date] = [now.getFullYear(), now.getMonth(), now.getDate()];
-      const firstOption = convertOptions[0];
-      const lastOption = convertOptions[convertOptions.length - 1];
+      const now = new Date()
+      const [year, month, date] = [now.getFullYear(), now.getMonth(), now.getDate()]
+      const firstOption = convertOptions[0]
+      const lastOption = convertOptions[convertOptions.length - 1]
       this.datetimePickerConfig = {
         visible: true,
         value: birthday ? new Date(birthday) : new Date(year - Number(value), month, date),
         minDate: new Date(year - lastOption.value - 1, month, date),
         maxDate: new Date(year - firstOption.value, month, date)
-      };
+      }
     },
     onDatetimePickerConfirm(date) {
-      const birthday = parseTime(date, '{y}/{m}/{d}');
-      this.$emit('input', getAgeFromBirth(birthday));
-      this.$emit('change', getAgeFromBirth(birthday));
-      this.$emit('changeBirthday', birthday);
-      this.onDatetimePickerCancel();
+      const birthday = parseTime(date, '{y}/{m}/{d}')
+      this.$emit('input', getAgeFromBirth(birthday))
+      this.$emit('change', getAgeFromBirth(birthday))
+      this.$emit('changeBirthday', birthday)
+      this.onDatetimePickerCancel()
     },
     onDatetimePickerCancel() {
-      this.datetimePickerConfig.visible = false;
+      this.datetimePickerConfig.visible = false
     },
     onChangeAge(age) {
-      this.$emit('input', age);
-      this.$emit('changeBirthday', null);
-    }
-  }
-};
-</script>
-
-<style lang="css">
-@import 'color.css';
-
-.bxt_common_form_age_birthday {
-  position: relative;
-
-  & .van-field__control {
-    padding-right: 28px;
-    line-height: 27px;
-  }
-
-  & .bxt_birthday_wrapper {
-    position: absolute;
-    right: 16px;
-    top: 10px;
-    width: 148px;
-    padding: 6px 16px;
-    font-size: 13px;
-    line-height: 13px;
-    border: 1px solid var(--color-line-split);
-    border-radius: 30px;
-    z-index: 1;
-    box-sizing: content-box;
-
-    & .bxt_birthday.empty {
-      color: var(--color-text-primary);
-
-      & em {
-        vertical-align: middle;
-      }
-
-      & em.small {
-        color: var(--color-text-patch);
-        font-size: 12px;
-        transform: scale(10/12);
-        transform-origin: left center;
-      }
-    }
-
-    & .bxt_age {
-      position: absolute;
-      top: 0;
-      right: 0;
-      display: inline-block;
-      height: 100%;
-      width: 88px;
-    }
-  }
-
-  & .bxt_birthday_wrapper::after {
-    position: absolute;
-    top: 20%;
-    left: 7em;
-    width: 1px;
-    height: 60%;
-    content: '';
-    border-right: 1px solid var(--color-line-split);
-  }
-}
-
-.bxt_common_form_age_birthday.disabled {
-  & .bxt_birthday_wrapper {
-    & .birthday {
-      color: #c8c9cc;
+      this.$emit('input', age)
+      this.$emit('changeBirthday', null)
     }
   }
 }
-</style>
+</script>

package/src/components/common/common-popup.less

@@ -0,0 +1,81 @@
+@import (reference) 'variables.less';
+
+.bxt_common_popup {
+  display: flex;
+  flex-direction: column;
+
+  & .van-popup__close-icon {
+    position: absolute;
+    font-size: 22px;
+  }
+
+  & .bxt_common_popup_title {
+    padding: 11px 16px;
+    font-size: 16px;
+    color: var(--bxt-text-primary);
+    line-height: 24px;
+    font-weight: bold;
+    font-weight: 500;
+    text-align: center;
+
+    & > span {
+      .bxt-nowrap();
+
+      width: 100%;
+      padding: 0 2em;
+      white-space: nowrap;
+      box-sizing: border-box;
+      vertical-align: middle;
+    }
+  }
+
+  & .bxt_common_popup_main {
+    position: relative;
+    flex: 1;
+    overflow: auto;
+    min-height: 0;
+    background: var(--bxt-bg-primary);
+  }
+
+  & .bxt_common_popup_footer {
+    .bxt-safe-area-inset-bottom();
+
+    font-size: 14px;
+    line-height: 1.2;
+    text-align: center;
+    border-top: 1px solid var(--bxt-line-split);
+    background: var(--bxt-bg-minor);
+
+    & .bxt_common_popup_footer_wrapper {
+      display: flex;
+      padding: 7px 15px;
+
+      & > span {
+        flex: 1;
+        display: inline;
+        line-height: 100%;
+        padding: 10px 16px;
+        color: var(--bxt-text-primary);
+        background: white;
+        border: 1px solid var(--bxt-text-assist);
+        border-radius: 6px;
+      }
+
+      & > span:not(:last-child) {
+        margin-right: 9px;
+      }
+
+      & > span.primary {
+        color: white;
+        background: var(--bxt-primary);
+        border-color: var(--bxt-primary);
+      }
+
+      & > span.disabled {
+        color: white;
+        background: var(--bxt-text-patch);
+        border-color: var(--bxt-text-patch);
+      }
+    }
+  }
+}