jufubao-base 1.0.21 → 1.0.23-beta2

package/src/components/JfbBaseCardDetail/XdPwPay.vue

@@ -0,0 +1,214 @@
+<template>
+  <xd-dailog
+          :width="width"
+          :title="title"
+          :show.sync="uiShow"
+          :cancel="false"
+          :confirm="false"
+          :showClose="showClose"
+          @close="handleClose"
+  >
+    <view class="xd-pw-pay">
+      <view class="xd-pw-pay__header">
+        <view
+                v-for="(item,index) in textList"
+                :key="index"
+                class="xd-pw-pay__header-item">
+          {{item.label}}
+          <view v-if="item.value" class="xd-pw-pay__header-item-price">
+            <xd-unit
+                    :price="item.value"
+                    :iocnSize="0.32"
+            >
+            </xd-unit>
+          </view>
+        </view>
+      </view>
+      <view>
+        <view class="input-wrap">
+          <input
+                  class="input1"
+                  type="number"
+                  v-for="(item, index) in input_len"
+                  :style="{fontSize: '32rpx'}"
+                  @tap="onInput"
+                  :password="password"
+                  :key="index"
+                  :value="input_val.length >= index + 1 ? input_val[index] : ''"
+                  :focus="false"
+          />
+        </view>
+        <!-- 实际监听 -->
+        <input class="input2"
+               type="number"
+               v-if="isFocus"
+               @blur="blurInput"
+               @input="setInput"
+               v-model="input_val"
+               :maxlength="input_len"
+               :focus="true"
+        />
+
+        <view
+                class="forget-pw"
+                v-if="forget"
+                @click="handleForget"
+        >
+          忘记密码
+        </view>
+      </view>
+    </view>
+  </xd-dailog>
+</template>
+
+<script>
+  import XdUnit from "@/components/XdUnit/XdUnit";
+  import XdDailog from "@/components/XdDailog/XdDailog";
+
+  export default {
+    name: "XdPwPay",
+    components: {XdUnit, XdDailog},
+    comments: {
+      XdDailog
+    },
+    props: {
+      input_len: {
+        type: Number,
+        default: 6
+      }, //密码长度
+      password: {
+        type: Boolean,
+        default: true
+      },
+      width: {
+        type: Number | String,
+        default: '50%',
+      },
+      title: {
+        type: String,
+        default: '标题',
+      },
+      show: {
+        type: Boolean,
+        default: true,
+      },
+      textList: {
+        type: Array,
+        default: []
+      },
+      forget: {
+        type: Boolean,
+        default: true
+      },
+      showClose: {
+        type: Boolean,
+        default: false
+      }
+    },
+    data() {
+      return {
+        isFocus: false,
+        input_val: '', // 验证码的值
+        uiShow: false
+      }
+    },
+    watch: {
+      show(newVal) {
+        if (newVal === false) {
+          this.input_val = ''
+          this.isFocus = true
+        }
+        this.uiShow = newVal;
+
+      },
+
+      uiShow(value) {
+        this.$emit('update:show', value);
+      }
+    },
+    created() {
+      if (this.show) {
+        this.input_val = ''
+        this.isFocus = true
+        this.uiShow = this.show;
+      }
+    },
+    methods: {
+      onInput() {
+        this.isFocus = true;
+      },
+      setInput(e) {
+
+        // this.input_val = e.detail.value;
+        if (this.input_val.length == 6) {
+          this.$emit('onSubmit', this.input_val)
+        }
+      },
+      blurInput() {
+        this.isFocus = false;
+      },
+      handleForget() {
+        this.$emit('onForget')
+      },
+      handleClose() {
+        this.$emit('update:show', this.show);
+        this.$emit('onClose')
+      },
+      clearPwd() {
+        this.input_val = ''
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .xd-pw-pay {
+    padding: unit(20, rpx);
+    font-size: @xd-font-size-lg;
+  }
+
+  .xd-pw-pay__header {
+    padding: unit(20, rpx) 0;
+
+    &-item {
+      margin-bottom: unit(20, rpx);
+
+      &-price {
+        display: flex;
+        justify-content: center;
+        margin-top: unit(20, rpx)
+      }
+    }
+  }
+
+  .input-wrap {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    margin-top: unit(40, rpx);
+
+    .input1 {
+      display: flex;
+      width: unit(60, rpx);
+      height: unit(60, rpx);
+      justify-content: space-around;
+      text-align: center;
+      border: 1px solid #9b9ba5;
+    }
+  }
+
+  .input2 {
+    width: unit(10, rpx);
+    height: unit(10, rpx);
+    position: absolute;
+    top: unit(0, rpx);
+    left: unit(-750, rpx);
+    min-height: 0
+  }
+
+  .forget-pw {
+    text-align: right;
+    margin-top: unit(20, rpx);
+    color: #ccc
+  }
+</style>

package/src/components/JfbBaseCardDetailEntry/Api.js

@@ -0,0 +1,58 @@
+'use strict';
+
+/**
+ * @description API模型
+ * 建议：Ffff=>模块  Xxxx=>自定义名字
+ * 获取单记录(getByIdFfffXxxx)
+ * 获取列表记录(getByListFfffXxxx)
+ * 添加列表记录(addFfffXxxxx)
+ * 删除列表记录(removeFfffXxxxx|deleteFfffXxxx)
+ * 更新列表记录(updateFfffXxxxx)
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    mapFnName: 'deleteCardUnbindEntry',
+    isRule: false,
+    title: '解绑卡',
+    prefix: 'unbind',
+    path: '/card/v1/card-bind/unbind-card',
+    data: {
+      card_number: ['卡号', 'String', '必选'],
+    },
+    disabled: true,
+  },
+  {
+    mapFnName: 'getBaseByIdCardDetailEntry',
+    isRule: false,
+    title: '获得绑定的卡详情',
+    prefix: 'detal',
+    path: '/card/v1/card-bind/get-bind-card',
+    params: {
+      card_number: ['卡号', 'String', '必选'],
+    },
+    disabled: true,
+  },
+  {
+    mapFnName: 'getCardYueEntry',
+    isRule: false,
+    title: '获得绑定的卡剩余点数',
+    prefix: 'yue',
+    path: '/card/v1/card-bind/get-bind-card-points',
+    params: {
+      card_number: ['卡号', 'String', '必选'],
+    },
+    disabled: true,
+  },
+  {
+    mapFnName: 'detailLoginEntryCardBind',
+    isRule: false,
+    title: '登录卡',
+    prefix: 'login',
+    path: '/card/v1/card-bind/login-card',
+    data: {
+      card_number: ['卡号', 'String', '必选'],
+    },
+    disabled: true,
+  },
+];

package/src/components/JfbBaseCardDetailEntry/Attr.js

@@ -0,0 +1,66 @@
+'use strict';
+
+export default {
+  style: [],
+  advanced: [],
+  content: [
+    {
+      label: '选择综合入口类型:',
+      ele: 'xd-site-select-list',
+      valueKey: 'entryGroupId',
+      value: 'default',
+      placeholder: '请选择综合入口类型',
+      multiple: false,
+      groupKey:'content',
+      className: 'input50',
+      rules: [
+        {required: true, message: '请选择综合入口类型', trigger: ['blur', 'change']}
+      ],
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getEntryGroupOption')({key: Date.now()})
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {
+      label: '票券解绑成功回跳地址:',
+      ele: 'xd-select-pages-path',
+      valueKey: 'back_url',
+      groupKey:'advanced',
+      placeholder: '请选择票券解绑成功回跳地址',
+      value: null,
+      setting: {
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+      inline: false,
+    },
+    {
+      label: '票券转换地址:',
+      ele: 'xd-select-pages-path',
+      valueKey: 'shift_url',
+      groupKey:'advanced',
+      placeholder: '请选择票券转换地址',
+      value: null,
+      setting: {
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+      inline: false,
+    },
+    {
+      label: '票券转赠地址:',
+      ele: 'xd-select-pages-path',
+      valueKey: 'give_url',
+      groupKey:'advanced',
+      placeholder: '请选择票券转赠地址',
+      value: null,
+      setting: {
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+      inline: false,
+    },
+  ],
+};