jufubao-base 1.0.56 → 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

@@ -1,13 +1,7 @@
 'use strict';
 
 /**
- * @description API模型
- * 建议：Ffff=>模块  Xxxx=>自定义名字
- * 获取单记录(getByIdFfffXxxx)
- * 获取列表记录(getByListFfffXxxx)
- * 添加列表记录(addFfffXxxxx)
- * 删除列表记录(removeFfffXxxxx|deleteFfffXxxx)
- * 更新列表记录(updateFfffXxxxx)
+ * @description api
  * @type {*[]}
  */
 module.exports = [
@@ -31,4 +25,15 @@ module.exports = [
     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/JfbBaseCardDisabledEntry.vue

@@ -38,12 +38,6 @@
                 <text>券号：</text>
                 <text>{{item.card_number}}</text>
               </view>
-              <view @click.stop="toDetail(item)" v-if="0">
-                <view>
-                  <xd-font-icon icon="iconerweima" width="56" height="56" size="50" color="#fff"></xd-font-icon>
-                </view>
-                <view>点击查看</view>
-              </view>
             </div>
             <view class="card-list__date">
               <text>有效期：</text>
@@ -71,8 +65,16 @@
           </view>
         </view>
       </view>
+      <view v-else>
+        <view class="jfb-base-card-disabled-entry__body-empty">
+          <view class="jfb-base-card-disabled-entry__body-empty-wrap">
+            <image :src="emptyBg"></image>
+            暂无票券
+          </view>
+        </view>
+      </view>
       <view class="bottom_btn-mask"></view>
-      <view class="bottom_btn" :style="prod_bottom">
+      <view v-if="disableList&&disableList.length>0" class="bottom_btn" :style="prod_bottom">
         <xd-button
           width="680rpx"
           radius="50rpx"
@@ -111,6 +113,9 @@ export default {
     prod_bottom() {
       return this.fixedStyle({height: 0, zIndex: 111});
     },
+    emptyBg() {
+        return this.getNoData();
+    },
   },
   watch: {
     container(value) {
@@ -118,8 +123,8 @@ export default {
     },
   },
   created() {
+    console.log(this.getNoData(),'this.getNoData()this.getNoData()');
     this.init(this.container);
-    
   },
   methods: {
     onJfbLoad(options) {
@@ -166,10 +171,10 @@ export default {
             let cardIds = this.disableList.map(item=>{
               return item.card_number + ''
             });
-            jfbRootExec("disabledCardUnbindEntry", {vm: this, data: {card_number: cardIds.join(','),},})
+            jfbRootExec("batchDisabledCardUnbindEntry", {vm: this, data: {card_numbers: cardIds.join(','),},})
               .then((res) => {
                 this.$xdAlert({
-                  content: "解绑成功",
+                  content: "全部失效票券已解绑",
                   close: () => {
                     this.getCardList();
                   },
@@ -177,7 +182,6 @@ export default {
               })
               .catch((err) => {
                 this.$xdLog.catch(err);
-                console.log(err, "err");
               });
           }
         },
@@ -204,7 +208,7 @@ export default {
             })
               .then((res) => {
                 this.$xdAlert({
-                  content: "解绑成功",
+                  content: "票券已解绑",
                   close: () => {
                     this.getCardList();
                   },
@@ -318,6 +322,29 @@ export default {
       }
     }
 
+    &-empty {
+      color: #888;
+      font-size: unit(24,rpx);
+      height: 60vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      &-wrap {
+        display: flex;
+        flex-direction: column;
+
+        & > image {
+          width: unit(460,rpx);
+          height: unit(400,rpx);
+        }
+      }
+
+      & > view {
+        text-align: center;
+      }
+    }
+
     &-disabled {
       font-size: unit(28, rpx);
       color: #b8b7be;

package/src/components/JfbBaseCardEntry/JfbBaseCardEntry.vue

@@ -120,7 +120,8 @@
         :style="{ color: warningColor }"
         v-if="tabIndex === 2"
       >* 目前仅支持电影票兑换券进行转换</view>
-      <view
+      <view v-if="showList.length>0">
+        <view
         v-if="tabIndex === 2 || tabIndex === 1"
         class="jfb-base-card-entry__body-card"
       >
@@ -204,6 +205,15 @@
           </view>
         </view>
       </view>
+      </view>
+      <view v-else>
+        <view class="jfb-base-card-entry__body-empty">
+          <view class="jfb-base-card-entry__body-empty-wrap">
+            <image :src="emptyBg"></image>
+            暂无票券
+          </view>
+        </view>
+      </view>
       <view
         v-if="showDisabled==='Y'"
         @click="handleToDisabled"
@@ -263,6 +273,9 @@ export default {
     showList(){
       return this.tabIndex === 1 ? this.cardList: this.changeList
     },
+    emptyBg() {
+        return this.getNoData();
+    },
   },
   filters:{
     cutstr(val){
@@ -605,6 +618,29 @@ export default {
     padding: unit(30, rpx) unit(26, rpx);
     color: #333;
 
+    &-empty {
+      color: #888;
+      font-size: unit(24,rpx);
+      height: 60vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      &-wrap {
+        display: flex;
+        flex-direction: column;
+
+        & > image {
+          width: unit(460,rpx);
+          height: unit(400,rpx);
+        }
+      }
+
+      & > view {
+        text-align: center;
+      }
+    }
+
     &-dialog {
       position: fixed;
       top: 0;

package/src/components/JfbBaseCardInfoEntry/Api.js

@@ -0,0 +1,71 @@
+'use strict';
+
+/**
+ * @description API模型
+ * 建议：Ffff=>模块  Xxxx=>自定义名字
+ * 获取单记录(getByIdFfffXxxx)
+ * 获取列表记录(getByListFfffXxxx)
+ * 添加列表记录(addFfffXxxxx)
+ * 删除列表记录(removeFfffXxxxx|deleteFfffXxxx)
+ * 更新列表记录(updateFfffXxxxx)
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    mapFnName: 'qrcodeCardBindEntry',
+    isRule: false,
+    title: '根据二维码绑定卡',
+    prefix: 'qrcode',
+    path: '/card/v1/card-bind/bind-card-by-qrcode',
+    data: {
+      card_qrcode: ['二维码内容', 'String', '必选'],
+    },
+    disabled: true,
+  },
+  {
+    mapFnName: 'getByPwdCardDetailEntry',
+    isRule: false,
+    title: '根据卡号密码获得卡信息',
+    prefix: 'detal',
+    path: '/card/v1/card-bind/get-card-by-password',
+    data: {
+      card_number: ['卡号', 'String', '必选'],
+      card_password: ['卡号密码', 'String', '必选']
+    },
+    disabled: true,
+  },
+  {
+    mapFnName: 'getByQrCardDetailEntry',
+    isRule: false,
+    title: '根据二维码获得卡信息',
+    prefix: 'detal',
+    path: '/card/v1/card-bind/get-card-by-qrcode',
+    data: {
+      card_qrcode: ['二维码', 'String', '必选'],
+    },
+    disabled: true,
+  },
+  {
+    mapFnName: 'pwdCardBindEntry',
+    isRule: false,
+    title: '根据卡号密码绑定卡',
+    prefix: 'pwd',
+    path: '/card/v1/card-bind/bind-card-by-password',
+    data: {
+      card_number: ['卡号', 'String', '必选'],
+      card_password: ['密码', 'String', '可选'],
+    },
+    disabled: true,
+  },
+  {
+    mapFnName: 'qrCardBindEntry',
+    isRule: false,
+    title: '根据二维码绑定卡',
+    prefix: 'qrcode',
+    path: '/card/v1/card-bind/bind-card-by-qrcode',
+    data: {
+      card_qrcode: ['二维码', 'String', '必选'],
+    },
+    disabled: true,
+  },
+];

package/src/components/JfbBaseCardInfoEntry/Attr.js

@@ -0,0 +1,37 @@
+'use strict';
+
+export default {
+  style: [],
+  advanced: [],
+  content: [
+    {
+      label: '卡绑定成功回跳地址:', //label
+      ele: 'xd-select-pages-path', //package 名称
+      valueKey: 'back_url', //form[valueKey]
+      placeholder: '请选择卡绑定成功回跳地址',
+      value: null,
+      setting: {
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+      inline: false,
+    },
+    {
+      label: '券号框自定义文案:',
+      ele: 'el-input',
+      type: 'text',
+      valueKey: 'card_num_placeholder',
+      value: '',
+      placeholder: '请输入券号框自定义文案',
+      className: 'input80'
+    },
+    {
+      label: '密码框自定义文案:',
+      ele: 'el-input',
+      type: 'text',
+      valueKey: 'card_pwd_placeholder',
+      value: '',
+      placeholder: '请输入密码框自定义文案',
+      className: 'input80'
+    },
+  ],
+};