jufubao-movie 1.0.39-beta2 → 1.0.39-beta4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-movie",
-  "version": "1.0.39-beta2",
+  "version": "1.0.39-beta4",
   "private": false,
   "description": "聚福宝在线选座业务组件插件包",
   "main": "index.js",

package/src/components/JfbMovieLineLineSeat/Attr.js

@@ -4,6 +4,17 @@ export default {
   style: [],
   advanced: [],
   content: [
+    {
+      label: '是否显示影院名称:',
+      ele: 'xd-radio',
+      valueKey: 'isShowTitle',
+      value: 'Y',
+      groupKey:'content',
+      list: [
+        {label: '是', value: 'Y'},
+        {label: '否', value: 'N'},
+      ]
+    },
     {
       label: '订单确认路径:',
       ele: 'xd-select-pages-path',

package/src/components/JfbMovieLineLineSeat/JfbMovieLineLineSeat.vue

@@ -18,14 +18,23 @@
     <!-- #endif -->
     <view class="jfb-movie-line-line-seat__body">
       <view v-if="loadingList" class="skeleton-wrap">
-        <view class="seat_head">
+        <view class="seat_head" v-if="isShowTitle === 'Y'">
           <view></view>
           <view></view>
         </view>
-        <view class="seat_body">
-          <view class="seat_line" v-for="i in 7" :key="i">
-            <view class="seat_item" v-for="ii in 10" :key="ii"></view>
+        <view class="seat_tips">
+          <view></view>
+          <view></view>
+          <view></view>
+          <view></view>
+          <view></view>
+        </view>
+        <view class="seat_body" :class="{Y:this.isShowTitle ==='Y', 'N': isShowTitle ==='N'}">
+          <view class="seat_line" v-for="i in yItem" :key="i">
+            <view class="seat_item" v-for="ii in xItem" :key="ii"></view>
           </view>
+          <view v-if="isShowTitle === 'Y'" class="line-Y"></view>
+          <view v-else class="line-N"></view>
         </view>
         <view class="seat_notice"></view>
         <view class="seat_foot">
@@ -37,6 +46,7 @@
       <xd-online-seat
         v-if="filmId"
         ref="xdOnlineSeat"
+        :is-show-title="isShowTitle"
         :key="cinemaSeatKey"
         :is-old="false"
         :film-id="filmId"
@@ -84,8 +94,11 @@
         //面板
         payPath: "", //三方支付路径
         moviePayPath: "", //订单确认路径
+        isShowTitle:'Y',//是否显示影院名称
         timer: null,
         time: 0,
+        xItem: 10,
+        yItem: 7,
       }
     },
     watch: {
@@ -98,6 +111,7 @@
       this.init(this.container);
       let systemInfo = uni.getSystemInfoSync();
       getApp().globalData.$systemInfo = systemInfo;
+
     },
     methods: {
       onJfbLoad(options) {
@@ -152,7 +166,10 @@
        */
       init(container) {
         this.moviePayPath = getContainerPropsValue(container, 'content.movie_pay_path', {value: ""}).value;
-        this.payPath = getContainerPropsValue(container, "content.payPath", {value: "/system/system/pay"}).value;
+        this.payPath = getContainerPropsValue(container, "content.payPath", {value: ""}).value;
+        this.isShowTitle = getContainerPropsValue(container, "content.isShowTitle", 'Y');
+        if(this.isShowTitle === 'Y') this.yItem = 7;
+        else this.yItem = 10;
       },
       handleGetFilm(resolve) {
         // console.log('11111', paiqi.result);
@@ -326,29 +343,75 @@
 
   .jfb-movie-line-line-seat {
     &__body {
+      background-color: #f8f8f8;
       .skeleton-wrap{
         height: 100vh;
+
         .seat_head{
-          box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
-          padding: 20rpx 40rpx;
-          margin-bottom: 20rpx;
+          border-radius: 24rpx;
+          overflow: hidden;
+          margin: 20rpx 20rpx 5rpx;
+          box-shadow: 0 4rpx 40rpx rgba(0, 0, 0, 0.2);
+          position: relative;
+          padding: unit(20, rpx) unit(30, rpx);
+
           & > view:first-child{
-            .skeleton-item(300rpx);
+            .skeleton-item(80%, 36rpx);
+            padding-bottom: 15rpx;
           }
           & > view:last-child{
             .skeleton-item(100%, 30rpx);
             margin-top: 10rpx;
           }
         }
+        .seat_tips {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          padding-top: 50rpx;
+          & > view {
+            .skeleton-item(80rpx, 40rpx);
+
+            margin-right: 20rpx;
+            & >view:last-child{
+              margin-right: 0;
+            }
+          }
+        }
         .seat_body{
-          .skeleton-item(100%, 700rpx, 0, #FEFEFE);
+          position: relative;
+
+          & .line-N {
+            position: absolute;
+            left:20rpx;
+            top:40rpx;
+            .skeleton-item(25rpx, 580rpx);
+          }
+          & .line-Y {
+            position: absolute;
+            left:20rpx;
+            top:40rpx;
+            .skeleton-item(25rpx, 400rpx);
+          }
+
+          &.Y {
+            .skeleton-item(100%, 500rpx, 0, #FEFEFE);
+          }
+          &.N {
+            .skeleton-item(100%, 700rpx, 0, #FEFEFE);
+          }
+
+
+
           padding: 20rpx 100rpx;
           box-sizing: border-box;
           .seat_line{
             display: flex;
             margin: 20rpx;
             .seat_item{
-              .skeleton-item(50rpx, 50rpx);
+              margin: 0 6rpx;
+              .skeleton-item(40rpx, 40rpx);
+              border-radius: 10rpx;
             }
           }
         }

package/src/components/JfbMovieLineLineSeat/XdOnlineSeat.vue

@@ -1,21 +1,14 @@
 <template>
   <view class="xd-seat" v-if="paiqiStatus">
+    <view class="float"></view>
     <view
       class="xd-seat__title"
-      v-if="filmInfo"
+      v-if="isShowTitle === 'Y' && filmInfo"
       id="xd-seat__title"
       :style="{ borderTopColor: styleMainColor }"
     >
-      <view class="xd-seat__title-name">{{ filmInfo["film_name"] }}</view>
-      <view class="xd-seat__title-address">{{cinemaInfo["cinema_name"] }}</view>
-      <view class="xd-seat__title-back" v-if="show" @click.stop="back">
-        <xd-font-icon
-          icon="iconzhiyuanfanhui12"
-          width="50"
-          height="50"
-          size="50"
-        ></xd-font-icon>
-      </view>
+      <view class="xd-seat__title-name" :style="{marginBottom:cinemaInfo['cinema_address']?'15rpx':0 }">{{ filmInfo["cinema_name"] }}</view>
+      <view class="xd-seat__title-address" v-if="cinemaInfo['cinema_address']">{{cinemaInfo["cinema_address"] }}</view>
     </view>
     <view class="xd-seat__content" v-if="height !== null" :style="getHeight">
       <xd-online-seat-move
@@ -38,9 +31,7 @@
           showIcon
         >
           <view
-            style="
-              padding: 10rpx 0rpx 10rpx 20rpx;
-            "
+            style="padding: 10rpx 0rpx 10rpx 20rpx;"
             v-for="(item, index) in noticeList"
             :key="index"
           >{{ item }}</view>
@@ -225,6 +216,10 @@ export default {
     XdNoticeBar,
   },
   props: {
+    isShowTitle: {
+      type: String,
+      default:'Y'
+    },
     isOld: {
       type: Boolean,
       default: true,
@@ -361,7 +356,7 @@ export default {
     this.show = false;
     // #endif
     // #ifdef H5
-    this.show = true;
+    this.show = false;
     // #endif
 
     this.getFilm();
@@ -477,6 +472,7 @@ export default {
       this.$emit("onGetFilm", (film) => {
         this.cinemaInfo = film["cinema_data"];
         this.filmInfo = this.getFilmInfo(film["film_data"]);
+        debugger
         this.getScheduleList(film["paiqi_data"]);
         console.log("getFilm", film);
         this.paiqiStatus = true;
@@ -491,10 +487,16 @@ export default {
      */
     setContent() {
       this.$nextTick(() => {
+        let elxs = [];
+        if(this.isShowTitle === 'Y') elxs.push('#xd-seat__title');
+        elxs.push('#xd-seat__footer');
         this.$xdUniHelper
-          .getWindowHeight(["#xd-seat__title", "#xd-seat__footer"], this)
+          .getWindowHeight(elxs, this)
           .then((res) => {
-            let top = res["#xd-seat__title"]["height"];
+            let top = 0;
+            if(this.isShowTitle === 'Y') {
+              top = res["#xd-seat__title"]["height"] ;
+            }
             let footer = res["#xd-seat__footer"]["height"];
             console.log("getFilm", top, footer);
             this.height = `calc(100vh - ${
@@ -648,6 +650,10 @@ export default {
 </script>
 
 <style scoped lang="less">
+.float {
+  height: 1px;
+  width: 100%;
+}
 .xd-seat {
   height: 100%;
   overflow-y: hidden;
@@ -702,22 +708,26 @@ export default {
   }
 
   &__title {
-    border-top-width: unit(4, rpx);
-    border-top-style: solid;
-    box-shadow: 0 0 unit(15, rpx) rgba(0, 0, 0, 0.2);
+    border-radius: 24rpx;
+    overflow: hidden;
+    margin: 20rpx 20rpx 5rpx;
+    box-shadow: 0 4rpx 40rpx rgba(0, 0, 0, 0.2);
     position: relative;
-    padding: unit(20, rpx) unit(20, rpx);
+    padding: unit(20, rpx) unit(30, rpx);
     z-index: 100;
 
     &-name {
-      font-size: @xd-font-size-lg;
+      font-size: 36rpx;
       line-height: unit(40, rpx);
-      padding-bottom: unit(10, rpx);
+      .uni-max-cut(1,40);
+      margin-bottom: 10rpx;
     }
 
     &-address {
-      font-size: @xd-font-size-sm;
-      color: #999;
+      font-size: 28rpx;
+      line-height: unit(36, rpx);
+      .uni-max-cut(1,36);
+      color: #A6A6A6;
     }
 
     &-back {
@@ -847,11 +857,11 @@ export default {
       &-input {
         font-size: @xd-font-size-base;
         background: #fff;
-        border-radius: unit(25, rpx);
+        border-radius: unit(30, rpx);
         flex: 1;
         height: unit(50, rpx);
         line-height: unit(50, rpx);
-        padding: unit(20,rpx) unit(25, rpx);
+        padding: unit(10,rpx) unit(25, rpx);
         background: #f8f8f8;
 
         // &:hover {

package/src/components/JfbMovieLineLineSeat/XdOnlineSeatMove.vue

@@ -407,7 +407,6 @@
       :style="{
         top : seatOffsetTop + 'px',
         width: 30 * scale + 'rpx',
-        background: styleMainColor
       }"
     >
       <view
@@ -1244,21 +1243,21 @@
     }
 
     &__stage {
-      background-image: url(@xd-bg-filmBg);
+      background-image: url('https://img.jufubao.cn/common/stage.png?v1');
       background-size: 100%;
       background-position: top left;
       background-repeat: no-repeat;
-      color: @xd-text-color;
+      color: #999;
       width: unit(533, rpx);
       height: unit(50, rpx);
-      font-size: @xd-font-size-base;
+      font-size: 20rpx;
       text-align: center;
       margin: unit(20, rpx) auto unit(40, rpx);
       box-sizing: border-box;
 
-      *, text {
+      & > text {
         display: inline-block;
-        padding: unit(30, rpx) 0 0;
+        padding: unit(40, rpx) 0 0;
       }
     }
 
@@ -1280,7 +1279,7 @@
       justify-content: center;
       align-content: center;
       height: unit(50, rpx);
-      padding: unit(30, rpx) 0;
+      padding: unit(20, rpx) 0 10rpx;
 
       &-item {
         font-size: @xd-font-size-base;
@@ -1344,7 +1343,7 @@
     &__left-bar {
       position: fixed;
       left: unit(10, rpx);
-      background-color: rgba(0, 0, 0, 0.3);
+      background-color: #ACADAF;
       border-radius: unit(14, rpx);
       overflow: hidden;
       font-size: unit(20, rpx);