update 产量驾驶舱的目录结构

.env.dev

@@ -5,8 +5,8 @@ ENV = 'development'
 VUE_APP_TITLE = 芋道管理系统
 
 # 芋道管理系统/开发环境
-# VUE_APP_BASE_API = 'http://192.168.1.61:48080'
-VUE_APP_BASE_API = 'http://glass.kszny.picaiba.com'
+VUE_APP_BASE_API = 'http://192.168.1.61:48080'
+# VUE_APP_BASE_API = 'http://glass.kszny.picaiba.com'
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true

src/views/copilot/components/ChartContainer.vue

@@ -0,0 +1,69 @@
+<!-- 
+    filename: ChartContainer.vue
+    author: liubin
+    date: 2024-04-10 08:54:33
+    description: 
+    todo: 驾驶舱和首页的 ChartContainer, 实现滑动条 和动态宽高
+-->
+
+<template>
+  <div class="chart-container" :class="{ 'no-scroll': noScroll }">
+    <slot />
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ChartContainer",
+  components: {},
+  props: {
+    noScroll: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {};
+  },
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.chart-container {
+  height: 0;
+  flex: 1;
+  overflow-x: scroll;
+}
+
+.no-scroll::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-button {
+  width: 0;
+  height: 0;
+  //   width: 10px;
+  //   height: 10px;
+  //   background: #14305f;
+}
+
+::-webkit-scrollbar-track {
+  background: #14305f;
+  border: 0 none;
+  border-radius: 0;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #004798;
+  border: 0 none;
+  border-radius: 6px;
+}
+</style>

src/views/copilot/components/charts/base/fetcherDoubleRing.js

@@ -1,10 +0,0 @@
-export default {
-  getData: async function (url) {
-    //
-    return await new Promise((resolve, reject) => {
-      setTimeout(() => {
-        resolve([90119, 40801, 44028]);
-      }, 1200);
-    });
-  },
-};

src/views/copilot/yield/components/BipvOutput.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import DoubleRingWrapperVue from "./base/DoubleRingWrapper.vue";
+import DoubleRingWrapperVue from "./sub/ring/DoubleRingWrapper.vue";
 
 export default {
   name: "BipvOutput",

src/views/copilot/yield/components/ChipInvest.vue

@@ -6,7 +6,7 @@
 -->
 
 <template>
-  <bar-chart-base
+  <BarChartBase
     :legend="legend"
     :series="series"
     :xAxis="xAxis"
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import BarChartBase from "./base/BarChartBase.vue";
+import BarChartBase from "./sub/bar/BarChartBase.vue";
 
 export default {
   name: "ChipInvest",

src/views/copilot/yield/components/ChipOutput.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import DoubleRingWrapperVue from "./base/DoubleRingWrapper.vue";
+import DoubleRingWrapperVue from "./sub/ring/DoubleRingWrapper.vue";
 
 export default {
   name: "ChipOutput",

src/views/copilot/yield/components/FtoInvest.vue

@@ -6,7 +6,7 @@
 -->
 
 <template>
-  <bar-chart-base
+  <BarChartBase
     :legend="legend"
     :series="series"
     :xAxis="xAxis"
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import BarChartBase from "./base/BarChartBase.vue";
+import BarChartBase from "./sub/bar/BarChartBase.vue";
 
 export default {
   name: "FtoInvest",

src/views/copilot/yield/components/StdOutput.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import DoubleRingWrapperVue from "./base/DoubleRingWrapper.vue";
+import DoubleRingWrapperVue from "./sub/ring/DoubleRingWrapper.vue";
 
 export default {
   name: "StdOutput",

src/views/copilot/yield/components/sub/bar/BarChartBase.vue

@@ -26,13 +26,13 @@
 
 <script>
 import screenfull from "screenfull";
-import ChartContainerVue from "../../../../components/ChartContainer.vue";
+import ChartContainer from "../../../../components/ChartContainer.vue";
 import chartMixin from "@/mixins/chart.js";
 
 export default {
   name: "BarChartBase",
   components: {
-    ChartContainer: ChartContainerVue,
+    ChartContainer,
   },
   mixins: [chartMixin],
   props: {

src/views/copilot/yield/components/sub/city/CityItem.vue

@@ -8,14 +8,15 @@
 <template>
   <div class="city-item inner-shadow">
     <CityName :value="location" />
-    <CityValue :value="value+''" :period="period" />
+    <CityValue :value="value + ''" :period="period" />
   </div>
 </template>
 
 <script>
 import CityNameVue from "./CityName.vue";
 import CityValueVue from "./CityValue.vue";
-import GradientTextVue from "./GradientText.vue";
+import GradientTextVue from "../gradient/GradientText.vue";
+
 export default {
   name: "CityItem",
   components: {

src/views/copilot/yield/components/sub/city/CityName.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import Icon from "./icon.png";
+import Icon from "../../../assets/icon.png";
 
 export default {
   name: "CityName",

src/views/copilot/yield/components/sub/city/CityValue.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import GradientTextVue from "./GradientText.vue";
+import GradientTextVue from "../gradient/GradientText.vue";
 
 export default {
   name: "CityValue",

src/views/copilot/yield/components/sub/ring/DoubleRingChart.vue

@@ -21,7 +21,7 @@
 <script>
 import chartMixin from "@/mixins/chart.js";
 import fullscreenMixin from "@/mixins/fullscreen.js";
-import getOptions from "./double-ring-chart-options";
+import getOptions from "../../../options/double-ring-chart-options";
 
 export default {
   name: "DoubleRingChart",

src/views/copilot/yield/components/sub/ring/DoubleRingWrapper.vue

@@ -27,9 +27,9 @@
 </template>
 
 <script>
-import CopilotSelect from "../../select.vue";
+import CopilotSelect from "@/views/copilot/components/select.vue";
 import DoubleRingChartVue from "./DoubleRingChart.vue";
-import CityData from "./CityData.vue";
+import CityData from "../city/CityData.vue";
 
 export default {
   name: "DoubleRingWrapper",

src/views/copilot/yield/index.vue

@@ -30,22 +30,22 @@
 </template>
 
 <script>
-import Container from "../components/Container.vue";
-import StdOutputVue from "../components/charts/StdOutput.vue";
-import ChipOutputVue from "../components/charts/ChipOutput.vue";
-import FtoInvestVue from "../components/charts/FtoInvest.vue";
-import BipvOutputVue from "../components/charts/BipvOutput.vue";
-import ChipInvestVue from "../components/charts/ChipInvest.vue";
+import Container from "@/views/copilot/components/Container.vue";
+import StdOutput from "./components/StdOutput.vue";
+import ChipOutput from "./components/ChipOutput.vue";
+import FtoInvest from "./components/FtoInvest.vue";
+import BipvOutput from "./components/BipvOutput.vue";
+import ChipInvest from "./components/ChipInvest.vue";
 
 export default {
   name: "YieldCopilot",
   components: {
     DbContainer: Container,
-    StdOutput: StdOutputVue,
-    ChipOutput: ChipOutputVue,
-    BipvOutput: BipvOutputVue,
-    FtoInvest: FtoInvestVue,
-    ChipInvest: ChipInvestVue,
+    StdOutput,
+    ChipOutput,
+    BipvOutput,
+    FtoInvest,
+    ChipInvest,
   },
   props: {
     period: {