大屏组件

packages/bigscreen/designer/components/Layout.vue

@@ -63,6 +63,7 @@
               <ai-dv-wrapper style="height: 100%" :title="params.name">
                 <div style="width: 100%; height: 100%">
                   <AiDvBackground
+                    :theme="dashboard.theme"
                     v-if="dashboard.backgroundImage.length"
                     :src="dashboard.backgroundImage[0].url">
                   </AiDvBackground>
@@ -90,7 +91,7 @@
                       <div class="coordinate-top"></div>
                       <div class="coordinate-label">{{ item.left }}, {{ item.top }}</div>
                     </div>
-                    <RenderElement :data="item" :index="index"></RenderElement>
+                    <RenderElement :data="item" :theme="dashboard.theme" :index="index"></RenderElement>
                   </vue-draggable-resizable>
                 </div>
               </ai-dv-wrapper>
@@ -251,6 +252,15 @@
                 <el-input v-model="dashboard.title" size="mini"></el-input>
               </div>
             </div>
+            <div class="layout-config__item">
+              <label>主题设置</label>
+              <div class="layout-config__item--right">
+                <el-select size="mini" v-model="dashboard.theme" placeholder="请选择">
+                  <el-option label="默认" value="0"></el-option>
+                  <el-option label="党建" value="1"></el-option>
+                </el-select>
+              </div>
+            </div>
             <div class="layout-config__item">
               <label>背景图</label>
               <div class="layout-config__item--right layout-config__item--bg">
@@ -372,6 +382,7 @@
           title: '大屏',
           width: 1920,
           height: 1080,
+          theme: '0',
           backgroundColor: '',
           backgroundImage: []
         },