jufubao-base 1.0.63-beta208 → 1.0.63-beta209

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-base",
-  "version": "1.0.63-beta208",
+  "version": "1.0.63-beta209",
   "private": false,
   "description": "聚福宝业务组件基础插件包",
   "main": "index.js",

package/src/components/JfbBaseBackground/JfbBaseBackground.vue

@@ -2,109 +2,83 @@
   <view
     class="jfb-base-background"
     @click="handleEditxSelect"
-    :class="{ editx : isEditx && active }"
+    :class="{ editx: isEditx && active }"
   >
     <!--#ifdef H5-->
     <view
       class="jfb-base-background__edit"
-      :class="{ editx : isEditx && active }"
+      :class="{ editx: isEditx && active }"
       v-if="isEditx && active"
     >
       <view class="jfb-base-background__edit-icon" @click="delEdit">删除</view>
     </view>
     <!-- #endif -->
     <view class="jfb-base-background__body">
-      <view>测试插件( {{containerId}} )</view>
+      <view>1</view>
     </view>
   </view>
 </template>
 
 <script>
-  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
-  import { jfbRootExec } from "@/utils/xd.event";
-  import JfbBaseBackgroundMixin from "./JfbBaseBackgroundMixin";
-  import { getContainerPropsValue } from "@/utils/xd.base";
-  import componentsMixins from "@/mixins/componentsMixins";
-  import extsMixins from "@/mixins/extsMixins";
-  export default {
-    name: "JfbBaseBackground",
-    components: {
-      XdFontIcon
+import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+import { jfbRootExec } from "@/utils/xd.event";
+import JfbBaseBackgroundMixin from "./JfbBaseBackgroundMixin";
+import { getContainerPropsValue } from "@/utils/xd.base";
+import componentsMixins from "@/mixins/componentsMixins";
+import extsMixins from "@/mixins/extsMixins";
+import getServiceUrl from "@/common/getServiceUrl";
+export default {
+  name: "JfbBaseBackground",
+  components: {
+    XdFontIcon,
+  },
+  mixins: [componentsMixins, extsMixins, JfbBaseBackgroundMixin],
+  data() {
+    return {};
+  },
+  watch: {
+    container(value) {
+      this.init(value);
     },
-    mixins: [
-      componentsMixins, extsMixins, JfbBaseBackgroundMixin
-    ],
-    data() {
-      return {
-
-        //todo
-      }
-    },
-    watch: {
-      container(value) {
-        this.init(value)
+  },
+  created() {
+    this.init(this.container);
+  },
+  methods: {
+    onJfbLoad(options) {},
+    /**
+     * @description 监听事件变化
+     * @param container {object} 业务组件对象自己
+     */
+    init(container) {
+      try {
+        jfbRootExec("getListBackgroundContent", {
+          vm: this,
+          data: {
+            page_id: this.pageAttr["page_id"],
+            container_id: this.containerId,
+            page_size: 1,
+          },
+        }).then((res) => {
+          let bg = getServiceUrl(res.list[0]["image_url"]);
+          this.$xdRoot.$emit("setLayoutPageBg", bg);
+        });
+      } catch (error) {
+        console.log(error, "getListBackgroundContentError");
       }
     },
-    created() {
-      this.init(this.container);
-
-      //todo
+    onJfbScroll(options) {
+      console.log("event.onJfbScroll", options);
     },
-    methods: {
-      onJfbLoad(options) {
-
-        // jfbRootExec('baiduUserLogin', {
-
-        //   vm: this,//   data: {
-
-        //     account: 'gaoshiyong',//     password: '123456789',//     type: 3,//     ...options
-
-        //   }
-
-        // }).then().catch()
-      },
-      /**
-       * @description 监听事件变化
-       * @param container {object} 业务组件对象自己
-       */
-      init(container) {
-
-        //this.bgcolor = getContainerPropsValue(container, 'content.bgcolor', '#fff');
-
-        //this.height = getContainerPropsValue(container, 'content.height', 10);
-      },
-      onJfbScroll(options) {
-        console.log('event.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)
-      },
-      onJfbUpdate(...data) {
-        console.log('event.onJfbUpdate', data)
-      },
-      onJfbCustomEvent(options) {
-        console.log('event.onJfbReachBottom', options)
-      },
-    }
-  }
-
+  },
+};
 </script>
 
 <style scoped lang="less">
-  @import "./JfbBaseBackgroundLess.less";
-
-  .jfb-base-background {
-    &__body{
+@import "./JfbBaseBackgroundLess.less";
 
-    }
+.jfb-base-background {
+  &__body {
   }
+}
 </style>