jufubao-movie 1.0.39-beta1 → 1.0.39-beta11

package/src/components/JfbMovieTfkFilmList/Attr.js

@@ -1,5 +1,7 @@
 'use strict';
 
+import PosterAttr from "./PosterAttr.js";
+
 /**
  * @description 当表单组件中有联动操作时候，使用方法进行返回
  */
@@ -8,15 +10,7 @@ export default {
   content: (data) => {
     let outSpacing = 20;
     if(data['outSpacing'] ) outSpacing = Number(data['outSpacing'])
-    let size = {width:750 - outSpacing*2,height:null};
-    if(data.poster && data.poster.size && data.poster.size.height) {
-      size['height'] = data.poster.size.height
-    }
-    let poster = {
-      size: size,
-      type:'1',
-      position: Object.assign({},data.poster && data.poster.position)
-    };
+
     return [
 
       {
@@ -112,236 +106,9 @@ export default {
             });
         },
       },
-      {
-        ele: 'title',
-        label: '广告设置',
-        size: 'small',
-        groupKey:'content',
-      },
-
-      {
-        label: '广告位置配置:',
-        ele: 'xd-site-poster',
-        valueKey: 'poster',
-        className: 'input80',
-        value: poster,
-        groupKey:'content',
-        setting: {
-          count: 1,
-          scene: {label: '广告', value: 'normal'},
-          sizeDisabled: {
-            wDisabled:true,
-            hDisabled: false,
-          },
-          typeDisabled: true
-        },
-        handleCustom({action, data}) {
-          //设置场景参数
-          if(data) {
-            data.params = Object.assign({}, {scene: 'normal'}, data.params || {})
-          }
-          console.log(action,data,'hjhjhjhjhj');
-
-          //获取显示内容
-          if (action === 'screenList') {
-            XdBus.getParentApi('getOptionsSettingList')({setting_id: 'editx_base_ad_split_screen'})
-              .then(res => {
-                data.cb(res['list'])
-              })
-              .catch(error => {
-                console.error(error);
-              });
-            return
-          }
-
-          //获取返回参数(广告位高度必选项)
-          if (action === 'getPosterInfo') {
-            XdBus.getParentApi('cmsGetPublishEditxContent')(data.params)
-              .then(res => {
-                data.cb({list: res.list, selectId: res.selected})
-              })
-              .catch(error => {
-                console.error(error);
-              });
-            return
-          }
-
-          //使用内容分类
-          if (action === 'cmsPublishEditxContent') {
-            XdBus.getParentApi('cmsPublishEditxContent')(data.params)
-              .then(res => {
-                data.cb(res)
-              })
-              .catch(error => {
-                console.error(error);
-              });
-            return
-          }
-
-          let loading = XdBus.getParentApi('loading')({});
-          //位置列表
-          if (action === 'getListPostion') {
-            XdBus.getParentApi('getListPosterPosition')(data.params)
-              .then(res => {
-                loading.close();
-                data.cb(res)
-              })
-              .catch(error => {
-                loading.close();
-                console.error(error);
-              });
-          }
-
-          //位置创建
-          if (action === 'addPostion') {
-            XdBus.getParentApi('addPosterPosition')(data.params)
-              .then(res => {
-                loading.close();
-                data.cb(true)
-              })
-              .catch(error => {
-                console.error(error);
-                loading.close();
-                data.cb(false)
-              });
-          }
-
-          //位置编辑
-          if (action === 'editPostion') {
-            XdBus.getParentApi('updatePosterPosition')(data.params)
-              .then(res => {
-                loading.close();
-                data.cb(true)
-              })
-              .catch(error => {
-                console.error(error);
-                loading.close();
-                data.cb(false)
-              });
-          }
-
-          //位置删除
-          if (action === 'deleltePostion') {
-            XdBus.getParentApi('deletePosterPosition')(data.params)
-              .then(res => {
-                loading.close();
-                data.cb(true)
-              })
-              .catch(error => {
-                console.error(error);
-                loading.close();
-                data.cb(false)
-              });
-          }
-
-          //获取广告位内容列表
-          if (action === 'getListContent') {
-            XdBus.getParentApi('getListPosterContent')(data.params)
-              .then(res => {
-                loading.close();
-                data.cb(res)
-              })
-              .catch(error => {
-                loading.close();
-                console.error(error);
-              });
-          }
-
-          //广告内容创建
-          if (action === 'addContent') {
-            XdBus.getParentApi('addPosterContent')(data.params)
-              .then(res => {
-                loading.close();
-                data.cb(true)
-              })
-              .catch(error => {
-                console.error(error);
-                loading.close();
-                data.cb(false)
-              });
-          }
-
-          //广告内容编辑
-          if (action === 'editContent') {
-            XdBus.getParentApi('updatePosterContent')(data.params)
-              .then(res => {
-                loading.close();
-                data.cb(true)
-              })
-              .catch(error => {
-                console.error(error);
-                loading.close();
-                data.cb(false)
-              });
-          }
-
-          //广告内容删除
-          if (action === 'deleteContent') {
-            XdBus.getParentApi('deletePosterContent')(data.params)
-              .then(res => {
-                loading.close();
-                data.cb(true)
-              })
-              .catch(error => {
-                console.error(error);
-                loading.close();
-                data.cb(false)
-              });
-          }
-
-          //获取广告内容跳转地址类型
-          if (action === 'jumpPosterContentType') {
-            XdBus.getParentApi('getOptionsSettingList')({setting_id: "cms_setting"})
-              .then(res => {
-                loading.close();
-                data.cb(res['redirect_type'])
-              })
-              .catch(error => {
-                loading.close();
-                console.error(error);
-              });
-          }
-
-          //发布
-          if (action === 'publish') {
-            console.log('publish', data.params)
-            XdBus.getParentApi('cmsPublishContent')(data.params)
-              .then(res => {
-                loading.close();
-                data.cb(res)
-              })
-              .catch(error => {
-                loading.close();
-                console.error(error);
-              });
-          }
-
-          //获取站内页面地址
-          if (action === 'router') {
-            loading.close()
-            return XdBus.getParentApi('getPagesTree');
-
-          }
-
-          //通知页面进行刷新
-          if(action === 'update') {
-            XdBus.getParentApi('getXdBusUpdateView')('onUpdateView', {});
-            loading.close()
-          }
-        },
-      },
-      {
-        label: '广告位置使用张数:',
-        ele: 'el-input',
-        type: 'number',
-        valueKey: 'posterNum',
-        groupKey:'content',
-        value: data.posterNum || 1,
-        placeholder: '请输入广告位置使用张数',
-        className: 'input40',
-        unit: '张',
-      },
 
+      //广告属性配置
+      ...PosterAttr(data,outSpacing),
 
       {
         label: '外边间距:',

package/src/components/JfbMovieTfkFilmList/ContentItem.vue

@@ -4,51 +4,57 @@
       class="image"
       :style="{marginRight: outSpacing + 'rpx',borderRadius:borderRadius+'rpx'}"
     >
-      <image :src="item['poster']"  :alt="item['show_name']"></image>
+      <image v-if="errorStatus" :src="errorImage" :alt="item['show_name']" ></image>
+      <image v-if="!errorStatus" :src="item['poster']" :alt="item['show_name']" @error="handleError()" ></image>
     </view>
     <view class="middle">
-      <view class="name">{{item['show_name']}}</view>
-      <view class="other">类型：{{item['type']}}</view>
-      <view class="other">导演：{{item['director']}}</view>
-      <view class="other">主演：{{item['leading_role']}}</view>
-    </view>
-    <view class="right">
-      <view class="score">
-        <template v-if="item['remark']">
-          <text>评分：</text><text :style="{color:color}">{{item['remark']}}</text>
-        </template>
+      <view class="top">
+        <view class="name">{{item['show_name']}}</view>
+        <view class="score">
+          <template v-if="item['remark']">
+            <text>评分：</text><text :style="{color:color}">{{item['remark']}}</text>
+          </template>
+        </view>
       </view>
-      <view class="btn">
-        <template v-if="type === 'hot'">
-          <xd-button
-            v-if="item['show_button'] === '1'"
-            type="primary"
-            style="display:block;"
-            size="small"
-            @click.stop="handleBuy(item)">购票</xd-button>
-          <xd-button
-            v-else-if="item['show_button'] === '2'"
-            type="subPrimary"
-            style="display:block;"
-            size="small"
-            @click="handleBuy(item)">预售</xd-button>
-        </template>
-        <template v-if="type === 'rightnow'">
-          <xd-button
-            v-if="item['show_button'] === '3'"
-            type="success"
-            style="display:block;"
-            size="small"
-            @click.stop="handleDetail(item)"
-          >想看</xd-button>
-          <xd-button
-            v-else-if="item['show_button'] === '2'"
-            type="subPrimary"
-            style="display:block;"
-            size="small"
-            @click.stop="handleBuy(item)">预售</xd-button>
-        </template>
+      <view class="bottom">
+        <view>
+          <view class="other">类型：{{item['type']}}</view>
+          <view class="other">导演：{{item['director']}}</view>
+          <view class="other">主演：{{item['leading_role']}}</view>
+        </view>
+        <view class="btn">
+          <template v-if="type === 'hot'">
+            <xd-button
+              v-if="item['show_button'] === '1'"
+              type="primary"
+              style="display:block;"
+              size="small"
+              @click.stop="handleBuy(item)">购票</xd-button>
+            <xd-button
+              v-else-if="item['show_button'] === '2'"
+              type="subPrimary"
+              style="display:block;"
+              size="small"
+              @click="handleBuy(item)">预售</xd-button>
+          </template>
+          <template v-if="type === 'rightnow'">
+            <xd-button
+              v-if="item['show_button'] === '3'"
+              type="success"
+              style="display:block;"
+              size="small"
+              @click.stop="handleDetail(item)"
+            >想看</xd-button>
+            <xd-button
+              v-else-if="item['show_button'] === '2'"
+              type="subPrimary"
+              style="display:block;"
+              size="small"
+              @click.stop="handleBuy(item)">预售</xd-button>
+          </template>
+        </view>
       </view>
+
     </view>
   </view>
 </template>
@@ -80,10 +86,19 @@
       }
 
     },
+    data(){
+      return {
+        errorImage: 'https://img.jufubao.cn/common/error_movie.png?v20',
+        errorStatus: false,
+      }
+    },
     created() {
 
     },
     methods:{
+      handleError(){
+        this.errorStatus = true;
+      },
       handleDetail(item){
         console.log('handleDetail.item',item,item.id);
         this.$emit('on-film-detail',item.id);
@@ -115,51 +130,89 @@
   }
   .middle {
     flex: 1;
-    & .name {
-      font-size: 36rpx;
-      font-weight: 600;
+
+    & .top {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-end;
       margin-bottom: 20rpx;
-      .uni-max-cut(2, 90);
-      line-height: 45rpx;
-    }
 
-    & .other {
-      font-size: 25rpx;
-      color: #999;
-      .uni-max-cut(1,36);
-      line-height: 36rpx;
-      margin-bottom: 10rpx;
-      &:last-child {
-        margin-bottom: 0!important;
+      & > view:first-child{
+        flex: 1;
+        font-size: 36rpx;
+        font-weight: 600;
+        .uni-max-cut(2, 90);
+        line-height: 45rpx;
+      }
+      & >view:nth-child(2) {
+        flex-shrink: 0;
+        height: 45rpx;
+        line-height: 45rpx;
+        margin-left: 20rpx;
+        text-align: right;
+        & > text:nth-child(1) {
+          font-size: 20rpx;
+        }
+        & > text:nth-child(2) {
+          font-size: 28rpx;
+        }
       }
     }
-  }
 
-  .right {
-    flex-shrink: 0;
-    display: flex;
-    align-content: space-between;
-    align-items: flex-end;
-    justify-content: flex-end;
-    flex-flow: wrap;
-    height: 100%;
-    box-sizing: border-box;
-    width: 160rpx;
-    min-height: 200rpx;
+    & .bottom {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
 
-    & .score {
-      height: 40rpx;
-      width:100%;
-      text-align: right;
-      & > text:nth-child(1) {
-        font-size: 20rpx;
-      }
-      & > text:nth-child(2) {
-        font-size: 28rpx;
+      & > view:first-child {
+        flex: 1;
+        & > view {
+          font-size: 25rpx;
+          color: #999;
+          .uni-max-cut(1,36);
+          line-height: 36rpx;
+          margin-bottom: 10rpx;
+          &:last-child {
+            margin-bottom: 0!important;
+          }
+        }
       }
 
+      & .btn {
+        width: 140rpx;
+        flex-shrink: 0;
+        margin-left: 20rpx;
+      }
     }
+    //& .name {
+    //  font-size: 36rpx;
+    //  font-weight: 600;
+    //  margin-bottom: 20rpx;
+    //  .uni-max-cut(2, 90);
+    //  line-height: 45rpx;
+    //}
+    //
+    //& .other {
 
+    //}
   }
+
+  //.right {
+  //  flex-shrink: 0;
+  //  display: flex;
+  //  align-content: space-between;
+  //  align-items: flex-end;
+  //  justify-content: flex-end;
+  //  flex-flow: wrap;
+  //  box-sizing: border-box;
+  //  width: 160rpx;
+  //  height: 200rpx;
+  //
+  //  & .score {
+
+  //
+  //  }
+  //
+  //}
 }
 </style>