多维表数据设置面板完成

components/AiDvRender.vue

@@ -66,6 +66,7 @@
              v-else-if="currentType === 'video'"/>
       <AiDvPartyOrg style="width: 100%; height: 100%;" v-else-if="currentType === 'partyOrg'" :instance="instance"/>
       <!-- <ai-sprite v-else-if="/building/.test(currentType)" v-bind="data" is3D @init="mods[currentType]"/> -->
+      <ai-dv-plot v-else-if="currentType=='plot'"/>
     </ai-dv-panel>
   </div>
 </template>
@@ -81,6 +82,7 @@ import AiSwiper from './AiSwiper.vue'
 import AiDvDisplay from "./layout/AiDvDisplay/AiDvDisplay";
 import AiDvPanel from "./layout/AiDvPanel/AiDvPanel";
 import AiDvSummary from "./layout/AiDvSummary/AiDvSummary";
+import AiDvPlot from "./layout/AiDvPlot/AiDvPlot.vue";
 
 Vue.use(scrollBoard)
 
@@ -88,6 +90,7 @@ export default {
   name: 'AiDvRender',
   props: ['data', 'index', 'theme', 'instance'],
   components: {
+    AiDvPlot,
     // AiSprite,
     AiDvSummary,
     AiDvDisplay,
@@ -118,8 +121,7 @@ export default {
       deep: true, handler() {
         if (this.currentType == 'map') {
           this.renderMap()
-        }
-        if (this.currentType === 'AiDvTable') {
+        } else if (this.currentType === 'AiDvTable') {
           this.dvTableConfig = this.data[this.data.dataType].map((v, i) => {
             return {
               color: this.data.config[i] ? (this.data.config[i].color || '') : '',

components/layout/AiDvPlot/AiDvPlot.vue

@@ -0,0 +1,44 @@
+<template>
+  <section class="AiDvPlot">
+    <ai-select class="plotPicker" v-model="current" :select-list="options"/>
+    <div ref="DvPlot"/>
+  </section>
+</template>
+<script>
+export default {
+  name: "AiDvPlot",
+  props: {
+    options: {default: () => []}
+  },
+  data() {
+    return {
+      current: 0
+    }
+  },
+  methods: {},
+}
+</script>
+<style scoped lang="scss">
+.AiDvPlot {
+  position: relative;
+  height: 100%;
+
+  :deep(.plotPicker) {
+    position: absolute;
+    right: 12px;
+    top: -10px;
+
+    .el-select {
+      .el-input__inner {
+        background: #218ffd1a;
+        border: 1px solid #1F66AD;
+        color: #2FC5FF;
+      }
+
+      .el-input__suffix {
+        color: #2FC5FF !important;
+      }
+    }
+  }
+}
+</style>