jufubao-third 1.0.21 → 1.0.22-beta10

package/src/components/JfbThirdRideHome/JfbThirdRideHomeLess.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-third-ride-home {
+  box-sizing: border-box;
+
+  &__body{
+      position: relative;
+      overflow: hidden;
+      z-index: 2
+  }
+
+  &.editx,&.editx:hover {
+    position: relative;
+    min-height: unit(100, rpx);
+    z-index: 3;
+    &::after {
+      border: 2rpx dashed blue;
+      content: " ";
+      position: absolute;
+      top:0;
+      left:0;
+      bottom:0;
+      right:0;
+      z-index: var(--preview-z-index);
+      cursor: pointer;
+    }
+
+  }
+
+
+  &__edit {
+    cursor: pointer;
+    position: absolute;
+    right: unit(0, rpx);
+    top: unit(0, rpx);
+    height: unit(50, rpx);
+    z-index: 100;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: rgba(0, 0, 0, .4);
+    border-radius: 0 0 0 20rpx;
+    box-shadow: 0 0 10px rbga(0, 0, 0, 0.3);
+    color: #fff;
+    font-size: unit(22, rpx);
+    padding: 0 6rpx 0 6px;
+
+    &-icon{
+      padding: 0 unit(20, rpx);
+    }
+
+    &.editx {
+      box-sizing: border-box;
+
+    }
+  }
+}
+//end
+
+
+/**notPreview**/
+.jfb-third-ride-home {
+  //&:before {
+    //content: " ";
+    //display: table;
+  //}
+}
+/**endNotPreview**/

package/src/components/JfbThirdRideHome/JfbThirdRideHomeMixin.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-third-ride-home'
+    }
+  },
+  created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
+  },
+}

package/src/components/JfbThirdRideHome/Mock.js

@@ -0,0 +1,13 @@
+'use strict';
+
+module.exports = {
+  
+  getRideReservationTime:{
+    "start_time": 0,
+    "end_time": 0
+  },
+  getRideEstimatePrice:{
+    "estimate_id": 0
+  }
+  
+}

package/src/components/JfbThirdRideHome/cusAttr/advanced.js

@@ -0,0 +1,52 @@
+'use strict';
+
+export default (data, gValue, gColor, oldData) => {
+  return [
+    //高级
+    {
+      label: '起终点地址',
+      groupKey:'advanced',
+      className: 'input100',
+      ele: 'xd-select-pages-path',
+      valueKey: 'selectLocationPath',
+      placeholder: '请选择起终点位置选择页路径',
+      labelInline: true,
+      inline: false,
+      value: data['selectLocationPath'] || null,
+      setting: {
+        mode:'new',
+        router: XdBus.getParentApi('getPagesTree')
+      },
+    },
+    {
+      label: '确认用车',
+      groupKey:'advanced',
+      className: 'input100',
+      ele: 'xd-select-pages-path',
+      valueKey: 'rideConfirmPath',
+      placeholder: '请选择确认用车页路径',
+      labelInline: true,
+      inline: false,
+      value: data['rideConfirmPath'] || null,
+      setting: {
+        mode:'new',
+        router: XdBus.getParentApi('getPagesTree')
+      },
+    },
+    {
+      label: '出行记录',
+      groupKey:'advanced',
+      className: 'input100',
+      ele: 'xd-select-pages-path',
+      valueKey: 'rideRecordPath',
+      placeholder: '请选择出行记录页路径',
+      labelInline: true,
+      inline: false,
+      value: data['rideRecordPath'] || null,
+      setting: {
+        mode:'new',
+        router: XdBus.getParentApi('getPagesTree')
+      },
+    },
+  ].filter(i=>i)
+}

package/src/components/JfbThirdRideHome/cusAttr/content.js

@@ -0,0 +1,27 @@
+'use strict';
+import { dataVal } from "@/utils/AttrTools";
+
+export default (data, gValue, gColor, oldData) => {
+  return [
+    //内容
+    {
+      label: "业务线",
+      ele: "xd-choose-namespace",
+      valueKey: "xnamespace",
+      value: dataVal({data, key:'xnamespace', dValue:"", gValue}),
+      groupKey:'content',
+      className: 'input80',
+      labelInline:true,
+      placeholder: '请选择业务线',
+      notice: '空继承上级业务线',
+      inline: false,
+      handleCustom: (cb) => {
+        XdBus.getParentApi('getOptionsNamespaces')()
+          .then(res => {
+            cb(res.list)
+          })
+          .catch();
+      }
+    },
+  ].filter(i=>i)
+}

package/src/components/JfbThirdRideHome/cusAttr/style.js

@@ -0,0 +1,7 @@
+'use strict';
+
+export default (data, gValue, gColor, oldData) => {
+  return [
+    //风格
+  ].filter(i=>i)
+}

package/src/components/JfbThirdRideLand/Api.js

@@ -0,0 +1,58 @@
+'use strict';
+/**
+ * @description  接口配置，
+ * 在设置方法名字当时候，别忘记加上【模块名字】：Ride
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    //设置方法名字当别忘记加上【模块名字】：Ride
+    mapFnName: 'getRideByIdFilmSquate',
+    title: '获取电影广场列表',
+    path: '/api/account/film/list-film-square',
+    isRule: false,
+    params: {
+      last_key: ['当前页', 'Number', '必选'],
+      page_size: ['每页数量', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    //设置方法名字当别忘记加上【模块名字】：Ride
+    mapFnName: 'updateRideFilmPaiqiDate',
+    title: '更新排期',
+    path: '/api/account/film/paiqi-date',
+    isRule: false,
+    params: {
+      film_id: ['电影id', 'Number', '必选'],
+      cinema_id: ['影院id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    //设置方法名字当别忘记加上【模块名字】：Ride
+    mapFnName: 'removeRideFilmAddress',
+    title: '删除我的配送地址',
+    path: '/api/account/film/paiqi-date',
+    isRule: false,
+    params: {
+      film_id: ['电影id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    //设置方法名字当别忘记加上【模块名字】：Ride
+    mapFnName: 'addRideFilmcart',
+    title: '添加购物车',
+    path: '/api/account/film/paiqi-date',
+    isRule: false,
+    params: {
+      film_id: ['电影id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+];

package/src/components/JfbThirdRideLand/Attr.js

@@ -0,0 +1,17 @@
+'use strict';
+
+import style from "./cusAttr/style";
+import advanced from "./cusAttr/advanced";
+import content from "./cusAttr/content";
+
+export default {
+  style: [],
+  advanced: [],
+  content: (data, gValue, gColor, oldData = {}) => {
+    return [
+      ...content(data, gValue, gColor, oldData),
+      ...style(data, gValue, gColor, oldData),
+      ...advanced(data, gValue, gColor, oldData),
+    ].filter(i => i)
+  },
+}

package/src/components/JfbThirdRideLand/JfbThirdRideLand.vue

@@ -0,0 +1,256 @@
+<template>
+  <view
+    class="jfb-third-ride-land"
+    @click="handleEditxSelect"
+    :class="{ editx : isEditx && active }"
+  >
+    <!--#ifdef H5-->
+    <view
+      class="jfb-third-ride-land__edit"
+      :class="{ editx : isEditx && active }"
+      v-if="isEditx && active"
+    >
+      <view class="jfb-third-ride-land__edit-icon" @click.stop="delEdit">
+        <xd-font-icon icon="iconshanchu-01" color="#fff" size="30"></xd-font-icon>
+      </view>
+    </view>
+    <!-- #endif -->
+    <view class="jfb-third-ride-land__body" :style="[bodyStyle, bgStyle]">
+      <view class="land_box" :style="cardStyle" v-html="contentHtml"></view>
+      <view
+        class="land_btn"
+        :class="{ 'land_btn--disabled': btnDisabled }"
+        @click="handleBtnClick"
+      >
+        <text class="land_btn-text">{{ btnText }}{{ countdownText }}</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  import { jfbRootExec } from "@/utils/xd.event";
+  import JfbThirdRideLandMixin from "./JfbThirdRideLandMixin";
+  import { gCPVal } from "@/utils/xd.base";
+  import posterMixins from "@/mixins/posterMixins";
+  import componentsMixins from "@/mixins/componentsMixins";
+  import extsMixins from "@/mixins/extsMixins";
+  import getServiceUrl from "@/common/getServiceUrl";
+  export default {
+    name: "JfbThirdRideLand",
+    components: {
+      XdFontIcon
+    },
+    mixins: [
+      componentsMixins, extsMixins, JfbThirdRideLandMixin, posterMixins
+    ],
+    data() {
+      return {
+        //内容
+        contentHtml: '',
+        btnText: '我已知晓',
+        btnLink: null,
+        countdown: 0,
+        countdownLeft: 0,
+        countdownTimer: null,
+        //样式
+        bgImage: '',
+        margin: {},
+        padding: {},
+        radius: 24,
+      }
+    },
+    computed: {
+      //页面背景（背景图）
+      bgStyle(){
+        let style = {};
+        if(this.bgImage) {
+          style.backgroundImage = `url(${getServiceUrl(this.bgImage)})`;
+          style.backgroundSize = '100% 100%';
+          style.backgroundPosition = 'center';
+          style.backgroundRepeat = 'no-repeat';
+        }
+        return style;
+      },
+      //外边距
+      bodyStyle(){
+        let style = {
+          padding: this.getMarginAndPadding(this.margin, 32)
+        };
+        //最小高度为窗口内容区高度
+        if(this.layoutInfo && this.layoutInfo.bodyMinHeightRpx) {
+          style.minHeight = this.layoutInfo.bodyMinHeightRpx + 'rpx';
+        }
+        return style;
+      },
+      //内容卡片样式（内边距 + 圆角）
+      cardStyle(){
+        return {
+          padding: this.getMarginAndPadding(this.padding, 32),
+          borderRadius: this.radius + 'rpx'
+        }
+      },
+      //按钮是否处于倒计时禁用状态
+      btnDisabled(){
+        return this.countdownLeft > 0;
+      },
+      //倒计时文案
+      countdownText(){
+        return this.btnDisabled ? `（${this.countdownLeft}s）` : '';
+      }
+    },
+    watch: {
+      container(value, oldValue) {
+        if (JSON.stringify(value) === JSON.stringify(oldValue)) return;
+        if (this.$configProject['isPreview']) this.init(value)
+      },
+    },
+    created() {
+      this.init(this.container);
+
+      //todo
+    },
+    beforeDestroy() {
+      this.clearCountdown();
+    },
+    methods: {
+      onJfbLoad(options) {
+
+        // jfbRootExec('baiduUserLogin', {
+
+        //   vm: this,//   data: {
+
+        //     account: 'gaoshiyong',//     password: '123456789',//     type: 3,//     ...options
+
+        //   }
+
+        // }).then().catch()
+      },
+      /**
+       * @description 监听事件变化
+       * @param container {object} 业务组件对象自己
+       */
+      init(container) {
+        //内容
+        this.contentHtml = gCPVal(container, 'contentHtml', '');
+        this.btnText = gCPVal(container, 'btnText', '我已知晓');
+        this.btnLink = gCPVal(container, 'btnLink', "");
+        this.countdown = gCPVal(container, 'countdown', 0);
+        //样式
+        let bgImageVal = gCPVal(container, 'bgImage', {});
+        this.bgImage = bgImageVal && bgImageVal.url ? bgImageVal.url : '';
+        this.margin = gCPVal(container, 'margin', 32, {sKey: 'marginStatus', fields: ['margin'], isPM: true});
+        this.padding = gCPVal(container, 'padding', 32, {sKey: 'paddingStatus', fields: ['padding'], isPM: true});
+        this.radius = gCPVal(container, 'radius', 24, {sKey: 'radiusStatus', fields: ['radius']});
+        //启动倒计时
+        this.startCountdown();
+      },
+      /**
+       * @description 开始倒计时
+       */
+      startCountdown(){
+        this.clearCountdown();
+        let count = Number(this.countdown) || 0;
+        if(count <= 0) return;
+        this.countdownLeft = count;
+        this.countdownTimer = setInterval(() => {
+          this.countdownLeft--;
+          if(this.countdownLeft <= 0) this.clearCountdown();
+        }, 1000);
+      },
+      /**
+       * @description 清除倒计时
+       */
+      clearCountdown(){
+        if(this.countdownTimer) {
+          clearInterval(this.countdownTimer);
+          this.countdownTimer = null;
+        }
+        this.countdownLeft = 0;
+      },
+      createUrlPosterItem(url=''){
+        return {
+          redirect_type: 'URL',               
+          redirect_data: JSON.stringify({url}),
+          app_type: 'h5',
+          redirect_params: '',
+          deploy_dir: ''
+        };
+      },
+      /**
+       * @description 点击按钮，倒计时结束后跳转配置的链接
+       */
+      handleBtnClick(){
+        if (this.$configProject['isPreview']) return;
+        if(this.btnDisabled) return;
+        this.handlePosterClick(this.createUrlPosterItem(this.btnLink))
+        // this.$xdUniHelper.navigateTo({
+        //   url: this.btnLink
+        //  });
+      },
+      onJfbScroll(options) {
+        console.log('event.onJfbScroll', options)
+      },
+      onJfbReachBottom(options) {
+        console.log('event.onJfbReachBottom', options)
+      },
+      onJfbShow(options) {
+        console.log('event.onJfbShow', 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 "./JfbThirdRideLandLess.less";
+
+  .jfb-third-ride-land {
+    &__body{
+      box-sizing: border-box;
+
+      .land_box{
+        background: #FFFFFF;
+      }
+
+      //底部按钮
+      .land_btn{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 448rpx;
+        margin: 48rpx auto 0;
+        padding: 30rpx 0;
+        background: #FFFFFF;
+        border-radius: 60rpx;
+
+        .land_btn-text {
+          color: #333333;
+          font-size: 28rpx;
+          letter-spacing: 2rpx;
+        }
+
+        &--disabled {
+          background: #E6E6E9;
+
+          .land_btn-text {
+            color: #999999;
+          }
+        }
+      }
+    }
+  }
+</style>

package/src/components/JfbThirdRideLand/JfbThirdRideLandLess.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-third-ride-land {
+  box-sizing: border-box;
+
+  &__body{
+      position: relative;
+      overflow: hidden;
+      z-index: 2
+  }
+
+  &.editx,&.editx:hover {
+    position: relative;
+    min-height: unit(100, rpx);
+    z-index: 3;
+    &::after {
+      border: 2rpx dashed blue;
+      content: " ";
+      position: absolute;
+      top:0;
+      left:0;
+      bottom:0;
+      right:0;
+      z-index: var(--preview-z-index);
+      cursor: pointer;
+    }
+
+  }
+
+
+  &__edit {
+    cursor: pointer;
+    position: absolute;
+    right: unit(0, rpx);
+    top: unit(0, rpx);
+    height: unit(50, rpx);
+    z-index: 100;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: rgba(0, 0, 0, .4);
+    border-radius: 0 0 0 20rpx;
+    box-shadow: 0 0 10px rbga(0, 0, 0, 0.3);
+    color: #fff;
+    font-size: unit(22, rpx);
+    padding: 0 6rpx 0 6px;
+
+    &-icon{
+      padding: 0 unit(20, rpx);
+    }
+
+    &.editx {
+      box-sizing: border-box;
+
+    }
+  }
+}
+//end
+
+
+/**notPreview**/
+.jfb-third-ride-land {
+  //&:before {
+    //content: " ";
+    //display: table;
+  //}
+}
+/**endNotPreview**/

package/src/components/JfbThirdRideLand/JfbThirdRideLandMixin.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-third-ride-land'
+    }
+  },
+  created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
+  },
+}

package/src/components/JfbThirdRideLand/Mock.js

@@ -0,0 +1,13 @@
+'use strict';
+
+module.exports = {
+  
+  getRideByIdFilmSquate:{},
+  
+  updateRideFilmPaiqiDate:{},
+  
+  removeRideFilmAddress:{},
+  
+  addRideFilmcart:{},
+  
+}

package/src/components/JfbThirdRideLand/cusAttr/advanced.js

@@ -0,0 +1,22 @@
+'use strict';
+
+export default (data, gValue, gColor, oldData) => {
+  return [
+    //高级
+    // {
+    //   label: '按钮跳转',
+    //   groupKey:'advanced',
+    //   className: 'input100',
+    //   ele: 'xd-select-pages-path',
+    //   valueKey: 'btnLink',
+    //   placeholder: '请选择按钮跳转页面路径',
+    //   labelInline: true,
+    //   inline: false,
+    //   value: data['btnLink'] || null,
+    //   setting: {
+    //     mode:'new',
+    //     router: XdBus.getParentApi('getPagesTree')
+    //   },
+    // },
+  ].filter(i=>i)
+}