jufubao-base 1.0.119-beta9 → 1.0.120

package/src/components/JfbBaseSaasNewsDetail/JfbBaseSaasNewsDetail.vue

@@ -1,149 +0,0 @@
-<template>
-  <view
-    class="jfb-base-saas-news-detail"
-    @click="handleEditxSelect"
-    :class="{ editx : isEditx && active }"
-  >
-    <!--#ifdef H5-->
-    <view
-      class="jfb-base-saas-news-detail__edit"
-      :class="{ editx : isEditx && active }"
-      v-if="isEditx && active"
-    >
-      <view class="jfb-base-saas-news-detail__edit-icon" @click="delEdit">删除</view>
-    </view>
-    <!-- #endif -->
-    <view class="jfb-base-saas-news-detail__body">
-      <view class="news_detail">
-        <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>
-</template>
-
-<script>
-  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
-  import { jfbRootExec } from "@/utils/xd.event";
-  import JfbBaseSaasNewsDetailMixin from "./JfbBaseSaasNewsDetailMixin";
-  import { getContainerPropsValue } from "@/utils/xd.base";
-  import componentsMixins from "@/mixins/componentsMixins";
-  import extsMixins from "@/mixins/extsMixins";
-  export default {
-    name: "JfbBaseSaasNewsDetail",
-    components: {
-      XdFontIcon
-    },
-    mixins: [
-      componentsMixins, extsMixins, JfbBaseSaasNewsDetailMixin
-    ],
-    data() {
-      return {
-        id: "",
-        position_id: "",
-        info: {},
-        //todo
-      }
-    },
-    watch: {
-      container(value) {
-        this.init(value)
-      }
-    },
-    created() {
-      this.init(this.container);
-
-      //todo
-    },
-    methods: {
-      onJfbLoad(options) {
-        this.id = options.id;
-        this.position_id = options.position_id;
-        this.p_getNewsDetail();
-      },
-      /**
-       * @description 监听事件变化
-       * @param container {object} 业务组件对象自己
-       */
-      init(container) {
-
-        //this.bgcolor = getContainerPropsValue(container, 'content.bgcolor', '#fff');
-      },
-      onJfbScroll(options) {
-        
-      },
-      p_getNewsDetail(){
-        jfbRootExec("getNewsDetail", {
-          vm: this,
-          data: {
-            id: this.id,
-            position_id: this.position_id,
-            scene: "news"
-          }
-        }).then(res => {
-          this.info = {
-            created_time: this.$xdUniHelper.getDate(
-              res["created_time"] * 1000
-            ).fullTime,
-            ...res
-          };
-        })
-      },
-      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)
-        this.$xdUniHelper.navigateBack();
-      },
-      onJfbUpdate(...data) {
-        console.log('event.onJfbUpdate', data)
-      },
-      onJfbCustomEvent(options) {
-        console.log('event.onJfbReachBottom', options)
-      },
-    }
-  }
-
-</script>
-
-<style scoped lang="less">
-  @import "./JfbBaseSaasNewsDetailLess.less";
-
-  .jfb-base-saas-news-detail {
-    &__body{
-      background-color: #FFFFFF;
-      padding: 48rpx;
-      .news_detail{
-        
-        .news_title{
-          color: #000000;
-          font-weight: 500;
-          font-size: 36rpx;
-        }
-        .news_date{
-          color: #A6A6A6;
-          font-size: 20rpx;
-          font-weight: 400;
-          margin-top: 32rpx;
-        }
-        .news_cont{
-          color: #000000;
-          font-size: 24rpx;
-          font-weight: 400;
-          margin-top: 56rpx;
-          /deep/ img{
-            max-width: 100% !important;
-          }
-        }
-      }
-    }
-  }
-</style>

package/src/components/JfbBaseSaasNewsDetail/JfbBaseSaasNewsDetailLess.less

@@ -1,80 +0,0 @@
-/**
-* @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-base-saas-news-detail {
-  border: 1px dashed rgba(0, 0, 0, 0);
-  box-sizing: border-box;
-  min-height: unit(50, rpx);
-
-  &__body{
-      position: relative;
-      overflow: hidden;
-      z-index: 2
-  }
-
-  &.editx {
-    position: relative;
-    border: 1px dashed blue;
-    box-sizing: border-box;
-    z-index: 3
-
-  }
-
-  &:hover {
-    border: 1px dashed blue;
-  }
-
-  &.noBorder {
-    border-color: rgba(0,0,0,0);
-    border-width: 0;
-  }
-
-
-  &__edit {
-    cursor: pointer;
-    position: absolute;
-    right: unit(0, rpx);
-    top: unit(-52, rpx);
-    height: unit(50, rpx);
-    line-height: unit(50, rpx);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: rgba(0, 0, 0, .6);
-    border-radius: unit(10, rpx);
-    box-shadow: 0 0 10px rbga(0, 0, 0, 0.3);
-    color: #fff;
-    font-size: unit(22, rpx);
-
-    &-icon{
-      padding: 0 unit(20, rpx);
-    }
-
-    &.editx {
-      box-sizing: border-box;
-
-    }
-  }
-}
-//end
-
-
-/**notPreview**/
-.jfb-base-saas-news-detail {
-  &:before {
-    content: " ";
-    display: table;
-  }
-}
-/**endNotPreview**/

package/src/components/JfbBaseSaasNewsDetail/JfbBaseSaasNewsDetailMixin.js

@@ -1,30 +0,0 @@
-'use strict';
-
-
-//@AttrImport
-import Attr from "./Attr";
-//@EndAttrImport
-
-
-export default {
-  data() {
-    return {
-      //#ifdef H5
-      
-      //@AttrData
-      Attr:{}, //对外开发编辑属性
-      //@EndAttrData
-      
-      // #endif
-      cssRoot: 'jfb-base-saas-news-detail'
-    }
-  },
-  created() {
-    
-    //@AttrDataCreated
-    this.Attr = this.$xdUniHelper.customClone(Attr);
-    //@EndAttrDataCreated
-    
-
-  },
-}

package/src/components/JfbBaseSaasNewsDetail/Mock.js

@@ -1,9 +0,0 @@
-'use strict';
-
-module.exports = {
-  getNewsDetail: {
-    title: "企业新闻标题 如果超长的标题那么就折行处理折行处理的样式就像是这样子的",
-    content: "在难以生存的恶劣环境下，三体人决定移民其他星球，目的地就是人类所在的地球。整个计划耗时数百年之久，并且路途中充满不确定性，为什么三体人不直接摧毁一颗或两颗恒星，使剩余的恒星保持规律的运动，拥有稳定恒纪元，而是一定要大费周章的来到地球呢？要知道在三体人遭受黑暗森林打击之前，就已经拥有了高度发达的科技，能将宇宙飞船加速到近乎光速。能够摧毁恒星的光粒本质上也只是一个以光速飞行的物体，完全可以用宇宙飞船来充当光粒，摧毁恒星。那么三体人是真的没有想到吗？事实当然绝非如此，摧毁恒星获得恒纪元远非我们想的这么简单。首先用近乎光速的宇宙飞船去摧毁恒星本身就不太现实。星环号的飞船等级和三体人是一样的，它到达286光年外的DX3906恒星花费了52个小时。这并不是真正的光速飞行，假如以100%的光速前往DX3906，时间会在光速中停止，对飞船上的人来说是在瞬间就达到了目的地。",
-    created_time: "321654789",
-  }
-}

package/src/components/JfbBaseSaasNewsList/Api.js

@@ -1,26 +0,0 @@
-'use strict';
-
-/**
- * @description API模型
- * 建议：Ffff=>模块  Xxxx=>自定义名字
- * 获取单记录(getByIdFfffXxxx)
- * 获取列表记录(getByListFfffXxxx)
- * 添加列表记录(addFfffXxxxx)
- * 删除列表记录(removeFfffXxxxx|deleteFfffXxxx)
- * 更新列表记录(updateFfffXxxxx)
- * @type {*[]}
- */
-module.exports = [
-  {
-    mapFnName: 'getNewsList',
-    title: '获取新闻列表',
-    path: '/saas/v1/content_ad_news/items',
-    isRule: false,
-    params: {
-      position_id: ['位置ID', 'String', '必选'],
-      scene: ['场景ad,news', 'String', '必选']
-    },
-    isConsole: true,
-    disabled: true,
-  },
-];

package/src/components/JfbBaseSaasNewsList/Attr.js

@@ -1,24 +0,0 @@
-'use strict';
-
-/**
- * @description 当表单组件中有联动操作时候，使用方法进行返回
- */
-export default {
-  style: [],
-  content: (data) => {
-    return [
-      {
-        label: '新闻详情地址:', //label
-        ele: 'xd-select-pages-path', //package 名称
-        valueKey: 'newsDetailUrl', //form[valueKey]
-        placeholder: '请选择新闻详情地址',
-        value: data.newsDetailUrl || null,
-        setting: {
-          router: XdBus.getParentApi('getPagesTree'),
-        },
-        inline: false,
-      },
-    ].filter(i=>i)
-  },
-  advanced: [],
-};

package/src/components/JfbBaseSaasNewsList/JfbBaseSaasNewsList.vue

@@ -1,184 +0,0 @@
-<template>
-  <view
-    class="jfb-base-saas-news-list"
-    @click="handleEditxSelect"
-    :class="{ editx : isEditx && active }"
-  >
-    <!--#ifdef H5-->
-    <view
-      class="jfb-base-saas-news-list__edit"
-      :class="{ editx : isEditx && active }"
-      v-if="isEditx && active"
-    >
-      <view class="jfb-base-saas-news-list__edit-icon" @click="delEdit">删除</view>
-    </view>
-    <!-- #endif -->
-    <view class="jfb-base-saas-news-list__body">
-      <view class="news_wrap">
-        <view class="news_group">
-          <view class="news_item" v-for="(item, i) in newsList" :key="i" @click="toDetail(item)">
-            <view class="news_cont">
-              <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>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
-  import { jfbRootExec } from "@/utils/xd.event";
-  import JfbBaseSaasNewsListMixin from "./JfbBaseSaasNewsListMixin";
-  import { getContainerPropsValue } from "@/utils/xd.base";
-  import componentsMixins from "@/mixins/componentsMixins";
-  import extsMixins from "@/mixins/extsMixins";
-  export default {
-    name: "JfbBaseSaasNewsList",
-    components: {
-      XdFontIcon
-    },
-    mixins: [
-      componentsMixins, extsMixins, JfbBaseSaasNewsListMixin
-    ],
-    data() {
-      return {
-        newsList: [],
-        position_id: "",
-
-        //面板
-        newsDetailUrl: "",  //新闻详情url
-      }
-    },
-    watch: {
-      container(value) {
-        this.init(value)
-      }
-    },
-    created() {
-      this.init(this.container);
-
-      //todo
-    },
-    methods: {
-      onJfbLoad(options) {
-        let position_id = options.position_id;
-        this.position_id = position_id;
-        this.p_getNewsList(position_id)
-      },
-      /**
-       * @description 监听事件变化
-       * @param container {object} 业务组件对象自己
-       */
-      init(container) {
-        this.newsDetailUrl = getContainerPropsValue(container, 'content.newsDetailUrl', {value: ""}).value;
-        //this.bgcolor = getContainerPropsValue(container, 'content.bgcolor', '#fff');
-      },
-      toDetail(item){
-        this.$xdUniHelper.navigateTo({
-          url: `${this.newsDetailUrl}?id=${item.id}&position_id=${this.position_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) {
-        
-      },
-      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)
-        this.$xdUniHelper.navigateBack();
-      },
-      onJfbUpdate(...data) {
-        console.log('event.onJfbUpdate', data)
-      },
-      onJfbCustomEvent(options) {
-        console.log('event.onJfbReachBottom', options)
-      },
-    }
-  }
-
-</script>
-
-<style scoped lang="less">
-  @import "./JfbBaseSaasNewsListLess.less";
-
-  .jfb-base-saas-news-list {
-    &__body{
-      .news_wrap{
-        padding: 20rpx;
-        .news_group{
-          background-color: #FFFFFF;
-          border-radius: 16rpx;
-          margin-bottom: 20rpx;
-          .news_item{
-            display: flex;
-            align-items: center;
-            padding: 32rpx;
-            border-bottom: 1px solid #F0F0F0;
-            .news_cont{
-              flex: 1;
-              width: 400rpx;
-              font-weight: 400;
-              .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;
-                font-size: 20rpx;
-                margin-top: 20rpx;
-              }
-            }
-
-            .news_img{
-              width: 190rpx;
-              height: 120rpx;
-              margin-left: 60rpx;
-              image{
-                width: 100%;
-                height: 100%;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-</style>

package/src/components/JfbBaseSaasNewsList/JfbBaseSaasNewsListLess.less

@@ -1,80 +0,0 @@
-/**
-* @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-base-saas-news-list {
-  border: 1px dashed rgba(0, 0, 0, 0);
-  box-sizing: border-box;
-  min-height: unit(50, rpx);
-
-  &__body{
-      position: relative;
-      overflow: hidden;
-      z-index: 2
-  }
-
-  &.editx {
-    position: relative;
-    border: 1px dashed blue;
-    box-sizing: border-box;
-    z-index: 3
-
-  }
-
-  &:hover {
-    border: 1px dashed blue;
-  }
-
-  &.noBorder {
-    border-color: rgba(0,0,0,0);
-    border-width: 0;
-  }
-
-
-  &__edit {
-    cursor: pointer;
-    position: absolute;
-    right: unit(0, rpx);
-    top: unit(-52, rpx);
-    height: unit(50, rpx);
-    line-height: unit(50, rpx);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: rgba(0, 0, 0, .6);
-    border-radius: unit(10, rpx);
-    box-shadow: 0 0 10px rbga(0, 0, 0, 0.3);
-    color: #fff;
-    font-size: unit(22, rpx);
-
-    &-icon{
-      padding: 0 unit(20, rpx);
-    }
-
-    &.editx {
-      box-sizing: border-box;
-
-    }
-  }
-}
-//end
-
-
-/**notPreview**/
-.jfb-base-saas-news-list {
-  &:before {
-    content: " ";
-    display: table;
-  }
-}
-/**endNotPreview**/

package/src/components/JfbBaseSaasNewsList/JfbBaseSaasNewsListMixin.js

@@ -1,30 +0,0 @@
-'use strict';
-
-
-//@AttrImport
-import Attr from "./Attr";
-//@EndAttrImport
-
-
-export default {
-  data() {
-    return {
-      //#ifdef H5
-      
-      //@AttrData
-      Attr:{}, //对外开发编辑属性
-      //@EndAttrData
-      
-      // #endif
-      cssRoot: 'jfb-base-saas-news-list'
-    }
-  },
-  created() {
-    
-    //@AttrDataCreated
-    this.Attr = this.$xdUniHelper.customClone(Attr);
-    //@EndAttrDataCreated
-    
-
-  },
-}

package/src/components/JfbBaseSaasNewsList/Mock.js

@@ -1,24 +0,0 @@
-'use strict';
-
-module.exports = {
-  getNewsList: {
-    list: [
-      {
-        id: "1",
-        title: "企业公告的信息，如果没有则不展示该模块直接展示企业新闻",
-        content: "123123",
-        created_time: "1234561235",
-        thumb: "https://sandbox-img.jufubao.cn/uploads/20240318/a2d8586cf735c2154e1cac8d5e597741.png?ver=1710753818636",
-        status: "Y",
-      },
-      {
-        id: "2",
-        title: "企业新闻标题如果很长就折行处理 如果再长就省略号处理...",
-        content: "123123",
-        created_time: "1234561235",
-        thumb: "https://sandbox-img.jufubao.cn/uploads/20240318/a2d8586cf735c2154e1cac8d5e597741.png?ver=1710753818636",
-        status: "Y",
-      }
-    ]
-  }
-}