gxd-uni-library-editx 1.0.0

package/src/dome/dome/my.vue

@@ -0,0 +1,171 @@
+<template>
+  <xd-layout
+    :title="title"
+    background="#f8f8f8"
+    :show-bar="true"
+    :show-back="true"
+    @back="back"
+    @done="handleDone"
+  >
+    <xd-my></xd-my>
+  </xd-layout>
+</template>
+
+<script>
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdMy from "@/components/XdMy/XdMy";
+
+  export default {
+    name: "XdCartInde",
+    components: {
+      XdMy,
+      XdLayout,
+    },
+    data() {
+      return {
+        top: 0, //顶部到顶部自定义位置距离
+        bottom: 0, //底部到底部自定义位置距离
+        layoutDone: false, //layout插件加载完成
+
+        isAll: true, //是否全选
+        btnMsg: '结算',
+        title: '购物车',
+        selectCart: null
+      }
+    },
+    created(){
+
+    },
+
+    methods: {
+
+      getProductPrice(price){
+        return this.$xdUniHelper.divisionFloatNumber(price, 100)
+      },
+
+      /**
+       * @description 全选选中购物车
+       * @param status
+       */
+      handleChangeAll(status){
+        this.$refs['xd-store-cart'].setIsAll(status);//调用插件内的方式
+      },
+
+      /**
+       * @description 选中购物车事件
+       * @param select
+       */
+      handleSelect(select){
+        console.log('handleSelect',select);
+        this.selectCart = select;
+        if(select.totalNum > 0) this.btnMsg = `结算(${select.totalNum})`;
+        else  this.btnMsg = `结算`;
+        if (select.countNum > 0)  this.title = `购物车(${select.countNum})`;
+        else this.title = `购物车`;
+        this.isAll = select.isAll;
+      },
+
+
+      /**
+       * @description 确认订单
+       * @param item 门店与商品信息
+       */
+      handlePayClick(item) {
+        console.log('handlePayClick',item)
+      },
+
+      /**
+       * @description 删除购物车商品
+       * @param product {Object} 商品信息
+       * @param item {Object} 门店信息
+       * @param delDone {Function} 商品删除完成回调
+       */
+      handleRemoveCurt(product, item , delDone){
+        console.log('handleRemoveCurt', product, item);
+        setTimeout(()=>{
+          delDone();
+        },2000)
+      },
+
+      /**
+       * @description 商品增加购买数量
+       * @param product {Object} 商品信息
+       * @param item {Object} 门店信息
+       * @param setDone {Function} 商品增加数量完成回调 1=>更新成功 2=>更新失败
+       */
+      handleCurtSetNumber(product, item, setDone) {
+        console.log('handleCurtSetNumber', product, item);
+        this.$xdShowLoading({});
+        setTimeout(() => {
+          setDone(1);
+          this.$xdHideLoading()
+        }, 1000)
+      },
+
+      /**
+       * @description 获取购物车数据
+       * @param resolve {Function} 获取购物车数据完成回调
+       */
+      handleCurtList(resolve) {
+        console.log('handleCurtSetNumber');
+        uni.showLoading({});
+        setTimeout(() => {
+          //null=>使用测试数据
+          //array => 正式数据
+          resolve(null);
+          uni.hideLoading()
+        }, 100)
+      },
+
+      handleDone(layoutInfo) {
+        let {bottom, top} = layoutInfo;
+        this.bottom = bottom;
+        this.layoutDone = true;
+      },
+
+      back() {
+        this.$xdUniHelper.navigateBack()
+      },
+
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .app-body {
+    &__footer {
+      position: fixed;
+      left: 0;
+      right: 0;
+      border-top: 1px solid #efefef;
+      background: #fff;
+      height: unit(100,rpx);
+      box-shadow: 0 0 unit(10,rpx) rgba(0,0,0,.1);
+      z-index: 100;
+      padding: 0 unit(20,rpx);
+
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      & > view:first-child{
+        transform: scale(.86);
+      }
+
+      & > view:first-child,
+      & > view:nth-child(2),
+      & >view:last-child {
+        flex-shrink: 0;
+      }
+
+      & > view:nth-child(2){
+        margin-left: unit(20,rpx);
+      }
+
+      & > view:nth-child(3) {
+        flex: 1;
+        margin-left: unit(20,rpx);
+      }
+    }
+  }
+</style>

package/src/dome/dome/notice.vue

@@ -0,0 +1,93 @@
+<template>
+  <xd-layout
+    title="NoticeBar 通告栏"
+    background="#f8f8f8"
+    :show-bar="true"
+    @back="back"
+  >
+  <view class="app-content">
+    <xd-notice-bar single="true">
+      <view> 这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏</view>
+    </xd-notice-bar>
+    <xd-notice-bar>
+      <view>这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏</view>
+    </xd-notice-bar>
+    <!-- 文字滚动 -->
+    <xd-notice-bar
+      scrollable="true"
+      single="true"
+    >
+      <view> 这是 NoticeBar 通告栏，</view>
+      <view>这是 NoticeBar 通告栏</view>
+      <view>这是 NoticeBar 通告栏</view>
+    </xd-notice-bar>
+
+    <!-- 显示图标 -->
+    <xd-notice-bar
+      showIcon="true"
+    >
+      <view>1. 本插件需要申请的系统权限列表：</view>
+      <view>2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：</view>
+      <view>3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：</view>
+    </xd-notice-bar>
+
+    <!-- 显示关闭按钮 -->
+    <view>
+      <xd-notice-bar
+        scrollable="true"
+        showClose="true"
+        showIcon="true"
+      >
+        <view>1. 本插件需要申请的系统权限列表：</view>
+      </xd-notice-bar>
+    </view>
+
+    <!-- 查看更多 -->
+    <xd-notice-bar
+      @getmore="getMore"
+      :showGetMore="true"
+      moreText="查看更多"
+      single="true"
+    >
+      <view>1. 本插件需要申请的系统权限列表：</view>
+    </xd-notice-bar>
+  </view>
+  </xd-layout>
+</template>
+
+<script>
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdNoticeBar from "@/components/XdNoticeBar/XdNoticeBar";
+
+  export default {
+    name: "XdNoticePage",
+    components: {
+      XdLayout,
+      XdNoticeBar
+    },
+    data() {
+      return {
+
+      }
+    },
+    created(){
+
+    },
+    methods: {
+      back(){
+        this.$xdUniHelper.navigateBack()
+      },
+
+      getMore(){
+        console.log('1111')
+      },
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .app-content {
+    padding: unit(34,rpx) 0;
+    box-sizing: border-box;
+  }
+</style>

package/src/dome/dome/online/confirm.vue

@@ -0,0 +1,92 @@
+<template>
+  <xd-layout
+    title="选座确认订单"
+    background="#f8f8f8"
+    :show-bar="showBar"
+    :show-footer="false"
+    @back="back"
+    @done="handleDone"
+  >
+    <view class="app-body" v-if="bottom!==null">
+      <xd-online-confirm
+        :bottom="bottom"
+        @onGetOrder="handleGetOrder"
+        @onPay="handleBuy"
+      ></xd-online-confirm>
+    </view>
+  </xd-layout>
+</template>
+
+<script>
+  import {onlineOrder} from "@/dome/dome/cityData";
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdOnlineConfirm from "@/components/XdOnlineConfirm/XdOnlineConfirm";
+
+
+  export default {
+    name: "AppConfirm",
+    components: {
+      XdLayout,
+      XdOnlineConfirm
+    },
+    data(){
+      return {
+        showBar: false,
+        bottom: 0,
+        order_id: null,
+      }
+    },
+    created(){
+      // #ifdef MP-WEIXIN
+      this.showBar = true;
+      // #endif
+      // #ifdef H5
+      this.showBar = false
+      // #endif
+    },
+    mounted(){
+      this.$nextTick(()=>{
+        console.log('$nextTick',this.$xdUniHelper.parseURL()['params'])
+      });
+    },
+    methods:{
+      back() {
+        this.$xdUniHelper.navigateBack()
+      },
+
+      handleDone({bottom, ...res}) {
+        console.log('handleDone', res)
+        this.bottom = bottom;
+      },
+
+      handleGetOrder(resolve) {
+        setTimeout(() => {
+          //resolve(onlineOrder.result);
+          resolve(null);
+        }, 500)
+      },
+
+      handleBuy({order_id}) {
+        this.$xdConfirm({
+          content: '提示：影票一旦售出，将不支持退换！购票成功不再发送短信通知，部分影院不提供3D眼镜，以现场为准。',
+          cancel:false,
+          confirmText: '我知道了',
+          width: '85%',
+          title: '在线订座提醒',
+          contentColor: this.$mainColor,
+          isTitle: true,
+          success:()=>{
+            this.$xdUniHelper.navigateTo({
+              url: `/pages/dome/online/detail?order_id=${order_id}`
+            });
+          }
+        });
+
+      },
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/dome/dome/online/detail.vue

@@ -0,0 +1,80 @@
+<template>
+  <xd-layout
+    title="选座订单详情"
+    background="#f8f8f8"
+    :show-bar="showBar"
+    :show-footer="false"
+    @back="back"
+    @done="handleDone"
+  >
+    <view class="app-body" v-if="bottom!==null">
+      <xd-online-detail
+        :bottom="bottom"
+        @onGetOrder="handleGetOrder"
+        @onPay="handleBuy"
+      ></xd-online-detail>
+    </view>
+  </xd-layout>
+</template>
+
+<script>
+  import {onlineOrder} from "@/dome/dome/cityData";
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdOnlineDetail from "@/components/XdOnlineDetail/XdOnlineDetail";
+
+
+  export default {
+    name: "AppConfirm",
+    components: {
+      XdLayout,
+      XdOnlineDetail
+    },
+    data(){
+      return {
+        showBar: false,
+        bottom: 0,
+        order_id: null,
+      }
+    },
+    created(){
+      // #ifdef MP-WEIXIN
+      this.showBar = true;
+      // #endif
+      // #ifdef H5
+      this.showBar = false
+      // #endif
+    },
+    mounted(){
+      this.$nextTick(()=>{
+        console.log('$nextTick',this.$xdUniHelper.parseURL()['params'])
+      });
+    },
+    methods:{
+      back() {
+        this.$xdUniHelper.navigateBack()
+      },
+
+      handleDone({bottom, ...res}) {
+        console.log('handleDone', res)
+        this.bottom = bottom;
+      },
+
+      handleGetOrder(resolve) {
+        setTimeout(() => {
+          //resolve(onlineOrder.result);
+          resolve(null);
+        }, 500)
+      },
+
+      handleBuy({order_id}) {
+        this.$xdUniHelper.navigateTo({
+          url: `/pages/dome/online/pay?order_id=${order_id}`
+        });
+      },
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/dome/dome/online/pay.vue

@@ -0,0 +1,78 @@
+<template>
+  <xd-layout
+    title="支付"
+    background="#f8f8f8"
+    :show-bar="showBar"
+    :show-footer="false"
+    @back="back"
+    @done="handleDone"
+  >
+    <view class="app-body" v-if="bottom!==null">
+      <xd-online-pay
+        :bottom="bottom"
+        @onGetOrder="handleGetOrder"
+        @onPay="handleBuy"
+      ></xd-online-pay>
+    </view>
+  </xd-layout>
+</template>
+
+<script>
+  import {onlineOrder} from "@/dome/dome/cityData";
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdOnlinePay from "@/components/XdOnlinePay/XdOnlinePay";
+
+
+  export default {
+    name: "AppPay",
+    components: {
+      XdLayout,
+      XdOnlinePay
+    },
+    data() {
+      return {
+        showBar: false,
+        bottom: 0,
+        order_id: null,
+      }
+    },
+    created() {
+      // #ifdef MP-WEIXIN
+      this.showBar = true;
+      // #endif
+      // #ifdef H5
+      this.showBar = false
+      // #endif
+    },
+    mounted() {
+      this.$nextTick(() => {
+        console.log('$nextTick', this.$xdUniHelper.parseURL()['params'])
+      });
+    },
+    methods: {
+      back() {
+        this.$xdUniHelper.navigateBack()
+      },
+
+      handleDone({bottom, ...res}) {
+        console.log('handleDone', res)
+        this.bottom = bottom;
+      },
+
+      handleGetOrder(resolve) {
+        setTimeout(() => {
+          //resolve(onlineOrder.result);
+          resolve(null);
+        }, 500)
+      },
+
+      handleBuy({info, wx, price}) {
+        console.log(info, wx, price);
+      },
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/dome/dome/online/schedule.vue

@@ -0,0 +1,73 @@
+<template>
+  <xd-layout
+    title="电影排期"
+    background="#f8f8f8"
+    :show-bar="showBar"
+    :show-footer="false"
+    @back="back"
+    @done="handleDone"
+  >
+    <view class="app-body" v-if="top!==null">
+      <xd-online-schedule
+        :top="top"
+        :film-id="534"
+        @onGetFilm="handleGetFilm"
+        @onBuy="handleBuy"
+      ></xd-online-schedule>
+    </view>
+  </xd-layout>
+</template>
+
+<script>
+  import {paiqi} from "@/dome/dome/cityData";
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdOnlineSchedule from "@/components/XdOnlineSchedule/XdOnlineSchedule";
+
+  export default {
+    name: "AppSchedule",
+    components:{
+      XdOnlineSchedule,
+      XdLayout
+    },
+    data(){
+      return {
+        showBar: false,
+        top: 0,
+      }
+    },
+    created(){
+      // #ifdef MP-WEIXIN
+      this.showBar = true;
+      // #endif
+      // #ifdef H5
+      this.showBar = false
+      // #endif
+    },
+    methods:{
+      back() {
+        this.$xdUniHelper.navigateBack()
+      },
+
+      handleDone({top, ...res}) {
+        console.log('handleDone', res)
+        this.top = top;
+      },
+
+      handleGetFilm(resolve){
+        setTimeout(()=>{
+          resolve(paiqi.result);
+        }, 500)
+      },
+
+      handleBuy({jfb_film_id, jfb_cinema_id, data_id}){
+        this.$xdUniHelper.navigateTo({
+          url: `/dome/dome/online/seat?film_id=${jfb_film_id}&data_id=${data_id}&cinema_id=${jfb_cinema_id}`
+        });
+      },
+    },
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/dome/dome/online/seat.vue

@@ -0,0 +1,98 @@
+<template>
+  <xd-layout
+    title="在线选座"
+    background="#fff"
+    :show-bar="showBar"
+    :show-footer="false"
+    @back="back"
+    @done="handleDone"
+  >
+    <view class="app-body" v-if="layoutInfo!==null">
+      <xd-online-seat
+        :film-id="filmId"
+        :cinema-id="cinemaId"
+        :seat-id="dataId"
+        :layout-info="layoutInfo"
+        @onGetFilm="handleGetFilm"
+        @onGetSeatList="handleGetSeatList"
+        @onBuy="handleBuy"
+      ></xd-online-seat>
+    </view>
+  </xd-layout>
+</template>
+
+<script>
+  import {paiqi, seat} from "@/dome/dome/cityData";
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdOnlineSeat from "@/components/XdOnlineSeat/XdOnlineSeat";
+
+  export default {
+    name: "AppSchedule",
+    components:{
+      XdOnlineSeat,
+      XdLayout
+    },
+    data(){
+      return {
+        showBar: false,
+        layoutInfo: null,
+
+        filmId: null, //聚福宝影片ID
+        cinemaId: null, //聚福宝影院ID
+        dataId: null , //影片排期ID
+      }
+    },
+    created(){
+      // #ifdef MP-WEIXIN
+      this.showBar = true;
+      // #endif
+      // #ifdef H5
+      this.showBar = false
+      // #endif
+    },
+
+    mounted(){
+      this.$nextTick(()=>{
+        let {film_id, data_id, cinema_id}  = this.$xdUniHelper.parseURL()['params'];
+        this.filmId = film_id;
+        this.cinemaId = cinema_id;
+        this.dataId = data_id;
+        console.log(this.$xdUniHelper.parseURL()['params'], film_id, cinema_id, data_id)
+      })
+    },
+
+    methods:{
+      back() {
+        this.$xdUniHelper.navigateBack()
+      },
+
+      handleDone(layout) {
+        console.log('handleDone', layout)
+        this.layoutInfo = layout;
+      },
+
+      handleGetFilm(resolve){
+        console.log('11111')
+        setTimeout(()=>{
+          resolve(paiqi.result);
+        }, 500)
+      },
+
+      handleGetSeatList(item, resolve){
+         this.$xdShowLoading({});
+         setTimeout(()=>{
+           resolve(seat.result);
+           this.$xdHideLoading()
+         }, 500)
+      },
+
+      handleBuy(item){
+        console.log('handleBuy',item)
+      },
+    },
+  }
+</script>
+
+<style scoped>
+
+</style>