update:更新

src/components/layout-element/media/app-field-image-dynamic/app-field-image-dynamic.vue

@@ -7,9 +7,23 @@
 import { Vue, Component, Prop, Watch, Provide } from 'vue-property-decorator';
 import { ImgurlBase64 } from '@/utils';
 import { Environment } from "@/environments/environment";
-import { PanelFieldModel } from '@/model/panel-detail';
 @Component({})
 export default class AppFieldImageDynamic extends Vue {
+    /**
+     * 名称
+     *
+     * @type {*}
+     * @memberof AppRawItemImage
+     */
+     @Prop() public name!: string;
+
+    /**
+     * 模型
+     *
+     * @type {*}
+     * @memberof AppRawItemImage
+     */
+    @Prop() public layoutModelDetails!: any;
 
     /**
      * 输入值
@@ -25,7 +39,7 @@ export default class AppFieldImageDynamic extends Vue {
      * @type {*}
      * @memberof AppFieldImageDynamic
      */
-    @Prop() public model!: PanelFieldModel;
+    public model:any = null;
 
     /**
      * 动态图片路径
@@ -59,7 +73,8 @@ export default class AppFieldImageDynamic extends Vue {
     }
 
     created() {
-        if (this.model) {
+        if (this.layoutModelDetails && this.name) {
+            this.model = this.layoutModelDetails[this.name];
             this.containerStyle = this.model.getElementStyle();
         }
         this.handleDynaImg();

src/components/layout-element/media/app-rawitem-carousel/app-rawitem-carousel.vue

@@ -16,10 +16,17 @@
     </div>
 </template>
 <script lang='ts'>
-import { PanelFieldModel } from '@/model/panel-detail';
 import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
 @Component({})
 export default class AppCarousel extends Vue {
+    /**
+     * 模型
+     *
+     * @type {*}
+     * @memberof AppRawItemImage
+     */
+    @Prop() public layoutModelDetails!: any;
+
     /**
      * 父项所有数据
      *
@@ -41,7 +48,7 @@ export default class AppCarousel extends Vue {
      * @type {*}
      * @memberof AppCarousel
      */
-    @Prop() public model!: PanelFieldModel;
+    public model: any;
 
     /**
      * 名称
@@ -99,7 +106,8 @@ export default class AppCarousel extends Vue {
      * @memberof AppCarousel
      */
     created() {
-        if (this.model) {
+        if (this.layoutModelDetails && this.name) {
+            this.model = this.layoutModelDetails[this.name];
             this.containerStyle = this.model.getElementStyle();
         }
         //处理轮播图-动态数据

src/components/layout-element/media/app-rawitem-image/app-rawitem-image.vue

@@ -9,6 +9,13 @@ import { PanelFieldModel } from '@/model/panel-detail';
 import { Vue, Component, Prop, Watch, Provide } from 'vue-property-decorator';
 @Component({})
 export default class AppRawItemImage extends Vue {
+    /**
+     * 名称
+     *
+     * @type {*}
+     * @memberof AppRawItemImage
+     */
+     @Prop() public name!: string;
 
     /**
      * 模型
@@ -16,7 +23,7 @@ export default class AppRawItemImage extends Vue {
      * @type {*}
      * @memberof AppRawItemImage
      */
-    @Prop() public model!: PanelFieldModel;
+    @Prop() public layoutModelDetails!: any;
 
     /**
      * 图片地址
@@ -42,8 +49,19 @@ export default class AppRawItemImage extends Vue {
      */
     public containerStyle: any = null;
 
+    /**
+     * 容器样式
+     *
+     * @type {any}
+     * @memberof AppRawItemImage
+     */
+     public model: any = null;
+
+
+
     created() {
-        if (this.model) {
+        if (this.layoutModelDetails && this.name) {
+            this.model = this.layoutModelDetails[this.name];
             this.containerStyle = this.model.getElementStyle();
         }
     }

src/components/layout-element/media/app-rawitem-video/app-rawitem-video.vue

@@ -10,11 +10,26 @@
 </template>
 
 <script lang="ts">
-import { PanelFieldModel } from '@/model/panel-detail';
 import { Util } from '@/utils';
 import { Component, Vue, Prop } from 'vue-property-decorator';
 @Component({})
 export default class AppRawItemVideo extends Vue {
+     /**
+     * 名称
+     *
+     * @type {*}
+     * @memberof AppRawItemImage
+     */
+     @Prop() public name!: string;
+
+    /**
+     * 模型
+     *
+     * @type {*}
+     * @memberof AppRawItemImage
+     */
+    @Prop() public layoutModelDetails!: any;
+
 
     /**
      * 视频播放数据
@@ -28,7 +43,7 @@ export default class AppRawItemVideo extends Vue {
      * @type {*}
      * @memberof @memberof AppRawItemVideo
      */
-    @Prop() public model!: PanelFieldModel;
+    public model: any;
 
     /**
      * 播放器唯一标识
@@ -64,7 +79,8 @@ export default class AppRawItemVideo extends Vue {
     };
 
     created() {
-        if (this.model) {
+        if (this.layoutModelDetails && this.name) {
+            this.model = this.layoutModelDetails[this.name];
             this.containerStyle = this.model.getElementStyle();
         }
     }