多维表数据设置面板完成

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>