jufubao-base 1.0.21 → 1.0.23-beta2

package/src/components/JfbBaseVideo/XdVideo.vue

@@ -0,0 +1,170 @@
+<template>
+  <view class="video-box">
+    <view class="thumb" :class="{noImageUrl: !imageUrl}" v-if="!playStatus">
+      <image :src="imageUrl" v-if="imageUrl" />
+      <view v-if="videoUrl" @click="handlePlay()">
+        <xd-font-icon
+          :icon="iconFont"
+          size="100"
+          color="#fff"
+        ></xd-font-icon>
+      </view>
+    </view>
+    <view
+      class="video"
+      :style="{borderRadius: radius + 'rpx'}"
+      v-else
+    >
+      <video
+        v-if="videoUrl"
+        :src="videoUrl"
+        :autoplay="autoplay === 'Y'"
+        @ended="handleEnd()"
+        @error="handleError"
+      ></video>
+    </view>
+  </view>
+</template>
+
+<script>
+ import getServiceUrl from '@/common/getServiceUrl'
+ import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+
+  export default {
+    name:'XdVideo',
+    components:{
+      XdFontIcon
+    },
+    props:{
+      margin:{
+        type: Object,
+        default(){
+          return {}
+        }
+      },
+      poster:{
+        type:Object,
+        required: true
+      },
+      radius:{
+        type: String|Number,
+        default: 0
+      },
+      video:{
+        type:Object,
+        required: true
+      },
+    },
+    data(){
+      return {
+        isPreview: false,
+
+        //play
+        imageUrl: '',
+        videoUrl: '',
+        playStatus: false,
+        autoplay: 'N',
+      }
+    },
+    computed: {
+      iconFont(){
+        if(this.autoplay === 'N') return 'iconplayright'
+        if(this.autoplay === 'E') return 'iconshibai';
+        if(this.autoplay === 'R') return 'iconplayreplay';
+      },
+    },
+    watch:{
+      poster(){
+        this.init();
+      }
+    },
+    created() {
+      this.isPreview = this.$configProject.isPreview;
+      this.init();
+    },
+    methods:{
+      init(){
+        if(this.poster.size) {
+          this.width = Number(this.poster.size.width);
+          this.height = Number(this.poster.size.height);
+        }
+
+        let {image_url, thumb} = this.video;
+        if(image_url) this.videoUrl = getServiceUrl(image_url);
+        if(thumb) this.imageUrl = getServiceUrl(thumb);
+      },
+      handlePlay(){
+        if(this.autoplay === 'E') return;
+        this.playStatus = !this.playStatus;
+        this.autoplay = "Y";
+      },
+
+      handleEnd(){
+        setTimeout(()=>{
+          this.playStatus = !this.playStatus;
+          this.autoplay = "R";
+        }, 1000)
+      },
+
+      handleError(){
+        this.$xdConfirm({
+          title: '温馨提示',
+          content:'当前视频资源无法播放',
+          cancel: false,
+          confirmText:'我知道了',
+          zIndex:10000,
+          success:()=>{
+            this.playStatus = !this.playStatus;
+            this.autoplay = "R";
+          }
+        })
+
+      }
+    }
+  }
+</script>
+
+
+
+<style scoped lang="less">
+.video-box {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  view.noImageUrl {
+    background: rgba(0,0,0,.6);
+  }
+  view.thumb {
+    height: 100%;
+    width: 100%;
+    position: relative;
+    overflow: hidden;
+
+    & > view {
+      width: 120rpx;
+      height: 120rpx;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      margin-top: -60rpx;
+      margin-left:-60rpx;
+    }
+
+    & > image {
+      height: 100%;
+      width: 100%;
+    }
+  }
+
+  view.video {
+    overflow: hidden;
+    height: 100%;
+    width: 100%;
+
+    & video {
+      height: 100%;
+      width: 100%;
+    }
+  }
+}
+</style>

package/src/components/JfbBaseWallet/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/JfbBaseWallet/Attr.js

@@ -0,0 +1,479 @@
+'use strict';
+
+/**
+ * @description 当表单组件中有联动操作时候，使用方法进行返回
+ */
+export default {
+  style: [],
+  content: (data) => {
+    return [
+      {
+        label: '我的账户自定义名称:',
+        ele: 'el-input',
+        type: 'text',
+        valueKey: 'accountName',
+        groupKey:'content',
+        value: data['accountName'] || '',
+        placeholder: '请我的账户自定义名称',
+        className: 'input80',
+        rules: [
+          {
+            required: false,
+            validator: (rule, value, callback) => {
+              value = value.trim();
+              if(value.length === 0) return callback()
+              if (value.length < 2 || value.length > 6) callback('我的账户自定义名称长度为：2-6字符');
+              else callback()
+            },
+            trigger: 'blur'
+          }
+        ],
+        notice: '我的账户自定义名称设置，默认值：<span style="color:red">我的账户</span>，长度为：2-6字符',
+        inline: false,
+      },
+      {
+        label: '更改分类label(可排序):',
+        ele: 'xd-set-sort-label',
+        valueKey: 'newLabel',
+        groupKey:'content',
+        value: data['newLabel'] || null,
+        defaultValue: data['newLabel'],
+        setting: {
+          isNeedSwitch: false,
+        },
+        list: [
+          {
+            icon: "iconpiao",
+            label: "票券",
+            value: 'card',
+            sort: 1,
+          },
+          {
+            icon: "iconyuanbao",
+            label: "元宝",
+            value: 'wallet',
+            sort: 2
+          },
+          {
+            icon: "iconjifenjilu",
+            label: "积分",
+            value: 'score',
+            sort: 3
+          },
+        ],
+        rules: [
+          {
+            required: false,
+            validator: (rule, value, callback) => {
+              let yes = [];
+              if(value.length === 0) return callback()
+              value.map(item=>{
+                if(item.newLabel && (item.newLabel.length < 2 || item.newLabel.length > 4)) {
+                  yes.push(item.label)
+                }
+              });
+              if (yes.length > 0) callback('分类名称长度为：2-4字符');
+              else callback()
+            },
+            trigger: 'blur'
+          }
+        ],
+        notice: '自定义分类名称长度为：2-4字符',
+        inline: false,
+      },
+      {
+        label: '是否展示票券入口:',
+        labelInline:true,
+        ele: 'xd-radio',
+        valueKey: 'isCard',
+        groupKey:'content',
+        value: data['isCard'] || 'Y',
+        list: [
+          { "label": "展示", "value": 'Y' },
+          { "label": "隐藏", "value": 'N' },
+        ]
+      },
+      {
+        label: '是否展示元宝入口:',
+        labelInline:true,
+        ele: 'xd-radio',
+        valueKey: 'isYuanbao',
+        groupKey:'content',
+        value: data['isYuanbao'] || 'Y',
+        list: [
+          { "label": "展示", "value": 'Y' },
+          { "label": "隐藏", "value": 'N' },
+        ]
+      },
+      {
+        label: '是否展示积分入口:',
+        labelInline:true,
+        ele: 'xd-radio',
+        valueKey: 'isIntegral',
+        groupKey:'content',
+        value: data['isIntegral'] || 'Y',
+        list: [
+          { "label": "展示", "value": 'Y' },
+          { "label": "隐藏", "value": 'N' },
+        ]
+      },
+
+
+      //style
+
+      {
+        ele: 'title',
+        label: '基础设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: '行间距:',
+        ele: 'el-input',
+        type: 'number',
+        labelInline:true,
+        valueKey: 'rowSpacing',
+        groupKey:'style',
+        value: data.rowSpacing|| '',
+        placeholder: '请输入行间距',
+        className: 'input60',
+        inline: false,
+        notice: '设置间距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">10</span>像素',
+      },
+      {
+        label: '列间距:',
+        ele: 'el-input',
+        type: 'number',
+        labelInline:true,
+        groupKey:'style',
+        valueKey: 'columnSpacing',
+        value: data['columnSpacing'] || '',
+        notice: '列间距设置，单位：像素，默认值：<span style="color:red">36</span> px',
+        inline: false,
+        className: 'input60',
+      },
+      {
+        label: '外边距:',
+        ele: 'xd-margin-padding',
+        valueKey: 'bodyMargin',
+        groupKey:'style',
+        value: data['bodyMargin'] || null,
+        setting: {
+          type: 'margin',
+        },
+        placeholder: '请设置外边距',
+        inline: false,
+        notice: '设置外边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">0</span>像素',
+      },
+      {
+        label: '外填充:',
+        ele: 'xd-margin-padding',
+        valueKey: 'bodyPadding',
+        groupKey:'style',
+        value: data['bodyPadding'] || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置外填充',
+        inline: false,
+        notice: '设置填充值，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+      },
+      {
+        label: '标题边距设置:',
+        ele: 'xd-margin-padding',
+        valueKey: 'titleMargin',
+        groupKey:'style',
+        value: data['titleMargin'] || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置标题边距',
+        inline: false,
+        notice: '设置标题边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">0</span>像素',
+      },
+      {
+        label: '背景颜色:',
+        ele: 'xd-color',
+        valueKey: 'bodyBgColor',
+        groupKey:'style',
+        value: data['bodyBgColor'] || null,
+        placeholder: '请选择背景颜色',
+        labelInline:true,
+        classNmae: 'input80',
+      },
+      {
+        label: '圆角设置:',
+        ele: 'xd-site-select-list',
+        valueKey: 'bodyRadius',
+        groupKey:'style',
+        value: data['bodyRadius'],
+        labelInline:true,
+        placeholder: '请选择圆角设置',
+        multiple: false,
+        className: 'input80',
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+            });
+        },
+      },
+      {
+        ele: 'title',
+        label: '我的账号设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: "样式设置",
+        ele: "xd-text-and-bgc",
+        groupKey:'style',
+        valueKey: 'titleStyle',
+        value: data['titleStyle'] || null,
+        setting: {
+          fontSize: true,
+          color: true,
+          bgColor: false,
+          weight: true,
+          selected:false
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+              data.cb([])
+            });
+        },
+      },
+
+      {
+        ele: 'title',
+        label: '轮廓设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: '填充:',
+        ele: 'xd-margin-padding',
+        valueKey: 'contPadding',
+        groupKey:'style',
+        value: data['contPadding'] || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置外填充',
+        inline: false,
+        notice: '设置填充值，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">32px 32px 48px 48px</span>像素',
+      },
+      {
+        label: '背景颜色:',
+        ele: 'xd-color',
+        valueKey: 'contBgColor',
+        groupKey:'style',
+        value: data['contBgColor'] || null,
+        placeholder: '请选择背景颜色',
+        labelInline:true,
+        classNmae: 'input80',
+      },
+      {
+        label: '圆角设置:',
+        ele: 'xd-site-select-list',
+        valueKey: 'contRadius',
+        groupKey:'style',
+        value: data['contRadius'],
+        labelInline:true,
+        placeholder: '请选择圆角设置',
+        multiple: false,
+        className: 'input80',
+        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-shadow',
+        groupKey:'style',
+        valueKey: 'contShadow',
+        labelInline:true,
+        value: data['contShadow'] || '',
+        setting: {
+          selected: 'N'
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+              data.cb([])
+            });
+        },
+      },
+      {
+        label: '边框设置:',
+        ele: 'xd-border',
+        groupKey:'style',
+        valueKey: 'contBorder',
+        labelInline:true,
+        value: data['contBorder'] || {},
+        setting: {
+          selected:'N'
+        },
+      },
+
+      {
+        ele: 'title',
+        label: '内容设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      {
+        label: '填充:',
+        ele: 'xd-margin-padding',
+        valueKey: 'itemPadding',
+        groupKey:'style',
+        value: data['itemPadding'] || null,
+        setting: {
+          type: 'padding',
+        },
+        placeholder: '请设置外填充',
+        inline: false,
+        notice: '设置填充值，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20px 20px 0 0</span>像素',
+      },
+      {
+        label: "标题样式设置",
+        ele: "xd-text-and-bgc",
+        groupKey:'style',
+        valueKey: 'itemStyle',
+        value: data['itemStyle'] || null,
+        setting: {
+          fontSize: true,
+          color: true,
+          bgColor: false,
+          weight: true,
+          selected:false
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+              data.cb([])
+            });
+        },
+      },
+      {
+        label: '背景颜色:',
+        ele: 'xd-color',
+        valueKey: 'itemBgColor',
+        labelInline:true,
+        groupKey:'style',
+        value: data['itemBgColor'] || null,
+        placeholder: '请选择背景颜色',
+        classNmae: 'input80',
+      },
+      {
+        label: '圆角设置:',
+        ele: 'xd-site-select-list',
+        valueKey: 'itemRadius',
+        groupKey:'style',
+        value: data['itemRadius'],
+        labelInline:true,
+        placeholder: '请选择圆角设置',
+        multiple: false,
+        className: 'input80',
+        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-shadow',
+        groupKey:'style',
+        labelInline:true,
+        valueKey: 'itemShadow',
+        value: data['itemShadow'] || '',
+        setting: {
+          selected: 'N'
+        },
+        handleCustom({action, data}) {
+          XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
+            .then(res => {
+              data.cb(res.list)
+            })
+            .catch(error => {
+              console.error(error);
+              data.cb([])
+            });
+        },
+      },
+      {
+        label: '边框设置:',
+        ele: 'xd-border',
+        groupKey:'style',
+        labelInline:true,
+        valueKey: 'itemBorder',
+        value: data['itemBorder'] || {},
+        setting: {
+          selected:'N'
+        },
+      },
+
+      {
+        label: '元宝跳转路径:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'yuanbaoPath',
+        groupKey:'advanced',
+        value: data['yuanbaoPath'] || {},
+        setting: {
+          router: XdBus.getParentApi('getPagesTree')
+        },
+        inline: false,
+      },
+      {
+        label: '票券跳转路径:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'cardPath',
+        groupKey:'advanced',
+        value: data['cardPath'] || {},
+        setting: {
+          router: XdBus.getParentApi('getPagesTree')
+        },
+        inline: false,
+      },
+      {
+        label: '积分跳转路径:',
+        ele: 'xd-select-pages-path',
+        groupKey:'advanced',
+        valueKey: 'integralPath',
+        value: data['integralPath'] || {},
+        setting: {
+          router: XdBus.getParentApi('getPagesTree')
+        },
+        inline: false,
+      },
+    ].filter(i => i)
+  },
+  advanced: [],
+};