lw-cdp-ui 1.2.48 → 1.2.49

package/dist/components/lwLogin/index.vue

@@ -1,511 +0,0 @@
-<template>
-  <div class="login_bg">
-    <div class="video-container">
-      <!-- logo 插槽 -->
-      <slot name="logo">
-        <img class="logo"
-             src="../../assets/images/logo1.svg" />
-      </slot>
-
-      <!-- 注册背景图插槽 -->
-      <slot name="registerBg">
-        <img v-show="isRegistered"
-             class="img"
-             src="../../assets/images/register.svg" />
-      </slot>
-      <!-- 登录背景图插槽 -->
-      <slot name="loginBg">
-        <img v-show="!isRegistered"
-             class="img"
-             src="../../assets/images/login.svg" />
-      </slot>
-
-    </div>
-    <div class="login_main">
-      <template v-if="isRegistered">
-        <div class="login_registered">
-          <el-button type="primary"
-                     link
-                     @click="isRegistered = false">
-            <i class="iconfont icon-quit"></i>
-          </el-button>
-        </div>
-        <div class="login-form">
-          <el-form ref="registForm"
-                   class="form-body"
-                   :model="registForm"
-                   :rules="rules"
-                   label-width="0"
-                   size="large">
-            <el-form-item>
-              <!-- 系统注册名称插槽 -->
-              <div class="title-name">
-                <slot name="titleRegister">
-                  {{ $t('loginPage.trialRequest') }}
-                </slot>
-              </div>
-
-            </el-form-item>
-            <el-form-item prop="name">
-              <el-input v-model="registForm.name"
-                        prefix-icon="el-icon-user"
-                        clearable
-                        :placeholder="$t('loginPage.enterTitle')">
-              </el-input>
-            </el-form-item>
-            <el-form-item prop="phone">
-              <el-input v-model="registForm.phone"
-                        prefix-icon="el-icon-iphone"
-                        clearable
-                        maxlength="11"
-                        :placeholder="$t('loginPage.enterPhone')">
-              </el-input>
-            </el-form-item>
-            <el-form-item prop="company">
-              <el-input v-model="registForm.company"
-                        prefix-icon="el-icon-office-building"
-                        clearable
-                        :placeholder="$t('loginPage.enterCompany')">
-              </el-input>
-            </el-form-item>
-            <el-form-item prop="position">
-              <el-select v-model="registForm.position"
-                         :placeholder="$t('loginPage.selectPosition')">
-                <el-option v-for="item in optionsCompany"
-                           :key="item.id"
-                           :label="item.name"
-                           :value="item.id" />
-              </el-select>
-            </el-form-item>
-            <el-form-item prop="description">
-              <el-select v-model="registForm.description"
-                         :placeholder="$t('loginPage.selectPurpose')">
-                <el-option v-for="item in optionsDescription"
-                           :key="item.id"
-                           :label="item.name"
-                           :value="item.id" />
-              </el-select>
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary"
-                         style="width: 100%"
-                         :loading="islogin"
-                         @click="apply">{{ $t('loginPage.trialRequest') }}</el-button>
-            </el-form-item>
-          </el-form>
-        </div>
-      </template>
-      <template v-else>
-        <div class="login_config">
-          <Lang />
-        </div>
-        <div class="login-form">
-          <el-form ref="loginForm"
-                   class="form-body"
-                   :model="ruleForm"
-                   :rules="rules"
-                   label-width="0"
-                   size="large">
-            <el-form-item>
-
-              <div class="title-name">
-                <slot name="title">{{$t('loginPage.accountLogin')}}</slot>
-              </div>
-
-            </el-form-item>
-            <el-form-item prop="user">
-              <el-input v-model="ruleForm.user"
-                        prefix-icon="el-icon-user"
-                        clearable
-                        :placeholder="$t('loginPage.userPlaceholder')">
-              </el-input>
-            </el-form-item>
-            <el-form-item prop="password">
-              <el-input v-model="ruleForm.password"
-                        prefix-icon="el-icon-lock"
-                        clearable
-                        show-password
-                        :placeholder="$t('loginPage.PWPlaceholder')">
-              </el-input>
-            </el-form-item>
-            <el-form-item style="margin-bottom: 10px">
-              <el-row>
-                <el-col :span="12">
-                  <el-checkbox :label="$t('loginPage.rememberMe')"
-                               v-model="ruleForm.autologin"></el-checkbox>
-                </el-col>
-                <el-col :span="12"
-                        style="text-align: right">
-                  <el-button type="primary"
-                             text>{{ $t("loginPage.forgetPassword") }}？
-                  </el-button>
-                </el-col>
-              </el-row>
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary"
-                         style="width: 100%"
-                         :loading="islogin"
-                         @click="login">{{ $t("loginPage.signIn") }}</el-button>
-            </el-form-item>
-            <el-form-item>
-              {{ $t('loginPage.noAccount') }}
-              <el-button type="primary"
-                         link
-                         @click="isRegistered = true">{{ $t('loginPage.trialRequest') }}</el-button>
-            </el-form-item>
-          </el-form>
-        </div>
-      </template>
-    </div>
-  </div>
-</template>
-
-<script>
-import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'
-import Lang from '../lwLayout/components/lang.vue'
-
-export default {
-  name: 'lwLogin',
-  props: {
-    // 是否要校验初始化
-    isInitialized: {
-      type: Boolean,
-      default: true
-    },
-    // 是否手动合并菜单到同一个项目
-    isCombined: {
-      type: Boolean,
-      default: true
-    },
-    // 是否加密登录
-    isEncryption: {
-      type: Boolean,
-      default: true
-    },
-
-  },
-  components: {
-    Lang,
-  },
-  data() {
-    return {
-      isRegistered: false,
-      ruleForm: {
-        user: "",
-        password: "",
-        role: 0,
-        autologin: false,
-      },
-      registForm: {
-      },
-      rules: {
-        user: [
-          {
-            required: true,
-            message: this.t("loginPage.userError"),
-            trigger: "blur",
-          },
-        ],
-        password: [
-          {
-            required: true,
-            message: this.t("loginPage.PWError"),
-            trigger: "blur",
-          },
-        ],
-        name: [
-          {
-            required: true,
-            message: this.t('loginPage.enterTitle'),
-            trigger: "blur",
-          },
-        ],
-        phone: [
-          {
-            required: true,
-            message: this.t('loginPage.enterPhone'),
-            trigger: "blur",
-          },
-          {
-            pattern: /^[1]([3-9])[0-9]{9}$/,
-            message: this.t('loginPage.correctPhone'),
-            trigger: "blur",
-          },
-        ],
-        company: [
-          {
-            required: true,
-            message: this.t('loginPage.enterCompany'),
-            trigger: "blur",
-          },
-        ],
-        position: [
-          {
-            required: true,
-            message: this.t('loginPage.selectPosition'),
-            trigger: "change",
-          },
-        ],
-        description: [
-          {
-            required: true,
-            message: this.t('loginPage.selectPurpose'),
-            trigger: "change",
-          },
-        ],
-      },
-      optionsDescription: [
-        {
-          name: this.t('purposes.findSolution'),
-          id: "1",
-        },
-        {
-          name: this.t('purposes.compareProducts'),
-          id: "2",
-        },
-        {
-          name: this.t('purposes.other'),
-          id: "3",
-        },
-      ],
-      optionsCompany: [
-        {
-          name: this.t('positions.techStaff'),
-          id: "1",
-        },
-        {
-          name: this.t('positions.businessStaff'),
-          id: "2",
-        },
-        {
-          name: this.t('positions.researchStaff'),
-          id: "3",
-        },
-        {
-          name: this.t('positions.marketingStaff'),
-          id: "4",
-        },
-        {
-          name: this.t('positions.operationStaff'),
-          id: "5",
-        },
-        {
-          name: this.t('positions.otherStaff'),
-          id: "6",
-        },
-      ],
-      islogin: false,
-
-    };
-  },
-
-  created: function () {
-    this.$store.commit("clearViewTags");
-    this.$store.commit("clearKeepLive");
-    this.$store.commit("clearIframeList")
-  },
-  methods: {
-    // 加密
-    encrypt(publicKey, txt) {
-      const encryptor = new JSEncrypt()
-      encryptor.setPublicKey(publicKey) // 设置公钥
-      return encryptor.encrypt(txt) // 对数据进行加密
-    },
-    async login() {
-      let validate = await this.$refs.loginForm
-        .validate()
-        .catch(() => { });
-      if (!validate) {
-        return false;
-      }
-
-      let data = {
-        username: this.ruleForm.user,
-        password: this.ruleForm.password,
-      };
-      
-      if (this.isEncryption) {
-        const publicKey = await this.$api.auth.key()
-        if (publicKey) {
-          data = {
-            username: this.encrypt(publicKey, this.ruleForm.user),
-            password: this.encrypt(publicKey, this.ruleForm.password),
-          };
-        }
-      }
-
-      //获取token
-      let token = await this.$api.auth.token(data)
-      this.$tool.data.set("TOKEN", token);
-
-      this.islogin = true;
-      // 获取所有bu
-      let bu = await this.$api.auth.bu()
-      this.$tool.data.set('buList', bu)
-      let code = this.$tool.data.get('buCode')
-      let item = bu.find(x => { return x.code == code })
-      if (!item) {
-        this.$tool.data.set('buCode', bu[0].code)
-      }
-
-      // 获取用户信息
-      let user = await this.$api.auth.user()
-      // 处理应用显示逻辑
-      let application  = [...new Set(user.userAuthInfo.menus.map(permission => permission.split('.')[0]))]
-      user.userAuthInfo.grantedApplications = user.userAuthInfo.grantedApplications.filter(x => application.includes(x.code))
-
-      this.$tool.data.set('tenantId', user.userAuthInfo.tenantId)
-      this.$tool.data.set('userAuthInfo', user.userAuthInfo)
-      // 用与应用菜单显示
-      this.$tool.data.set('MenuPath', user.userAuthInfo.grantedApplications)
-      this.$store.state.user = user.userAuthInfo
-
-
-      // 兼容旧项目设置信息
-      sessionStorage.setItem('easyweb_session_passport_current_user', JSON.stringify({ v: user }))
-      sessionStorage.setItem('easyweb_session_passport_bu', JSON.stringify({ v: bu[0] }))
-      sessionStorage.setItem('easyweb_session_passport_bu_list', JSON.stringify({ v: bu }))
-      document.cookie = `Authorization=Bearer ${token}`;
-
-      // 获取合并菜单信息  isCombined  这参数后期要加是否要合并菜单展示 现在默认tue
-      /**
-       * 此处进行 获取的数据路由router文件进行合并
-       * 需要开发一个接口返回  权限与具体页面路径映射数据 （这个功能要开发）
-       * 需要在  platform  菜单管理中  配置isCombined参数  用于标识是否合并项目菜单
-       * 原有的数据要加两个配置项 icon  path
-       * 返回的数据是
-       * [
-       *  {
-          "id": "ma_menu.workplace",
-          "tenantId": "connext",
-          "name": "工作台",
-          "type": "MENU",
-          ...
-          "applications": ["ma"],
-          "icon": 'el-icon-discount', // icon
-          "path": '/reach/flow-template/, // 菜单路径
-          "authority": [
-            "ma.marketing_center.locate",
-            "ma.marketing_center_operation.locate",
-          ]
-        }
-      * ]
-      */
-      if (user.combined || this.isCombined) {
-        let menu = await this.$api.auth.menu();
-        this.$tool.data.set("MENUCOMBINED", menu);
-        // 注入 用于判断子项目 是否扁平化
-        this.$tool.data.set("MENUCOMBINEDNMAE", this.$config.APP_NAME);
-      } else {
-        this.$tool.data.remove("MENUCOMBINED");
-        this.$tool.data.remove("MENUCOMBINEDNMAE");
-      }
-
-      // 检验是否初始化
-
-      if (this.isInitialized) {
-        let initialized = await this.$api.auth.initialized()
-        this.$tool.data.set('zoneInitialized', initialized)
-        if (initialized) {
-          this.$router.push(this.$config.DASHBOARD_URL);
-        } else {
-          this.$router.push(this.$config.INIT_URL);
-        }
-      } else {
-        this.$router.push(this.$config.DASHBOARD_URL);
-      }
-
-
-      this.$message.success(this.t('loginPage.loginSuccess'));
-      this.islogin = false;
-    },
-    // 申请试用
-    async apply() {
-      let validate = await this.$refs.registForm
-        .validate()
-        .catch(() => { });
-      if (!validate) {
-        return false;
-      }
-      await this.$api.auth.apply(this.registForm)
-      this.$message.success(this.t('loginPage.applySuccess'));
-    }
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.login_bg {
-  width: 100%;
-  height: 100%;
-  background: #fff;
-  display: flex;
-}
-
-.video-container {
-  height: 100vh;
-  background: #f8f8f8;
-  width: 100%;
-  position: relative;
-  display: flex;
-  align-items: center;
-  padding: 40px;
-
-  .logo {
-    position: fixed;
-    z-index: 1;
-    top: 30px;
-    left: 30px;
-    width: 200px;
-    object-fit: cover;
-  }
-
-  .img {
-    width: 100%;
-    max-height: 80%;
-    object-fit: fill;
-  }
-}
-
-.login_main {
-  width: 600px;
-  min-width: 600px;
-  overflow: auto;
-  display: flex;
-  position: relative;
-}
-
-.login-form {
-  margin: auto;
-  padding: 50px;
-  position: relative;
-  z-index: 9;
-  display: flex;
-  align-items: center;
-  gap: 150px;
-  width: 100%;
-
-  .form-body {
-    width: 100%;
-    padding: 24px;
-    color: #333;
-
-    .title-name {
-      font-size: 35px;
-      font-weight: bold;
-      line-height: 58px;
-    }
-  }
-}
-.login_registered {
-  position: absolute;
-  top: 20px;
-  left: 20px;
-}
-.login_config {
-  position: absolute;
-  top: 20px;
-  right: 20px;
-}
-</style>

package/dist/components/lwLogin/locale/en-us.js

@@ -1,37 +0,0 @@
-export default {
-	loginPage: {
-		accountLoginNologo:'Marketing Cloud',
-		accountLogin: 'Lianwei Marketing Cloud',
-		rememberMe: 'Keep me logged in',
-		forgetPassword: 'Forgot password',
-		signIn: 'Account verification',
-		userPlaceholder: 'Username / Mobile / Email',
-		userError: 'Please enter your username',
-		PWPlaceholder: 'Please enter your password',
-		PWError: 'Please enter your password',
-		mobileError: 'Please enter your mobile number',
-		trialRequest: 'Request a trial',
-		enterTitle: 'Please enter your title',
-		enterPhone: 'Please enter your phone number',
-		correctPhone: 'Please enter a valid phone number format',
-		enterCompany: 'Please enter your company name',
-		selectPosition: 'Please select your position',
-		selectPurpose: 'Please select your purpose',
-		noAccount: 'Don’t have an account?',
-		applySuccess: 'You have applied for a trial, please check your SMS for a prompt.',
-		loginSuccess: 'Login successful'
-	},
-	positions: {
-		techStaff: 'Technical staff',
-		businessStaff: 'Business staff',
-		researchStaff: 'Research and development staff',
-		marketingStaff: 'Marketing staff',
-		operationStaff: 'Operations staff',
-		otherStaff: 'Other professional staff'
-	},
-	purposes: {
-		findSolution: 'Looking for suitable products to solve data, marketing, and other issues',
-		compareProducts: 'Comparing other products, want to learn more',
-		other: 'Other'
-	}
-}

package/dist/components/lwLogin/locale/zh-cn.js

@@ -1,37 +0,0 @@
-export default {
-	loginPage: {
-		accountLoginNologo:'营销云',
-		accountLogin: '联蔚营销云',
-		rememberMe: '保持登录状态',
-		forgetPassword: '忘记密码',
-		signIn: '账号验证',
-		userPlaceholder: '用户名 / 手机 / 邮箱',
-		userError: '请输入用户名',
-		PWPlaceholder: '请输入密码',
-		PWError: '请输入密码',
-		mobileError: '请输入手机号码',
-		trialRequest: '申请试用',
-		enterTitle: '请输入您的称谓',
-		enterPhone: '请输入手机号',
-		correctPhone: '请输入正确的手机号格式',
-		enterCompany: '请输入您的公司名称',
-		selectPosition: '请选择您的职位',
-		selectPurpose: '请选择您的用途',
-		noAccount: '还没有账号 ?',
-		applySuccess: '您已申请试用，请注意查收短信提示。',
-		loginSuccess: '登录成功'
-	},
-	positions: {
-		techStaff: '技术人员',
-		businessStaff: '业务人员',
-		researchStaff: '研发人员',
-		marketingStaff: '市场人员',
-		operationStaff: '运营人员',
-		otherStaff: '其他专业人员'
-	},
-	purposes: {
-		findSolution: '寻找合适的产品来解决数据，营销等问题',
-		compareProducts: '正在对比其他产品，想了解',
-		other: '其他'
-	}
-}

package/dist/components/lwSearch/date/date.vue

@@ -1,113 +0,0 @@
-<template>
-  <div>
-    <el-date-picker
-      :type="item.type || 'date'"
-      :disabled="item.disabled"
-      :format="item.format || 'YYYY-MM-DD'"
-      :value-format="item.valueFormat"
-      :placeholder="item.placeholder || $t('lwSearch.please_select')"
-      :range-separator="item.rangeSeparator || $t('lwSearch.monthRange.rangeSeparator')"
-      :start-placeholder="item.startPlaceholder || $t('lwSearch.monthRange.startPlaceholder')"
-      :end-placeholder="item.endPlaceholder || $t('lwSearch.monthRange.endPlaceholder')"
-      clearable
-      v-model="value"
-      :disabled-date="disabledDate"
-      style="width: 100%"
-    >
-    </el-date-picker>
-  </div>
-</template>
-
-<script>
-import { computed, reactive, toRefs, watch } from 'vue'
-
-export default {
-  emits: ["update:modelValue", "change"],
-  name: "Date",
-  props: {
-    disabled: { // 是否禁止操作
-      type: Boolean,
-      default() {
-        return false;
-      }
-    },
-    modelValue: { // 绑定的结果
-      default() {
-        return "";
-      }
-    },
-    item: { // 配置项
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    disabledDate: { // 禁止日期
-      type: Function,
-      default() {
-        return null;
-      }
-    },
-    propValueFormat: { // 格式化日期
-      type: String,
-      default() {
-        return null;
-      }
-    },
-  },
-  setup(props, context) {
-    const state = reactive({});
-
-    // 最新的结果推送到父组件
-    // watch(
-    //   () => props.modelValue,
-    //   (newVal, prevVal) => {
-    //     context.emit("update:modelValue",  newVal);
-    //     context.emit("change", newVal);
-    //   },
-    //   { deep: true, immediate: true }
-    // );
-
-    const valueFormat = computed(() => {
-      if (props.propValueFormat) {
-        return props.propValueFormat;
-      }
-      if (props.item.valueFormat) {
-        return props.item.valueFormat;
-      }
-      if (props.item.dateSection) {
-        return "YYYY-MM-DD 00:00:00";
-      }
-      if (props.item.withZero) {
-        return "YYYY-MM-DD 00:00:00";
-      }
-      if (props.item.withLast) {
-        return "YYYY-MM-DD 23:59:59";
-      }
-      return "YYYY-MM-DD";
-    });
-
-    const value = computed({
-      get() {
-        return props.modelValue;
-      },
-      set(value) {
-        context.emit('update:modelValue', value);
-        context.emit('change', value);
-      },
-    });
-
-    // 禁止选择日期
-    const disabledDate = (date) => {
-      return date.getTime() < Date.now();
-    };
-
-    return {
-      ...toRefs(state),
-      valueFormat,
-      value
-    };
-  },
-};
-</script>
-