jufubao-base 1.0.116-beta3 → 1.0.116-beta4

package/src/components/JfbBaseSaasNewsDetail/JfbBaseSaasNewsDetail.vue

@@ -15,14 +15,9 @@
     <!-- #endif -->
     <view class="jfb-base-saas-news-detail__body">
       <view class="news_detail">
-        <view class="news_title">企业新闻标题 如果超长的标题那么就折行处理折行处理的样式就像是这样子的</view>
-        <view class="news_date">发布时间：2022.10.08 12:00</view>
-        <view class="news_cont">
-          在刘慈欣的小说《三体》中，存在着一个星系里拥有三颗太阳的文明，三颗太阳的运动没有规律且不可预测，有时会升起三颗，把整个星球都变成熔岩炼狱。有时却一颗都没有，让星球处于极度的严寒中。<br/><br/>
-          在难以生存的恶劣环境下，三体人决定移民其他星球，目的地就是人类所在的地球。<br/><br/>
-          整个计划耗时数百年之久，并且路途中充满不确定性，为什么三体人不直接摧毁一颗或两颗恒星，使剩余的恒星保持规律的运动，拥有稳定恒纪元，而是一定要大费周章的来到地球呢？要知道在三体人遭受黑暗森林打击之前，就已经拥有了高度发达的科技，能将宇宙飞船加速到近乎光速。能够摧毁恒星的光粒本质上也只是一个以光速飞行的物体，完全可以用宇宙飞船来充当光粒，摧毁恒星。<br/><br/>
-          那么三体人是真的没有想到吗？事实当然绝非如此，摧毁恒星获得恒纪元远非我们想的这么简单。首先用近乎光速的宇宙飞船去摧毁恒星本身就不太现实。星环号的飞船等级和三体人是一样的，它到达286光年外的DX3906恒星花费了52个小时。这并不是真正的光速飞行，假如以100%的光速前往DX3906，时间会在光速中停止，对飞船上的人来说是在瞬间就达到了目的地。
-        </view>
+        <view class="news_title">{{ info.title }}</view>
+        <view class="news_date">发布时间：{{ info.created_time }}</view>
+        <view class="news_cont" v-html="info.content"></view>
       </view>
     </view>
   </view>
@@ -45,7 +40,8 @@
     ],
     data() {
       return {
-
+        id: "",
+        info: {},
         //todo
       }
     },
@@ -61,16 +57,8 @@
     },
     methods: {
       onJfbLoad(options) {
-
-        // jfbRootExec('baiduUserLogin', {
-
-        //   vm: this,//   data: {
-
-        //     account: 'gaoshiyong',//     password: '123456789',//     type: 3,//     ...options
-
-        //   }
-
-        // }).then().catch()
+        this.id = options.id;
+        this.p_getNewsDetail();
       },
       /**
        * @description 监听事件变化
@@ -79,11 +67,26 @@
       init(container) {
 
         //this.bgcolor = getContainerPropsValue(container, 'content.bgcolor', '#fff');
-
-        //this.height = getContainerPropsValue(container, 'content.height', 10);
       },
       onJfbScroll(options) {
-        console.log('event.onJfbScroll', options)
+        
+      },
+      p_getNewsDetail(){
+        jfbRootExec("getNewsDetail", {
+          vm: this,
+          data: {
+            id: this.id,
+            position_id: "news",
+            scene: "news"
+          }
+        }).then(res => {
+          this.info = {
+            created_time: this.$xdUniHelper.getDate(
+              res["created_time"] * 1000
+            ).fullTime,
+            ...res
+          };
+        })
       },
       onJfbReachBottom(options) {
         console.log('event.onJfbReachBottom', options)
@@ -96,6 +99,7 @@
       },
       onJfbBack(options) {
         console.log('event.onJfbBack', options)
+        this.$xdUniHelper.navigateBack();
       },
       onJfbUpdate(...data) {
         console.log('event.onJfbUpdate', data)

package/src/components/JfbBaseSaasNewsList/Api.js

@@ -12,47 +12,13 @@
  */
 module.exports = [
   {
-    mapFnName: 'getByIdFilmSquate', //自定义方法名字（必选）
-    title: '获取电影广场列表',
-    path: '/api/account/film/list-film-square',
+    mapFnName: 'getNewsList',
+    title: '获取新闻列表',
+    path: '/saas/v1/content_ad_news/items',
     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', '必选'],
+      position_id: ['位置ID', 'String', '必选'],
+      scene: ['场景ad,news', 'String', '必选']
     },
     isConsole: true,
     disabled: true,

package/src/components/JfbBaseSaasNewsList/Attr.js

@@ -8,99 +8,17 @@ export default {
   content: (data) => {
     return [
       {
-        label: '背景颜色:', //label
-        ele: 'xd-color', //package 名称
-        valueKey: 'bgcolor', //form[valueKey]
-        value: data.bgcolor || '', //v-model
-        placeholder: '请输入占位框背景颜色',
-        classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
-        rules: [
-          {
-            required: true,
-            message: '请输入占位框背景颜色',
-            trigger: 'blur'
-          },
-        ]
-      },
-      {
-        label: '选中路径:', //label
+        label: '新闻详情地址:', //label
         ele: 'xd-select-pages-path', //package 名称
-        valueKey: 'select-pages-path', //form[valueKey]
-        value: data['select-pages-path'] || {},
+        valueKey: 'newsDetailUrl', //form[valueKey]
+        placeholder: '请选择新闻详情地址',
+        value: null,
         setting: {
-          router: XdBus.getParentApi('getPagesTree')
+          router: XdBus.getParentApi('getPagesTree'),
         },
         inline: false,
       },
-      data.bgcolor && {
-        label: '高度:', //label
-        ele: 'el-input', //package 名称
-        type: 'number',
-        valueKey: 'height', //form[valueKey]
-        value: data.height || 100, //v-model
-        placeholder: '请输入占位框高度，单位像素，默认：10px',
-        className: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
-        rules: [
-          {
-            required: true,
-            message: '请输入占位框高度',
-            trigger: 'blur'
-          },
-        ]
-      },
-      {
-        label: '', //label
-        ele: 'slot', //package 名称
-        slot: 'is_reference',
-      },
     ].filter(i=>i)
   },
-  advanced: [
-    {
-      label: '背景颜色:', //label
-      ele: 'xd-color', //package 名称
-      valueKey: 'bgcolor', //form[valueKey]
-      value: '', //v-model
-      placeholder: '请输入占位框背景颜色',
-      classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
-      rules: [
-        {
-          required: true,
-          message: '请输入占位框背景颜色',
-          trigger: 'blur'
-        },
-      ]
-    },
-    {
-      label: '选中路径:', //label
-      ele: 'xd-select-pages-path', //package 名称
-      valueKey: 'select-pages-path', //form[valueKey]
-      value: null,
-      setting: {
-        router: XdBus.getParentApi('getPagesTree')
-      },
-      inline: false,
-    },
-    {
-      label: '高度:', //label
-      ele: 'el-input', //package 名称
-      type: 'number',
-      valueKey: 'height', //form[valueKey]
-      value: null, //v-model
-      placeholder: '请输入占位框高度，单位像素，默认：10px',
-      classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
-      rules: [
-        {
-          required: true,
-          message: '请输入占位框高度',
-          trigger: 'blur'
-        },
-      ]
-    },
-    {
-      label: '', //label
-      ele: 'slot', //package 名称
-      slot: 'is_reference',
-    },
-  ],
+  advanced: [],
 };

package/src/components/JfbBaseSaasNewsList/JfbBaseSaasNewsList.vue

@@ -16,13 +16,13 @@
     <view class="jfb-base-saas-news-list__body">
       <view class="news_wrap">
         <view class="news_group">
-          <view class="news_item" v-for="i in 3" :key="i">
+          <view class="news_item" v-for="(item, i) in newsList" :key="i" @click="toDetail(item)">
             <view class="news_cont">
-              <view class="news_tit">企业公告的信息，如果没有则不展示该模块直接展示企业新闻</view>
-              <view class="news_date">2022.10.08   12:00</view>
+              <view class="news_tit">{{ item.title }}</view>
+              <view class="news_date">{{ item.created_time }}</view>
             </view>
             <view class="news_img">
-
+              <image :src="item.thumb" />
             </view>
           </view>
         </view>
@@ -48,8 +48,10 @@
     ],
     data() {
       return {
+        newsList: [],
 
-        //todo
+        //面板
+        newsDetailUrl: "",  //新闻详情url
       }
     },
     watch: {
@@ -64,16 +66,7 @@
     },
     methods: {
       onJfbLoad(options) {
-
-        // jfbRootExec('baiduUserLogin', {
-
-        //   vm: this,//   data: {
-
-        //     account: 'gaoshiyong',//     password: '123456789',//     type: 3,//     ...options
-
-        //   }
-
-        // }).then().catch()
+        this.p_getNewsList("news")
       },
       /**
        * @description 监听事件变化
@@ -82,11 +75,32 @@
       init(container) {
 
         //this.bgcolor = getContainerPropsValue(container, 'content.bgcolor', '#fff');
-
-        //this.height = getContainerPropsValue(container, 'content.height', 10);
+      },
+      toDetail(item){
+        this.$xdUniHelper.navigateTo({
+          url: `${this.newsDetailUrl}?id=${item.id}`,
+        });
+      },
+      p_getNewsList(position_id){
+        jfbRootExec("getNewsList", {
+          vm: this,
+          data: {
+            position_id: position_id,
+            scene: "news",
+            page_size: 10,
+            page_token: 1
+          }
+        }).then(res => {
+          this.newsList = res.list.map(item => {
+            item.created_time = this.$xdUniHelper.getDate(
+              item["created_time"] * 1000
+            ).fullTime;
+            return item;
+          });
+        })
       },
       onJfbScroll(options) {
-        console.log('event.onJfbScroll', options)
+        
       },
       onJfbReachBottom(options) {
         console.log('event.onJfbReachBottom', options)
@@ -99,6 +113,7 @@
       },
       onJfbBack(options) {
         console.log('event.onJfbBack', options)
+        this.$xdUniHelper.navigateBack();
       },
       onJfbUpdate(...data) {
         console.log('event.onJfbUpdate', data)
@@ -124,6 +139,7 @@
           margin-bottom: 20rpx;
           .news_item{
             display: flex;
+            align-items: center;
             padding: 32rpx;
             border-bottom: 1px solid #F0F0F0;
             .news_cont{
@@ -133,6 +149,13 @@
               .news_tit{
                 font-size: 28rpx;
                 color: #333333;
+                height: 96rpx;
+                line-height: 48rpx;;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                -webkit-line-clamp: 2;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
               }
               .news_date{
                 color: #999999;
@@ -144,8 +167,11 @@
             .news_img{
               width: 190rpx;
               height: 120rpx;
-              background-color: #333333;
               margin-left: 60rpx;
+              image{
+                width: 100%;
+                height: 100%;
+              }
             }
           }
         }

package/src/components/JfbBaseSassPhoneCollect/Api.js

@@ -0,0 +1,39 @@
+'use strict';
+
+/**
+ * @description API模型
+ * 建议：Ffff=>模块  Xxxx=>自定义名字
+ * 获取单记录(getByIdFfffXxxx)
+ * 获取列表记录(getByListFfffXxxx)
+ * 添加列表记录(addFfffXxxxx)
+ * 删除列表记录(removeFfffXxxxx|deleteFfffXxxx)
+ * 更新列表记录(updateFfffXxxxx)
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    mapFnName: 'phoneCollect',
+    title: "收集手机号",
+    path: "/passport/v1/user/collect-phone-number",
+    isRule: false,
+    data: {
+      phone_number: ['手机号', 'String', null], //手机号
+      verification_code: ['手机验证码', 'String', null],
+      provider_id: ['登录方式id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disable: true,
+  },
+  {
+    mapFnName: 'sendMsg',
+    title: '发送验证码',
+    path: '/common/v1/valid_code/sms/send',
+    isRule: false,
+    data: {
+      phone_number: ['手机号', 'String', '必选'],
+      biz_name: ['业务名称', 'String', '必选']
+    },
+    isConsole: true,
+    disabled: true,
+  },
+];