预埋弹窗设置点

packages/bigscreen/designer/components/componentConfig.vue

@@ -218,11 +218,12 @@
     </div>
     <div class="layout-right__content--wrapper">
       <div class="layout-config__group">
-        <h2>进阶设置</h2>
-        <config-item label="设置弹窗">
-          <config-item label="标题">
-<!--            <el-input v-model="config.dialog.title" clearable/>-->
-          </config-item>
+        <h2>弹窗设置</h2>
+        <config-item label="标题">
+          <el-input size="mini" clearable placeholder="请输入弹窗标题" v-model="config.dialogTitle"/>
+        </config-item>
+        <config-item label="内容" v-if="!['table','AiDvTable'].includes(config.type)">
+          <ai-editor clearable placeholder="请输入弹窗内容" v-model="config.dialogContent" :instance="instance"/>
         </config-item>
       </div>
     </div>
@@ -235,13 +236,11 @@ import ConfigItem from "./configItem.vue";
 export default {
   name: 'componentConfig',
   components: {ConfigItem},
-
   props: {
     config: {default: () => ({})},
     instance: Function,
     dict: Object,
   },
-
   data() {
     return {
       borderList: ['border0', 'border1', 'border2', 'border3', 'border4', 'border5', 'border6', 'border7', 'border8', 'border9', 'border10',
@@ -253,9 +252,10 @@ export default {
       tableStatus: [
         {label: '是', value: '1'},
         {label: '否', value: '0'}
-      ]
+      ],
+      dialog: {}
     }
-  }
+  },
 }
 </script>
 

packages/bigscreen/designer/components/configItem.vue

@@ -73,12 +73,19 @@ export default {
     height: 18px;
   }
 
-  .content {
+  :deep(.content) {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     text-align: right;
     margin-left: 30px;
+
+    input, textarea {
+      background: #262C33;
+      font-size: 12px;
+      color: #fff;
+      border: 1px solid #030411;
+    }
   }
 
   &.topLabel {

packages/bigscreen/designer/components/tableEditor.vue

@@ -1,5 +1,4 @@
 <script>
-import Vue from 'vue'
 import AiDialogBtn from "dui/packages/layout/AiDialogBtn.vue";
 
 export default {
@@ -75,11 +74,6 @@ export default {
     }
   },
   created() {
-    Vue.use(window.AVUE, {
-      size: 'mini',
-      tableSize: 'mini',
-      calcHeight: 36,
-    })
     this.records = this.tableData.map(e => ({$cellEdit: true, ...e}))
   }
 }

packages/bigscreen/designer/viewport.vue

@@ -7,6 +7,7 @@
         <h2>{{ dashboard.title }}</h2>
       </div>
       <div class="layout-header__right">
+        <span type="text" @click="preview">预览</span>
         <span type="text" @click="isShowImg = true">素材</span>
         <span type="text" @click="back()">退出</span>
         <span type="text" @click="save">保存</span>
@@ -233,9 +234,15 @@ import 'vue-draggable-resizable/dist/VueDraggableResizable.css'
 import DataConfig from './components/DataConfig.vue'
 import ComponentConfig from "./components/componentConfig.vue";
 import {mapActions} from "vuex"
+import Vue from "vue";
 
 export default {
   name: "designDashboard",
+  provide() {
+    return {
+      setCurLayer: this.setCurLayer
+    }
+  },
   props: {
     instance: Function,
     dict: Object,
@@ -284,22 +291,19 @@ export default {
       resizeWrapper: true
     }
   },
-
   components: {
     ComponentConfig,
     DataConfig,
     VueRulerTool,
     VueDraggableResizable,
   },
-
   computed: {
     workbenchTransform() {
       return `scale(${this.heightScale})`
     },
     currLayout: {
       set(v) {
-        console.log(v)
-        this.componentList.splice(this.activeIndex, 1, v)
+        this.setCurLayer(v)
       },
       get() {
         return this.activeIndex > -1 ? this.componentList[this.activeIndex] : {}
@@ -313,7 +317,6 @@ export default {
       return []
     }
   },
-
   mounted() {
     this.dict.load("yesOrNo")
     this.getInfo(this.$route.query.did)
@@ -500,7 +503,22 @@ export default {
       let widthScale = (this.middleWidth - this.widthPaddingTools) / this.bigscreenWidth
       let heightScale = (this.middleHeight - this.widthPaddingTools) / this.bigscreenHeight
       this.heightScale = Math.min(widthScale, heightScale)
+    },
+    preview() {
+      const {origin, pathname} = location
+      window.open(origin + pathname + '?id=' + this.$route.query.did + "#preview")
+    },
+    setCurLayer(v) {
+      console.log(v)
+      this.componentList.splice(this.activeIndex, 1, v)
     }
+  },
+  created() {
+    Vue.use(window.AVUE, {
+      size: 'mini',
+      tableSize: 'mini',
+      calcHeight: 36,
+    })
   }
 }
 </script>