jufubao-base 1.0.56-beta9 → 1.0.61-beta1001

package/src/components/JfbBaseCardDetailEntry/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/JfbBaseCardDisabledEntry/Api.js

@@ -0,0 +1,39 @@
+'use strict';
+
+/**
+ * @description api
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    mapFnName: 'disabledCardUnbindEntry',
+    isRule: false,
+    title: '解绑卡',
+    prefix: 'unbind',
+    path: '/card/v1/card-bind/unbind-card',
+    data: {
+      card_number: ['卡号', 'String', '必选'],
+    },
+    disabled: true,
+  },
+  {
+    mapFnName: 'getDisableCardListEntry',
+    isRule: false,
+    title: '获得绑定卡',
+    prefix: 'list',
+    path: '/card/v1/card-bind/list-bind-card',
+    params: {},
+    disabled: true,
+  },
+  {
+    mapFnName: 'batchDisabledCardUnbindEntry',
+    isRule: false,
+    title: '批量解绑卡',
+    prefix: 'list',
+    path: '/card/v1/card-bind/batch-unbind-card',
+    data: {
+      card_numbers: ['卡号(英文逗号分隔)', 'String', '必选'],
+    },
+    disabled: true,
+  },
+];

package/src/components/JfbBaseCardDisabledEntry/Attr.js

@@ -0,0 +1,14 @@
+'use strict';
+
+/**
+ * @description 当表单组件中有联动操作时候，使用方法进行返回
+ */
+export default {
+  style: [],
+  content: (data) => {
+    return [
+
+    ].filter(i => i)
+  },
+  advanced: [],
+};