eoss-mobiles 0.2.13 → 0.2.15

package/packages/retrial-auth/src/main.vue

@@ -0,0 +1,257 @@
+<template>
+  <div class="em-retrial-auth" v-if="show">
+    <div class="em-retrial-auth-box">
+      验证码将发送至{{
+        active == 'WEB_SMS' ? `手机号：${phoneText}` : `邮箱：${emailText}`
+      }}
+      <em-input
+        style="margin:10px 0px"
+        v-model="formData.verificationCode"
+        center
+        clearable
+        hide-label
+        placeholder="请输入验证码"
+      >
+        <template slot="button">
+          <em-button
+            size="small"
+            type="primary"
+            :disabled="disabled"
+            @click.stop="getCode"
+            >{{ btnText }}</em-button
+          >
+        </template>
+      </em-input>
+      <em-button style="width:100%" type="primary" @click="handleAuth"
+        >提交验证</em-button
+      >
+      <div class="em-retrial-auth-icon-box" v-if="newType.length > 1">
+        <div
+          class="em-retrial-auth-icon-box-item"
+          :class="{ active: active === item }"
+          v-for="item in newType"
+          :key="item"
+          @click="active = item"
+        >
+          <van-icon
+            :name="item === 'WEB_SMS' ? 'phone-o' : 'envelop-o'"
+            color="#fff"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import request from '../../../src/utils/http.js';
+import utils from '../../../src/utils/util';
+import {
+  initRetrialAuth,
+  getRetrialAuthCode,
+  codeRetrialAuth
+} from '../../../src/config/api';
+
+export default {
+  name: 'EmRetrialAuth',
+  props: {
+    reload: {
+      type: String,
+      default: ''
+    },
+    group: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: [String, Array],
+      default: () => []
+    },
+    url: {
+      type: String,
+      default: ''
+    },
+    params: {
+      type: Object,
+      default: () => {}
+    },
+    method: {
+      type: String,
+      default: 'get'
+    }
+  },
+  data() {
+    return {
+      active: 0,
+      newReload: '',
+      newData: '',
+      show: false,
+      newGroup: '',
+      newType: '',
+      emailText: '',
+      retrialAuthGroupId: utils.generateUUID(),
+      formData: {
+        verificationCode: ''
+      },
+      phoneText: '',
+      btnText: '获取验证码',
+      disabled: false,
+      countdown: 0,
+      submit: false,
+      uuid: null,
+      timer:null
+    };
+  },
+  mounted() {
+    if (this.url) {
+      this.reqUrl();
+    } else {
+      this.newGroup = this.group;
+      this.newReload = this.reload;
+      this.newType = this.type.filter(item => item != 'SCANCODE');
+      if (this.newType.length > 0) {
+        this.active = this.newType[0];
+      }
+    }
+  },
+  methods: {
+    handleAuth() {
+      if (this.submit) {
+        return false;
+      }
+      if (!this.formData.verificationCode) return this.$toast('请输入验证码');
+      this.submit = true;
+      let params = {
+        retrialAuthGroupIds: this.newGroup,
+        targetType: this.active === 'WEB_SMS' ? 'SMS' : 'EMAIL',
+        verificationCode: this.formData.verificationCode
+      };
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      request({
+        url: codeRetrialAuth,
+        type: 'post',
+        params: params
+      })
+        .then(res => {
+          let { rCode, msg } = res;
+          this.$toast.clear();
+          if (rCode == 0) {
+            this.$toast('认证成功');
+            this.$emit('success',this.retrialAuthGroupId);
+          } else {
+            this.$toast(msg);
+            this.$emit('error');
+            this.submit = false;
+          }
+        })
+        .catch();
+    },
+    getCode() {
+      if (this.countdown) {
+        return false;
+      }
+      let params = { targetType: this.active === 'WEB_SMS' ? 'SMS' : 'EMAIL' };
+      this.countdown = 60;
+      this.timer = setInterval(() => {
+        if (this.countdown > 0) {
+          this.countdown--;
+          this.disabled = true;
+          this.btnText = '重新获取' + this.countdown + 's';
+        } else {
+          this.btnText = '重新获取';
+          this.disabled = false;
+          this.submit = false;
+          clearInterval(this.timer);
+        }
+      }, 1000);
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      request({
+        url: getRetrialAuthCode,
+        type: 'post',
+        params: params
+      })
+        .then(res => {
+          let { rCode, msg } = res;
+          this.$toast.clear();
+          if (rCode == 0) {
+            this.$toast(
+              '验证码已发送至' +
+                (this.active === 'WEB_SMS' ? '手机' : '邮箱') +
+                '，请注意查收！'
+            );
+          } else {
+            this.$toast(msg);
+            this.$emit('error');
+          }
+        })
+        .catch();
+    },
+    init() {
+      request({
+        url: initRetrialAuth
+      })
+        .then(res => {
+          let { rCode, results } = res;
+          this.$toast.clear();
+          if (rCode == 0) {
+            this.uuid = results.uuid;
+            // this.qrImg = results.qrImg;
+            this.emailText = results.emailText;
+            this.phoneText = results.phoneText;
+            // if (this.active === 'SCANCODE') {
+            //   this.handleScanCodeRetrialAuth();
+            // }
+          }
+        })
+        .catch();
+    },
+    reqUrl() {
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      request({
+        url: this.url,
+        params: { ...this.params, retrialAuthGroupId: this.retrialAuthGroupId },
+        type: this.method
+      }).then(res => {
+        const { rCode, results, msg } = res;
+        if (rCode == 61) {
+          if (results) {
+            this.newReload = results.reload || results.refresh;
+            this.newGroup = results.retrialAuthGroupIds;
+            this.newType = results.retrialAuthType.filter(
+              item => item != 'SCANCODE'
+            );
+            this.init();
+            if (this.newType.length > 0) {
+              this.active = this.newType[0];
+            }
+          }
+          this.show = true;
+        } else {
+          this.$toast(msg);
+          this.$emit('error');
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style></style>

package/packages/selector/src/selector-tree.vue

@@ -202,7 +202,7 @@ export default {
     },
     labelKey: {
       type: String,
-      default: 'showname'
+      default: 'showshortname'
     },
     paddingTop: {
       type: [String, Number],

package/packages/selector/src/tree.vue

@@ -200,7 +200,7 @@ export default {
     },
     labelKey: {
       type: String,
-      default: 'showname'
+      default: 'showshortname'
     },
     oldIsSearch: Boolean,
     isSearch: Boolean