overseas 2.0.7

package/packages/theme-style/src/switch-student.scss

@@ -0,0 +1,176 @@
+.icon-close-new-e658{
+  font-size: 32px;
+}
+.icon-left{
+  font-size: 32px;
+}
+.popup-body-wrapper {
+  height: 100%;
+
+  .coupon-tip-container {
+    // width: 343px;
+    // height: 44px;
+    // background: #fff;
+    // border-radius: 36px;
+    // border: 1px solid red;
+
+    .coupon-tip {
+      margin-bottom: 10px;
+      padding: 8px 20px;
+      width: 100%;
+      font-size: 12px;
+      line-height: 14px;
+      color: #ffaa0a;
+      height: 44px;
+      background: #fff;
+      border-radius: 36px;
+      display: flex;
+      align-items: center;
+
+      i,
+      span {
+        display: inline-block;
+        vertical-align: middle;
+      }
+
+      .icon-alert {
+        font-size: 18px;
+      }
+
+      span {
+        margin-left: 10px;
+        width: 272px;
+        word-break: keep-all;
+      }
+    }
+  }
+
+  .stu-switch-btn {
+    margin-top: 74px;
+  }
+
+  .empty-box {
+    width: 100%;
+    height: 54px;
+  }
+
+  .guide-to-add-student,
+  .students-list-title {
+    font-size: 14px;
+    line-height: 16px;
+    color: #a2aab8;
+    margin: 0 4px;
+  }
+
+  .guide-to-add-student {
+    margin: 10px 4px 0;
+
+    .btn-add-student {
+      color: #ffaa0a;
+      text-decoration: underline;
+      cursor: pointer;
+    }
+  }
+}
+
+.stu-switch-popup-txt {
+  margin: 10px 0;
+  width: 100%;
+  display: inline-block;
+  border-radius: 10px;
+  font-size: 16px;
+  line-height: 22px;
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  pre {
+    font-size: 16px;
+    line-height: 19px;
+  }
+}
+// 学生列表
+
+.students-list-wrapper {
+  border-radius: 10px;
+  overflow: hidden;
+
+  .students-list{
+    background: #fff;
+  }
+}
+
+.student-card-wrapper {
+  width: 100%;
+  height: 82px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-bottom-color: #f4f6fa;
+  border-bottom-style: solid;
+
+  .student-card-container {
+    width: 100%;
+  }
+
+  .card-main-container {
+    display: flex;
+    margin-left: 14px;
+
+    .stu-avatar-container {
+      margin-right: 10px;
+      width: 54px;
+      height: 54px;
+      border: 2px solid #f4f6fa;
+      border-radius: 50%;
+
+      img {
+        width: 54px;
+        height: 54px;
+        border-radius: 50%;
+      }
+    }
+
+    .stu-info-container {
+      .stu-name {
+        margin: 8px 0 3px;
+        font-size: 16px;
+        line-height: 19px;
+      }
+
+      .stu-no {
+        height: 16px;
+        font-size: 14px;
+        line-height: 16px;
+        color: #a2aab8;
+      }
+    }
+  }
+
+  .btn-select-student {
+    width: 22px;
+    height: 22px;
+    margin-right: 16px;
+    // background: url('~package/business/switch-student/src/images/student_Unselected.png') center no-repeat;
+    // background-size: 100%;
+
+    .icon-selected {
+      font-size: 22px;
+      color: #ffaa0a;
+    }
+
+    .icon-unselect {
+      font-size: 22px;
+      color: #ffecca;
+    }
+  }
+
+  // .active {
+  //   background: url('images/student_selected.png') center no-repeat;
+  //   background-size: 100%;
+  // }
+}

package/packages/theme-style/src/tips-popup.scss

@@ -0,0 +1,60 @@
+.tips-popup-wrapper {
+  min-width: 80vw;
+
+
+  .tips-popup-container {
+    margin: 0 16px;
+    border-radius: 16px 16px 0 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background: #fff;
+
+    .title {
+      margin-top: 34px;
+      font-size: 18px;
+      color: #172b4d;
+      line-height: 21px;
+      text-align: center;
+    }
+
+    .message {
+      font-size: 14px;
+      color: #a2aab8;
+      line-height: 16px;
+      margin: 22px 16px 24px;
+      text-align: center;
+    }
+  }
+
+  .btn-wrapper {
+    margin: 0 16px;
+    border-radius: 0 0 16px 16px;
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    background: #fff;
+
+    .btn {
+      margin-bottom: 16px;
+    }
+  }
+
+  .btn-wrapper-2 {
+    margin: 0 16px;
+    border-radius: 0 0 16px 16px;
+    display: flex;
+    justify-content: space-around;
+    align-items: flex-start;
+    background: #fff;
+
+    .btn-left {
+      background: #fff3dc;
+      color: #ffaa0a;
+    }
+
+    .btn {
+      margin-bottom: 16px;
+    }
+  }
+}

package/packages/theme-style/src/user-login.scss

@@ -0,0 +1,93 @@
+.login-box {
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, .5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .sub-box {
+    width: 90%;
+    height: 65%;
+    position: relative;
+    padding-top: 70px;
+    background: #fff;
+    border-radius: 10px;
+  }
+}
+.fade-enter-active, .fade-leave-active {
+  transition: opacity .5s;
+}
+.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
+  opacity: 0;
+}
+.insertput{
+  text-align: center;
+  position: relative;
+  input {
+    background-color: #f4f6fa;
+    border: 0;
+    width: 90%;
+    outline: none;
+    height: 60px;
+    border-radius: 50px;
+    margin-top: 15px;
+    font-size: 18px;
+    padding-left: 20px;
+  }
+  &.code {
+    span {
+      position: absolute;
+      right: 35px;
+      color: #ff850a;
+      top: 50%;
+    }
+  }
+}
+.logo {
+  img {
+    width: 80px;
+    height: 80px;
+  }
+  text-align: center;
+  position: absolute;
+  top: -40px;
+  left: 50%;
+  transform: translateX(-50%);
+
+}
+.centent {
+  font-size: 14px;
+  font-weight: 500;
+  color: #A2AAB8;
+  line-height: 16px;
+  padding: 20px;
+}
+
+.footer {
+  line-height: 48px;
+  position: absolute;
+  width: 80%;
+  bottom: 15px;
+  left: 50%;
+  transform: translateX(-50%);
+  text-align: center;
+  margin: 0 auto;
+  p {
+    float: left;
+  }
+  .cancel {
+    width: 30%;
+    height: 48px;
+    background: #FFF3DC;
+    border-radius: 24px;
+    color: #FFAA0A;
+    margin-right: 10px;
+  }
+  .sign-in {
+    width: 65%;
+    height: 48px;
+    background: linear-gradient(45deg, #FFD518 0%, #FFAA0A 100%);
+    border-radius: 24px;
+    color: #fff;
+  }
+}

package/src/index.js

@@ -0,0 +1,74 @@
+import TsButton from "../packages/base/button";
+import TsImage from "../packages/base/image";
+import TsDialog from "../packages/base/dialog";
+import TsIcon from "../packages/base/icon";
+import TsPopup from "../packages/base/popup";
+import TsBottomPopup from "../packages/base/bottom-popup";
+import TsBasicImage from "../packages/business/basic-image";
+import TsPageRender from "../packages/business/page-render";
+import TsBottomFixedButton from "../packages/business/bottom-fixed-button";
+import TsGradePanel from "../packages/business/grade-panel";
+import TsTipsPopup from "../packages/business/tips-popup";
+import TsSwitchStudent from "../packages/business/switch-student";
+import TsStudentInfo from "../packages/business/student-info";
+import TsUserLogin from "../packages/business/user-login";
+import TsClassChoose from "../packages/business/class-choose";
+import TsMaterialPanel from "../packages/business/material-panel";
+// import TsCourseCard from '../packages/business/course-card';
+import TsSelectorPanel from '../packages/business/selector-panel';
+import TsNotifiedPanel from "../packages/business/notified-panel";
+import TsRegistrationPanel from "../packages/business/registration-panel";
+const components = {
+  TsButton,
+  TsImage,
+  TsDialog,
+  TsIcon,
+  TsPopup,
+  TsBasicImage,
+  TsPageRender,
+  TsBottomFixedButton,
+  TsGradePanel,
+  TsTipsPopup,
+  TsBottomPopup,
+  TsSwitchStudent,
+  TsStudentInfo,
+  TsUserLogin,
+  TsClassChoose,
+  TsMaterialPanel,
+  TsSelectorPanel,
+  TsNotifiedPanel,
+  TsRegistrationPanel
+};
+
+const install = (Vue) => {
+  Object.values(components).forEach((component) => {
+    Vue.component(component.name, component);
+  });
+};
+
+if (typeof window !== "undefined" && window.Vue) {
+  install(window.Vue);
+}
+
+export default {
+  install,
+  TsButton,
+  TsImage,
+  TsDialog,
+  TsIcon,
+  TsPopup,
+  TsBasicImage,
+  TsPageRender,
+  TsBottomFixedButton,
+  TsGradePanel,
+  TsTipsPopup,
+  TsBottomPopup,
+  TsSwitchStudent,
+  TsStudentInfo,
+  TsUserLogin,
+  TsClassChoose,
+  TsMaterialPanel,
+  TsSelectorPanel,
+  TsNotifiedPanel,
+  TsRegistrationPanel
+};

package/src/network/api.js

@@ -0,0 +1,53 @@
+/**
+ * @description api配置和全局拦截
+ * @author bobo <guanbobo@100tal.com>
+ * @date 2021-11-06
+ */
+import axios from 'axios';
+// import qs from 'qs';
+// import { removeCookies } from '@thinkacademy/overseas-ui/src/utils/utils';
+
+// import oneApi from "./apiUrl";
+
+export const config = {
+  timeout: 10000,
+  // baseURL: 'oneApi.netBaseUrl', process.env.NODE_ENV === development
+  withCredentials: true, // 请求是否携带cookie等凭证
+  paramsSerializer() {
+    // return qs.stringify(params, { arrayFormat: 'brackets' }); // `paramsSerializer` 是一个负责 `params` 序列化的函数
+  },
+  headers: {
+    'Content-Type': 'application/json',
+    "Authorization": 'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJ1aWQiOjc1OTY1MjUsImNsaWVudFR5cGUiOiJUT1VDSF9XRUJTSVRFIiwiaXNzIjoiVUNFTlRFUiIsImlhdCI6MTYzNjM2MDUwMSwianRpIjoiZmI2NjZmNDcifQ.S2EeKiNWQdvHqhpwwv6bdAwh-floB7jUCQeTr6Q1L-VvaqqK_k6viKDQ8QiSURogjwnlI8YFPMFs3Tg15xV9-0GASQkHLVIQQaEJLXJ1afnr50IST4Edmw-B_m0X_ZrXdt1ymUT-vhnmUAIdTrVrPHFrI7hF65uKs8Gp8IxRQc0'
+  },
+};
+
+export function useInterceptors(netApi) {
+  netApi.interceptors.request.use((request) => request);
+  netApi.interceptors.response.use(
+    (response) => {
+      // 业务返回数据
+      const resData = response.data || {};
+      if (resData.code === 9 || response.status === 403) {
+        // 删除token
+        // if (!process.server) removeCookies('_official_token');
+      }
+      return response;
+    },
+    (error) => Promise.reject(error),
+  );
+}
+
+/**
+ * 生成netApi对象
+ * @param  configuration api配置
+ * @param globalInterceptors 全局拦截器
+ * @return {AxiosInstance}
+ */
+function generateNet(configuration, globalInterceptors) {
+  const netApi = axios.create(config);
+  globalInterceptors(netApi);
+  return netApi;
+}
+
+export const net = generateNet(config, useInterceptors);

package/src/network/apiUrl.js

@@ -0,0 +1,65 @@
+
+/**
+ * API接口地址配置
+ */
+const onePrefix = '/one-api';
+
+/**
+ * 统一对接server端接口
+ * 基础数据: /basic
+ * 认证中心(用户中心): /ucenter
+ * 班课中心: /course
+ * 售卖系统: /shop
+ * 教师中心: /teacher
+ * 特定聚合接口: /aggregate
+ * 配置数据  /config
+ * 调转中心 /changeCenter
+ */
+export const oneApi = {
+
+  // 配置数据
+  // ----------------
+  // 基础配置数据接口7
+  requeryBasicData: `${onePrefix}/config/init`,
+
+  // 基础数据
+  // ----------------
+  // 年级查询(全量数据)
+  queryGradesAll: `${onePrefix}/basic/client/grade/query`,
+  // 年级查询(仅展示数据)
+  queryGrades: `${onePrefix}/basic/client/grade/queryWithoutHide`,
+
+  // 用户中心
+  // ----------------
+  // 登录验证码发送
+  sendLoginMobileCode: `${onePrefix}/ucenter/common/verification/send`,
+  // 快捷登录
+  commonLogin: `${onePrefix}/ucenter/app/account/quick_login`,
+  // 获取用户基础信息
+  queryUserBasicInfo: `${onePrefix}/ucenter/basic_info/user/get`,
+
+  // 售卖子系统
+  // ----------------
+  // 选课面板接口
+  coursePanel: `${onePrefix}/shop/goods/api/coursePanel`,
+
+  // 营销系统
+  // ----------------
+  // 老用户
+  getInviteOldInfo: `${onePrefix}/activity/api/invite/oldInfo`,
+  // 校验老生资格
+  checkOld: `${onePrefix}/activity/api/invite/checkOld`,
+  // 获取邀请信息
+  shareInfo: `${onePrefix}/activity/api/invite/shareInfo/v2`,
+  // 老邀新-新用户页面
+  getInviteNewInfo: `${onePrefix}/activity/api/invite/newInfo`,
+  // 老邀新-新人领券
+  getNewerCoupons: `${onePrefix}/activity/api/invite/coupons`,
+
+  // 数据上报
+  dataUpload: `${onePrefix}/data/upload`,
+
+  // 自定义H5页面相关接口
+  getPageScheme: `${onePrefix}/shop/goods/api/project`,
+
+}

package/src/utils/dom.js

@@ -0,0 +1,54 @@
+/* istanbul ignore next */
+export function hasClass(el, cls) {
+  if (!el || !cls) return false;
+  if (cls.indexOf(' ') !== -1) throw new Error('className should not contain space.');
+  if (el.classList) {
+    return el.classList.contains(cls);
+  }
+  return (` ${el.className} `).indexOf(` ${cls} `) > -1;
+}
+
+/* istanbul ignore next */
+export function addClass(el, cls) {
+  if (!el) return;
+  let curClass = el.className;
+  const classes = (cls || '').split(' ');
+
+  for (let i = 0, j = classes.length; i < j; i += 1) {
+    const clsName = classes[i];
+    // eslint-disable-next-line no-continue
+    if (!clsName) continue;
+
+    if (el.classList) {
+      el.classList.add(clsName);
+    } else if (!hasClass(el, clsName)) {
+      curClass += ` ${clsName}`;
+    }
+  }
+  if (!el.classList) {
+    el.setAttribute('class', curClass);
+  }
+}
+
+/* istanbul ignore next */
+export function removeClass(el, cls) {
+  if (!el || !cls) return;
+  const classes = cls.split(' ');
+  let curClass = ` ${el.className} `;
+
+  for (let i = 0, j = classes.length; i < j; i += 1) {
+    const clsName = classes[i];
+    // eslint-disable-next-line no-continue
+    if (!clsName) continue;
+
+    if (el.classList) {
+      el.classList.remove(clsName);
+    } else if (hasClass(el, clsName)) {
+      curClass = curClass.replace(` ${clsName} `, ' ');
+    }
+  }
+  if (!el.classList) {
+    // eslint-disable-next-line no-undef
+    el.setAttribute('class', trim(curClass));
+  }
+}

package/src/utils/filters.js

@@ -0,0 +1,82 @@
+// const moment = require('moment-timezone');
+// /**
+//  * 格式化日期
+//  * @param {日期} dateStr
+//  * @param {日期时间格式化字符串} formatStr
+//  */
+// const resourceDateFormate = (timeStamp, zone, formatStr = '') => {
+//   let result = '';
+//   if (typeof timeStamp === 'number') {
+//     result = moment(timeStamp).tz(zone).format(formatStr);
+//   } else {
+//     result = moment(timeStamp).format(formatStr);
+//   }
+
+//   return result;
+// }
+
+/**
+ * 货币价格转换
+ * @param {price} price
+ * @param {minorUnit} minorUnit
+ * @param {是否保留两位小数} isKeepTwoDecimal
+ */
+
+const priceUnitConvert = (price, minorUnit, isKeepTwoDecimal = '0') => {
+  const newprice = Number(price);
+  let result = newprice / minorUnit;
+  if (Number(isKeepTwoDecimal) === 1) {
+    const resultStr = result.toString();
+    const resultDecimal = resultStr.split('.');
+    if (resultDecimal.length < 2) {
+      // 整数
+      result += '.00';
+    } else if (resultDecimal.length === 2 && resultDecimal[1].length === 1) {
+      // 一位小数
+      result += '0';
+    }
+  }
+  return result;
+}
+
+// /**
+//  * 手机号脱敏
+//  * @param {phone} phone
+//  */
+// const encryptPhone = (phone) => {
+//   if (!phone || phone === '') {
+//     return ''
+//   }
+//   if (phone.includes('*')) return phone;
+//   // 手机号长度
+//   const phoneLen = phone.length;
+
+//   // 加密长度
+//   const encryptLen = Math.floor(phoneLen / 2);
+
+//   const startIndex = Math.floor((phoneLen - encryptLen) / 2);
+//   const endIndex = startIndex + encryptLen;
+
+//   const startStr = phone.substring(0, startIndex);
+//   const endStr = phone.substring(endIndex, phoneLen);
+
+//   const encryptStr = phone.substring(startIndex, endIndex).replace(/\d|\D/g, '*');
+
+//   return startStr + encryptStr + endStr;
+// }
+
+// /**
+//  * 格式化学员卡编号
+//  * @param {学员卡编号}} val
+//  */
+// const formatCardNo = (val) => {
+//   if (!val) return ''
+//   return val.replace(/(.{4})/g, '$1 ')
+// }
+
+export default {
+//   resourceDateFormate,
+  priceUnitConvert,
+//   encryptPhone,
+//   formatCardNo,
+}

package/src/utils/merge.js

@@ -0,0 +1,16 @@
+/* eslint-disable */
+export default function (target) {
+  for (let i = 1, j = arguments.length; i < j; i += 1) {
+    const source = arguments[i] || {};
+    for (const prop in source) {
+      if (source.hasOwnProperty(prop)) {
+        const value = source[prop];
+        if (value !== undefined) {
+          target[prop] = value;
+        }
+      }
+    }
+  }
+
+  return target;
+}