jufubao-forms 1.0.6-beta1 → 1.0.6-beta22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-forms",
-  "version": "1.0.6-beta1",
+  "version": "1.0.6-beta22",
   "private": false,
   "description": "聚福宝表单业务插件库",
   "main": "index.js",

package/src/components/JfbFormsDynamicForm/JfbFormsDynamicForm.vue

@@ -15,9 +15,12 @@
       </view>
     </view>
     <!-- #endif -->
-    <view class="jfb-forms-dynamic-form__body">
+    <view class="jfb-forms-dynamic-form__body" :style="[formBodyStyleComp]">
       <view v-if="loaded">
         <view v-if="form_status === 'content'" class="form_content">
+          <view v-if="banner_image" class="form_banner">
+            <image mode="widthFix" :src="banner_image"></image>
+          </view>
           <view class="jfb-forms-dynamic-form__title">{{ formName }}</view>
           <xd-form labelPosition="top" labelAlign="left" :model="form" :paddingBetween="0" :key="renderForm">
             <xd-form-item v-for="(item, i) in dynamicFormList" :key="item.created_time"
@@ -224,6 +227,7 @@
     ],
     data() {
       return {
+        closeMask: true,
         formName: "",
         form: {},
         formPaly: {},
@@ -247,6 +251,8 @@
         uploadImgList: [],
         uploadVideoList: [],
         imgHost: "",
+        background_image: "",
+        banner_image: "",
 
         //面板
         submitPagePath: "",
@@ -276,6 +282,14 @@
       },
       showUploadVideos(){
         return this.uploadVideoList.map(item => getServiceUrl(item))
+      },
+      formBodyStyleComp(){
+        return {
+          backgroundImage: `url(${this.background_image})`,
+          backgroundSize: '100% auto',
+          backgroundRepeat: 'no-repeat',
+          minHeight: this.layoutInfo.bodyMinHeight
+        }
       }
     },
     watch: {
@@ -330,6 +344,8 @@
           this.$xdHideLoading();
           this.loaded = true;
           this.formName = res.form_name;
+          this.background_image = res.background_image ? getServiceUrl(res.background_image) : "";
+          this.banner_image = res.banner_image ? getServiceUrl(res.banner_image) : "";
           this.err_msg = res.message;
           if(res.message){
             this.form_status = "error";
@@ -882,6 +898,14 @@
   .jfb-forms-dynamic-form {
     &__body{
       padding: 32rpx 24rpx;
+      .form_banner{
+        width: 100%;
+        box-sizing: border-box;
+        image{
+          display: block;
+          width: 100%;
+        }
+      }
       .form_status{
         display: flex;
         flex-direction: column;

package/src/components/JfbFormsDynamicForm/Mock.js

@@ -2,6 +2,8 @@
 
 module.exports = {
   getDynamicForm: {
+    background_image: "https://sandbox-img.jufubao.cn/uploads/20250722/7ae3b43b654a73f0d9d118d5eb37c51b.png?x-oss-process=style/size3&ver=1766456894",
+    banner_image: "https://sandbox-img.jufubao.cn/uploads/20251223/3d20ded5738f4c37547b962c58b4b468.png",
     form_name: "普益调查",
     list: [
       {

package/src/components/JfbFormsQuestionAndAnswer/JfbFormsQuestionAndAnswer.vue

@@ -15,13 +15,12 @@
       </view>
     </view>
     <!-- #endif -->
-    <view class="jfb-forms-question-and-answer__body" :style="{
-      '--main-color': mainColor,
-      '--main-color-alpha': mainColorAlpha,
-      'min-height': layoutInfo.bodyMinHeight
-    }">
+    <view class="jfb-forms-question-and-answer__body" :style="[formBodyStyleComp]">
       <view v-if="loaded">
         <view v-if="form_status === 'content'">
+          <view v-if="banner_image" class="form_banner">
+            <image mode="widthFix" :src="banner_image"></image>
+          </view>
           <view style="background: #FFFFFF;">
             <view class="qa_title">{{ formName }}</view>
             <view class="qa_progress">
@@ -121,6 +120,7 @@
     ],
     data() {
       return {
+        closeMask: true,
         form_id: '',
         foreign_id: "",
         loaded: false,
@@ -141,7 +141,8 @@
 
         curIndex: '',
         //todo
-
+        background_image: "",
+        banner_image: "",
         qaResultPath: "",
         qaListPath: "",
       }
@@ -218,6 +219,16 @@
           return !this.qaResult.right;
         }
         return false;
+      },
+      formBodyStyleComp(){
+        return {
+          backgroundImage: `url(${this.background_image})`,
+          backgroundSize: '100% auto',
+          backgroundRepeat: 'no-repeat',
+          '--main-color': this.mainColor,
+          '--main-color-alpha': this.mainColorAlpha,
+          'min-height': this.layoutInfo.bodyMinHeight
+        }
       }
     },
     watch: {
@@ -275,6 +286,8 @@
           this.loaded = true;
           this.formList = res.list;
           this.formName = res.form_name;
+          this.background_image = res.background_image ? getServiceUrl(res.background_image) : "";
+          this.banner_image = res.banner_image ? getServiceUrl(res.banner_image) : "";
           this.err_msg = res.message;
           this.curIndex = 0
           if(res.message){
@@ -423,6 +436,14 @@
 
   .jfb-forms-question-and-answer {
     &__body{
+      .form_banner{
+        width: 100%;
+        box-sizing: border-box;
+        image{
+          display: block;
+          width: 100%;
+        }
+      }
       .qa_title{
         text-align: center;
         padding: 40rpx 0;

package/src/components/JfbFormsQuestionAndAnswer/Mock.js

@@ -2,6 +2,8 @@
 
 module.exports = {
   getDynamicForm: {
+    background_image: "https://sandbox-img.jufubao.cn/uploads/20250722/7ae3b43b654a73f0d9d118d5eb37c51b.png?x-oss-process=style/size3&ver=1766456894",
+    banner_image: "https://sandbox-img.jufubao.cn/uploads/20251223/3d20ded5738f4c37547b962c58b4b468.png",
     message: "",
     form_name: "抽奖11",
     list: [

package/src/components/JfbFormsQaRecord/Api.js

@@ -1,58 +0,0 @@
-'use strict';
-/**
- * @description  接口配置，
- * 在设置方法名字当时候，别忘记加上【模块名字】：Qa
- * @type {*[]}
- */
-module.exports = [
-  {
-    //设置方法名字当别忘记加上【模块名字】：Qa
-    mapFnName: 'getQaByIdFilmSquate',
-    title: '获取电影广场列表',
-    path: '/api/account/film/list-film-square',
-    isRule: false,
-    params: {
-      last_key: ['当前页', 'Number', '必选'],
-      page_size: ['每页数量', 'Number', '必选'],
-    },
-    isConsole: true,
-    disabled: true,
-  },
-  {
-    //设置方法名字当别忘记加上【模块名字】：Qa
-    mapFnName: 'updateQaFilmPaiqiDate',
-    title: '更新排期',
-    path: '/api/account/film/paiqi-date',
-    isRule: false,
-    params: {
-      film_id: ['电影id', 'Number', '必选'],
-      cinema_id: ['影院id', 'Number', '必选'],
-    },
-    isConsole: true,
-    disabled: true,
-  },
-  {
-    //设置方法名字当别忘记加上【模块名字】：Qa
-    mapFnName: 'removeQaFilmAddress',
-    title: '删除我的配送地址',
-    path: '/api/account/film/paiqi-date',
-    isRule: false,
-    params: {
-      film_id: ['电影id', 'Number', '必选'],
-    },
-    isConsole: true,
-    disabled: true,
-  },
-  {
-    //设置方法名字当别忘记加上【模块名字】：Qa
-    mapFnName: 'addQaFilmcart',
-    title: '添加购物车',
-    path: '/api/account/film/paiqi-date',
-    isRule: false,
-    params: {
-      film_id: ['电影id', 'Number', '必选'],
-    },
-    isConsole: true,
-    disabled: true,
-  },
-];

package/src/components/JfbFormsQaRecord/Attr.js

@@ -1,18 +0,0 @@
-'use strict';
-
-import style from "./cusAttr/style";
-import advanced from "./cusAttr/advanced";
-import content from "./cusAttr/content";
-
-export default {
-  style: [],
-  advanced: [],
-  content: (data, gValue, gColor, oldData={})=>{
-
-    return [
-      ...content(data, gValue,gColor,oldData),
-      ...style(data, gValue,gColor,oldData),
-      ...advanced(data),
-    ].filter(i=>i) 
-  },
-}

package/src/components/JfbFormsQaRecord/JfbFormsQaRecord.vue

@@ -1,113 +0,0 @@
-<template>
-  <view
-    class="jfb-forms-qa-record"
-    @click="handleEditxSelect"
-    :class="{ editx : isEditx && active }"
-  >
-    <!--#ifdef H5-->
-    <view
-      class="jfb-forms-qa-record__edit"
-      :class="{ editx : isEditx && active }"
-      v-if="isEditx && active"
-    >
-      <view class="jfb-forms-qa-record__edit-icon" @click.stop="delEdit">
-        <xd-font-icon icon="iconshanchu-01" color="#fff" size="30"></xd-font-icon>
-      </view>
-    </view>
-    <!-- #endif -->
-    <view class="jfb-forms-qa-record__body">
-      <view>测试插件( {{containerId}} )</view>
-    </view>
-  </view>
-</template>
-
-<script>
-  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
-  import { jfbRootExec } from "@/utils/xd.event";
-  import JfbFormsQaRecordMixin from "./JfbFormsQaRecordMixin";
-  import { getContainerPropsValue } from "@/utils/xd.base";
-  import componentsMixins from "@/mixins/componentsMixins";
-  import extsMixins from "@/mixins/extsMixins";
-  export default {
-    name: "JfbFormsQaRecord",
-    components: {
-      XdFontIcon
-    },
-    mixins: [
-      componentsMixins, extsMixins, JfbFormsQaRecordMixin
-    ],
-    data() {
-      return {
-
-        //todo
-      }
-    },
-    watch: {
-      container(value, oldValue) {
-        if (JSON.stringify(value) === JSON.stringify(oldValue)) return;
-        if (this.$configProject['isPreview']) this.init(value)
-      },
-    },
-    created() {
-      this.init(this.container);
-
-      //todo
-    },
-    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 "./JfbFormsQaRecordLess.less";
-
-  .jfb-forms-qa-record {
-    &__body{
-
-    }
-  }
-</style>

package/src/components/JfbFormsQaRecord/JfbFormsQaRecordLess.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-forms-qa-record {
-  box-sizing: border-box;
-
-  &__body{
-      position: relative;
-      overflow: hidden;
-      z-index: 2
-  }
-
-  &.editx,&.editx:hover {
-    position: relative;
-    min-height: unit(100, rpx);
-    z-index: 3;
-    &::after {
-      border: 2rpx dashed blue;
-      content: " ";
-      position: absolute;
-      top:0;
-      left:0;
-      bottom:0;
-      right:0;
-      z-index: var(--preview-z-index);
-      cursor: pointer;
-    }
-
-  }
-
-
-  &__edit {
-    cursor: pointer;
-    position: absolute;
-    right: unit(0, rpx);
-    top: unit(0, rpx);
-    height: unit(50, rpx);
-    z-index: 100;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: rgba(0, 0, 0, .4);
-    border-radius: 0 0 0 20rpx;
-    box-shadow: 0 0 10px rbga(0, 0, 0, 0.3);
-    color: #fff;
-    font-size: unit(22, rpx);
-    padding: 0 6rpx 0 6px;
-
-    &-icon{
-      padding: 0 unit(20, rpx);
-    }
-
-    &.editx {
-      box-sizing: border-box;
-
-    }
-  }
-}
-//end
-
-
-/**notPreview**/
-.jfb-forms-qa-record {
-  //&:before {
-    //content: " ";
-    //display: table;
-  //}
-}
-/**endNotPreview**/

package/src/components/JfbFormsQaRecord/JfbFormsQaRecordMixin.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-forms-qa-record'
-    }
-  },
-  created() {
-    
-    //@AttrDataCreated
-    this.Attr = this.$xdUniHelper.customClone(Attr);
-    //@EndAttrDataCreated
-    
-
-  },
-}

package/src/components/JfbFormsQaRecord/Mock.js

@@ -1,13 +0,0 @@
-'use strict';
-
-module.exports = {
-  
-  getQaByIdFilmSquate:{},
-  
-  updateQaFilmPaiqiDate:{},
-  
-  removeQaFilmAddress:{},
-  
-  addQaFilmcart:{},
-  
-}

package/src/components/JfbFormsQaRecord/cusAttr/advanced.js

@@ -1,25 +0,0 @@
-'use strict';
-import {
-  dataVal ,
-  statusShow,
-  statusDataVal,
-  customVal,
-  cusDisabled ,
-  getCustomAttr,
-  TestCssInfo,
-  cRaBorShadow
-} from "@/utils/AttrTools";
-export default (data, gValue, gColor, oldData) => {
-  return [
-    {
-      label: '版本号:',
-      ele: 'el-input',
-      type: 'text',
-      groupKey: 'advanced',
-      valueKey: 'version',
-      value: 'v2.0',
-      hidden: true,
-    },
-  ].filter(i=>i)
-}
-

package/src/components/JfbFormsQaRecord/cusAttr/content.js

@@ -1,17 +0,0 @@
-'use strict';
-import {
-  dataVal ,
-  statusShow,
-  statusDataVal,
-  customVal,
-  cusDisabled ,
-  getCustomAttr,
-  TestCssInfo,
-  cRaBorShadow
-} from "@/utils/AttrTools";
-
-export default (data, gValue, gColor, oldData) => {
-  return [
-      
-  ].filter(i=>i)
-}

package/src/components/JfbFormsQaRecord/cusAttr/style.js

@@ -1,14 +0,0 @@
-import {
-  dataVal ,
-  statusShow,
-  statusDataVal,
-  customVal,
-  cusDisabled ,
-  getCustomAttr,
-  TestCssInfo,
-  cRaBorShadow
-} from "@/utils/AttrTools";
-export default function (data, gValue, gColor, oldData) {
-  return [
-  ].filter(i=>i)
-}