jufubao-base 1.0.21 → 1.0.23-beta2

package/src/components/JfbBaseConDialog/Mock.js

@@ -0,0 +1,49 @@
+'use strict';
+
+module.exports = {
+  getCouponDialogList: {
+    "list": [
+      {
+        "app_key": "sms-coupon",
+        "app_activity_url": "//sandbox-img.jufubao.cn/uploads/20231123/b68d9ff61ffe6cada499d8ad809aaa8d.jpg",
+        "app_activity_button": "//sandbox-img.jufubao.cn/uploads/20231123/d9730115b5e1e8047b2b36e69655e745.jpg",
+        "background": "background1.png",
+        "activity_id": 35,
+      },
+      {
+        "app_key": "sms-coupon",
+        "app_activity_url": "//sandbox-img.jufubao.cn/uploads/20231123/b68d9ff61ffe6cada499d8ad809aaa8d.jpg",
+        "app_activity_button": "//sandbox-img.jufubao.cn/uploads/20231123/d9730115b5e1e8047b2b36e69655e745.jpg",
+        "background": "background1.png",
+        "activity_id": 35,
+      },
+      {
+        "app_key": "sms-coupon",
+        "app_activity_url": "//sandbox-img.jufubao.cn/uploads/20231123/b68d9ff61ffe6cada499d8ad809aaa8d.jpg",
+        "app_activity_button": "//sandbox-img.jufubao.cn/uploads/20231123/d9730115b5e1e8047b2b36e69655e745.jpg",
+        "background": "background1.png",
+        "activity_id": 35,
+      }
+    ],
+    "request_id": "4b9803ed0ecdc0f6"
+  },
+  getDialogCouponList: {
+    "list":[
+      {"prize_id":153,"prize_name":"满50减50","prize_type":"满减券","prize_num":1,"can_take":"Y","is_over":"N","can_take_num":"P","today_times":1,"today_num":0,"total_times":1,"total_num":0,"remain_card_count":55},
+      {"prize_id":153,"prize_name":"满50减50","prize_type":"满减券","prize_num":1,"can_take":"Y","is_over":"N","can_take_num":"P","today_times":1,"today_num":0,"total_times":1,"total_num":0,"remain_card_count":55},
+      {"prize_id":153,"prize_name":"满50减50","prize_type":"满减券","prize_num":1,"can_take":"Y","is_over":"N","can_take_num":"P","today_times":1,"today_num":0,"total_times":1,"total_num":0,"remain_card_count":55}
+    ],
+    "background":"//sandbox-img.jufubao.cn/uploads/20231204/96b801e0dc27422c183dc90d905dd2ed.jpg",
+    "used_up_url": "",
+    "has_times": "Y",
+    "can_take":"Y",
+    "message":"",
+    "app_coupon_url":"//sandbox-img.jufubao.cn/uploads/20231205/fee9b644b83495c9ba8a4db277600b54.jpg",
+    "app_activity_button":"//sandbox-img.jufubao.cn/uploads/20231207/35f3065b2b2bc3fc2dda73d7b5b9eae8.jpg",
+    "app_coupon_button_bg_url":"//sandbox-img.jufubao.cn/uploads/20231212/026a3ea901f87f51b531d06c24604676.png",
+    "app_coupon_button_see_url": "//sandbox-img.jufubao.cn/uploads/20231212/026a3ea901f87f51b531d06c24604676.png",
+    "app_coupon_invalid_url":"//sandbox-img.jufubao.cn/uploads/20231208/8b153ce4870686a37295c16fbc992235.jpg",
+    "rule":"<p>打发&middot;</p>",
+    "request_id":"a2603f2a480485f4"
+  },
+}

package/src/components/JfbBaseConDialog/XdCouCardBind.vue

@@ -0,0 +1,307 @@
+<template>
+  <view class="xd-cou-card-bind">
+    <view
+      class="ticket_box"
+      :style="{
+        backgroundImage: dialogBackground,
+      }"
+    >
+      <view v-if="isAll">
+        <view v-if="!isRandom" class="ticket_list">
+          <view
+            class="ticket_item"
+            :class="item.can_take_num"
+            v-for="(item, i) in uiList"
+            :key="i"
+          >
+            <view class="item_head">
+              <image
+                class="t_icon"
+                mode="widthFix"
+                :src="item.headIcon"
+              ></image>
+              <view>{{ item.prize_type }}</view>
+            </view>
+            <view class="item_sub">{{ item.prize_name }}</view>
+
+            <xd-font-icon
+              class="ticket_icon"
+              :color="item.iconColor"
+              :icon="item.icon"
+            ></xd-font-icon>
+          </view>
+        </view>
+        <view style="text-align:center;padding-top:54rpx" v-else>
+          <img
+            style="width:360rpx;height:340rpx"
+            :src="bottomBackground"
+            alt=""
+          />
+        </view>
+        <xd-button
+          size="small"
+          type="primary"
+          :style="btnImage"
+          @click="getAllCoupont"
+          >{{ isRandom ? "开心获取" : "一键领取" }}</xd-button
+        >
+      </view>
+      <view v-else>
+        <view class="ticket_list">
+          <view
+            class="ticket_item"
+            :class="item.can_take_num"
+            v-for="(item, i) in uiList"
+            :key="i"
+          >
+            <view class="item_head">
+              <image
+                class="t_icon"
+                mode="widthFix"
+                :src="item.headIcon"
+              ></image>
+              <view>{{ item.prize_type }}</view>
+            </view>
+            <view class="item_sub">{{ item.prize_name }}</view>
+
+            <xd-font-icon
+              class="ticket_icon"
+              :color="item.iconColor"
+              :icon="item.icon"
+            ></xd-font-icon>
+            <view class="btn" v-if="item.can_take_num!=='Y'">
+              <xd-button
+                v-if="item.remain_card_count == 0"
+                size="small"
+                type="primary"
+                :disabled="true"
+                :style="{
+                  backgroundImage: item.btnImage,
+                  backgroundSize: '100% 100%',
+                }"
+                @click="getCoupont(item)"
+                >{{ item.btn_txt }}</xd-button
+              >
+              <xd-button
+                v-else                
+                size="small"
+                type="primary"
+                :style="{
+                  backgroundImage: item.btnImage,
+                  backgroundSize: '100% 100%',
+                }"
+                @click="getCoupont(item)"
+                >{{ item.btn_txt }}</xd-button
+              >
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <xd-font-icon
+      @click="handleClose"
+      class="dialog_close"
+      icon="iconguanbi_xian"
+      color="#fff"
+      size="64"
+    ></xd-font-icon>
+  </view>
+</template>
+<script>
+import XdButton from "@/components/XdButton/XdButton";
+import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+import getServiceUrl from "@/common/getServiceUrl";
+export default {
+  name: "XdCouCardBind",
+  components: {
+    XdButton,
+    XdFontIcon,
+  },
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return [];
+      },
+    },
+    isAll: {
+      type: Boolean,
+      default: false,
+    },
+    isRandom: {
+      type: Boolean,
+      default: false,
+    },
+    setting: {},
+  },
+  computed: {
+    uiList() {
+      return this.list.map((item) => {
+        let mapArr = { Y: "去查看", P: "领取", N: "已发完" };
+        item.btn_txt = mapArr[item.can_take_num];
+        if (item.can_take_num === "Y" || item.can_take_num === "P") {
+          item.headIcon = getServiceUrl(this.setting.app_coupon_url);
+          item.btnImage = `url(${getServiceUrl(
+            this.setting.app_coupon_button_bg_url
+          )})`;
+          item.icon =
+            item.can_take_num === "Y" ? "iconyilingqu" : "icondailingqu";
+          item.iconColor = item.can_take_num === "Y" ? "#D6D6D6" : "#FF4D4A";
+        } else if (item.can_take_num === "N") {
+          item.headIcon = getServiceUrl(this.setting.app_coupon_invalid_url);
+          item.btnImage = "";
+          item.icon = "iconyifawan";
+          item.iconColor = "#D6D6D6";
+        }
+        return item;
+      });
+    },
+    dialogBackground() {
+      return `url(${getServiceUrl(this.setting.background)})`;
+    },
+    bottomBackground() {
+      return getServiceUrl(this.setting.app_coupon_bottom_url);
+    },
+    btnImage() {
+      let btn_style = this.setting.app_coupon_button_bg_url
+              ? {
+                  // 设置背景图片
+                  backgroundImage: `url(${getServiceUrl(
+                    this.setting.can_take !== "Y"
+                      ? this.setting.app_coupon_button_see_url
+                      : this.setting.app_coupon_button_bg_url
+                  )})`,
+                  // 设置背景大小
+                  backgroundSize: "100% 100%",
+                  // 设置背景重复
+                  backgroundRepeat: "no-repeat",
+                  // 设置背景颜色
+                  backgroundColor: "",
+                  height: '70rpx',
+                  width: '450rpx',
+                  marginTop: '26rpx'
+                }
+              : {
+                  // 设置背景颜色
+                  backgroundColor: "#FB5B3F",
+                  height: '70rpx',
+                  width: '450rpx',
+                  marginTop: '26rpx'
+                };
+      return btn_style
+    }
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    //领取优惠券
+    getCoupont(item) {
+      if (item.can_take_num === "P") {
+        this.$emit("getCoupont", item);
+      }
+    },
+    getAllCoupont() {
+      this.$emit("getAllCoupont");
+    },
+    handleClose() {
+      this.$emit("closeDialog");
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@ticketHeight: 180rpx;
+@bgHeight: @ticketHeight - 40rpx;
+.xd-cou-card-bind {
+  width: 600rpx;
+  max-height: 1000rpx;
+  padding-bottom: 80rpx;
+  position: relative;
+  .ticket_box {
+    background-color: #fff;
+    background-size: 100% auto;
+    background-repeat: no-repeat;
+    padding-top: 200rpx;
+    border-radius: 20rpx;
+    box-sizing: border-box;
+    padding-bottom: 60rpx;
+  }
+
+  .ticket_item {
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    width: 540rpx;
+    height: @ticketHeight;
+    margin: 20rpx auto;
+    border-radius: 20rpx;
+    padding: 30rpx;
+    box-sizing: border-box;
+    background: #fff8f8;
+
+    &.P,
+    &.Y {
+    }
+    &.N {
+      background: #f3f3f3;
+      .item_head {
+        color: #bbbbbb;
+      }
+      .item_sub {
+        color: #bbbbbb;
+      }
+      .ticket_icon {
+        color: #d6d6d6;
+      }
+      .btn {
+        .xd-button {
+          background-color: #dddddd !important;
+          color: #999999 !important;
+        }
+      }
+    }
+    .item_head {
+      display: flex;
+      align-items: center;
+      font-size: 40rpx;
+      color: #000000;
+      font-weight: 500;
+      .t_icon {
+        width: 44rpx;
+        margin-right: 20rpx;
+      }
+    }
+    .item_sub {
+      margin-top: 20rpx;
+      color: #ff4d4a;
+      font-size: 36rpx;
+      font-weight: 400;
+    }
+    .ticket_icon {
+      font-size: 80rpx !important;
+      position: absolute;
+      top: 0;
+      right: 0;
+    }
+    .btn {
+      position: absolute;
+      right: 20rpx;
+      bottom: 20rpx;
+      .xd-button {
+        height: 30rpx;
+        width: 100rpx;
+        font-size: 28rpx;
+        background-size: cover !important;
+        background-color: #fb5b3f;
+      }
+    }
+  }
+  .dialog_close {
+    margin: 0 auto;
+    margin-top: 20rpx;
+  }
+}
+</style>

package/src/components/JfbBaseConList/Api.js

@@ -0,0 +1,70 @@
+'use strict';
+
+/**
+ * @description 卡券登录
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    mapFnName: 'getListBaseNewsContentCoupon', //自定义方法名字（必选）
+    title: '获取内容',
+    path: '/cms/v1/news-content',
+    isRule: false,
+    params: {
+      scene: ['使用场景', 'String', '选填'],
+      container_id: ['插件ID', 'String', '必填'],
+      page_id: ['页面ID', 'String', '必填'],
+      page_size: ['记录条数', 'Number', '必填', 1],
+      code: ['业务线id', 'String', '选填'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'getCouponList', //自定义方法名字（必选）
+    title: '获取优惠券列表',
+    path: '/sms-coupon/v1/activity-prizes-user/list',
+    isRule: false,
+    params: {
+      distribution_method: ['发放方式 entry=主动发放, homed=首页发放,paid=消费后发放,card_binded=绑定卡后发放', 'String', '选填'],
+      namespace: ['业务线', 'String', '必填'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'getOnceCoupon', //自定义方法名字（必选）
+    title: '领取优惠券',
+    path: '/sms-coupon/v1/activity-prizes-user/set',
+    isRule: false,
+    params: {
+      distribution_method: ['发放方式 entry=主动发放, homed=首页发放,paid=消费后发放,card_binded=绑定卡后发放', 'String', '选填'],
+      namespace: ['业务线', 'String', '必填'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'getAllCoupon', //自定义方法名字（必选）
+    title: '领取优惠券',
+    path: '/sms-coupon/v1/activity-prizes-user/set-all',
+    isRule: false,
+    params: {
+      distribution_method: ['发放方式 entry=主动发放, homed=首页发放,paid=消费后发放,card_binded=绑定卡后发放', 'String', '选填'],
+      namespace: ['业务线', 'String', '必填'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'getCouponResult', //自定义方法名字（必选）
+    title: '轮询查询活动结果',
+    path: '/sms-coupon/v1/activity-prizes-user/get',
+    isRule: false,
+    params: {
+      tmp_order_number: ['tmp_order_number', 'String', '选填'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+];

package/src/components/JfbBaseConList/Attr.js

@@ -0,0 +1,171 @@
+'use strict';
+
+/**
+ * @description 当表单组件中有联动操作时候，使用方法进行返回
+ */
+export default {
+  style: [],
+  content:(data)=>{
+    return [
+      {
+        label: '查看已领票券路径:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'collectedPath',
+        placeholder: '请选择查看已领票券路径',
+        groupKey:'advanced',
+        value: data['collectedPath'] || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+      },
+      {
+        ele: 'title',
+        label: '已领票券样式设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: '按钮填充设置:',
+        groupKey:'style',
+        ele: 'xd-margin-padding',
+        valueKey: 'padding',
+        value:data['padding'] || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置填充',
+        inline: false,
+        notice: '设置填充，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">0</span>像素',
+      },
+      {
+        label: '按钮背景颜色:',
+        ele: 'xd-color',
+        valueKey: 'btnBgColor',
+        groupKey:'style',
+        value:data['btnBgColor'] || '',
+        placeholder: '请选择按钮背景颜色',
+        classNmae: 'input60',
+      },
+      {
+        label: '按钮文字颜色:',
+        ele: 'xd-color',
+        groupKey:'style',
+        valueKey: 'btnTextColor',
+        value: data['btnTextColor'] || '',
+        placeholder: '请选择按钮文字颜色',
+        classNmae: 'input60',
+      },
+      {
+        label: "按钮文字大小",
+        ele: "el-input",
+        type: "number",
+        valueKey: "btnTextSize",
+        groupKey: 'content',
+        value: data.btnTextSize || '',
+        placeholder: "请输入按钮文字大小",
+        className: "input80",
+        inline: false,
+      },
+      {
+        label: '按钮圆角设置:',
+        ele: 'xd-site-select-list',
+        valueKey: 'radius',
+        groupKey:'style',
+        value: data['radius'] || '0',
+        placeholder: '请选择内容圆角设置',
+        multiple: false,
+        className: 'input60',
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+            });
+        },
+      },
+      {
+        label: '是否有边框:',
+        ele: 'xd-radio',
+        valueKey: 'is_border',
+        groupKey:'style',
+        value: data['is_border'] || 'N',
+        placeholder: '请选择是否有边框',
+        multiple: false,
+        className: 'input80',
+        list: [
+          {label: '是', value: 'Y'},
+          {label: '否', value: 'N'},
+        ]
+      },
+      data['is_border'] === 'Y' && {
+        label: '边框颜色:',
+        ele: 'xd-color',
+        valueKey: 'is_border_c',
+        groupKey:'style',
+        value: data['is_border_c'] || '',
+        placeholder: '请选择边框颜色',
+        classNmae: 'input80',
+      },
+      data['is_border'] === 'Y' && {
+        label: '边框大小:',
+        ele: 'el-input',
+        type: 'number',
+        valueKey: 'is_border_w',
+        groupKey:'style',
+        value: data['is_border_w'] || '',
+        placeholder: '请输入边框颜色',
+        className: 'input60',
+      },
+      {
+        label: '是否有投影:',
+        ele: 'xd-radio',
+        valueKey: 'is_shadow',
+        groupKey:'style',
+        value: data['is_shadow'] || 'N',
+        placeholder: '请选择是否投影',
+        multiple: false,
+        className: 'input80',
+        list: [
+          {label: '是', value: 'Y'},
+          {label: '否', value: 'N'},
+        ]
+      },
+      data['is_shadow'] === 'Y' && {
+        label: '投影颜色:',
+        ele: 'xd-color',
+        valueKey: 'is_shadow_bg',
+        groupKey:'style',
+        value: data['is_shadow_bg'] || '',
+        placeholder: '请选择投影颜色',
+        classNmae: 'input80',
+      },
+      data['is_shadow'] === 'Y' && {
+        label: '投影范围:',
+        groupKey:'style',
+        ele: 'xd-site-select-list',
+        valueKey: 'is_shadow_w',
+        value: data['is_shadow_w'] || '10',
+        placeholder: '请选择投影范围',
+        multiple: false,
+        className: 'input80',
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({
+            setting_id: 'edtix_style_radius',
+            key: Date.now()
+          })
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+            });
+        },
+      },
+
+    ].filter(i=>i)
+  } ,
+  advanced: [],
+};