zyh

src/api/fhgl.js

@@ -1,3 +1,4 @@
+<<<<<<< HEAD
 import request from '@/utils/request'
  
 // 负荷管理
@@ -37,8 +38,14 @@ export function GetFhzb () {
 }
 // 生产线负荷
 export function GetScxfh () {
+=======
+import request from "@/utils/request";
+
+//
+export function loadBrand(limit) {
+>>>>>>> d12dd164c5611f550b3ec7804fac54967e0e4100
   return request({
     url: `brand?limit=${limit}`,
-    method: 'GET'
+    method: "GET",
-  })
+  });
-}
+}

src/utils/fhgl.js

@@ -8,280 +8,278 @@
  * @param opacity 饼或者环的透明度
  */
 const getPie3D = (
-    pieData,
+  pieData,
-    internalDiameterRatio,
+  internalDiameterRatio,
-    distance,
+  distance,
-    alpha,
+  alpha,
-    pieHeight,
+  pieHeight,
-    opacity = 1
+  opacity = 1
-  ) => {
+) => {
-    const series = [];
+  const series = [];
-    let sumValue = 0;
+  let sumValue = 0;
-    let startValue = 0;
+  let startValue = 0;
-    let endValue = 0;
+  let endValue = 0;
-    let legendData = [];
+  let legendData = [];
-    let legendBfb = [];
+  let legendBfb = [];
-    const k = 1 - internalDiameterRatio;
+  const k = 1 - internalDiameterRatio;
-    pieData.sort((a, b) => {
+  pieData.sort((a, b) => {
-      return b.value - a.value;
+    return b.value - a.value;
+  });
+  // 为每一个饼图数据，生成一个 series-surface 配置
+  for (let i = 0; i < pieData.length; i++) {
+    sumValue += pieData[i].value;
+    const seriesItem = {
+      name:
+        typeof pieData[i].name === "undefined" ? `series${i}` : pieData[i].name,
+      type: "surface",
+      parametric: true,
+      wireframe: {
+        show: false,
+      },
+      pieData: pieData[i],
+      pieStatus: {
+        selected: false,
+        hovered: false,
+        k: k,
+      },
+      center: ["10%", "50%"],
+    };
+    if (typeof pieData[i].itemStyle !== "undefined") {
+      const itemStyle = {};
+      itemStyle.color =
+        typeof pieData[i].itemStyle.color !== "undefined"
+          ? pieData[i].itemStyle.color
+          : opacity;
+      itemStyle.opacity =
+        typeof pieData[i].itemStyle.opacity !== "undefined"
+          ? pieData[i].itemStyle.opacity
+          : opacity;
+      seriesItem.itemStyle = itemStyle;
+    }
+    series.push(seriesItem);
+  }
+
+  // 使用上一次遍历时，计算出的数据和 sumValue，调用 getParametricEquation 函数，
+  // 向每个 series-surface 传入不同的参数方程 series-surface.parametricEquation，也就是实现每一个扇形。
+  legendData = [];
+  legendBfb = [];
+  for (let i = 0; i < series.length; i++) {
+    endValue = startValue + series[i].pieData.value;
+    series[i].pieData.startRatio = startValue / sumValue;
+    series[i].pieData.endRatio = endValue / sumValue;
+    series[i].parametricEquation = getParametricEquation(
+      series[i].pieData.startRatio,
+      series[i].pieData.endRatio,
+      false,
+      false,
+      k,
+      series[i].pieData.value
+    );
+    startValue = endValue;
+    const bfb = fomatFloat(series[i].pieData.value / sumValue, 4);
+    legendData.push({
+      name: series[i].name,
+      value: bfb,
     });
-    // 为每一个饼图数据，生成一个 series-surface 配置
+    legendBfb.push({
-    for (let i = 0; i < pieData.length; i++) {
+      name: series[i].name,
-      sumValue += pieData[i].value;
+      value: bfb,
-      const seriesItem = {
+    });
-        name:
+  }
-          typeof pieData[i].name === "undefined" ? `series${i}` : pieData[i].name,
+  const boxHeight = getHeight3D(series, pieHeight); // 通过pieHeight设定3d饼/环的高度，单位是px
-        type: "surface",
+  // 准备待返回的配置项，把准备好的 legendData、series 传入。
-        parametric: true,
+  const option = {
-        wireframe: {
+    legend: {
-          show: false,
+      show: false,
-        },
+      data: legendData,
-        pieData: pieData[i],
+      orient: "vertical",
-        pieStatus: {
+      left: 10,
-          selected: false,
+      top: 10,
-          hovered: false,
+      itemGap: 10,
-          k: k,
+      textStyle: {
-        },
+        color: "#A1E2FF",
-        center: ["10%", "50%"],
+      },
-      };
+      icon: "circle",
-      if (typeof pieData[i].itemStyle !== "undefined") {
+      formatter: function (param) {
-        const itemStyle = {};
+        const item = legendBfb.filter((item) => item.name === param)[0];
-        itemStyle.color =
+        const bfs = fomatFloat(item.value * 100, 2) + "%";
-          typeof pieData[i].itemStyle.color !== "undefined"
+        return `${item.name}  ${bfs}`;
-            ? pieData[i].itemStyle.color
+      },
-            : opacity;
+    },
-        itemStyle.opacity =
+    labelLine: {
-          typeof pieData[i].itemStyle.opacity !== "undefined"
+      show: true,
-            ? pieData[i].itemStyle.opacity
+      lineStyle: {
-            : opacity;
+        color: "#fff",
-        seriesItem.itemStyle = itemStyle;
+      },
+    },
+    label: {
+      show: true,
+      position: "outside",
+      formatter: "{b} \n{c} {d}%",
+    },
+    tooltip: {
+      backgroundColor: "#033b77",
+      borderColor: "#21f2c4",
+      textStyle: {
+        color: "#fff",
+        fontSize: 13,
+      },
+      formatter: (params) => {
+        if (
+          params.seriesName !== "mouseoutSeries" &&
+          params.seriesName !== "信用评价"
+        ) {
+          // console.log(option.series,params.seriesName,'option.series[params.seriesIndex].pieData');
+          const bfb = (
+            (option.series[params.seriesIndex].pieData.endRatio -
+              option.series[params.seriesIndex].pieData.startRatio) *
+            100
+          ).toFixed(2);
+          return (
+            `${params.seriesName}<br/>` +
+            `<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${params.color};"></span>` +
+            `${bfb}%`
+          );
+        }
+      },
+    },
+    xAxis3D: {
+      min: -1,
+      max: 1,
+    },
+    yAxis3D: {
+      min: -1,
+      max: 1,
+    },
+    zAxis3D: {
+      min: -1,
+      max: 1,
+    },
+    grid3D: {
+      show: false,
+      boxHeight: boxHeight, // 圆环的高度
+      viewControl: {
+        // 3d效果可以放大、旋转等，请自己去查看官方配置
+        alpha, // 角度
+        distance, // 调整视角到主体的距离，类似调整zoom
+        rotateSensitivity: 0, // 设置为0无法旋转
+        zoomSensitivity: 0, // 设置为0无法缩放
+        panSensitivity: 0, // 设置为0无法平移
+        autoRotate: false, // 自动旋转
+      },
+    },
+    series: series,
+  };
+  return option;
+};
+
+/**
+ * 生成扇形的曲面参数方程，用于 series-surface.parametricEquation
+ */
+const getParametricEquation = (
+  startRatio,
+  endRatio,
+  isSelected,
+  isHovered,
+  k,
+  h
+) => {
+  // 计算
+  const midRatio = (startRatio + endRatio) / 2;
+  const startRadian = startRatio * Math.PI * 2;
+  const endRadian = endRatio * Math.PI * 2;
+  const midRadian = midRatio * Math.PI * 2;
+  // 如果只有一个扇形，则不实现选中效果。
+  if (startRatio === 0 && endRatio === 1) {
+    isSelected = false;
+  }
+  // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
+  k = typeof k !== "undefined" ? k : 1 / 3;
+  // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
+  const offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0;
+  const offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0;
+  // 计算高亮效果的放大比例（未高亮，则比例为 1）
+  const hoverRate = isHovered ? 1.05 : 1;
+  // 返回曲面参数方程
+  return {
+    u: {
+      min: -Math.PI,
+      max: Math.PI * 3,
+      step: Math.PI / 32,
+    },
+    v: {
+      min: 0,
+      max: Math.PI * 2,
+      step: Math.PI / 20,
+    },
+    x: function (u, v) {
+      if (u < startRadian) {
+        return (
+          offsetX + Math.cos(startRadian) * (1 + Math.cos(v) * k) * hoverRate
+        );
       }
-      series.push(seriesItem);
+      if (u > endRadian) {
-    }
+        return (
-  
+          offsetX + Math.cos(endRadian) * (1 + Math.cos(v) * k) * hoverRate
-    // 使用上一次遍历时，计算出的数据和 sumValue，调用 getParametricEquation 函数，
+        );
-    // 向每个 series-surface 传入不同的参数方程 series-surface.parametricEquation，也就是实现每一个扇形。
+      }
-    legendData = [];
+      return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate;
-    legendBfb = [];
+    },
-    for (let i = 0; i < series.length; i++) {
+    y: function (u, v) {
-      endValue = startValue + series[i].pieData.value;
+      if (u < startRadian) {
-      series[i].pieData.startRatio = startValue / sumValue;
+        return (
-      series[i].pieData.endRatio = endValue / sumValue;
+          offsetY + Math.sin(startRadian) * (1 + Math.cos(v) * k) * hoverRate
-      series[i].parametricEquation = getParametricEquation(
+        );
-        series[i].pieData.startRatio,
+      }
-        series[i].pieData.endRatio,
+      if (u > endRadian) {
-        false,
+        return (
-        false,
+          offsetY + Math.sin(endRadian) * (1 + Math.cos(v) * k) * hoverRate
-        k,
+        );
-        series[i].pieData.value
+      }
-      );
+      return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate;
-      startValue = endValue;
+    },
-      const bfb = fomatFloat(series[i].pieData.value / sumValue, 4);
+    z: function (u, v) {
-      legendData.push({
+      if (u < -Math.PI * 0.5) {
-        name: series[i].name,
+        return Math.sin(u);
-        value: bfb,
+      }
-      });
+      if (u > Math.PI * 2.5) {
-      legendBfb.push({
+        return Math.sin(u) * h * 0.1;
-        name: series[i].name,
+      }
-        value: bfb,
+      return Math.sin(v) > 0 ? 1 * h * 0.1 : -1;
-      });
+    },
-    }
-    const boxHeight = getHeight3D(series, pieHeight); // 通过pieHeight设定3d饼/环的高度，单位是px
-    // 准备待返回的配置项，把准备好的 legendData、series 传入。
-    const option = {
-      legend: {
-        show: false,
-        data: legendData,
-        orient: "vertical",
-        left: 10,
-        top: 10,
-        itemGap: 10,
-        textStyle: {
-          color: "#A1E2FF",
-        },
-        icon: "circle",
-        formatter: function (param) {
-          const item = legendBfb.filter((item) => item.name === param)[0];
-          const bfs = fomatFloat(item.value * 100, 2) + "%";
-          return `${item.name}  ${bfs}`;
-        },
-      },
-      labelLine: {
-        show: true,
-        lineStyle: {
-          color: "#fff",
-        },
-      },
-      label: {
-        show: true,
-        position: "outside",
-        formatter: "{b} \n{c} {d}%",
-      },
-      tooltip: {
-        backgroundColor: "#033b77",
-        borderColor: "#21f2c4",
-        textStyle: {
-          color: "#fff",
-          fontSize: 13,
-        },
-        formatter: (params) => {
-          if (
-            params.seriesName !== "mouseoutSeries" &&
-            params.seriesName !== "信用评价"
-          ) {
-            // console.log(option.series,params.seriesName,'option.series[params.seriesIndex].pieData');
-            const bfb = (
-              (option.series[params.seriesIndex].pieData.endRatio -
-                option.series[params.seriesIndex].pieData.startRatio) *
-              100
-            ).toFixed(2);
-            return (
-              `${params.seriesName}<br/>` +
-              `<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${params.color};"></span>` +
-              `${bfb}%`
-            );
-          }
-        },
-      },
-      xAxis3D: {
-        min: -1,
-        max: 1,
-      },
-      yAxis3D: {
-        min: -1,
-        max: 1,
-      },
-      zAxis3D: {
-        min: -1,
-        max: 1,
-      },
-      grid3D: {
-        show: false,
-        boxHeight: boxHeight, // 圆环的高度
-        viewControl: {
-          // 3d效果可以放大、旋转等，请自己去查看官方配置
-          alpha, // 角度
-          distance, // 调整视角到主体的距离，类似调整zoom
-          rotateSensitivity: 0, // 设置为0无法旋转
-          zoomSensitivity: 0, // 设置为0无法缩放
-          panSensitivity: 0, // 设置为0无法平移
-          autoRotate: false, // 自动旋转
-        },
-      },
-      series: series,
-    };
-    return option;
   };
-  
+};
-  /**
+
-   * 生成扇形的曲面参数方程，用于 series-surface.parametricEquation
+/**
-   */
+ * 获取3d丙图的最高扇区的高度
-  const getParametricEquation = (
+ */
-    startRatio,
+const getHeight3D = (series, height) => {
-    endRatio,
+  series.sort((a, b) => {
-    isSelected,
+    return b.pieData.value - a.pieData.value;
-    isHovered,
+  });
-    k,
+  return (height * 25) / series[0].pieData.value;
-    h
+};
-  ) => {
+
-    // 计算
+/**
-    const midRatio = (startRatio + endRatio) / 2;
+ * 格式化浮点数
-    const startRadian = startRatio * Math.PI * 2;
+ */
-    const endRadian = endRatio * Math.PI * 2;
+const fomatFloat = (num, n) => {
-    const midRadian = midRatio * Math.PI * 2;
+  let f = parseFloat(num);
-    // 如果只有一个扇形，则不实现选中效果。
+  if (isNaN(f)) {
-    if (startRatio === 0 && endRatio === 1) {
+    return false;
-      isSelected = false;
+  }
-    }
+  f = Math.round(num * Math.pow(10, n)) / Math.pow(10, n); // n 幂
-    // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
+  let s = f.toString();
-    k = typeof k !== "undefined" ? k : 1 / 3;
+  let rs = s.indexOf(".");
-    // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
+  // 判定如果是整数，增加小数点再补0
-    const offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0;
+  if (rs < 0) {
-    const offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0;
+    rs = s.length;
-    // 计算高亮效果的放大比例（未高亮，则比例为 1）
+    s += ".";
-    const hoverRate = isHovered ? 1.05 : 1;
+  }
-    // 返回曲面参数方程
+  while (s.length <= rs + n) {
-    return {
+    s += "0";
-      u: {
+  }
-        min: -Math.PI,
+  return s;
-        max: Math.PI * 3,
+};
-        step: Math.PI / 32,
+
-      },
+export { getPie3D, getParametricEquation };
-      v: {
-        min: 0,
-        max: Math.PI * 2,
-        step: Math.PI / 20,
-      },
-      x: function (u, v) {
-        if (u < startRadian) {
-          return (
-            offsetX + Math.cos(startRadian) * (1 + Math.cos(v) * k) * hoverRate
-          );
-        }
-        if (u > endRadian) {
-          return (
-            offsetX + Math.cos(endRadian) * (1 + Math.cos(v) * k) * hoverRate
-          );
-        }
-        return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate;
-      },
-      y: function (u, v) {
-        if (u < startRadian) {
-          return (
-            offsetY + Math.sin(startRadian) * (1 + Math.cos(v) * k) * hoverRate
-          );
-        }
-        if (u > endRadian) {
-          return (
-            offsetY + Math.sin(endRadian) * (1 + Math.cos(v) * k) * hoverRate
-          );
-        }
-        return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate;
-      },
-      z: function (u, v) {
-        if (u < -Math.PI * 0.5) {
-          return Math.sin(u);
-        }
-        if (u > Math.PI * 2.5) {
-          return Math.sin(u) * h * 0.1;
-        }
-        return Math.sin(v) > 0 ? 1 * h * 0.1 : -1;
-      },
-    };
-  };
-  
-  /**
-   * 获取3d丙图的最高扇区的高度
-   */
-  const getHeight3D = (series, height) => {
-    series.sort((a, b) => {
-      return b.pieData.value - a.pieData.value;
-    });
-    return (height * 25) / series[0].pieData.value;
-  };
-  
-  /**
-   * 格式化浮点数
-   */
-  const fomatFloat = (num, n) => {
-    let f = parseFloat(num);
-    if (isNaN(f)) {
-      return false;
-    }
-    f = Math.round(num * Math.pow(10, n)) / Math.pow(10, n); // n 幂
-    let s = f.toString();
-    let rs = s.indexOf(".");
-    // 判定如果是整数，增加小数点再补0
-    if (rs < 0) {
-      rs = s.length;
-      s += ".";
-    }
-    while (s.length <= rs + n) {
-      s += "0";
-    }
-    return s;
-  };
-  
-  export { getPie3D, getParametricEquation };
-  
-  

src/views/lll/PDS.vue

@@ -130,7 +130,7 @@ export default {
       url: "",
       list: [],
       res: "",
-      falg: true,
+      falg: false,
       type: "电流",
       option: {
         tooltip: {
@@ -370,6 +370,8 @@ export default {
     },
     sendMessageToCSharp(name) {
       this.falg = true;
+      this.dldy();
+      this.ssfh();
       let that = this;
       window.vuplex.postMessage({
         type: that.$route.query.type,
@@ -440,10 +442,7 @@ export default {
       myChart.setOption(this.option1);
     },
   },
-  mounted() {
+  mounted() {},
-    this.dldy();
-    this.ssfh();
-  },
   beforeDestroy() {
     this.falg = false;
   },