update:更新

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

 <template>
     <div class="app-rawitem-carousel">
-        <Carousel class="carsouel-container" :autoplay="swipeConfig.isAuto" :autoplay-speed="swipeConfig.timeSpan" radius-dot>
+        <Carousel class="carsouel-container" :autoplay="swipeConfig.isAuto" :autoplay-speed="swipeConfig.timeSpan"
+            radius-dot>
             <CarouselItem v-for="(item, index) in swipeData" :key="index">
                 <div class="carousel-img-item">
                     <a v-if="item.linkPath" :href="item.linkPath">
@@ -16,6 +17,8 @@
 </template>
 <script lang='ts'>
 import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
+import { ImgurlBase64 } from '@/utils';
+import { Environment } from "@/environments/environment";
 @Component({})
 export default class AppCarousel extends Vue {
     /**
@@ -83,10 +86,10 @@ export default class AppCarousel extends Vue {
      * @param {*} oldVal
      * @memberof AppCarousel
      */
-    @Watch('data', { immediate: true, deep: true })
+    @Watch('value', { immediate: true, deep: true })
     public onDataChange(newVal: any, oldVal: any) {
         if (newVal) {
-            this.handleSwipData(newVal);
+            // this.handleSwipData(newVal);
         }
     }
 
@@ -95,8 +98,17 @@ export default class AppCarousel extends Vue {
      * @memberof AppCarousel
      */
     created() {
+        //处理轮播图-动态数据
+        if (this.type === "FIELD_CAROUSEL") {
+            if (this.value && typeof this.value === 'string') {
+                const swipeData = JSON.parse(this.value);
+                this.handleSwipData(swipeData);
+            }
+        } else if (this.type === "STATIC_CAROUSEL") {
+            //处理轮播图-静态数据
             this.handleSwipData(this.value);
         }
+    }
 
     /**
     * @description 处理轮播图数据
@@ -116,6 +128,9 @@ export default class AppCarousel extends Vue {
                 this.swipeConfig = this.setSwipeConfig(data);
             }
         }
+        this.swipeData = this.swipeData.map((item: any) => {
+            return this.addressProcessing(item);
+        });
     }
 
     /**
@@ -142,6 +157,51 @@ export default class AppCarousel extends Vue {
         };
     }
 
+    /**
+     * 处理轮播图地址
+     *
+     * @memberof AppPresetRawitem
+     */
+    private async addressProcessing(item: any) {
+        let _item: any = {};
+        if (this.type === "FIELD_CAROUSEL") {
+            let url = `${Environment.BaseUrl}${Environment.ExportFile}/${item.id}`;
+            let res = await ImgurlBase64.getInstance().getImgURLOfBase64(url);
+            _item.linkPath = item.linkPath;
+            _item.imgPath = res;
+            _item.iconClass = item.iconclass;
+        } else if (this.type === "STATIC_CAROUSEL") {
+            _item.linkPath = item.linkPath;
+            _item.imgPath = this.getImagePath(item);
+            _item.iconClass = this.getImageClass(item) || '';
+        }
+
+
+        return _item;
+    }
+    //TODO
+    /**
+     * 获取图片路径
+     *
+     * @memberof AppPresetRawitem
+     */
+     public getImagePath(item: any) {
+        if (item && item.getPSSysImage && item.getPSSysImage.imagePath) {
+            return item.getPSSysImage.imagePath;
+        }
+    }
+
+    /**
+     * @description 获取imageClass
+     * @param {*}
+     * @memberof AppRawItem
+     */
+    public getImageClass(item: any) {
+        if (item && item.getPSSysImage && item.getPSSysImage.cssClass) {
+            return item.getPSSysImage.cssClass;
+        }
+    }
+
     /**
      * 处理图标大小
      * @memberof AppMobCarousel