第二层图标

2020-03-18 17:01:30 +08:00
parent 1053415c2e
commit b964ff666e
15 changed files with 1313 additions and 41 deletions
@@ -0,0 +1,77 @@
+<template>
+  <div id="centreRight2">
+    <div class="bg-color-black">
+      <div class="d-flex pt-2 pl-2">
+         <span style="color:#5cd9e8">
+          <icon name="align-left"></icon>
+        </span>
+        <span class="fs-xl text mx-2">产品销售渠道分析</span>
+      </div>
+      <div class="d-flex jc-center body-box">
+        <dv-capsule-chart :config="config" style="width: 100%;height:160px" />
+        <!-- ---------------------------------------- -->
+        <centreRight2Chart1></centreRight2Chart1>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import centreRight2Chart1 from "@/components/echart/centreRight2/centreRight2Chart1";
+
+export default {
+  data() {
+    return {
+      config: {
+        data: [
+          {
+            name: "南阳",
+            value: 167
+          },
+          {
+            name: "周口",
+            value: 67
+          },
+          {
+            name: "漯河",
+            value: 123
+          },
+          {
+            name: "郑州",
+            value: 55
+          },
+          {
+            name: "西峡",
+            value: 98
+          }
+        ]
+      }
+    };
+  },
+  components: { centreRight2Chart1 },
+  mounted() {},
+  methods: {}
+};
+</script>
+
+<style lang="scss">
+#centreRight2 {
+  padding: 5px;
+  height: 400px;
+  min-width: 300px;
+  border-radius: 5px;
+  .bg-color-black {
+    padding: 5px;
+    height: 405px;
+    border-radius: 10px;
+  }
+  .text {
+    color: #c3cbde;
+  }
+  .body-box {
+    flex-direction: column;
+    border-radius: 10px;
+    overflow: hidden;
+  }
+}
+</style>