jufubao-base 1.0.109-beta1 → 1.0.110-beta1

package/src/components/JfbBaseSaasBlessDialog/JfbBaseSaasBlessDialog.vue

@@ -0,0 +1,265 @@
+<template>
+  <view
+    class="jfb-base-saas-bless-dialog"
+    @click="handleEditxSelect"
+    :class="{ editx : isEditx && active }"
+  >
+    <!--#ifdef H5-->
+    <view
+      class="jfb-base-saas-bless-dialog__edit"
+      :class="{ editx : isEditx && active }"
+      v-if="isEditx && active"
+    >
+      <view class="jfb-base-saas-bless-dialog__edit-icon" @click="delEdit">删除</view>
+    </view>
+    <!-- #endif -->
+    <view class="jfb-base-saas-bless-dialog__body">
+      <view class="dialog_wrap" v-if="isShow">
+        <view class="dialog_mask"></view>
+        <view class="dialog_content">
+          <view class="dialog_num">
+            <text>1/4</text>
+          </view>
+          <view class="dialog_main">
+            <view class="_left" @click="handleChange('left')">
+              <xd-font-icon icon="iconxiangzuo_xian"></xd-font-icon>
+            </view>
+            <view class="_cont">
+              <image class="dialog_image" :src="currentImage"></image>
+              <view class="pop_tip">聚福宝节日祝福券  1张</view>
+              <view class="bless_wrap">
+                <view class="bless_name">亲爱的张珊珊：</view>
+                <view class="bless_cont">您收到了一份为您定制的专属祝福，快去查看并使用吧！</view>
+              </view>
+              <xd-button class="btn_image" type="primary" @click="handleToList">去看看</xd-button>
+            </view>
+            <view class="_right" @click="handleChange('right')">
+              <xd-font-icon icon="iconxiangyou_xian"></xd-font-icon>
+            </view>
+          </view>
+          <xd-font-icon
+            @click="handleClose"
+            class="dialog_close"
+            icon="iconguanbi_xian"
+            color="#fff"
+            size="64"
+          ></xd-font-icon>
+
+        </view>
+      </view>
+      <view
+        v-if="isPreview"
+        :style="{ background: backgroundColor, color: warningColor }"
+        class="jfb-base-con-dialog__body-pop"
+      >弹框方便编辑(占位)，在线上此模块不显</view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  import XdButton from "@/components/XdButton/XdButton"
+  import { jfbRootExec } from "@/utils/xd.event";
+  import JfbBaseSaasBlessDialogMixin from "./JfbBaseSaasBlessDialogMixin";
+  import { getContainerPropsValue } from "@/utils/xd.base";
+  import componentsMixins from "@/mixins/componentsMixins";
+  import extsMixins from "@/mixins/extsMixins";
+  export default {
+    name: "JfbBaseSaasBlessDialog",
+    components: {
+      XdFontIcon,
+      XdButton
+    },
+    mixins: [
+      componentsMixins, extsMixins, JfbBaseSaasBlessDialogMixin
+    ],
+    data() {
+      return {
+        isPreview: false, //是否预览
+        isShow: true,
+        currentImage: "",
+        currentIndex: 0,
+        list: [],
+
+        list_url: "",
+        type: "",
+        isHide: false,
+      }
+    },
+    watch: {
+      container(value) {
+        this.init(value)
+      }
+    },
+    created() {
+      this.isPreview = this.$configProject.isPreview;
+      this.init(this.container);
+    },
+    methods: {
+      onJfbLoad(options) {
+
+      },
+      /**
+       * @description 监听事件变化
+       * @param container {object} 业务组件对象自己
+       */
+      init(container) {
+        this.type = getContainerPropsValue(container, "content.type", 1);
+        this.isHide = getContainerPropsValue(container, "content.isHide", false);
+        if (this.isPreview) {
+          this.isShow = !this.isHide;
+        }
+      },
+      handleToList(){
+        this.$xdUniHelper.navigateTo({
+          url: `${this.list_url}`,
+        });
+      },
+      handleClose(){
+        if (this.currentIndex == this.list.length - 1 || this.type == 2) {
+          this.isShow = false;
+          return;
+        }
+        this.currentIndex = this.currentIndex + 1;
+      },
+      handleChange(type){
+        this.currentIndex = type === "left" ? this.currentIndex - 1 : this.currentIndex + 1;
+        this.currentIndex = Math.max(0, Math.min(this.currentIndex, this.list.length - 1));
+      },
+      onJfbScroll(options) {
+        console.log('event.onJfbScroll', options)
+      },
+      onJfbReachBottom(options) {
+        console.log('event.onJfbReachBottom', options)
+      },
+      onJfbShow(options) {
+        this.isShow=false
+        this.onJfbLoad(options);
+      },
+      onJfbHide(options) {
+        console.log('event.onJfbHide', options)
+      },
+      onJfbBack(options) {
+        console.log('event.onJfbBack', options)
+      },
+      onJfbUpdate(...data) {
+        console.log('event.onJfbUpdate', data)
+      },
+      onJfbCustomEvent(options) {
+        console.log('event.onJfbReachBottom', options)
+      },
+    }
+  }
+
+</script>
+
+<style scoped lang="less">
+  @import "./JfbBaseSaasBlessDialogLess.less";
+
+  .jfb-base-saas-bless-dialog {
+    &__body{
+      .dialog_wrap{
+        position: fixed;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        z-index: 3000;
+
+        .dialog_mask{
+          position: absolute;
+          top: 0;
+          bottom: 0;
+          left: 0;
+          right: 0;
+          background: rgba(0, 0, 0, 0.5);
+        }
+        .dialog_content{
+          max-height: unit(1000, rpx);
+          overflow-y: auto;
+          overflow-x: hidden;
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          display: flex;
+          flex-direction: column;
+
+          .dialog_num{
+            margin: 0 auto;
+            background: rgba(255, 255, 255, 0.5);
+            border-radius: unit(40, rpx);
+            padding: unit(8, rpx) unit(24, rpx);
+            color: #fff;
+            font-size: unit(40, rpx);
+          }
+          .dialog_close{
+            margin: 0 auto;
+          }
+          .dialog_main{
+            display: flex;
+            align-items: center;
+
+            ._left{
+              background: rgba(255, 255, 255, 0.1);
+              padding: unit(40, rpx) unit(10, rpx);
+              color: #fff;
+              border-radius: unit(40, rpx);
+            }
+            ._right{
+              background: rgba(255, 255, 255, 0.1);
+              padding: unit(40, rpx) unit(10, rpx);
+              color: #fff;
+              border-radius: unit(40, rpx);
+            }
+            ._cont{
+              min-width: unit(600, rpx);
+              min-height: unit(800, rpx);
+              height: unit(800, rpx);
+              display: flex;
+              align-items: center;
+              flex-direction: column;
+              margin: 20rpx;
+              position: relative;
+              background-color: #FFFFFF;
+              border-radius: 16rpx;
+
+              .dialog_image {
+                width: 100%;
+                height: 328rpx;
+                background: red;
+              }
+              .pop_tip{
+                width: 100%;
+                padding: 20rpx 32rpx;
+                background-color: #FFF2CD;
+                box-sizing: border-box;
+                color: #FA2300;
+                font-size: 28rpx;
+                font-weight: 400;
+              }
+              .bless_wrap{
+                padding: 48rpx 32rpx;
+                .bless_name{
+                  font-size: 36rpx;
+                  color: #333333;
+                  font-weight: 500;
+                }
+                .bless_cont{
+                  font-size: 32rpx;
+                  color: #999999;
+                  font-weight: 400;
+                  margin-top: 32rpx;
+                }
+              }
+              .btn_image{
+                width: unit(448, rpx);
+                height: unit(70, rpx);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+</style>

package/src/components/JfbBaseSaasBlessDialog/JfbBaseSaasBlessDialogLess.less

@@ -0,0 +1,80 @@
+/**
+* @desc 获取绝对路径完整地址
+* @param @path
+**/
+//例如：https://image.jufubao.cn/20220501010108/image/bg/default_gonghui_bg.png
+@basePath: 'business/';
+@doMain: '//sandbox-img.jufubao.cn/';
+
+.getBusinessImageUrl(@path, @size: 'size8') {
+  @url: "@{doMain}@{basePath}@{path}?x-oss-process=style/@{size}";
+  background-image: url(@url);
+}
+
+//start
+.jfb-base-saas-bless-dialog {
+  border: 1px dashed rgba(0, 0, 0, 0);
+  box-sizing: border-box;
+  min-height: unit(50, rpx);
+
+  &__body{
+      position: relative;
+      overflow: hidden;
+      z-index: 2
+  }
+
+  &.editx {
+    position: relative;
+    border: 1px dashed blue;
+    box-sizing: border-box;
+    z-index: 3
+
+  }
+
+  &:hover {
+    border: 1px dashed blue;
+  }
+
+  &.noBorder {
+    border-color: rgba(0,0,0,0);
+    border-width: 0;
+  }
+
+
+  &__edit {
+    cursor: pointer;
+    position: absolute;
+    right: unit(0, rpx);
+    top: unit(-52, rpx);
+    height: unit(50, rpx);
+    line-height: unit(50, rpx);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: rgba(0, 0, 0, .6);
+    border-radius: unit(10, rpx);
+    box-shadow: 0 0 10px rbga(0, 0, 0, 0.3);
+    color: #fff;
+    font-size: unit(22, rpx);
+
+    &-icon{
+      padding: 0 unit(20, rpx);
+    }
+
+    &.editx {
+      box-sizing: border-box;
+
+    }
+  }
+}
+//end
+
+
+/**notPreview**/
+.jfb-base-saas-bless-dialog {
+  &:before {
+    content: " ";
+    display: table;
+  }
+}
+/**endNotPreview**/

package/src/components/JfbBaseSaasBlessDialog/JfbBaseSaasBlessDialogMixin.js

@@ -0,0 +1,30 @@
+'use strict';
+
+
+//@AttrImport
+import Attr from "./Attr";
+//@EndAttrImport
+
+
+export default {
+  data() {
+    return {
+      //#ifdef H5
+      
+      //@AttrData
+      Attr:{}, //对外开发编辑属性
+      //@EndAttrData
+      
+      // #endif
+      cssRoot: 'jfb-base-saas-bless-dialog'
+    }
+  },
+  created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
+  },
+}

package/src/components/JfbBaseSaasBlessDialog/Mock.js

@@ -0,0 +1,5 @@
+'use strict';
+
+module.exports = {
+  aaaa: {}
+}

package/src/components/JfbBaseSaasBlessReceive/Api.js

@@ -0,0 +1,60 @@
+'use strict';
+
+/**
+ * @description API模型
+ * 建议：Ffff=>模块  Xxxx=>自定义名字
+ * 获取单记录(getByIdFfffXxxx)
+ * 获取列表记录(getByListFfffXxxx)
+ * 添加列表记录(addFfffXxxxx)
+ * 删除列表记录(removeFfffXxxxx|deleteFfffXxxx)
+ * 更新列表记录(updateFfffXxxxx)
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    mapFnName: 'getByIdFilmSquate', //自定义方法名字（必选）
+    title: '获取电影广场列表',
+    path: '/api/account/film/list-film-square',
+    isRule: false,
+    params: {
+      last_key: ['当前页', 'Number', '必选'],
+      page_size: ['每页数量', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'updateFilmPaiqiDate', //自定义方法名字（必选）
+    title: '更新排期',
+    path: '/api/account/film/paiqi-date',
+    isRule: false,
+    params: {
+      film_id: ['电影id', 'Number', '必选'],
+      cinema_id: ['影院id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'removeFilmAddress', //自定义方法名字（必选）
+    title: '删除我的配送地址',
+    path: '/api/account/film/paiqi-date',
+    isRule: false,
+    params: {
+      film_id: ['电影id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'addFilmcart',  //自定义方法名字（必选）
+    title: '添加购物车',
+    path: '/api/account/film/paiqi-date',
+    isRule: false,
+    params: {
+      film_id: ['电影id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+];

package/src/components/JfbBaseSaasBlessReceive/Attr.js

@@ -0,0 +1,106 @@
+'use strict';
+
+/**
+ * @description 当表单组件中有联动操作时候，使用方法进行返回
+ */
+export default {
+  style: [],
+  content: (data) => {
+    return [
+      {
+        label: '背景颜色:', //label
+        ele: 'xd-color', //package 名称
+        valueKey: 'bgcolor', //form[valueKey]
+        value: data.bgcolor || '', //v-model
+        placeholder: '请输入占位框背景颜色',
+        classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
+        rules: [
+          {
+            required: true,
+            message: '请输入占位框背景颜色',
+            trigger: 'blur'
+          },
+        ]
+      },
+      {
+        label: '选中路径:', //label
+        ele: 'xd-select-pages-path', //package 名称
+        valueKey: 'select-pages-path', //form[valueKey]
+        value: data['select-pages-path'] || {},
+        setting: {
+          router: XdBus.getParentApi('getPagesTree')
+        },
+        inline: false,
+      },
+      data.bgcolor && {
+        label: '高度:', //label
+        ele: 'el-input', //package 名称
+        type: 'number',
+        valueKey: 'height', //form[valueKey]
+        value: data.height || 100, //v-model
+        placeholder: '请输入占位框高度，单位像素，默认：10px',
+        className: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
+        rules: [
+          {
+            required: true,
+            message: '请输入占位框高度',
+            trigger: 'blur'
+          },
+        ]
+      },
+      {
+        label: '', //label
+        ele: 'slot', //package 名称
+        slot: 'is_reference',
+      },
+    ].filter(i=>i)
+  },
+  advanced: [
+    {
+      label: '背景颜色:', //label
+      ele: 'xd-color', //package 名称
+      valueKey: 'bgcolor', //form[valueKey]
+      value: '', //v-model
+      placeholder: '请输入占位框背景颜色',
+      classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
+      rules: [
+        {
+          required: true,
+          message: '请输入占位框背景颜色',
+          trigger: 'blur'
+        },
+      ]
+    },
+    {
+      label: '选中路径:', //label
+      ele: 'xd-select-pages-path', //package 名称
+      valueKey: 'select-pages-path', //form[valueKey]
+      value: null,
+      setting: {
+        router: XdBus.getParentApi('getPagesTree')
+      },
+      inline: false,
+    },
+    {
+      label: '高度:', //label
+      ele: 'el-input', //package 名称
+      type: 'number',
+      valueKey: 'height', //form[valueKey]
+      value: null, //v-model
+      placeholder: '请输入占位框高度，单位像素，默认：10px',
+      classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
+      rules: [
+        {
+          required: true,
+          message: '请输入占位框高度',
+          trigger: 'blur'
+        },
+      ]
+    },
+    {
+      label: '', //label
+      ele: 'slot', //package 名称
+      slot: 'is_reference',
+    },
+  ],
+};