47 changed files with 409 additions and 3344 deletions
--- a/.env.dev
+++ b/.env.dev
@ -5,7 +5,6 @@ ENV = 'development'
 VUE_APP_TITLE = 芋道管理系统

 # 芋道管理系统/开发环境
-# VUE_APP_BASE_API = 'http://192.168.1.61:48080'
 VUE_APP_BASE_API = 'http://glass.kszny.picaiba.com'

 # 路由懒加载
--- a/package.json
+++ b/package.json
@ -42,7 +42,6 @@
  },
  "dependencies": {
    "@babel/parser": "7.18.4",
-    "@jiaminghi/data-view": "^2.10.0",
    "@riophae/vue-treeselect": "0.4.0",
    "axios": "^1.6.8",
    "clipboard": "2.0.8",
@ -55,7 +54,6 @@
    "highlight.js": "^11.9.0",
    "js-beautify": "^1.15.1",
    "jsencrypt": "3.3.1",
-    "lodash": "^4.17.21",
    "mockjs": "^1.1.0",
    "moment": "^2.30.1",
    "nprogress": "0.2.0",
--- a/src/assets/images/companyData/energy.png
+++ b/src/assets/images/companyData/energy.png
--- a/src/assets/images/companyData/order.png
+++ b/src/assets/images/companyData/order.png
--- a/src/assets/images/companyData/prod-minor.png
+++ b/src/assets/images/companyData/prod-minor.png
--- a/src/assets/images/companyData/store.png
+++ b/src/assets/images/companyData/store.png
--- a/src/main.js
+++ b/src/main.js
@ -18,7 +18,6 @@ import store from "./store";
 import router from "./router";
 import directive from "./directive"; // directive
 import plugins from "./plugins"; // plugins
-import { scrollBoard } from '@jiaminghi/data-view'

 import "./assets/icons"; // icon
 import "./permission"; // permission control
@ -70,7 +69,6 @@ Vue.use(directive)
 Vue.use(plugins)
 Vue.use(VueMeta)
 Vue.use(CodeBrickZj);
-Vue.use(scrollBoard)
 // Form Generator 组件需要使用到 tinymce
 import Tinymce from "@/components/tinymce/index.vue";
 Vue.component("tinymce", Tinymce);
--- a/src/store/modules/home.js
+++ b/src/store/modules/home.js
@ -1,185 +1,4 @@
 import axios from "@/utils/request";
-import { deepClone } from "../../utils";
-
-/* 状态 */
-const state = {
-  copilot: {
-    /* 产量驾驶舱 */
-    yield: {
-      ftoInvest: null,
-      chipInvest: null,
-      chipOutput: null,
-      stdOutput: null,
-      bipvOutput: null,
-    },
-    /* 能源驾驶舱 */
-    energy: {},
-    /* 效率驾驶舱 */
-    efficiency: {},
-  },
-  home: {
-    /** 主页状态 */
-    ftoInvest: null,
-    chipInvest: null,
-    chipOutput: null,
-    stdOutput: null,
-    bipvOutput: null,
-  },
-};
-
-const mutations = {
-  SET_HOME_INFO: (state, payload) => {
-    state.home.ftoInvest = payload.ftoInvest;
-    state.home.chipInvest = payload.chipInvest;
-    state.home.chipOutput = payload.chipOutput;
-    state.home.stdOutput = payload.stdOutput;
-    state.home.bipvOutput = payload.bipvOutput;
-  },
-  SET_COPILOT_INFO: (state, { type, payload }) => {
-    switch (type) {
-      case "yield":
-        state.copilot.yield.ftoInvest = payload.ftoInvest;
-        state.copilot.yield.chipInvest = payload.chipInvest;
-        state.copilot.yield.chipOutput = payload.chipOutput;
-        state.copilot.yield.stdOutput = payload.stdOutput;
-        state.copilot.yield.bipvOutput = payload.bipvOutput;
-        break;
-      case "energy":
-        state.copilot.energy = payload.data;
-        break;
-      case "efficiency":
-        state.copilot.efficiency = payload.data;
-        break;
-    }
-  },
-};
-
-const actions = {
-  /** 初始化首页数据 */
-  async initHome({ commit }) {
-    const dataArr = await getHomeInfo();
-    const targetArr = await getHomeTarget();
-    const payload = splitCurrentAndPrevious(dataArr, targetArr);
-    commit("SET_HOME_INFO", payload);
-  },
-  /** 初始化驾驶舱数据 */
-  async initCopilot({ commit }, { period, source }) {
-    const fetcher = {
-      yield: getCopilotYield,
-      energy: getCopilotEnergy,
-      efficiency: getCopilotEfficiency,
-    }[source];
-    // 获取产量数据
-    let { data: factoryList, type } = await fetcher(period);
-    let targetList = null;
-    if (source === "yield" || source === "efficiency") {
-      // 获取目标数据
-      let { data } = await fetcher(period, true);
-      targetList = data;
-    }
-    const payload = splitCurrentAndPrevious(factoryList, targetList);
-    commit("SET_COPILOT_INFO", { type, payload });
-  },
-};
-
-export default {
-  namespaced: true,
-  state,
-  mutations,
-  actions,
-};
-
-function splitCurrentAndPrevious(factoryListResponse, targetListResponse) {
-  // 初始数据 
-  const { chipInvest, ftoInvest, chipOutput, stdOutput, bipvOutput } = init();
-  if (factoryListResponse) {
-    for (const factory of factoryListResponse) {
-      const fId = getFactoryId(factory);
-      // 获取目标值
-      if (targetListResponse) {
-        const { chipYield, componentYield, bipvProductOutput } =
-          getFactoryTargetValue(targetListResponse, fId);
-        chipOutput.target[fId] = chipYield;
-        stdOutput.target[fId] = componentYield;
-        bipvOutput.target[fId] = bipvProductOutput;
-      }
-      // 芯片投入
-      chipInvest.current[fId] = factory.inputNumber;
-      chipInvest.previous[fId] = factory.previousYearInputNumber;
-      // FTO投入
-      ftoInvest.current[fId] = factory.chipInput;
-      ftoInvest.previous[fId] = factory.previousYearChipInput;
-      // 产出数据, 0 - （玻璃）芯片产出， 1 - 标准组件产出， 2 - BIPV产出
-      // 因为后端写的垃圾数据，所以这里要做一下判断
-      if (![0, 1, 2].includes(factory.glassType)) continue;
-      const _t = [chipOutput, stdOutput, bipvOutput][factory.glassType];
-      _t.current[fId] = factory.outputNumber;
-      _t.previous[fId] = factory.previousYearOutputNumber;
-      // debugger;
-    }
-
-    return {
-      chipInvest,
-      ftoInvest,
-      chipOutput,
-      stdOutput,
-      bipvOutput,
-    };
-  }
-}
-
-function getFactoryId(factory) {
-  return factory.factory;
-}
-
-function getFactoryTargetValue(targetList, factoryId) {
-  const target = targetList.find((item) => item.factory === factoryId);
-  if (target) {
-    return {
-      // 自带模拟数据了.... random_default
-      chipYield: target.chipYield ?? random_default(),
-      componentYield: target.componentYield ?? random_default(),
-      bipvProductOutput: target.bipvProductOutput ?? random_default(),
-    };
-  }
-  return {
-    chipYield: random_default(),
-    componentYield: random_default(),
-    bipvProductOutput: random_default(),
-  };
-}
-
-/**
- * 
- * @returns 初始化状态值
- */
-function init() {
-  const t_ = {
-    current: Array(7).fill(0),
-    previous: Array(7).fill(0),
-  };
-  // 芯片投入
-  const chipInvest = deepClone(t_);
-  // FTO投入
-  const ftoInvest = deepClone(t_);
-  // 芯片产出
-  const chipOutput = {
-    ...deepClone(t_),
-    target: Array(7).fill(0),
-  };
-  // 标准组件产出
-  const stdOutput = deepClone(chipOutput);
-  // BIPV产出
-  const bipvOutput = deepClone(chipOutput);
-
-  return {
-    chipInvest, // 芯片投入
-    ftoInvest, // FTO投入
-    chipOutput, // 芯片产出
-    stdOutput, // 标准组件产出
-    bipvOutput, // BIPV产出
-  };
-}

 function random_default() {
  return 0;
@ -215,96 +34,162 @@ async function getHomeTarget() {
  return null;
 }

-function getUrl(copilot_module) {
-  let url = {
-    // 对比数据的 URL
-    comparison: "",
-    // 目标数据的 URL
-    target: "",
-  };
-  switch (copilot_module) {
-    case "yield":
-      url.comparison = "/ip/prod-output/query-by-date";
-      url.target = "/ip/prod-target/query-by-date";
-      break;
-    case "energy":
-      break;
-    case "efficiency":
-      url.comparison = "/ip/prod-output/query-Rate-List";
-      url.target = "/ip/prod-target/query-rate-target";
-      break;
-  }
+/* 状态 */
+const state = {
+  copilot: {
+    /* 产量驾驶舱 */
+    yield: {},
+    /* 能源驾驶舱 */
+    energy: {},
+    /* 效率驾驶舱 */
+    efficiency: {},
+  },
+  home: {
+    ftoInvest: null,
+    chipInvest: null,
+    chipOutput: null,
+    stdOutput: null,
+    bipvOutput: null,
+  },
+};

-  return url;
-}
+const mutations = {
+  SET_HOME_INFO: (state, payload) => {
+    state.home.ftoInvest = payload.ftoInvest;
+    state.home.chipInvest = payload.chipInvest;
+    state.home.chipOutput = payload.chipOutput;
+    state.home.stdOutput = payload.stdOutput;
+    state.home.bipvOutput = payload.bipvOutput;
+  },
+  SET_COPILOT_INFO: (state) => {},
+};

-async function doFetch(copilot_module = "yield", fetch_target, params) {
-  const url = getUrl(copilot_module);
-  const { code, data } = await axios.post(
-    fetch_target ? url.target : url.comparison,
-    {
-      ...params,
+const actions = {
+  /** 初始化首页数据 */
+  async initHome({ commit }) {
+    const dataArr = await getHomeInfo();
+    const targetArr = await getHomeTarget();
+
+    const chipInvest = {
+      current: Array(7).fill(0),
+      previous: Array(7).fill(0),
+    }; // 芯片投入
+    const ftoInvest = {
+      current: Array(7).fill(0),
+      previous: Array(7).fill(0),
+    }; // FTO投入
+    const chipOutput = {
+      current: Array(7).fill(0),
+      previous: Array(7).fill(0),
+      target: Array(7).fill(0),
+    }; // 芯片产出
+    const stdOutput = {
+      current: Array(7).fill(0),
+      previous: Array(7).fill(0),
+      target: Array(7).fill(0),
+    }; // 标准组件产出
+    const bipvOutput = {
+      current: Array(7).fill(0),
+      previous: Array(7).fill(0),
+      target: Array(7).fill(0),
+    }; // BIPV产出
+
+    if (dataArr) {
+      for (const factory of dataArr) {
+        /* 工厂索引 */
+        const factoryId = factory.factory;
+        /* 收集目标数据 */
+        if (targetArr) {
+          const target = targetArr.find((item) => item.factory === factoryId);
+          if (target) {
+            chipOutput.target.splice(factoryId, 1, target.chipYield ?? 0);
+            stdOutput.target.splice(factoryId, 1, target.componentYield ?? 0);
+            bipvOutput.target.splice(factoryId, 1, target.bipvProductOutput ?? 0);
+          }
+        }
+        /* 收集芯片投入数据 */
+        chipInvest.current.splice(
+          factoryId,
+          1,
+          factory.inputNumber ?? random_default()
+        );
+        chipInvest.previous.splice(
+          factoryId,
+          1,
+          factory.previousYearInputNumber ?? random_default()
+        );
+        /* 收集FTO投入数据 */
+        ftoInvest.current.splice(
+          factoryId,
+          1,
+          factory.chipInput ?? random_default()
+        );
+        ftoInvest.previous.splice(
+          factoryId,
+          1,
+          factory.previousYearChipInput ?? random_default()
+        );
+        /* 收集产出数据 */
+        switch (factory.glassType) {
+          case 0:
+            // 玻璃芯片 产出
+            chipOutput.current.splice(
+              factoryId,
+              1,
+              factory.outputNumber ?? random_default()
+            );
+            chipOutput.previous.splice(
+              factoryId,
+              1,
+              factory.previousYearOutputNumber ?? random_default()
+            );
+            break;
+          case 1:
+            // 标准组件 产出
+            stdOutput.current.splice(
+              factoryId,
+              1,
+              factory.outputNumber ?? random_default()
+            );
+            stdOutput.previous.splice(
+              factoryId,
+              1,
+              factory.previousYearOutputNumber ?? random_default()
+            );
+            break;
+          case 2:
+            // BIPV 产出
+            bipvOutput.current.splice(
+              factoryId,
+              1,
+              factory.outputNumber ?? random_default()
+            );
+            bipvOutput.previous.splice(
+              factoryId,
+              1,
+              factory.previousYearOutputNumber ?? random_default()
+            );
+            break;
+        }
+      }
+
+      /* 更新 state */
+      commit("SET_HOME_INFO", {
+        ftoInvest,
+        chipInvest,
+        chipOutput,
+        stdOutput,
+        bipvOutput,
+      });
    }
-  );
-  if (code == 0) {
-    return data;
-  }
-  console.warn("[doFetch] failed, code: ", code);
-  return null;
-}
+  },
+  /** 初始化驾驶舱数据 */
+  async initCopilot({ commit }) {},
+};

-/**
- * 
- * @param {*} period 日周月年1,2,3,4
- * @param {*} target 是否获取目标数据
- * @returns 
- */
-function getCopilotYield(period, target = false) {
-  return getCopilotData("yield", period, target);
-}
-
-function getCopilotEnergy(period, target = false) {
-  return getCopilotData("energy", period, target);
-}
-
-function getCopilotEfficiency(period, target = false) {
-  return getCopilotData("efficiency", period, target);
-}
-
-/**
- *
- * @param {*} period 周期： 日周月年
- * @param {*} target 是否获取目标数据：默认 否
- * @returns
- */
-async function getCopilotData(copilot_module, period, target = false) {
-  if (!copilot_module) copilot_module = "yield";
-  // 请求参数，直接一次性获取所有工厂
-  let queryParams = {
-    factorys: [],
-    date: 4,
-  };
-
-  switch (period) {
-    case "日":
-      queryParams.date = 1;
-      break;
-    case "周":
-      queryParams.date = 2;
-      break;
-    case "月":
-      queryParams.date = 3;
-      break;
-    case "年":
-      queryParams.date = 4;
-      break;
-    default:
-      queryParams.date = 1;
-      break;
-  }
-
-  return {
-    data: await doFetch(copilot_module, target ? true : false, queryParams),
-    type: copilot_module,
-  };
-}
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+};
--- a/src/views/copilot/components/ChartContainer.vue
+++ b/src/views/copilot/components/ChartContainer.vue
@ -1,69 +0,0 @@
-<!-- 
-    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>
--- a/src/views/copilot/components/FactoryDataHeader.vue
+++ b/src/views/copilot/components/FactoryDataHeader.vue
@ -1,131 +0,0 @@
-<template>
-  <div class="factory-header">
-    <section class="menu1">
-      <FactorySelect
-        :companyName="companyName"
-        :companyId="companyId"
-        @updateCompany="updateCompany"
-      />
-    </section>
-    <section class="menu2">
-      <CopilotButton
-        v-for="i in ['日', '周', '月', '年']"
-        :key="i"
-        :label="i"
-        :active="i === period"
-        @click="() => $emit('update:period', i)"
-      />
-      <div class="btn-group">
-        <button type="button" class="export-btn" />
-        <button
-          type="button"
-          class="fullscreen-btn"
-          :class="[isFullscreen ? 'exit-fullscreen' : '']"
-          @click="toggleFullScreen"
-        />
-      </div>
-    </section>
-    <div class="page-title">{{ companyName }}</div>
-  </div>
-</template>
-
-<script>
-import CopilotButton from "./button.vue";
-import FactorySelect from "./FactorySelect.vue";
-import screenfull from "screenfull";
-
-export default {
-  name: "FactoryDataHeader",
-  components: { CopilotButton, FactorySelect },
-  props: {
-    companyName: {
-      type: String,
-    },
-    companyId: {
-      type: String,
-    },
-    period: {
-      type: String,
-    },
-  },
-  data() {
-    return {
-      isFullscreen: false,
-    };
-  },
-  computed: {},
-  methods: {
-    toggleFullScreen() {
-      this.isFullscreen = !this.isFullscreen;
-
-      screenfull.toggle(document.querySelector(".factory-layout"));
-      // 矫正宽度
-      // const el = document.querySelector(".factory-layout");
-      // el.style.width = this.isFullscreen ? "100vw" : "calc(100vw - 54px)";
-      // el.style.left = this.isFullscreen ? "0" : "54px";
-    },
-    updateCompany(obj) {
-      this.$emit("updateCompany", obj);
-    },
-  },
-};
-</script>
-
-<style scoped>
-@font-face {
-  font-family: 优设标题黑;
-  src: url(../../../assets/YouSheBiaoTiHei-2.ttf);
-}
-
-.factory-header {
-  display: flex;
-  gap: 12px;
-  align-items: center;
-}
-
-.factory-header > .menu1 {
-  width: 24vw;
-  /* display: flex;
-  align-items: center;
-  gap: 8px; */
-}
-.factory-header > .menu2 {
-  width: 30vw;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.export-btn,
-.fullscreen-btn {
-  width: 32px;
-  height: 32px;
-  margin-left: 24px;
-  cursor: pointer;
-}
-
-.export-btn {
-  background: url(../../../assets/images/export-icon.png) 0 0 / 100% 100%
-    no-repeat;
-}
-
-.fullscreen-btn {
-  background: url(../../../assets/images/full-icon.png) 0 0 / 100% 100%
-    no-repeat;
-}
-.exit-fullscreen {
-  background: url(../../../assets/images/homeindex/exit-fullscreen.png) 0 0 /
-    100% 100% no-repeat;
-}
-
-.page-title {
-  flex: 1;
-  font-size: 40px;
-  line-height: 70px;
-  letter-spacing: 5px;
-  font-family: 优设标题黑;
-  color: #6db6ff;
-  text-align: right;
-  user-select: none;
-}
-</style>
--- a/src/views/copilot/components/FactorySelect.vue
+++ b/src/views/copilot/components/FactorySelect.vue
@ -1,137 +0,0 @@
-<template>
-  <div class="factory-select">
-    <div class="label-box" @click="openList">
-      <span>{{ companyName }}</span>
-      <span
-        class="triangle"
-        :style="{ transform: isOpen ? 'rotate(90deg)' : 'rotate(0deg)' }"
-      ></span>
-    </div>
-    <div class="option-list" v-show="isOpen">
-      <div
-        v-for="item in company"
-        :key="item.id"
-        @click="chooseCompany(item.id, item.name)"
-      >
-        {{ item.name }}
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: "FactorySelect",
-  props: {
-    companyName: {
-      type: String,
-    },
-    companyId: {
-      type: String,
-    },
-  },
-  data() {
-    return {
-      isOpen: false,
-      company: [
-        { id: "1", name: "瑞昌中建材光电材料有限公司" },
-        { id: "2", name: "邯郸中建材光电材料有限公司" },
-        { id: "3", name: "株洲中建材光电材料有限公司" },
-        { id: "4", name: "佳木斯中建材光电材料有限公司" },
-        { id: "5", name: "成都中建材光电材料有限公司" },
-        { id: "6", name: "凯盛中建材光电材料有限公司" },
-        { id: "7", name: "蚌埠中建材光电材料有限公司" },
-      ],
-    };
-  },
-  methods: {
-    openList() {
-      this.isOpen = !this.isOpen;
-    },
-    chooseCompany(id, name) {
-      // this.companyId = id;
-      // this.companyName = name;
-      this.$emit("updateCompany", { companyName: name, companyId: id });
-      this.isOpen = false;
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-.factory-select {
-  width: 100%;
-  position: relative;
-  .label-box {
-    flex: 1;
-    position: relative;
-    background: #006acd40;
-    backdrop-filter: blur(3px);
-    padding: 12px;
-    padding-left: 20px;
-    color: #fff;
-    font-size: 22px;
-    cursor: pointer;
-  }
-  .label-box::before,
-  .label-box::after {
-    content: "";
-    position: absolute;
-    width: 16px;
-    height: 16px;
-    top: 0;
-    background: transparent;
-    border-style: solid;
-    border-width: 2px;
-    border-color: transparent;
-    border-top-color: #007be4;
-  }
-
-  .label-box::before {
-    left: 0;
-    border-left-color: #007be4;
-  }
-
-  .label-box::after {
-    right: 0;
-    border-right-color: #007be4;
-  }
-  .triangle {
-    position: absolute;
-    right: 15px;
-    top: 18px;
-    display: inline-block;
-    width: 0;
-    height: 0;
-    border-top: 12px solid transparent;
-    border-bottom: 12px solid transparent;
-    border-left: 12px solid #1d74d8;
-  }
-  .option-list {
-    width: 100%;
-    position: absolute;
-    z-index: 1000;
-    div {
-      padding-left: 23px;
-      font-size: 20px;
-      width: 100%;
-      height: 44px;
-      line-height: 44px;
-      background-color: rgba(1, 34, 86, 0.8);
-      cursor: pointer;
-    }
-    div:hover {
-      background-color: rgba(0, 106, 205, 0.61);
-    }
-  }
-  .option-list::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(1, 34, 86, 0.9);
-    filter: blur(2px);
-    z-index: -1;
-  }
-}
-</style>
--- a/src/views/copilot/components/charts/BipvOutput.vue
+++ b/src/views/copilot/components/charts/BipvOutput.vue
@ -6,21 +6,16 @@
 -->

 <template>
-  <DoubleRingWrapperVue data-source="BIPV产出" :period="period" />
+  <DoubleRingWrapperVue />
 </template>

 <script>
-import DoubleRingWrapperVue from "./sub/ring/DoubleRingWrapper.vue";
+import DoubleRingWrapperVue from "./base/DoubleRingWrapper.vue";

 export default {
  name: "BipvOutput",
  components: { DoubleRingWrapperVue },
-  props: {
-    period: {
-      type: String,
-      default: "日",
-    },
-  },
+  props: {},
  data() {
    return {};
  },
--- a/src/views/copilot/components/charts/ChipOutput.vue
+++ b/src/views/copilot/components/charts/ChipOutput.vue
@ -6,21 +6,16 @@
 -->

 <template>
-  <DoubleRingWrapperVue data-source="芯片产出" :period="period" />
+  <DoubleRingWrapperVue />
 </template>

 <script>
-import DoubleRingWrapperVue from "./sub/ring/DoubleRingWrapper.vue";
+import DoubleRingWrapperVue from "./base/DoubleRingWrapper.vue";

 export default {
  name: "ChipOutput",
  components: { DoubleRingWrapperVue },
-  props: {
-    period: {
-      type: String,
-      default: "日",
-    },
-  },
+  props: {},
  data() {
    return {};
  },
--- a/src/views/copilot/components/charts/StdOutput.vue
+++ b/src/views/copilot/components/charts/StdOutput.vue
@ -6,21 +6,16 @@
 -->

 <template>
-  <DoubleRingWrapperVue data-source="标准组件产出" :period="period" />
+  <DoubleRingWrapperVue />
 </template>

 <script>
-import DoubleRingWrapperVue from "./sub/ring/DoubleRingWrapper.vue";
+import DoubleRingWrapperVue from "./base/DoubleRingWrapper.vue";

 export default {
  name: "StdOutput",
  components: { DoubleRingWrapperVue },
-  props: {
-    period: {
-      type: String,
-      default: "日",
-    },
-  },
+  props: {},
  data() {
    return {};
  },
--- a/src/views/copilot/components/charts/base/DoubleRingChart.vue
+++ b/src/views/copilot/components/charts/base/DoubleRingChart.vue
@ -0,0 +1,119 @@
+<!-- 
+    filename: DoubleRingChart.vue
+    author: liubin
+    date: 2024-04-17 11:01:55
+    description: 
+-->
+
+<template>
+  <div class="double-ring-chart">
+    <div ref="chart" class="double-ring-chart__container"></div>
+    <!--   :style="{ height: vHeight + 'vh' }" -->
+    <div class="double-ring-chart__legend">
+      <div v-for="item in legendItems" :key="item.label" class="legend-item">
+        <span class="legend-item__label">{{ item.label }}</span>
+        <span class="legend-item__value">{{
+          item.value.toLocaleString()
+        }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import chartMixin from "@/mixins/chart.js";
+import fullscreenMixin from "@/mixins/fullscreen.js";
+import options from "./double-ring-chart-options";
+
+export default {
+  name: "DoubleRingChart",
+  mixins: [chartMixin, fullscreenMixin],
+  props: {
+    vHeight: {
+      type: Number,
+      default: 24,
+    },
+    legendItems: {
+      type: Array,
+      default: () => [
+        { label: "2023年累计", value: 88002 },
+        { label: "2024年累计", value: 88002 },
+        { label: "2025年累计", value: 88002 },
+      ],
+    },
+  },
+  data() {
+    return {};
+  },
+  computed: {},
+  mounted() {
+    this.initOptions(options);
+  },
+  methods: {
+    // fullscreen mixin 需要的回调
+    fullscreenCallback(isFullscreen) {
+      console.log("isFullscreen--->", isFullscreen);
+    },
+  },
+};
+</script>
+
+<style scoped>
+.double-ring-chart {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.double-ring-chart__container {
+  flex: 1;
+  height: 0;
+}
+
+.double-ring-chart__legend {
+  padding: 12px;
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  gap: 32px;
+}
+
+.legend-item {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.legend-item__label {
+  position: relative;
+}
+
+.legend-item__label::before {
+  content: "";
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  background: #ccc;
+  border-radius: 2px;
+  top: 6px;
+  left: -18px;
+}
+
+.legend-item:nth-child(1) .legend-item__label::before {
+  background: #0f65ff;
+}
+.legend-item:nth-child(1) .legend-item__value {
+  color: #0f65ff;
+}
+
+.legend-item:nth-child(2) .legend-item__label::before {
+  background: #12fff5;
+}
+.legend-item:nth-child(2) .legend-item__value {
+  color: #12fff5;
+}
+
+.legend-item:nth-child(3) .legend-item__label::before {
+  background: #003982;
+}
+</style>
--- a/src/views/copilot/components/charts/base/DoubleRingWrapper.vue
+++ b/src/views/copilot/components/charts/base/DoubleRingWrapper.vue
@ -0,0 +1,66 @@
+<!-- 
+    filename: DoubleRingWrapper.vue
+    author: liubin
+    date: 2024-04-17 09:55:12
+    description: 
+-->
+
+<template>
+  <div class="double-ring-wrapper">
+    <copilot-select :options="cityOptions" />
+    <div class="flex-1 stretch">
+      <DoubleRingChartVue />
+    </div>
+  </div>
+</template>
+
+<script>
+import CopilotSelect from "../../select.vue";
+import fetcher from "./fetcherDoubleRing";
+import DoubleRingChartVue from "./DoubleRingChart.vue";
+
+export default {
+  name: "DoubleRingWrapper",
+  components: { CopilotSelect, DoubleRingChartVue },
+  props: {},
+  data() {
+    return {
+      cityOptions: [
+        "成都",
+        "邯郸",
+        "株洲",
+        "瑞昌",
+        "佳木斯",
+        "凯盛光伏",
+        "蚌埠兴科",
+      ],
+    };
+  },
+  computed: {},
+  mounted() {
+    fetcher.getData().then((res) => {
+      console.log("getData--->", res);
+    });
+  },
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+.double-ring-wrapper {
+  height: 100%;
+  padding: 12px 24px;
+  display: flex;
+  gap: 12px;
+  flex-direction: column;
+  align-items: center;
+}
+
+.flex-1 {
+  flex: 1;
+}
+
+.stretch {
+  align-self: stretch;
+}
+</style>
--- a/src/views/copilot/components/charts/base/double-ring-chart-options.js
+++ b/src/views/copilot/components/charts/base/double-ring-chart-options.js
@ -1,10 +1,4 @@
-export default ({
-  titleValue,
-  subtitle,
-  previousSum,
-  currentSum,
-  targetSum,
-}) => ({
+export default {
  grid: {
    left: 0,
    right: 0,
@ -14,16 +8,16 @@ export default ({
  },
  tooltip: {},
  title: {
-    text: titleValue,
-    left: "49%",
-    top: "39%",
+    text: "78%",
+    left: "50%",
+    top: "40%",
    textAlign: "center",
    textStyle: {
      fontWeight: 600,
      fontSize: 32,
      color: "#fffd",
    },
-    subtext: `\u2002${subtitle}\u2002`,
+    subtext: "\u200224年累计产出\u2002",
    subtextStyle: {
      fontSize: 14,
      fontWeight: 100,
@ -32,17 +26,17 @@ export default ({
    },
  },
  series: [
-    // 背景 series
+    // 背景 series - 2024计划
    {
      type: "pie",
-      name: "当前目标",
+      name: "2024目标",
      radius: ["70%", "85%"],
      center: ["50%", "52%"],
      emptyCircleStyle: {
        color: "#042c5f33",
      },
    },
-    // 数据 series
+    // 数据 series - 2024累计
    {
      type: "pie",
      radius: ["70%", "85%"],
@ -50,14 +44,15 @@ export default ({
      avoidLabelOvervlap: false,
      label: {
        show: false,
+        // position: "center",
      },
      labelLine: {
        show: false,
      },
      data: [
        {
-          value: currentSum,
-          name: "当前累计产出",
+          value: 90,
+          name: "2024累计产出",
          selected: false,
          itemStyle: {
            borderJoin: "round",
@ -78,16 +73,8 @@ export default ({
          },
        },
        {
-          value:
-            targetSum > currentSum
-              ? targetSum - currentSum
-              : targetSum == 0
-              ? currentSum == 0
-                ? 1
-                : 0
-              : 0,
-
-          name: "未达成累计",
+          value: 20,
+          name: "-",
          itemStyle: { color: "transparent" },
          label: { show: false },
        },
@ -107,8 +94,8 @@ export default ({
      },
      data: [
        {
-          value: previousSum,
-          name: "上期累计产出",
+          value: 90,
+          name: "2023累计产出",
          selected: false,
          itemStyle: {
            borderJoin: "round",
@ -129,12 +116,7 @@ export default ({
          },
        },
        {
-          value:
-            targetSum > previousSum
-              ? targetSum - previousSum
-              : previousSum == 0
-              ? 1
-              : 0,
+          value: 20,
          name: "-",
          itemStyle: { color: "transparent" },
          label: { show: false },
@ -142,4 +124,4 @@ export default ({
      ],
    },
  ],
-});
+};
--- a/src/views/copilot/components/charts/base/fetcherDoubleRing.js
+++ b/src/views/copilot/components/charts/base/fetcherDoubleRing.js
@ -0,0 +1,10 @@
+export default {
+  getData: async function (url) {
+    //
+    return await new Promise((resolve, reject) => {
+      setTimeout(() => {
+        resolve([90119, 40801, 44028]);
+      }, 1200);
+    });
+  },
+};
--- a/src/views/copilot/components/name.vue
+++ b/src/views/copilot/components/name.vue
--- a/src/views/copilot/components/select.vue
+++ b/src/views/copilot/components/select.vue
@ -33,28 +33,9 @@ export default {
  },
  data() {
    return {
-      currentActive: this.options[0],
+      currentActive: '',
    };
  },
-  watch: {
-    currentActive: {
-      handler(val) {
-        this.$emit(
-          "update:active",
-          [
-            "瑞昌",
-            "邯郸",
-            "株洲",
-            "佳木斯",
-            "成都",
-            "凯盛光伏",
-            "蚌埠兴科",
-          ].indexOf(val)
-        );
-      },
-      immediate: true,
-    },
-  },
  computed: {},
  methods: {},
 };
@ -74,7 +55,7 @@ button {
  padding: 8px 12px;
  cursor: pointer;
  position: relative;
-  transition: all 0.3s;
+  transition: all .3s;
 }

 button.active,
--- a/src/views/copilot/container.vue
+++ b/src/views/copilot/container.vue
@ -42,14 +42,6 @@ export default {
      period: "日",
    };
  },
-  // mounted() {
-  //   document.body.style.minHeight = "1024px";
-  //   document.body.style.minWidth = "1550px";
-  // },
-  // destroyed() {
-  //   document.body.style.minHeight = "1024px";
-  //   document.body.style.minWidth = "1550px";
-  // },
 };
 </script>

--- a/src/views/copilot/efficiency/index.vue
+++ b/src/views/copilot/efficiency/index.vue
@ -7,41 +7,23 @@

 <template>
  <div class="efficiency-copilot">
-    <Container title="芯片良率" icon="chip2"></Container>
-    <Container title="标准组件良率" icon="std"></Container>
-    <Container title="芯片OEE" icon="chip"></Container>
-    <Container title="转化效率" icon="cube"></Container>
+    <db-container title="芯片良率" icon="chip2"></db-container>
+    <db-container title="标准组件良率" icon="std"></db-container>
+    <db-container title="芯片OEE" icon="chip"></db-container>
+    <db-container title="转化效率" icon="cube"></db-container>
  </div>
 </template>

 <script>
-import Container from "@/views/copilot/components/Container.vue";
+import Container from "../../dashboard/components/Container.vue";
 export default {
  name: "EfficiencyCopilot",
-  components: { Container },
-  props: {
-    period: {
-      type: String,
-      default: "日",
-    },
-  },
+  components: { DbContainer: Container },
  data() {
    return {};
  },
-  watch: {
-    period: {
-      handler(val) {
-        val && this.fetchData(val);
-      },
-      immediate: true,
-    },
-  },
-  methods: {
-    fetchData(period = "日") {
-      console.log(`效率驾驶舱，获取${period}数据`);
-      this.$store.dispatch("copilot/initCopilot", { period, source: "efficiency" });
-    },
-  },
+  computed: {},
+  methods: {},
 };
 </script>

--- a/src/views/copilot/factoryData/assets/images/bipv.png
+++ b/src/views/copilot/factoryData/assets/images/bipv.png
--- a/src/views/copilot/factoryData/assets/images/chip.png
+++ b/src/views/copilot/factoryData/assets/images/chip.png
--- a/src/views/copilot/factoryData/assets/images/fto.png
+++ b/src/views/copilot/factoryData/assets/images/fto.png
--- a/src/views/copilot/factoryData/assets/images/std.png
+++ b/src/views/copilot/factoryData/assets/images/std.png
--- a/src/views/copilot/factoryData/components/Container.vue
+++ b/src/views/copilot/factoryData/components/Container.vue
@ -1,232 +0,0 @@
-<!-- 
-    filename: Container.vue
-    author: liubin
-    date: 2024-04-09 10:44:09
-    description: 
-->
-
-<template>
-  <div class="copilot-container">
-    <!-- refresh btn  -->
-    <button
-      v-if="false"
-      style="
-        appearance: none;
-        outline: none;
-        border: none;
-        background: none;
-        color: #fff;
-        cursor: pointer;
-        position: absolute;
-        top: 8px;
-        right: 8px;
-      "
-      @click="$emit('refresh')"
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 24 24"
-        stroke-width="1.5"
-        stroke="currentColor"
-        style="width: 24px; height: 24px"
-      >
-        <path
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
-        />
-      </svg>
-    </button>
-    <!-- decoration  -->
-    <div class="corner tl"></div>
-    <div class="corner tr"></div>
-    <div v-if="side == 'left'" class="corner bl"></div>
-    <div v-if="side == 'right'" class="corner br"></div>
-    <!-- content  -->
-    <div
-      class="container-head"
-      :class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']"
-    >
-      <Icon :icon="icon"></Icon>
-      <h2 class="container-title">{{ title }}</h2>
-    </div>
-    <div
-      class="container-body"
-      :class="[
-        side == 'left' ? 'body-gradient-to-right' : 'body-gradient-to-left',
-      ]"
-    >
-      <slot />
-    </div>
-  </div>
-</template>
-
-<script>
-import ContainerIconVue from "./ContainerIcon.vue";
-export default {
-  name: "DashboardContainer",
-  components: {
-    Icon: ContainerIconVue,
-  },
-  props: {
-    side: {
-      type: String,
-      default: "left",
-    },
-    icon: {
-      type: String,
-      default: "cube",
-    },
-    title: {
-      type: String,
-      default: "Default Title",
-    },
-  },
-  data() {
-    return {};
-  },
-  computed: {},
-  methods: {},
-};
-</script>
-
-<style scoped lang="scss">
-.copilot-container {
-  height: 0;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  box-shadow: inset 0 0 20px 1px #fff1;
-  backdrop-filter: blur(4px);
-
-  &::before {
-    content: "";
-    position: absolute;
-    display: inline-block;
-    height: 100%;
-    width: 0.11415vw;
-    border-radius: 2px;
-    top: 0%;
-    left: 0;
-    background: radial-gradient(
-      circle at center,
-      #024798 2%,
-      #024798 30%,
-      transparent
-    );
-    z-index: 1;
-  }
-
-  &::after {
-    content: "";
-    position: absolute;
-    display: inline-block;
-    width: 60%;
-    height: 0.31415vh;
-    border-radius: 2px;
-    left: 8%;
-    bottom: 0;
-    background: linear-gradient(to right, #024798, transparent);
-    z-index: 0;
-  }
-
-  .container-head {
-    // height: 40px;
-    height: 3.8vh;
-    padding: 8px;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-
-    .container-title {
-      font-size: 1.18vw;
-      line-height: 1.39vw;
-      font-weight: normal;
-      letter-spacing: 2px;
-    }
-  }
-
-  .container-body {
-    padding: 12px;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    height: 0;
-  }
-
-  .corner {
-    z-index: 1;
-    position: absolute;
-    // width: 16px;
-    // height: 16px;
-    width: 0.95vw;
-    height: 0.95vw;
-  }
-
-  .corner.tl {
-    border-top: 2px solid #0175dc;
-    border-left: 2px solid #0175dc;
-    top: 0;
-    left: 0;
-  }
-
-  .corner.tr {
-    top: 0;
-    right: 0;
-    border-top: 2px solid #0175dc;
-    border-right: 2px solid #0175dc;
-  }
-
-  .corner.bl {
-    // width: 20px;
-    // height: 20px;
-    width: 1.064vw;
-    height: 1.064vw;
-    bottom: 0;
-    left: 0;
-    // border-left: 10px solid #0175dc;
-    // border-bottom: 10px solid #0175dc;
-    // border-top: 10px solid transparent;
-    // border-right: 10px solid transparent;
-    border-left: 0.532vw solid #0175dc;
-    border-bottom: 0.532vw solid #0175dc;
-    border-top: 0.532vw solid transparent;
-    border-right: 0.532vw solid transparent;
-  }
-
-  .corner.br {
-    bottom: 0;
-    right: 0;
-    // width: 20px;
-    // height: 20px;
-    width: 1.064vw;
-    height: 1.064vw;
-    // border-left: 10px solid transparent;
-    // border-bottom: 10px solid #0175dc;
-    // border-top: 10px solid transparent;
-    // border-right: 10px solid #0175dc;
-    border-left: 0.532vw solid transparent;
-    border-bottom: 0.532vw solid #0175dc;
-    border-top: 0.532vw solid transparent;
-    border-right: 0.532vw solid #0175dc;
-  }
-
-  .gradient-to-right {
-    background: linear-gradient(to right, #0c3f68cc, transparent);
-  }
-
-  .gradient-to-left {
-    background: linear-gradient(to left, #0c3f68cc, transparent);
-  }
-
-  .body-gradient-to-right {
-    background: linear-gradient(to right, #0003, transparent);
-  }
-
-  .body-gradient-to-left {
-    background: linear-gradient(to left, #0003, transparent);
-  }
-}
-</style>
--- a/src/views/copilot/factoryData/components/ContainerIcon.vue
+++ b/src/views/copilot/factoryData/components/ContainerIcon.vue
@ -1,56 +0,0 @@
-<!-- 
-    filename: ContainerIcon.vue
-    author: liubin
-    date: 2024-04-09 16:41:36
-    description: 
-->
-
-<template>
-  <div class="container-icon" :style="bgStyle"></div>
-</template>
-
-<script>
-import prod from "@/assets/images/companyData/prod-minor.png";
-import store from "@/assets/images/companyData/store.png";
-import energy from "@/assets/images/companyData/energy.png";
-import order from "@/assets/images/companyData/order.png";
-
-export default {
-  name: "ContainerIcon",
-  components: {},
-  props: {
-    icon: {
-      type: String,
-      default: "prod",
-    },
-  },
-  data() {
-    return {};
-  },
-  computed: {
-    bgStyle() {
-      return {
-        prod:
-          "background: url(" + prod + ") no-repeat center center / 100% 100%",
-        store:
-          "background: url(" + store + ") no-repeat center center / 100% 100%",
-        energy:
-          "background: url(" + energy + ") no-repeat center center / 100% 100%",
-        order:
-          "background: url(" + order + ") no-repeat center center / 100% 100%",
-      }[this.icon];
-    },
-  },
-  methods: {},
-};
-</script>
-
-<style scoped lang="scss">
-.container-icon {
-  //   width: 32px;
-  //   height: 32px;
-  width: 1.701vw;
-  height: 1.701vw;
-  background: #ccc2;
-}
-</style>
--- a/src/views/copilot/factoryData/components/Energy.vue
+++ b/src/views/copilot/factoryData/components/Energy.vue
@ -1,357 +0,0 @@
-<template>
-  <div class="left-chart-base">
-    <div class="legend">
-      <span
-        v-for="item in legend"
-        :key="item.label"
-        class="legend-item"
-        :style="{ fontSize: isFullscreen ? '0.85vw' : '0.73vw' }"
-        >{{ item.label }}</span
-      >
-    </div>
-    <div
-      ref="chart"
-      style="width: 100%"
-      :style="{ height: vHeight + 'vh' }"
-    ></div>
-  </div>
-</template>
-<script>
-import chartMixin from "@/mixins/chart.js";
-import * as echarts from "echarts";
-export default {
-  name: "Energy",
-  mixins: [chartMixin],
-  props: {
-    vHeight: {
-      type: Number,
-      default: 34,
-    },
-    legend: {
-      type: Array,
-      required: true,
-    },
-    xAxis: {
-      type: Array,
-      required: true,
-    },
-    series: {
-      type: Array,
-      required: true,
-    },
-  },
-  data() {
-    return {
-      isFullscreen: false,
-      actualOptions: null,
-      options: {
-        color: ["#FFD160", "#2760FF", "#12FFF5"],
-        grid: {
-          left: "3%",
-          right: "4%",
-          bottom: "0",
-          top: "15%",
-          containLabel: true,
-        },
-        tooltip: {
-          trigger: "axis",
-        },
-        xAxis: {
-          axisTick: {
-            show: false,
-          },
-          axisLine: {
-            lineStyle: {
-              color: "#4561AE",
-            },
-          },
-          axisLabel: {
-            color: "rgba(255, 255, 255, 0.7)",
-            fontSize: 12,
-          },
-          data: this.xAxis,
-        },
-        yAxis: [
-          {
-            type: "value",
-            name: "KW/h",
-            nameTextStyle: {
-              color: "rgba(255, 255, 255, 0.7)",
-              fontSize: 12,
-              align: "right",
-            },
-            axisTick: {
-              show: false,
-            },
-            axisLabel: {
-              color: "rgba(255, 255, 255, 0.7)",
-              fontSize: 12,
-            },
-            axisLine: {
-              show: true,
-              lineStyle: {
-                color: "#4561AE",
-              },
-            },
-            splitLine: {
-              lineStyle: {
-                color: "#4561AE",
-              },
-            },
-          },
-          {
-            type: "value",
-            name: "m³/h",
-            nameTextStyle: {
-              color: "rgba(255, 255, 255, 0.7)",
-              fontSize: 12,
-              align: "left",
-            },
-            axisTick: {
-              show: false,
-            },
-            axisLabel: {
-              color: "rgba(255, 255, 255, 0.7)",
-              fontSize: 12,
-            },
-            axisLine: {
-              show: true,
-              lineStyle: {
-                color: "#4561AE",
-              },
-            },
-            splitLine: {
-              lineStyle: {
-                color: "#4561AE",
-              },
-            },
-          },
-        ],
-        series: [
-          {
-            name: "",
-            data: [],
-            type: "line",
-            areaStyle: {
-              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 0, color: "#FFD160" + "80" },
-                { offset: 0.5, color: "#FFD160" + "20" },
-                { offset: 1, color: "#FFD160" + "00" },
-              ]),
-            },
-            lineStyle: {
-              width: 2,
-            },
-            symbol: "circle",
-            symbolSize: 8,
-            emphasis: {
-              focus: "series",
-            },
-          },
-          {
-            name: "",
-            data: [],
-            type: "line",
-            yAxisIndex: 1,
-            areaStyle: {
-              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 0, color: "#2760FF" + "80" },
-                { offset: 0.5, color: "#2760FF" + "20" },
-                { offset: 1, color: "#2760FF" + "00" },
-              ]),
-            },
-            lineStyle: {
-              width: 2,
-            },
-            symbol: "circle",
-            symbolSize: 8,
-            emphasis: {
-              focus: "series",
-            },
-          },
-          {
-            name: "",
-            data: [],
-            type: "line",
-            yAxisIndex: 1,
-            areaStyle: {
-              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 0, color: "#12FFF5" + "80" },
-                { offset: 0.5, color: "#12FFF5" + "20" },
-                { offset: 1, color: "#12FFF5" + "00" },
-              ]),
-            },
-            lineStyle: {
-              width: 2,
-            },
-            symbol: "circle",
-            symbolSize: 8,
-            emphasis: {
-              focus: "series",
-            },
-          },
-        ],
-      },
-    };
-  },
-  watch: {
-    /** 全屏状态切换时，对柱子粗细和字体大小进行相应调整 */
-    // isFullscreen(val) {
-    //   this.actualOptions.series.map((item) => {
-    //     item.barWidth = val ? 18 : 12;
-    //   });
-    //   this.actualOptions.xAxis.axisLabel.fontSize = val ? 18 : 12;
-    //   this.actualOptions.yAxis.axisLabel.fontSize = val ? 18 : 12;
-    //   this.actualOptions.yAxis.nameTextStyle.fontSize = val ? 18 : 12;
-    //   this.initOptions(this.actualOptions);
-    // },
-    series(val) {
-      if (!val) {
-        this.initOptions(this.options);
-        return;
-      }
-      const actualOptions = JSON.parse(JSON.stringify(this.options));
-      actualOptions.series[0].data = val[0].data;
-      actualOptions.series[0].name = val[0].name;
-      actualOptions.series[1].data = val[1].data;
-      actualOptions.series[1].name = val[1].name;
-      actualOptions.series[2].data = val[2].data;
-      actualOptions.series[2].name = val[2].name;
-      this.actualOptions = actualOptions;
-      this.initOptions(actualOptions);
-    },
-  },
-  mounted() {
-    console.log("00000000000000000000");
-    const actualOptions = JSON.parse(JSON.stringify(this.options));
-    actualOptions.series[0].data = this.series[0].data;
-    actualOptions.series[0].name = this.series[0].name;
-    actualOptions.series[1].data = this.series[1].data;
-    actualOptions.series[1].name = this.series[1].name;
-    actualOptions.series[2].data = this.series[2].data;
-    actualOptions.series[2].name = this.series[2].name;
-    this.actualOptions = actualOptions;
-    console.log(actualOptions);
-    console.log("1111111111");
-    this.initOptions(actualOptions);
-    // this.actualOptions = this.options;
-    // this.initOptions(this.options);
-
-    // if (screenfull.isEnabled) {
-    //   screenfull.on("change", () => {
-    //     this.isFullscreen = screenfull.isFullscreen;
-    //   });
-    // }
-  },
-};
-</script>
-<style scoped lang="scss">
-.left-chart-base {
-  // position: relative;
-
-  .legend {
-    position: absolute;
-    top: 5.2vh;
-    right: 4vw;
-  }
-
-  .legend-item {
-    position: relative;
-    // font-size: 12px;
-    margin-right: 1.34vw;
-
-    &::before {
-      content: "";
-      display: inline-block;
-      // width: 10px;
-      // height: 10px;
-      width: 0.531vw;
-      height: 0.531vw;
-      background-color: #ccc;
-      border-radius: 2px;
-      margin-right: 0.22vw;
-    }
-  }
-  .legend-item:nth-child(1):before {
-    // width: 12px;
-    // height: 2px;
-    width: 0.638vw;
-    height: 0.1064vw;
-    background-color: #ffd160;
-    position: absolute;
-    top: 50%;
-    // left: -16px;
-    left: -0.851vw;
-    transform: translateY(-50%);
-  }
-  .legend-item:nth-child(1):after {
-    background-color: #ffd160;
-    content: "";
-    display: inline-block;
-    position: absolute;
-    // width: 6px;
-    // height: 6px;
-    width: 0.3191vw;
-    height: 0.3191vw;
-    border-radius: 100%;
-    top: 50%;
-    left: -0.851vw;
-    // left: -16px;
-    transform: translateY(-50%) translateX(50%);
-  }
-  .legend-item:nth-child(2):before {
-    // width: 12px;
-    // height: 2px;
-    width: 0.638vw;
-    height: 0.1064vw;
-    background-color: #2760ff;
-    position: absolute;
-    top: 50%;
-    // left: -16px;
-    left: -0.851vw;
-    transform: translateY(-50%);
-  }
-  .legend-item:nth-child(2):after {
-    background-color: #2760ff;
-    content: "";
-    display: inline-block;
-    position: absolute;
-    // width: 6px;
-    // height: 6px;
-    width: 0.3191vw;
-    height: 0.3191vw;
-    border-radius: 100%;
-    top: 50%;
-    left: -0.851vw;
-    // left: -16px;
-    transform: translateY(-50%) translateX(50%);
-  }
-  .legend-item:nth-child(3):before {
-    // width: 12px;
-    // height: 2px;
-    width: 0.638vw;
-    height: 0.1064vw;
-    background-color: #12fff5;
-    position: absolute;
-    top: 50%;
-    // left: -16px;
-    left: -0.851vw;
-    transform: translateY(-50%);
-  }
-  .legend-item:nth-child(3):after {
-    background-color: #12fff5;
-    content: "";
-    display: inline-block;
-    position: absolute;
-    // width: 6px;
-    // height: 6px;
-    width: 0.3191vw;
-    height: 0.3191vw;
-    border-radius: 100%;
-    top: 50%;
-    left: -0.851vw;
-    // left: -16px;
-    transform: translateY(-50%) translateX(50%);
-  }
-}
-</style>
--- a/src/views/copilot/factoryData/components/Order.vue
+++ b/src/views/copilot/factoryData/components/Order.vue
@ -1,45 +0,0 @@
-<template>
-  <dv-scroll-board :config="config" style="width: 100%; height: 100%" />
-</template>
-<script>
-export default {
-  name: "Order",
-  data() {
-    return {
-      config: {
-        header: ["序号", "客户名称", "产品名称", "计划加工数量", "加工进度"],
-        headerBGC: "rgba(0, 106, 205, 0.22)",
-        oddRowBGC: "rgba(0, 106, 205, 0.22)",
-        evenRowBGC: "rgba(rgba(2, 13, 45, 0.18)",
-        data: [
-          ["1", "行1列1", "行1列2", "行1列3", "50%"],
-          ["2", "行2列1", "行2列2", "行2列3", "50%"],
-          ["3", "行3列1", "行3列2", "行3列3", "50%"],
-          ["4", "行4列1", "行4列2", "行4列3", "50%"],
-          ["5", "行5列1", "行5列2", "行5列3", "50%"],
-          ["6", "行6列1", "行6列2", "行6列3", "50%"],
-          ["7", "行7列1", "行7列2", "行7列3", "50%"],
-          ["8", "行8列1", "行8列2", "行8列3", "50%"],
-          ["9", "行9列1", "行9列2", "行9列3", "50%"],
-          ["10", "行10列1", "行10列2", "行10列3", "50%"],
-          ["11", "行11列1", "行11列2", "行11列3", "50%"],
-          ["12", "行12列1", "行12列2", "行12列3", "50%"],
-          ["13", "行13列1", "行13列2", "行13列3", "50%"],
-          ["14", "行14列1", "行14列2", "行14列3", "50%"],
-          ["15", "行15列1", "行15列2", "行15列3", "50%"],
-          ["16", "行16列1", "行16列2", "行16列3", "50%"],
-          ["17", "行17列1", "行17列2", "行17列3", "50%"],
-          ["18", "行18列1", "行18列2", "行18列3", "50%"],
-          ["19", "行19列1", "行19列2", "行19列3", "50%"],
-          ["20", "行20列1", "行20列2", "行20列3", "50%"],
-        ],
-        rowNum: 12,
-        waitTime: 3000,
-        columnWidth: [50],
-        align: ["center"],
-        carousel: "page",
-      },
-    };
-  },
-};
-</script>
--- a/src/views/copilot/factoryData/components/ProdMonitor.vue
+++ b/src/views/copilot/factoryData/components/ProdMonitor.vue
@ -1,272 +0,0 @@
-<template>
-  <div class="prod-monitor">
-    <div class="fto-box">
-      <div class="icon">
-        <img
-          src="./../assets/images/fto.png"
-          alt=""
-          style="width: 2.1875vw; height: 2.2875vw"
-        />
-      </div>
-      <div class="middle-box">
-        <span class="type">玻璃类型</span>
-        <span class="type-name">FTO投入</span>
-      </div>
-      <div class="right-box">
-        <span class="type">投入数量</span>
-        <span class="num">8391222</span>
-      </div>
-    </div>
-    <div class="std-box">
-      <div class="icon">
-        <img
-          src="./../assets/images/std.png"
-          alt=""
-          style="width: 2.1875vw; height: 2.1875vw"
-        />
-      </div>
-      <div class="middle-box">
-        <div class="separate">
-          <div>
-            <span class="type">玻璃类型</span>
-            <span class="type-name">标准组检产量</span>
-          </div>
-          <div>
-            <span class="type">良品数量</span>
-            <span class="type-name">740</span>
-          </div>
-        </div>
-      </div>
-      <div class="right-box">
-        <div class="separate">
-          <div>
-            <span class="type">生产数量</span>
-            <span class="num">783</span>
-          </div>
-          <div>
-            <span class="type1">良品率</span>
-            <span class="num">96%</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="chip-box">
-      <div class="icon">
-        <img
-          src="./../assets/images/chip.png"
-          alt=""
-          style="width: 2.1875vw; height: 2.1875vw"
-        />
-      </div>
-      <div class="middle-box">
-        <div class="separate">
-          <div>
-            <span class="type">玻璃类型</span>
-            <span class="type-name">芯片产量</span>
-          </div>
-          <div>
-            <span class="type">良品数量</span>
-            <span class="type-name">740</span>
-          </div>
-        </div>
-      </div>
-      <div class="right-box">
-        <div class="separate">
-          <div>
-            <span class="type">生产数量</span>
-            <span class="num">783</span>
-          </div>
-          <div>
-            <span class="type1">良品率</span>
-            <span class="num">96%</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="bipv-box">
-      <div class="icon">
-        <img
-          src="./../assets/images/bipv.png"
-          alt=""
-          style="width: 2.1875vw; height: 2.1875vw"
-        />
-      </div>
-      <div class="middle-box">
-        <div class="separate">
-          <div>
-            <span class="type">玻璃类型</span>
-            <span class="type-name">BIPV产量</span>
-          </div>
-          <div>
-            <span class="type">良品数量</span>
-            <span class="type-name">740</span>
-          </div>
-        </div>
-      </div>
-      <div class="right-box">
-        <div class="separate">
-          <div>
-            <span class="type">生产数量</span>
-            <span class="num">783</span>
-          </div>
-          <div>
-            <span class="type1">良品率</span>
-            <span class="num">96%</span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: "ProdMonitor",
-};
-</script>
-<style lang="scss" scoped>
-.prod-monitor {
-  height: 100%;
-  display: flex;
-  gap: 6px;
-  flex-direction: column;
-  .fto-box,
-  .std-box,
-  .chip-box,
-  .bipv-box {
-    box-shadow: inset 0 0 12px 2px #fff3;
-    border-radius: 4px;
-    display: flex;
-    align-items: center;
-    .icon {
-      flex: 1;
-      text-align: center;
-    }
-    .middle-box {
-      flex: 2.086;
-      position: relative;
-    }
-    .right-box {
-      flex: 2.424;
-      position: relative;
-    }
-    .type {
-      display: inline-block;
-      font-size: 0.9375vw;
-      color: #6db6ff;
-      position: relative;
-      text-align: right;
-      padding-right: 0.417vw;
-      letter-spacing: 2px;
-      width: 6.25vw;
-    }
-    .type1 {
-      display: inline-block;
-      font-size: 0.9375vw;
-      color: #6db6ff;
-      position: relative;
-      text-align: right;
-      padding-right: 0.6vw;
-      width: 6.25vw;
-      padding-left: 1.6vw;
-      text-align: justify;
-      text-align-last: justify;
-    }
-    .type-name {
-      font-size: 1.042vw;
-      color: #fff;
-      position: relative;
-      text-align: left;
-      padding-left: 0.573vw;
-    }
-    .type-name::before {
-      content: "";
-      display: inline-block;
-      width: 1px;
-      height: 1.042vw;
-      border: 1px solid;
-      border-image: linear-gradient(
-          180deg,
-          rgba(0, 176, 243, 0),
-          rgba(31, 143, 255, 1)
-        )
-        2 2;
-      position: absolute;
-      left: 0;
-      top: 4px;
-    }
-    .num {
-      font-size: 1.042vw;
-      color: #fff;
-      position: relative;
-      text-align: left;
-      padding-left: 0.573vw;
-    }
-    .num::before {
-      content: "";
-      display: inline-block;
-      width: 1px;
-      height: 1.042vw;
-      border: 1px solid;
-      border-image: linear-gradient(
-          180deg,
-          rgba(0, 176, 243, 0),
-          rgba(31, 143, 255, 1)
-        )
-        2 2;
-      position: absolute;
-      left: 0;
-      top: 4px;
-    }
-  }
-  .fto-box {
-    flex: 1;
-    .type::before {
-      content: "";
-      display: inline-block;
-      width: 1px;
-      height: 1.6146vw;
-      border: 1px solid;
-      border-image: linear-gradient(
-          135deg,
-          rgba(0, 176, 243, 0),
-          rgba(31, 143, 255, 1),
-          rgba(31, 143, 255, 0)
-        )
-        2 2;
-      position: absolute;
-      left: 0;
-      top: -2px;
-    }
-  }
-  .std-box {
-    flex: 1.3;
-  }
-  .chip-box {
-    flex: 1.3;
-  }
-  .bipv-box {
-    flex: 1.3;
-  }
-  .std-box,
-  .chip-box,
-  .bipv-box {
-    .separate::before {
-      content: "";
-      display: inline-block;
-      width: 1px;
-      height: 3.125vw;
-      border: 1px solid;
-      border-image: linear-gradient(
-          135deg,
-          rgba(0, 176, 243, 0),
-          rgba(31, 143, 255, 1),
-          rgba(31, 143, 255, 0)
-        )
-        2 2;
-      position: absolute;
-      left: 0;
-      top: -2px;
-    }
-  }
-}
-</style>
--- a/src/views/copilot/factoryData/components/Store.vue
+++ b/src/views/copilot/factoryData/components/Store.vue
@ -1,152 +0,0 @@
-<template>
-  <div
-    ref="chart"
-    style="width: 100%"
-    :style="{ height: vHeight + 'vh' }"
-  ></div>
-</template>
-<script>
-import chartMixin from "@/mixins/chart.js";
-export default {
-  name: "Store",
-  mixins: [chartMixin],
-  props: {
-    vHeight: {
-      type: Number,
-      default: 34,
-    },
-    xAxis: {
-      type: Array,
-      required: true,
-    },
-    series: {
-      type: Array,
-      required: true,
-    },
-  },
-  data() {
-    return {
-      isFullscreen: false,
-      actualOptions: null,
-      options: {
-        grid: {
-          left: "3%",
-          right: "1%",
-          bottom: "0",
-          top: "10%",
-          containLabel: true,
-        },
-        tooltip: {},
-        xAxis: {
-          axisTick: {
-            show: false,
-          },
-          axisLine: {
-            lineStyle: {
-              color: "#4561AE",
-            },
-          },
-          axisLabel: {
-            color: "rgba(255, 255, 255, 0.7)",
-            fontSize: 12,
-          },
-          data: this.xAxis,
-        },
-        yAxis: {
-          name: "单位/片",
-          nameTextStyle: {
-            color: "rgba(255, 255, 255, 0.7)",
-            fontSize: 12,
-            align: "right",
-          },
-          axisTick: {
-            show: false,
-          },
-          axisLabel: {
-            color: "rgba(255, 255, 255, 0.7)",
-            fontSize: 12,
-          },
-          axisLine: {
-            show: true,
-            lineStyle: {
-              color: "#4561AE",
-            },
-          },
-          splitLine: {
-            lineStyle: {
-              color: "#4561AE",
-            },
-          },
-        },
-        series: [
-          {
-            name: "", // this.series[0].name,
-            type: "bar",
-            barWidth: 12,
-            itemStyle: {
-              borderRadius: [10, 10, 0, 0],
-              color: {
-                type: "linear",
-                x: 0,
-                y: 0,
-                x2: 0,
-                y2: 1,
-                colorStops: [
-                  {
-                    offset: 0,
-                    color: "#12f7f1", // 0% 处的颜色
-                  },
-                  {
-                    offset: 0.35,
-                    color: "#12f7f177", // 100% 处的颜色
-                  },
-                  {
-                    offset: 0.75,
-                    color: "#12f7f133", // 100% 处的颜色
-                  },
-                  {
-                    offset: 1,
-                    color: "transparent", // 100% 处的颜色
-                  },
-                ],
-                global: false, // 缺省为 false
-              },
-            },
-            data: [], // this.series[0].data,
-          },
-        ],
-      },
-    };
-  },
-  watch: {
-    series(val) {
-      if (!val) {
-        this.initOptions(this.options);
-        return;
-      }
-      const actualOptions = JSON.parse(JSON.stringify(this.options));
-      actualOptions.series[0].data = val[0].data;
-      actualOptions.series[0].name = val[0].name;
-      actualOptions.series[1].data = val[1].data;
-      actualOptions.series[1].name = val[1].name;
-      this.actualOptions = actualOptions;
-      this.initOptions(actualOptions);
-    },
-  },
-  mounted() {
-    console.log("store");
-    const actualOptions = JSON.parse(JSON.stringify(this.options));
-    actualOptions.series[0].data = this.series[0].data;
-    actualOptions.series[0].name = this.series[0].name;
-    this.actualOptions = actualOptions;
-    this.initOptions(actualOptions);
-
-    // if (screenfull.isEnabled) {
-    //   screenfull.on("change", () => {
-    //     this.isFullscreen = screenfull.isFullscreen;
-    //   });
-    // }
-  },
-};
-</script>
-<style></style>
--- a/src/views/copilot/factoryData/index.vue
+++ b/src/views/copilot/factoryData/index.vue
@ -1,173 +0,0 @@
-<template>
-  <div class="factory-layout">
-    <FactoryDataHeader
-      :companyName="companyName"
-      :companyId="companyId"
-      :period="period"
-      @updateCompany="updateCompany"
-      @update:period="period = $event"
-    />
-    <div class="factory-section">
-      <section class="top flex">
-        <db-container title="生产监控" icon="prod">
-          <prod-monitor />
-        </db-container>
-        <db-container title="仓库监控.当前" icon="store">
-          <store :series="series" :xAxis="xAxis" />
-        </db-container>
-      </section>
-      <section class="bottom flex">
-        <db-container title="能源监控" icon="energy">
-          <energy
-            :legend="energyLegend"
-            :series="energySeries"
-            :xAxis="energyxAxis"
-          />
-        </db-container>
-        <db-container title="订单监控" icon="order">
-          <order />
-        </db-container>
-      </section>
-    </div>
-    <div class="factory-footer">© 中建材智能自动化研究院有限公司</div>
-  </div>
-</template>
-<script>
-import FactoryDataHeader from "./../components/FactoryDataHeader.vue";
-import Container from "./components/Container.vue";
-import ProdMonitor from "./components/ProdMonitor.vue";
-import Store from "./components/Store.vue";
-import Energy from "./components/Energy.vue";
-import Order from "./components/Order.vue";
-export default {
-  name: "FactoryData",
-  components: {
-    FactoryDataHeader,
-    DbContainer: Container,
-    ProdMonitor,
-    Store,
-    Energy,
-    Order,
-  },
-  data() {
-    const year = new Date().getFullYear();
-    const cities = ["瑞昌", "邯郸", "株洲", "佳木斯", "成都", "凯盛", "蚌埠"];
-    return {
-      companyId: "1",
-      companyName: "瑞昌中建材光电材料有限公司",
-      period: "日",
-
-      energyLegend: [
-        { label: "电", color: "#FFD160" },
-        { label: "水", color: "#2760FF" },
-        { label: "气", color: "#12FFF5" },
-      ],
-      energyxAxis: [3.1, 3.2, 3.3, 3.4, 3.5, 3.6, 3.7],
-
-      legend: [
-        { label: `${year - 1}年`, color: "#12f7f1" },
-        // { label: `${year}年`, color: "#58adfa" },
-      ],
-      xAxis: cities,
-    };
-  },
-  computed: {
-    energySeries() {
-      return [
-        {
-          name: "电",
-          data: Array.from({ length: 7 }, () =>
-            Math.floor(Math.random() * 1000)
-          ),
-        },
-        {
-          name: "水",
-          data: Array.from({ length: 7 }, () =>
-            Math.floor(Math.random() * 1000)
-          ),
-        },
-        {
-          name: "气",
-          data: Array.from({ length: 7 }, () =>
-            Math.floor(Math.random() * 1000)
-          ),
-        },
-      ];
-    },
-    series() {
-      // const ftoInvest = this.$store.getters.home.ftoInvest;
-      // if (!ftoInvest || !ftoInvest.current || !ftoInvest.previous) {
-      return [
-        {
-          name: "2023年",
-          data: Array.from({ length: 7 }, () =>
-            Math.floor(Math.random() * 1000)
-          ),
-        },
-      ];
-      // }
-
-      // return [
-      //   {
-      //     name: `${new Date().getFullYear() - 1}年`,
-      //     data: ftoInvest.previous,
-      //   },
-      //   {
-      //     name: `${new Date().getFullYear()}年`,
-      //     data: ftoInvest.current,
-      //   },
-      // ];
-    },
-  },
-  methods: {
-    updateCompany(obj) {
-      this.companyId = obj.companyId;
-      this.companyName = obj.companyName;
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-.factory-layout {
-  padding: 16px;
-  background: url(../../../assets/images/copilot-bg.png) 0 0 / 100% 100%
-    no-repeat;
-  position: absolute;
-  height: calc(100% + 38px);
-  left: -16px;
-  top: -8px;
-  width: calc(100% + 30px);
-  z-index: 1001;
-  color: #fff;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  .factory-section {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    .flex {
-      display: flex;
-      gap: 16px;
-      flex: 1;
-    }
-    .top > div,
-    .bottom > div {
-      height: 100%;
-    }
-  }
-  .factory-footer {
-    /** position: absolute;
-  bottom: 10px; **/
-    height: 10px;
-    width: 100%;
-    color: rgb(80, 80, 80);
-    user-select: none;
-    font-size: 14px;
-    letter-spacing: 1px;
-    display: grid;
-    place-content: center;
-  }
-}
-</style>
--- a/src/views/copilot/yield/assets/icon.png
+++ b/src/views/copilot/yield/assets/icon.png
--- a/src/views/copilot/yield/components/ChipInvest.vue
+++ b/src/views/copilot/yield/components/ChipInvest.vue
@ -1,106 +0,0 @@
-<!-- 
-    filename: FtoInvest.vue
-    author: liubin
-    date: 2024-04-10 08:59:28
-    description: 
-->
-
-<template>
-  <BarChartBase
-    :legend="legend"
-    :series="series"
-    :xAxis="xAxis"
-    in="ChipInvest"
-    class="chip-invest-chart"
-  />
-</template>
-
-<script>
-import BarChartBase from "./sub/bar/BarChartBase.vue";
-
-export default {
-  name: "ChipInvest",
-  components: { BarChartBase },
-  data() {
-    // 城市数组的顺序必须是固定的
-    const cities = ["瑞昌", "邯郸", "株洲", "佳木斯", "成都", "凯盛", "蚌埠"];
-    return {
-      xAxis: cities,
-    };
-  },
-  props: {
-    period: {
-      type: String,
-      default: "日",
-    },
-  },
-  computed: {
-    legend() {
-      switch (this.period) {
-        case "日":
-          return [{ label: "昨日", color: "#12f7f1" }];
-        case "周":
-          return [{ label: "本周", color: "#12f7f1" }];
-        case "月": {
-          const year = new Date().getFullYear();
-          const month = new Date().getMonth() + 1;
-          return [
-            { label: `${year - 1}年${month}月`, color: "#12f7f1" },
-            { label: `${year}年${month}月`, color: "#58adfa" },
-          ];
-        }
-        case "年": {
-          const year = new Date().getFullYear();
-          return [
-            { label: `${year - 1}年`, color: "#12f7f1" },
-            { label: `${year}年`, color: "#58adfa" },
-          ];
-        }
-        default:
-          return [
-            { label: `${year - 1}年`, color: "#12f7f1" },
-            { label: `${year}年`, color: "#58adfa" },
-          ];
-      }
-    },
-    series() {
-      const { chipInvest } = this.$store.getters.copilot.yield;
-      let dataList = null;
-      switch (this.period) {
-        case "日":
-        case "周":
-          dataList = chipInvest?.current;
-          break;
-        default:
-          dataList = [];
-          dataList[0] = chipInvest?.pervious;
-          dataList[1] = chipInvest?.current;
-      }
-      return getTemplate(this.period, dataList);
-    },
-  },
-};
-
-function getTemplate(period, dataList) {
-  const year = new Date().getFullYear();
-  const month = new Date().getMonth() + 1;
-  return period == "日" || period == "周"
-    ? [
-        {
-          name: period == "日" ? "昨日" : "本周",
-          data: dataList ?? [],
-        },
-      ]
-    : [
-        {
-          name: period == "年" ? `${year - 1}年` : `${year - 1}年${month}月`,
-          data: dataList ? dataList[0] : [],
-        },
-        {
-          name: period == "年" ? `${year}年` : `${year}年${month}月`,
-          data: dataList ? dataList[1] : [],
-          // : Array.from({ length: 7 }, () => Math.floor(Math.random() * 1000)),
-        },
-      ];
-}
-</script>
--- a/src/views/copilot/yield/components/FtoInvest.vue
+++ b/src/views/copilot/yield/components/FtoInvest.vue
@ -1,108 +0,0 @@
-<!-- 
-    filename: FtoInvest.vue
-    author: liubin
-    date: 2024-04-10 08:59:28
-    description: 
-->
-
-<template>
-  <BarChartBase
-    :legend="legend"
-    :series="series"
-    :xAxis="xAxis"
-    in="ftoInvest"
-    class="fto-chart"
-  />
-</template>
-
-<script>
-import BarChartBase from "./sub/bar/BarChartBase.vue";
-
-export default {
-  name: "FtoInvest",
-  components: { BarChartBase },
-  data() {
-    // 城市数组的顺序必须是固定的
-    const cities = ["瑞昌", "邯郸", "株洲", "佳木斯", "成都", "凯盛", "蚌埠"];
-    return {
-      xAxis: cities,
-    };
-  },
-  props: {
-    period: {
-      type: String,
-      default: "日",
-    },
-  },
-  computed: {
-    legend() {
-      switch (this.period) {
-        case "日":
-          return [{ label: "昨日", color: "#12f7f1" }];
-        case "周":
-          return [{ label: "本周", color: "#12f7f1" }];
-        case "月": {
-          const year = new Date().getFullYear();
-          const month = new Date().getMonth() + 1;
-          return [
-            { label: `${year - 1}年${month}月`, color: "#12f7f1" },
-            { label: `${year}年${month}月`, color: "#58adfa" },
-          ];
-        }
-        case "年": {
-          const year = new Date().getFullYear();
-          return [
-            { label: `${year - 1}年`, color: "#12f7f1" },
-            { label: `${year}年`, color: "#58adfa" },
-          ];
-        }
-        default:
-          return [
-            { label: `${year - 1}年`, color: "#12f7f1" },
-            { label: `${year}年`, color: "#58adfa" },
-          ];
-      }
-    },
-    series() {
-      const { ftoInvest } = this.$store.getters.copilot.yield;
-      let dataList = null;
-
-      switch (this.period) {
-        case "日":
-        case "周":
-          dataList = ftoInvest?.current;
-          break;
-        default:
-          dataList = [];
-          dataList[0] = ftoInvest?.pervious;
-          dataList[1] = ftoInvest?.current;
-      }
-
-      return getTemplate(this.period, dataList);
-    },
-  },
-};
-
-function getTemplate(period, dataList) {
-  const year = new Date().getFullYear();
-  const month = new Date().getMonth() + 1;
-  return period == "日" || period == "周"
-    ? [
-        {
-          name: period == "日" ? "昨日" : "本周",
-          data: dataList ?? [],
-        },
-      ]
-    : [
-        {
-          name: period == "年" ? `${year - 1}年` : `${year - 1}年${month}月`,
-          data: dataList ? dataList[0] : [],
-        },
-        {
-          name: period == "年" ? `${year}年` : `${year}年${month}月`,
-          data: dataList ? dataList[1] : [],
-          // : Array.from({ length: 7 }, () => Math.floor(Math.random() * 1000)),
-        },
-      ];
-}
-</script>
--- a/src/views/copilot/yield/components/sub/bar/BarChartBase.vue
+++ b/src/views/copilot/yield/components/sub/bar/BarChartBase.vue
@ -1,257 +0,0 @@
-<!-- 
-    filename: BarChartBase.vue
-    author: liubin
-    date: 2024-04-10 08:59:28
-    description: 
-->
-
-<template>
-  <chart-container class="bar-chart-base">
-    <div class="legend">
-      <span
-        v-for="item in legend"
-        :key="item.label"
-        class="legend-item"
-        :style="{ fontSize: isFullscreen ? '0.58vw' : '0.54vw' }"
-        >{{ item.label }}</span
-      >
-    </div>
-    <div
-      ref="chart"
-      style="max-width: 50vw"
-      :style="{ height: vHeight + 'vh' }"
-    ></div>
-  </chart-container>
-</template>
-
-<script>
-import screenfull from "screenfull";
-import ChartContainer from "../../../../components/ChartContainer.vue";
-import chartMixin from "@/mixins/chart.js";
-
-export default {
-  name: "BarChartBase",
-  components: {
-    ChartContainer,
-  },
-  mixins: [chartMixin],
-  props: {
-    vHeight: {
-      type: Number,
-      default: 34,
-    },
-    legend: {
-      type: Array,
-      required: true,
-    },
-    xAxis: {
-      type: Array,
-      required: true,
-    },
-    series: {
-      type: Array,
-      required: true,
-    },
-    in: {
-      type: String,
-      default: "",
-    },
-  },
-  data() {
-    return {
-      isFullscreen: false,
-      actualOptions: null,
-      options: {
-        grid: {
-          left: "5%",
-          right: "4%",
-          bottom: "3%",
-          top: "15%",
-          containLabel: true,
-        },
-        tooltip: {},
-        xAxis: {
-          axisTick: {
-            show: false,
-          },
-          axisLine: {
-            lineStyle: {
-              color: "#4561AE",
-            },
-          },
-          axisLabel: {
-            color: "#fff",
-            fontSize: 12,
-          },
-          data: this.xAxis,
-        },
-        yAxis: {
-          name: "单位/片",
-          nameTextStyle: {
-            color: "#fff",
-            fontSize: 12,
-          },
-          axisTick: {
-            show: false,
-          },
-          axisLabel: {
-            color: "#fff",
-            fontSize: 12,
-          },
-          axisLine: {
-            show: true,
-            lineStyle: {
-              color: "#4561AE",
-            },
-          },
-          splitLine: {
-            lineStyle: {
-              color: "#4561AE",
-            },
-          },
-        },
-        series: [
-          {
-            name: "", // this.series[0].name,
-            type: "bar",
-            barWidth: 12,
-            itemStyle: {
-              borderRadius: [10, 10, 0, 0],
-              color: {
-                type: "linear",
-                x: 0,
-                y: 0,
-                x2: 0,
-                y2: 1,
-                colorStops: [
-                  {
-                    offset: 0,
-                    color: "#12f7f1", // 0% 处的颜色
-                  },
-                  {
-                    offset: 0.35,
-                    color: "#12f7f177", // 100% 处的颜色
-                  },
-                  {
-                    offset: 0.75,
-                    color: "#12f7f133", // 100% 处的颜色
-                  },
-                  {
-                    offset: 1,
-                    color: "transparent", // 100% 处的颜色
-                  },
-                ],
-                global: false, // 缺省为 false
-              },
-            },
-            data: [], // this.series[0].data,
-          },
-          {
-            name: "", // this.series[1].name,
-            type: "bar",
-            barWidth: 12,
-            // tooltip: {
-            //   valueFormatter: function (value) {
-            //     return value + " ml";
-            //   },
-            // },
-            itemStyle: {
-              borderRadius: [10, 10, 0, 0],
-              color: {
-                type: "linear",
-                x: 0,
-                y: 0,
-                x2: 0,
-                y2: 1,
-                colorStops: [
-                  {
-                    offset: 0,
-                    color: "#57abf8", // 0% 处的颜色
-                  },
-                  {
-                    offset: 1,
-                    color: "#364BFE66", // 100% 处的颜色
-                  },
-                ],
-                global: false, // 缺省为 false
-              },
-            },
-            data: [], // this.series[1].data,
-          },
-        ],
-      },
-    };
-  },
-  watch: {
-    /** 全屏状态切换时，对柱子粗细和字体大小进行相应调整 */
-    isFullscreen(val) {
-      this.actualOptions.series.map((item) => {
-        item.barWidth = val ? 18 : 12;
-      });
-      this.actualOptions.xAxis.axisLabel.fontSize = val ? 18 : 12;
-      this.actualOptions.yAxis.axisLabel.fontSize = val ? 18 : 12;
-      this.actualOptions.yAxis.nameTextStyle.fontSize = val ? 18 : 12;
-      this.initOptions(this.actualOptions);
-    },
-    series(val) {
-      if (!val) {
-        this.initOptions(this.options);
-        return;
-      }
-      const actualOptions = JSON.parse(JSON.stringify(this.options));
-      actualOptions.series[0].data = val[0].data;
-      actualOptions.series[0].name = val[0].name;
-      actualOptions.series[1].data = val?.[1]?.data || [];
-      actualOptions.series[1].name = val?.[1]?.name || "";
-      this.actualOptions = actualOptions;
-      this.initOptions(actualOptions);
-    },
-  },
-  mounted() {
-    this.actualOptions = this.options;
-    this.initOptions(this.options);
-
-    if (screenfull.isEnabled) {
-      screenfull.on("change", () => {
-        this.isFullscreen = screenfull.isFullscreen;
-      });
-    }
-  },
-};
-</script>
-
-<style scoped lang="scss">
-.bar-chart-base {
-  // position: relative;
-
-  .legend {
-    position: absolute;
-    top: 5.2vh;
-    right: 1vw;
-  }
-
-  .legend-item {
-    position: relative;
-    // font-size: 12px;
-    margin-right: 0.67vw;
-
-    &::before {
-      content: "";
-      display: inline-block;
-      width: 0.531vw;
-      height: 0.531vw;
-      background-color: #ccc;
-      border-radius: 2px;
-      margin-right: 0.22vw;
-    }
-  }
-
-  .legend-item:nth-child(1):before {
-    background-color: #12f7f1;
-  }
-
-  .legend-item:nth-child(2):before {
-    background-color: #58adfa;
-  }
-}
-</style>
--- a/src/views/copilot/yield/components/sub/city/CityData.vue
+++ b/src/views/copilot/yield/components/sub/city/CityData.vue
@ -1,149 +0,0 @@
-<!-- 
-    filename: CityData.vue
-    author: liubin
-    date: 2024-04-17 09:55:12
-    description: 
-->
-
-<template>
-  <div class="city-data">
-    <div class="headquarter">
-      <div class="inner-shadow w-1"></div>
-      <div class="inner-shadow flex-1 flex">
-        <CityName value="凯盛光伏" />
-        <CityValue :value="headquarterValue" horizontal :period="period" />
-      </div>
-      <div class="inner-shadow w-1"></div>
-    </div>
-
-    <div class="city-item-container">
-      <CityItem
-        v-for="city in cities"
-        :key="city.name"
-        :location="city.name"
-        :value="city.value"
-        :period="period"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import CityItemVue from "./CityItem.vue";
-import CityNameVue from "./CityName.vue";
-import CityValueVue from "./CityValue.vue";
-
-export default {
-  name: "CityData",
-  components: {
-    CityItem: CityItemVue,
-    CityName: CityNameVue,
-    CityValue: CityValueVue,
-  },
-  props: {
-    dataSource: {
-      type: String,
-      default: null,
-    },
-    period: {
-      type: String,
-      default: "日",
-    },
-  },
-  data() {
-    return {};
-  },
-  computed: {
-    headquarterValue() {
-      let getterName = "";
-      switch (this.dataSource) {
-        case "标准组件产出":
-          getterName = "stdOutput";
-          break;
-        case "芯片产出":
-          getterName = "chipOutput";
-          break;
-        case "BIPV产出":
-          getterName = "bipvOutput";
-          break;
-      }
-      return (
-        "" + (this.$store.getters.copilot.yield[getterName]?.current?.[5] ?? 0)
-      );
-    },
-    cities() {
-      let getterName = "";
-      switch (this.dataSource) {
-        case "标准组件产出":
-          getterName = "stdOutput";
-          break;
-        case "芯片产出":
-          getterName = "chipOutput";
-          break;
-        case "BIPV产出":
-          getterName = "bipvOutput";
-          break;
-      }
-      const _cities = [
-        { name: "瑞昌", value: 0 },
-        { name: "邯郸", value: 0 },
-        { name: "株洲", value: 0 },
-        { name: "佳木斯", value: 0 },
-        { name: "成都", value: 0 },
-        { name: "凯盛光伏", value: 0 },
-        { name: "蚌埠兴科", value: 0 },
-      ];
-      this.$store.getters.copilot.yield[getterName]?.current?.forEach(
-        (v, idx) => {
-          _cities[idx].value = v ?? 0;
-        }
-      );
-      // 删掉凯盛光伏
-      _cities.splice(4, 1);
-      return _cities;
-    },
-  },
-  mounted() {},
-  methods: {},
-};
-</script>
-
-<style scoped lang="scss">
-.city-data {
-  width: 100%;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.headquarter {
-  flex: 1;
-  display: flex;
-  gap: 8px;
-}
-
-.w-1 {
-  width: 70px;
-}
-
-.flex {
-  display: flex;
-}
-
-.flex-1 {
-  flex: 1;
-}
-
-.inner-shadow {
-  box-shadow: inset 0 0 12px 2px #fff3;
-  border-radius: 4px;
-}
-
-.city-item-container {
-  flex: 3;
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 8px;
-}
-</style>
--- a/src/views/copilot/yield/components/sub/city/CityItem.vue
+++ b/src/views/copilot/yield/components/sub/city/CityItem.vue
@ -1,59 +0,0 @@
-<!-- 
-    filename: CityItem.vue
-    author: liubin
-    date: 2024-04-17 09:55:12
-    description: 
-->
-
-<template>
-  <div class="city-item inner-shadow">
-    <CityName :value="location" />
-    <CityValue :value="value + ''" :period="period" />
-  </div>
-</template>
-
-<script>
-import CityNameVue from "./CityName.vue";
-import CityValueVue from "./CityValue.vue";
-import GradientTextVue from "../gradient/GradientText.vue";
-
-export default {
-  name: "CityItem",
-  components: {
-    GradientTextVue,
-    CityName: CityNameVue,
-    CityValue: CityValueVue,
-  },
-  props: {
-    location: {
-      type: String,
-      default: "",
-    },
-    value: {
-      type: Number,
-      default: 0,
-    },
-    period: {
-      type: String,
-      default: "日",
-    },
-  },
-  data() {
-    return {};
-  },
-  computed: {},
-  mounted() {},
-  methods: {},
-};
-</script>
-
-<style scoped lang="scss">
-.city-item {
-  display: flex;
-}
-
-.inner-shadow {
-  box-shadow: inset 0 0 12px 2px #fff3;
-  border-radius: 4px;
-}
-</style>
--- a/src/views/copilot/yield/components/sub/city/CityName.vue
+++ b/src/views/copilot/yield/components/sub/city/CityName.vue
@ -1,55 +0,0 @@
-<!-- 
-    filename: CityName.vue
-    author: liubin
-    date: 2024-04-10 08:59:28
-    description: 
-->
-
-<template>
-  <div class="city-name">
-    <img :src="Icon" alt="city icon" />
-    <span>{{ value }}</span>
-  </div>
-</template>
-
-<script>
-import Icon from "../../../assets/icon.png";
-
-export default {
-  name: "CityName",
-  props: {
-    value: {
-      type: String,
-      default: "",
-    },
-  },
-  data() {
-    return { Icon };
-  },
-};
-</script>
-
-<style scoped>
-.city-name {
-  min-width: 80px;
-  margin: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 0 8px;
-  flex: 1;
-}
-
-img {
-  /* width: 32px; */
-  width: 1.543vw;
-}
-
-span {
-  /* font-size: 12px;   */
-  font-size: 0.77vw;
-  letter-spacing: 2px;
-  text-align: center;
-}
-</style>
--- a/src/views/copilot/yield/components/sub/city/CityValue.vue
+++ b/src/views/copilot/yield/components/sub/city/CityValue.vue
@ -1,127 +0,0 @@
-<!-- 
-    filename: CityValue.vue
-    author: liubin
-    date: 2024-04-10 08:59:28
-    description: 
-->
-
-<template>
-  <div class="city-value" :class="[horizontal ? 'horizontal' : '']">
-    <span class="hint" :class="[horizontal ? 'horizontal' : '']">{{
-      period == "周" ? "本周产出" : "今日产出"
-    }}</span>
-    <span class="value" :class="[horizontal ? 'horizontal' : '']">{{
-      value | numberFilter
-    }}</span>
-    <!-- <GradientTextVue :text="value" :size="horizontal ? 32 : 26" /> -->
-  </div>
-</template>
-
-<script>
-import GradientTextVue from "../gradient/GradientText.vue";
-
-export default {
-  name: "CityValue",
-  components: { GradientTextVue },
-  props: {
-    period: {
-      type: String,
-      default: "日",
-    },
-    value: {
-      type: String,
-      default: "",
-    },
-    horizontal: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  filters: {
-    numberFilter(value) {
-      if (value != null && !isNaN(parseInt(value))) {
-        return parseInt(value).toLocaleString();
-      } else {
-        return value;
-      }
-    },
-  },
-  data() {
-    return {};
-  },
-};
-</script>
-
-<style scoped>
-.city-value {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 0 8px;
-  flex: 2;
-  position: relative;
-}
-
-.city-value.horizontal {
-  flex-direction: row;
-}
-
-.city-value::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 1px;
-  height: 100%;
-  background: linear-gradient(
-    to bottom,
-    transparent 20%,
-    #fff 50%,
-    transparent 80%
-  );
-}
-
-span.hint {
-  margin: 0 0.77vw;
-  font-size: 0.77vw;
-  order: 2;
-  /* margin: 0 12px;
-  width: 32px;
-  font-size: 12px; */
-}
-
-span.hint.horizontal {
-  margin: 0 1.235vw;
-  width: 1.543vw;
-  order: 1;
-  font-size: 0.77vw;
-  /* margin: 0 12px;
-  width: 32px;
-  font-size: 12px; */
-}
-
-.value {
-  color: #4dd2fe;
-  text-align: center;
-  font-size: 1.132vw;
-  order: 1;
-}
-.value.horizontal {
-  text-align: left;
-  flex: 1;
-  font-size: 1.543vw;
-  order: 2;
-}
-
-svg,
-.value {
-  width: 100px;
-  order: 1;
-}
-
-.value.horizontal,
-svg.horizontal {
-  order: 2;
-}
-</style>
--- a/src/views/copilot/yield/components/sub/gradient/GradientText.vue
+++ b/src/views/copilot/yield/components/sub/gradient/GradientText.vue
@ -1,64 +0,0 @@
-<!-- 
-    filename: GradientText.vue
-    author: liubin
-    date: 2024-04-24 16:33:25
-    description: 
-->
-
-<template>
-  <svg :height="size + 8" width="100%">
-    <defs>
-      <linearGradient id="smoke-text" x1="0%" y1="0%" x2="0%" y2="100%">
-        <stop offset="0%" style="stop-color: #00fff4; stop-opacity: 1" />
-        <stop offset="100%" style="stop-color: #37bdfe; stop-opacity: 1" />
-      </linearGradient>
-    </defs>
-    <text
-      x="0"
-      :y="size"
-      fill="url(#smoke-text)"
-      :style="{
-        fontSize: `${size}px`,
-        letterSpacing: spacing || '2px',
-        fontFamily: 'Calibri, Verdana, sans-serif',
-      }"
-    >
-      {{ text | numberFilter }}
-    </text>
-  </svg>
-</template>
-
-<script>
-export default {
-  name: "GradientText",
-  components: {},
-  props: {
-    text: {
-      type: String,
-      default: "Test",
-    },
-    spacing: {
-      type: String,
-      default: "1px",
-    },
-    size: {
-      type: Number,
-      default: 24,
-    },
-  },
-  filters: {
-    numberFilter(value) {
-      if (value != null && !isNaN(parseInt(value))) {
-        return parseInt(value).toLocaleString();
-      } else {
-        return value;
-      }
-    },
-  },
-  data() {
-    return {};
-  },
-};
-</script>
-
-<style scoped lang="scss"></style>
--- a/src/views/copilot/yield/components/sub/ring/DoubleRingChart.vue
+++ b/src/views/copilot/yield/components/sub/ring/DoubleRingChart.vue
@ -1,221 +0,0 @@
-<!-- 
-    filename: DoubleRingChart.vue
-    author: liubin
-    date: 2024-04-17 11:01:55
-    description: 
-->
-
-<template>
-  <div class="double-ring-chart">
-    <div ref="chart" class="double-ring-chart__container"></div>
-    <!-- style="{ height: vHeight + 'vh' }" -->
-    <div class="double-ring-chart__legend">
-      <div v-for="item in legendItems" :key="item.label" class="legend-item">
-        <span class="legend-item__label">{{ item.label }}</span>
-        <span class="legend-item__value">{{ item.value | numberFilter }}</span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import chartMixin from "@/mixins/chart.js";
-import fullscreenMixin from "@/mixins/fullscreen.js";
-import getOptions from "../../../options/double-ring-chart-options";
-
-export default {
-  name: "DoubleRingChart",
-  mixins: [chartMixin, fullscreenMixin],
-  props: {
-    vHeight: {
-      type: Number,
-      default: 24,
-    },
-    factoryId: {
-      type: Number,
-      required: true,
-    },
-    period: {
-      type: String,
-      default: "日",
-    },
-    dataSource: {
-      type: String,
-      default: null,
-    },
-  },
-  data() {
-    return {};
-  },
-  filters: {
-    numberFilter(val) {
-      if (!isNaN(val)) {
-        return (+val).toLocaleString();
-      }
-      return 0;
-    },
-  },
-  computed: {
-    dataSourceField() {
-      switch (this.dataSource) {
-        case "标准组件产出":
-          return "stdOutput";
-        case "芯片产出":
-          return "chipOutput";
-        case "BIPV产出":
-          return "bipvOutput";
-      }
-    },
-    valueTuple() {
-      // [previousValue, currentValue, sumValue?]
-      const getter = this.$store.getters.copilot.yield[this.dataSourceField];
-      if (this.period === "日" || this.period === "周") {
-        return [
-          getter.previous[this.factoryId],
-          getter.current[this.factoryId],
-        ];
-      }
-      // [100, 200, 200]
-      return [
-        getter.previous[this.factoryId],
-        getter.current[this.factoryId],
-        getter.target[this.factoryId],
-      ];
-    },
-
-    options() {
-      const year = new Date().getFullYear();
-      const month = new Date().getMonth() + 1;
-      const vt = this.valueTuple;
-      let titleValue =
-          vt[0] != null && vt[2] != null && vt[2] !== 0
-            ? `${vt[1] / vt[2]}%`
-            : "0%",
-        subtitle =
-          this.period == "月" ? `${month}月累计产出` : `${year}年累计产出`;
-
-      return getOptions({
-        titleValue,
-        subtitle,
-        previousSum: this.valueTuple[0],
-        currentSum: this.valueTuple[1],
-        targetSum: this.valueTuple[2],
-      });
-    },
-
-    legendItems() {
-      return calculateItems(this.period, this.valueTuple);
-    },
-  },
-  watch: {
-    legendItems() {
-      this.initOptions(this.options);
-    },
-  },
-  mounted() {
-    this.initOptions(this.options);
-  },
-  methods: {
-    // fullscreen mixin 需要的回调
-    fullscreenCallback(isFullscreen) {
-      console.log("isFullscreen--->", isFullscreen);
-    },
-  },
-};
-
-function calculateItems(period, valueTuple) {
-  let items = [];
-  const today = new Date().getDate();
-  const month = new Date().getMonth() + 1;
-  const year = new Date().getFullYear();
-  switch (period) {
-    case "日":
-      items = [
-        { label: `${month}月${today}日累计`, value: valueTuple[1] },
-        { label: `去年${month}月${today}日累计`, value: valueTuple[0] },
-      ];
-      break;
-    case "周":
-      items = [
-        { label: `本周累计`, value: valueTuple[1] },
-        { label: `去年本周累计`, value: valueTuple[0] },
-      ];
-      break;
-    case "月":
-      items = [
-        { label: `${month}月累计`, value: valueTuple[1] },
-        { label: `去年${month}月累计`, value: valueTuple[0] },
-        { label: `${month}月目标`, value: valueTuple[2] },
-      ];
-      break;
-    case "年":
-      items = [
-        { label: `${year}年累计`, value: valueTuple[1] },
-        { label: `${year - 1}年累计`, value: valueTuple[0] },
-        { label: `${year}年目标`, value: valueTuple[2] },
-      ];
-      break;
-  }
-  return items;
-}
-</script>
-
-<style scoped>
-.double-ring-chart {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.double-ring-chart__container {
-  flex: 1;
-  height: 0;
-}
-
-.double-ring-chart__legend {
-  padding: 12px;
-  color: #fff;
-  display: flex;
-  justify-content: center;
-  gap: 32px;
-}
-
-.legend-item {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-
-.legend-item__label {
-  position: relative;
-}
-
-.legend-item__label::before {
-  content: "";
-  position: absolute;
-  width: 12px;
-  height: 12px;
-  background: #ccc;
-  border-radius: 2px;
-  top: 6px;
-  left: -18px;
-}
-
-.legend-item:nth-child(1) .legend-item__label::before {
-  background: #12fff5;
-}
-.legend-item:nth-child(1) .legend-item__value {
-  color: #12fff5;
-}
-
-.legend-item:nth-child(2) .legend-item__label::before {
-  background: #0f65ff;
-}
-.legend-item:nth-child(2) .legend-item__value {
-  color: #0f65ff;
-}
-
-.legend-item:nth-child(3) .legend-item__label::before {
-  background: #003982;
-}
-</style>
--- a/src/views/copilot/yield/components/sub/ring/DoubleRingWrapper.vue
+++ b/src/views/copilot/yield/components/sub/ring/DoubleRingWrapper.vue
@ -1,86 +0,0 @@
-<!-- 
-    filename: DoubleRingWrapper.vue
-    author: liubin
-    date: 2024-04-17 09:55:12
-    description: 
-->
-
-<template>
-  <div class="double-ring-wrapper">
-    <template v-if="period == '月' || period == '年'">
-      <copilot-select
-        @update:active="handleActiveUpdate"
-        :options="cityOptions"
-      />
-      <div class="flex-1 stretch">
-        <DoubleRingChartVue
-          :data-source="dataSource"
-          :period="period"
-          :factoryId="factoryId"
-        />
-      </div>
-    </template>
-    <template v-else>
-      <CityData :data-source="dataSource" :period="period" />
-    </template>
-  </div>
-</template>
-
-<script>
-import CopilotSelect from "@/views/copilot/components/select.vue";
-import DoubleRingChartVue from "./DoubleRingChart.vue";
-import CityData from "../city/CityData.vue";
-
-export default {
-  name: "DoubleRingWrapper",
-  components: { CopilotSelect, DoubleRingChartVue, CityData },
-  props: {
-    dataSource: {
-      type: String,
-      default: null,
-    },
-    period: {
-      type: String,
-      default: "日",
-    },
-  },
-  data() {
-    return {
-      factoryId: 4, // 默认成都
-      cityOptions: [
-        "成都",
-        "邯郸",
-        "株洲",
-        "瑞昌",
-        "佳木斯",
-        "凯盛光伏",
-        "蚌埠兴科",
-      ],
-    };
-  },
-  methods: {
-    handleActiveUpdate(index) {
-      this.factoryId = index;
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss">
-.double-ring-wrapper {
-  height: 100%;
-  padding: 12px 24px;
-  display: flex;
-  gap: 12px;
-  flex-direction: column;
-  align-items: center;
-}
-
-.flex-1 {
-  flex: 1;
-}
-
-.stretch {
-  align-self: stretch;
-}
-</style>
--- a/src/views/copilot/yield/index.vue
+++ b/src/views/copilot/yield/index.vue
@ -9,67 +9,47 @@
  <div class="yield-copilot">
    <section class="top flex">
      <db-container class="std-yield" title="标准组件产出" icon="std">
-        <std-output :period="period" />
+        <std-output />
      </db-container>
      <db-container class="chip-yield" title="芯片产出" icon="chip2">
-        <chip-output :period="period" />
+        <chip-output />
      </db-container>
      <db-container class="bipv-yield" title="BIPV产出" icon="bipv">
-        <bipv-output :period="period" />
+        <bipv-output />
      </db-container>
    </section>
    <section class="bottom flex">
-      <db-container class="fto-involve" title="FTO投入">
-        <fto-invest :period="period" />
-      </db-container>
-      <db-container class="chip-involve" title="芯片投入" icon="chip">
-        <chip-invest :period="period" />
-      </db-container>
+      <db-container class="fto-involve" title="FTO投入"></db-container>
+      <db-container
+        class="chip-involve"
+        title="芯片投入"
+        icon="chip"
+      ></db-container>
    </section>
  </div>
 </template>

 <script>
-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";
+import Container from "../components/Container.vue";
+import StdOutputVue from "../components/charts/StdOutput.vue";
+import ChipOutputVue from "../components/charts/ChipOutput.vue";
+
+import BipvOutputVue from "../components/charts/BipvOutput.vue";

 export default {
  name: "YieldCopilot",
  components: {
    DbContainer: Container,
-    StdOutput,
-    ChipOutput,
-    BipvOutput,
-    FtoInvest,
-    ChipInvest,
-  },
-  props: {
-    period: {
-      type: String,
-      default: "日",
-    },
+    StdOutput: StdOutputVue,
+    ChipOutput: ChipOutputVue,
+    BipvOutput: BipvOutputVue,
  },
+  props: {},
  data() {
    return {};
  },
-  watch: {
-    period: {
-      handler(val) {
-        val && this.fetchData(val);
-      },
-      immediate: true,
-    },
-  },
-  methods: {
-    fetchData(period = "日") {
-      console.log(`产量驾驶舱，获取${period}数据`);
-      this.$store.dispatch("copilot/initCopilot", { period, source: "yield" });
-    },
-  },
+  computed: {},
+  methods: {},
 };
 </script>

--- a/src/views/dashboard/components/CompanyInfo.vue
+++ b/src/views/dashboard/components/CompanyInfo.vue
@ -12,7 +12,7 @@
    <h2>{{ info.companyName }}</h2>
    <ul>
      <li v-for="item in info.items" :key="item.label">
-        {{ item.label }} {{ item.value | numberFilter }}
+        {{ item.label }} {{ item.value | currency }}
      </li>
    </ul>
  </div>
@ -35,12 +35,8 @@ export default {
    },
  },
  filters: {
-    numberFilter(value) {
-      if (value != null && !isNaN(parseInt(value))) {
-        return parseInt(value).toLocaleString();
-      } else {
-        return '-';
-      }
+    currency(value) {
+      return value.toLocaleString();
    },
  },
  data() {
--- a/yarn.lock
+++ b/yarn.lock
@ -972,13 +972,6 @@
  dependencies:
    regenerator-runtime "^0.14.0"

-"@babel/runtime@^7.5.5":
-  version "7.24.5"
-  resolved "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.24.5.tgz#230946857c053a36ccc66e1dd03b17dd0c4ed02c"
-  integrity sha512-Nms86NXrsaeU9vbBJKni6gXiEXZ4CVpYVzEjDH9Sb8vmZ3UljyA1GSOJl/6LGPO8EHLuSF9H+IxNXHPX8QHJ4g==
-  dependencies:
-    regenerator-runtime "^0.14.0"
-
 "@babel/template@^7.22.15", "@babel/template@^7.23.9", "@babel/template@^7.24.0":
  version "7.24.0"
  resolved "https://registry.npmmirror.com/@babel/template/-/template-7.24.0.tgz"
@ -1071,51 +1064,6 @@
    wrap-ansi "^8.1.0"
    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"

-"@jiaminghi/bezier-curve@*":
-  version "0.0.9"
-  resolved "https://registry.npmmirror.com/@jiaminghi/bezier-curve/-/bezier-curve-0.0.9.tgz#5196aca93c8b061a612b4c3eabcedf9490cef6ee"
-  integrity sha512-u9xJPOEl6Dri2E9FfmJoGxYQY7vYJkURNX04Vj64tdi535tPrpkuf9Sm0lNr3QTKdHQh0DdNRsaa62FLQNQEEw==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-
-"@jiaminghi/c-render@^0.4.3":
-  version "0.4.3"
-  resolved "https://registry.npmmirror.com/@jiaminghi/c-render/-/c-render-0.4.3.tgz#982ebd8f71b443bb9507834227834973ebd9b6d8"
-  integrity sha512-FJfzj5hGj7MLqqqI2D7vEzHKbQ1Ynnn7PJKgzsjXaZpJzTqs2Yw5OSeZnm6l7Qj7jyPAP53lFvEQNH4o4j6s+Q==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-    "@jiaminghi/bezier-curve" "*"
-    "@jiaminghi/color" "*"
-    "@jiaminghi/transition" "*"
-
-"@jiaminghi/charts@*":
-  version "0.2.18"
-  resolved "https://registry.npmmirror.com/@jiaminghi/charts/-/charts-0.2.18.tgz#63ded95200789fc1a1fd04b7fd9e56f58d22d90f"
-  integrity sha512-K+HXaOOeWG9OOY1VG6M4mBreeeIAPhb9X+khG651AbnwEwL6G2UtcAQ8GWCq6GzhczcLwwhIhuaHqRygwHC0sA==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-    "@jiaminghi/c-render" "^0.4.3"
-
-"@jiaminghi/color@*":
-  version "1.1.3"
-  resolved "https://registry.npmmirror.com/@jiaminghi/color/-/color-1.1.3.tgz#a2336750d1266155ffe80375c58c26fdec495611"
-  integrity sha512-ZY3hdorgODk4OSTbxyXBPxAxHPIVf9rPlKJyK1C1db46a50J0reFKpAvfZG8zMG3lvM60IR7Qawgcu4ZDO3+Hg==
-
-"@jiaminghi/data-view@^2.10.0":
-  version "2.10.0"
-  resolved "https://registry.npmmirror.com/@jiaminghi/data-view/-/data-view-2.10.0.tgz#2146d8fc71b9f24be808238ca050ddb7a4c8949f"
-  integrity sha512-Cud2MTiMcqc5k2KWabR/svuVQmXHANqURo+yj40370/LdI/gyUJ6LG203hWXEnT1nMCeiv/SLVmxv3PXLScCeA==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-    "@jiaminghi/charts" "*"
-
-"@jiaminghi/transition@*":
-  version "1.1.11"
-  resolved "https://registry.npmmirror.com/@jiaminghi/transition/-/transition-1.1.11.tgz#576d8af092434b34201eba5eaecc79dd33c8ad8c"
-  integrity sha512-owBggipoHMikDHHDW5Gc7RZYlVuvxHADiU4bxfjBVkHDAmmck+fCkm46n2JzC3j33hWvP9nSCAeh37t6stgWeg==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-
 "@jridgewell/gen-mapping@^0.3.5":
  version "0.3.5"
  resolved "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz"