党建大屏

packages/bigscreen/designer/components/Add.vue

@@ -64,6 +64,11 @@
         @close="isShowLayout = false">
       </Layout>
       <ai-dv-wrapper :views="[{label: '返回'}]" @change="screenId = false" v-if="screenId" :title="form.name">
+        <AiDvBackground
+          :theme="config.theme"
+          v-if="config.length || config.theme === '1'"
+          :src="config.theme === '1' ? 'https://cdn.cunwuyun.cn/dvcp/dv/img/dj-bg.png' : config.backgroundImage[0].url">
+        </AiDvBackground>
         <AppGigscreenViewer :urlPrefix="urlPrefix" :instance="instance" :dict="dict" :id="screenId"></AppGigscreenViewer>
       </ai-dv-wrapper>
       <ai-dialog :visible.sync="dialog" title="定制大屏" @closed="custom={}" @onConfirm="handleCustomizedDV">
@@ -137,6 +142,9 @@ export default {
       rules: {
         dv: [{required: true, message: "请选择 定制大屏"}],
         title: [{required: true, message: "请输入 大屏标题"}],
+      },
+      config: {
+        backgroundImage: []
       }
     }
   },
@@ -193,6 +201,11 @@ export default {
     },
 
     toViewer(id) {
+      this.instance.post(`${this.urlPrefix}/appdiylargescreen/queryLargeScreenDetailById?id=${id}`).then(res => {
+        if (res.data) {
+          this.config = JSON.parse(res.data.config).dashboard
+        }
+      })
       this.screenId = id
     },