diff --git a/src/components/sep/analysis/DefectDirection.vue b/src/components/sep/analysis/DefectDirection.vue
index f2397a5..90ec84f 100644
--- a/src/components/sep/analysis/DefectDirection.vue
+++ b/src/components/sep/analysis/DefectDirection.vue
@@ -1,234 +1,234 @@
-<template>
-  <div id="directionCharts" style="width: 99%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/chart/line");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/grid");
-require("echarts/lib/component/title");
-require("echarts/lib/component/dataZoom");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["ddirection"],
-
-  created() {
-    let _self = this;
-    let dates = [];
-    let dailyFound = [];
-    let totalFound = [];
-    let dailyResponsed = [];
-    let totalResponsed = [];
-    let dailyFixed = [];
-    let totalFixed = [];
-    let dailyClosed = [];
-    let totalClosed = [];
-    for (let i = 0; i < _self.ddirection.length; i++) {
-      let current = _self.ddirection[i];
-      dates.push(current.date);
-      dailyFound.push(current.dailyFound);
-      totalFound.push(current.totalFound);
-      dailyResponsed.push(current.dailyResponse);
-      totalResponsed.push(current.totalResponse);
-      dailyFixed.push(current.dailyFixed);
-      totalFixed.push(current.totalFixed);
-      dailyClosed.push(current.dailyClosed);
-      totalClosed.push(current.totalClosed);
-    }
-    let maxDaily = [];
-    let maxTotal = [];
-    maxDaily.push(Math.max.apply(null, dailyFound));
-    maxDaily.push(Math.max.apply(null, dailyResponsed));
-    maxDaily.push(Math.max.apply(null, dailyFixed));
-    maxDaily.push(Math.max.apply(null, dailyClosed));
-    maxTotal.push(Math.max.apply(null, totalFound));
-    maxTotal.push(Math.max.apply(null, totalResponsed));
-    maxTotal.push(Math.max.apply(null, totalFixed));
-    maxTotal.push(Math.max.apply(null, totalClosed));
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷趋势总览",
-        top: '5px',
-        left: '10px'
-      },
-      grid: {
-        top: 80,
-        left: 30,
-        right: 30,
-        bottom: 30,
-        show: true,
-        containLabel: true
-      },
-      dataZoom: {
-        show: true,
-        bottom: 10,
-        backgroundColor: '#000',
-        showDetail: false,
-        fillerColor: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
-          offset: 0,
-          color: '#3AB4D7'
-        }, {
-          offset: 1,
-          color: '#8FBC8F'
-        }]),
-        realtime: true,
-        type: 'slider',
-        handleSize: 15,
-        handleStyle: {
-          borderColor: "#cacaca",
-          borderWidth: "1",
-          shadowBlur: 2,
-          background: "#ddd",
-          shadowColor: "#ddd",
-        },
-        handleIcon: 'M-292,322.2c-3.2,0-6.4-0.6-9.3-1.9c-2.9-1.2-5.4-2.9-7.6-5.1s-3.9-4.8-5.1-7.6c-1.3-3-1.9-6.1-1.9-9.3c0-3.2,0.6-6.4,1.9-9.3c1.2-2.9,2.9-5.4,5.1-7.6s4.8-3.9,7.6-5.1c3-1.3,6.1-1.9,9.3-1.9c3.2,0,6.4,0.6,9.3,1.9c2.9,1.2,5.4,2.9,7.6,5.1s3.9,4.8,5.1,7.6c1.3,3,1.9,6.1,1.9,9.3c0,3.2-0.6,6.4-1.9,9.3c-1.2,2.9-2.9,5.4-5.1,7.6s-4.8,3.9-7.6,5.1C-285.6,321.5-288.8,322.2-292,322.2z',
-        height: 10
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "cross",
-          crossStyle: {
-            color: "#999"
-          }
-        }
-      },
-      legend: {
-        data: [
-          "当日发现",
-          "累计发现",
-          "当日响应",
-          "累计响应",
-          "当日修复",
-          "累计修复",
-          "当日关闭",
-          "累计关闭"
-        ],
-        padding: 10
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          magicType: {
-            show: true,
-            type: ["line", "bar"]
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      calculable: true,
-      xAxis: {
-        type: "category",
-        axisPointer: {
-          type: "shadow"
-        },
-        data: dates
-      },
-      yAxis: [{
-          type: "value",
-          name: "累计数",
-          min: 0,
-          max: parseInt(Math.max.apply(null, maxTotal) * 1.5),
-          axisLabel: {
-            formatter: "{value}"
-          },
-          splitLine: {
-            show: false
-          }
-        },
-        {
-          type: "value",
-          name: "当日数",
-          min: 0,
-          max: parseInt(Math.max.apply(null, maxDaily) * 1.5),
-          axisLabel: {
-            formatter: "{value}"
-          },
-          splitLine: {
-            show: false
-          }
-        }
-      ],
-      series: [{
-          name: "当日发现",
-          type: "bar",
-          barMaxWidth: '50',
-          yAxisIndex: 1,
-          data: dailyFound
-        },
-        {
-          name: "当日响应",
-          type: "bar",
-          barMaxWidth: '50',
-          yAxisIndex: 1,
-          data: dailyResponsed
-        },
-        {
-          name: "当日修复",
-          type: "bar",
-          barMaxWidth: '50',
-          yAxisIndex: 1,
-          data: dailyFixed
-        },
-        {
-          name: "当日关闭",
-          type: "bar",
-          barMaxWidth: '50',
-          yAxisIndex: 1,
-          data: dailyClosed
-        },
-        {
-          name: "累计发现",
-          type: "line",
-          data: totalFound
-        },
-        {
-          name: "累计响应",
-          type: "line",
-          data: totalResponsed
-        },
-        {
-          name: "累计修复",
-          type: "line",
-          data: totalFixed
-        },
-        {
-          name: "累计关闭",
-          type: "line",
-          data: totalClosed
-        }
-      ]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("directionCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="directionCharts" style="width: 99%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/chart/line");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/grid");
+require("echarts/lib/component/title");
+require("echarts/lib/component/dataZoom");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["ddirection"],
+
+  created() {
+    let _self = this;
+    let dates = [];
+    let dailyFound = [];
+    let totalFound = [];
+    let dailyResponsed = [];
+    let totalResponsed = [];
+    let dailyFixed = [];
+    let totalFixed = [];
+    let dailyClosed = [];
+    let totalClosed = [];
+    for (let i = 0; i < _self.ddirection.length; i++) {
+      let current = _self.ddirection[i];
+      dates.push(current.date);
+      dailyFound.push(current.dailyFound);
+      totalFound.push(current.totalFound);
+      dailyResponsed.push(current.dailyResponse);
+      totalResponsed.push(current.totalResponse);
+      dailyFixed.push(current.dailyFixed);
+      totalFixed.push(current.totalFixed);
+      dailyClosed.push(current.dailyClosed);
+      totalClosed.push(current.totalClosed);
+    }
+    let maxDaily = [];
+    let maxTotal = [];
+    maxDaily.push(Math.max.apply(null, dailyFound));
+    maxDaily.push(Math.max.apply(null, dailyResponsed));
+    maxDaily.push(Math.max.apply(null, dailyFixed));
+    maxDaily.push(Math.max.apply(null, dailyClosed));
+    maxTotal.push(Math.max.apply(null, totalFound));
+    maxTotal.push(Math.max.apply(null, totalResponsed));
+    maxTotal.push(Math.max.apply(null, totalFixed));
+    maxTotal.push(Math.max.apply(null, totalClosed));
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷趋势总览",
+        top: '5px',
+        left: '10px'
+      },
+      grid: {
+        top: 80,
+        left: 30,
+        right: 30,
+        bottom: 30,
+        show: true,
+        containLabel: true
+      },
+      dataZoom: {
+        show: true,
+        bottom: 10,
+        backgroundColor: '#000',
+        showDetail: false,
+        fillerColor: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
+          offset: 0,
+          color: '#3AB4D7'
+        }, {
+          offset: 1,
+          color: '#8FBC8F'
+        }]),
+        realtime: true,
+        type: 'slider',
+        handleSize: 15,
+        handleStyle: {
+          borderColor: "#cacaca",
+          borderWidth: "1",
+          shadowBlur: 2,
+          background: "#ddd",
+          shadowColor: "#ddd",
+        },
+        handleIcon: 'M-292,322.2c-3.2,0-6.4-0.6-9.3-1.9c-2.9-1.2-5.4-2.9-7.6-5.1s-3.9-4.8-5.1-7.6c-1.3-3-1.9-6.1-1.9-9.3c0-3.2,0.6-6.4,1.9-9.3c1.2-2.9,2.9-5.4,5.1-7.6s4.8-3.9,7.6-5.1c3-1.3,6.1-1.9,9.3-1.9c3.2,0,6.4,0.6,9.3,1.9c2.9,1.2,5.4,2.9,7.6,5.1s3.9,4.8,5.1,7.6c1.3,3,1.9,6.1,1.9,9.3c0,3.2-0.6,6.4-1.9,9.3c-1.2,2.9-2.9,5.4-5.1,7.6s-4.8,3.9-7.6,5.1C-285.6,321.5-288.8,322.2-292,322.2z',
+        height: 10
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "cross",
+          crossStyle: {
+            color: "#999"
+          }
+        }
+      },
+      legend: {
+        data: [
+          "当日发现",
+          "累计发现",
+          "当日响应",
+          "累计响应",
+          "当日修复",
+          "累计修复",
+          "当日关闭",
+          "累计关闭"
+        ],
+        padding: 10
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          magicType: {
+            show: true,
+            type: ["line", "bar"]
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      calculable: true,
+      xAxis: {
+        type: "category",
+        axisPointer: {
+          type: "shadow"
+        },
+        data: dates
+      },
+      yAxis: [{
+          type: "value",
+          name: "累计数",
+          min: 0,
+          max: parseInt(Math.max.apply(null, maxTotal) * 1.5),
+          axisLabel: {
+            formatter: "{value}"
+          },
+          splitLine: {
+            show: false
+          }
+        },
+        {
+          type: "value",
+          name: "当日数",
+          min: 0,
+          max: parseInt(Math.max.apply(null, maxDaily) * 1.5),
+          axisLabel: {
+            formatter: "{value}"
+          },
+          splitLine: {
+            show: false
+          }
+        }
+      ],
+      series: [{
+          name: "当日发现",
+          type: "bar",
+          barMaxWidth: '50',
+          yAxisIndex: 1,
+          data: dailyFound
+        },
+        {
+          name: "当日响应",
+          type: "bar",
+          barMaxWidth: '50',
+          yAxisIndex: 1,
+          data: dailyResponsed
+        },
+        {
+          name: "当日修复",
+          type: "bar",
+          barMaxWidth: '50',
+          yAxisIndex: 1,
+          data: dailyFixed
+        },
+        {
+          name: "当日关闭",
+          type: "bar",
+          barMaxWidth: '50',
+          yAxisIndex: 1,
+          data: dailyClosed
+        },
+        {
+          name: "累计发现",
+          type: "line",
+          data: totalFound
+        },
+        {
+          name: "累计响应",
+          type: "line",
+          data: totalResponsed
+        },
+        {
+          name: "累计修复",
+          type: "line",
+          data: totalFixed
+        },
+        {
+          name: "累计关闭",
+          type: "line",
+          data: totalClosed
+        }
+      ]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("directionCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sep/analysis/DefectFixCost.vue b/src/components/sep/analysis/DefectFixCost.vue
index 336c44e..2b7b15b 100644
--- a/src/components/sep/analysis/DefectFixCost.vue
+++ b/src/components/sep/analysis/DefectFixCost.vue
@@ -1,85 +1,85 @@
-<template>
-  <div id="fcostCharts" style="width: 99%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["dfcosts"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let fcostData = [];
-    for (let i = 0; i < _self.dfcosts.length; i++) {
-      legendData.push(_self.dfcosts[i].fixCosts);
-      fcostData.push({
-        value: _self.dfcosts[i].num,
-        name: _self.dfcosts[i].fixCosts
-      });
-    }
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷修复时效分析",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "修复耗时",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: fcostData
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("fcostCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="fcostCharts" style="width: 99%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["dfcosts"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let fcostData = [];
+    for (let i = 0; i < _self.dfcosts.length; i++) {
+      legendData.push(_self.dfcosts[i].fixCosts);
+      fcostData.push({
+        value: _self.dfcosts[i].num,
+        name: _self.dfcosts[i].fixCosts
+      });
+    }
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷修复时效分析",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "修复耗时",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: fcostData
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("fcostCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sep/analysis/DefectFixTimes.vue b/src/components/sep/analysis/DefectFixTimes.vue
index eed0b4f..ddcd451 100644
--- a/src/components/sep/analysis/DefectFixTimes.vue
+++ b/src/components/sep/analysis/DefectFixTimes.vue
@@ -1,85 +1,85 @@
-<template>
-  <div id="ftimeCharts" style="width: 99%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["dftimes"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let ftimeData = [];
-    for (let i = 0; i < _self.dftimes.length; i++) {
-      legendData.push(_self.dftimes[i].fixedTimes);
-      ftimeData.push({
-        value: _self.dftimes[i].num,
-        name: _self.dftimes[i].fixedTimes
-      });
-    }
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷修复次数分析",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "修复次数",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: ftimeData
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("ftimeCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="ftimeCharts" style="width: 99%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["dftimes"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let ftimeData = [];
+    for (let i = 0; i < _self.dftimes.length; i++) {
+      legendData.push(_self.dftimes[i].fixedTimes);
+      ftimeData.push({
+        value: _self.dftimes[i].num,
+        name: _self.dftimes[i].fixedTimes
+      });
+    }
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷修复次数分析",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "修复次数",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: ftimeData
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("ftimeCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sep/analysis/DefectFounder.vue b/src/components/sep/analysis/DefectFounder.vue
index 7b9286f..932bae2 100644
--- a/src/components/sep/analysis/DefectFounder.vue
+++ b/src/components/sep/analysis/DefectFounder.vue
@@ -1,140 +1,140 @@
-<template>
-  <div id="founderCharts" style="width: 99%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["dfounders"],
-
-  created() {
-    let _self = this;
-    let dfounders = _self.sortData(_self.dfounders, "founder", "children");
-    let usersData = [];
-    let legendData = [];
-    let seriesData = [];
-
-    dfounders.forEach(data => {
-      usersData.push(data.founder);
-    });
-
-    eval(localStorage.getItem("defectInfluence")).forEach(item => {
-      let numsData = [];
-      dfounders.forEach(data => {
-        let numValue = 0;
-        data.children.forEach(child => {
-          if (child.influence === item.influenceId) {
-            numValue = child.num;
-          }
-        });
-        numsData.push(numValue);
-      });
-
-      legendData.push(item.influenceName);
-      seriesData.push({
-        name: item.influenceName,
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: numsData
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷提交人分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      legend: {
-        data: legendData
-      },
-      grid: {
-        top: 60,
-        left: 50,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("founderCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  },
-
-  methods: {
-    sortData(json, idKey, childKey) {
-      let temp = [];
-      let result = [];
-      for (let i = 0; i < json.length; i++) {
-        temp.push(json[i][idKey]);
-      }
-      temp = temp.filter(function (element, index, array) {
-        return array.indexOf(element) === index;
-      });
-
-      for (let k = 0; k < temp.length; k++) {
-        let children = json.filter(function (d) {
-          return d[idKey] === temp[k];
-        });
-        result.push({
-          [idKey]: temp[k],
-          [childKey]: children
-        });
-      }
-      return result;
-    },
-  }
-};
-</script>
+<template>
+  <div id="founderCharts" style="width: 99%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["dfounders"],
+
+  created() {
+    let _self = this;
+    let dfounders = _self.sortData(_self.dfounders, "founder", "children");
+    let usersData = [];
+    let legendData = [];
+    let seriesData = [];
+
+    dfounders.forEach(data => {
+      usersData.push(data.founder);
+    });
+
+    eval(localStorage.getItem("defectInfluence")).forEach(item => {
+      let numsData = [];
+      dfounders.forEach(data => {
+        let numValue = 0;
+        data.children.forEach(child => {
+          if (child.influence === item.influenceId) {
+            numValue = child.num;
+          }
+        });
+        numsData.push(numValue);
+      });
+
+      legendData.push(item.influenceName);
+      seriesData.push({
+        name: item.influenceName,
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: numsData
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷提交人分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      legend: {
+        data: legendData
+      },
+      grid: {
+        top: 60,
+        left: 50,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("founderCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  },
+
+  methods: {
+    sortData(json, idKey, childKey) {
+      let temp = [];
+      let result = [];
+      for (let i = 0; i < json.length; i++) {
+        temp.push(json[i][idKey]);
+      }
+      temp = temp.filter(function (element, index, array) {
+        return array.indexOf(element) === index;
+      });
+
+      for (let k = 0; k < temp.length; k++) {
+        let children = json.filter(function (d) {
+          return d[idKey] === temp[k];
+        });
+        result.push({
+          [idKey]: temp[k],
+          [childKey]: children
+        });
+      }
+      return result;
+    },
+  }
+};
+</script>
diff --git a/src/components/sep/analysis/DefectInfluence.vue b/src/components/sep/analysis/DefectInfluence.vue
index c618d55..931722f 100644
--- a/src/components/sep/analysis/DefectInfluence.vue
+++ b/src/components/sep/analysis/DefectInfluence.vue
@@ -1,88 +1,88 @@
-<template>
-  <div id="influenceCharts" style="width: 99%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["dinfluences"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let influenceData = [];
-    for (let i = 0; i < _self.dinfluences.length; i++) {
-      let influence = eval(localStorage.getItem("defectInfluence")).find(item => {
-        return item.influenceId === _self.dinfluences[i].influence;
-      }).influenceName;
-      legendData.push(influence);
-      influenceData.push({
-        value: _self.dinfluences[i].num,
-        name: influence
-      });
-    }
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷严重程度分析",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "严重程度",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: influenceData
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("influenceCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="influenceCharts" style="width: 99%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["dinfluences"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let influenceData = [];
+    for (let i = 0; i < _self.dinfluences.length; i++) {
+      let influence = eval(localStorage.getItem("defectInfluence")).find(item => {
+        return item.influenceId === _self.dinfluences[i].influence;
+      }).influenceName;
+      legendData.push(influence);
+      influenceData.push({
+        value: _self.dinfluences[i].num,
+        name: influence
+      });
+    }
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷严重程度分析",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "严重程度",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: influenceData
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("influenceCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sep/analysis/DefectModule.vue b/src/components/sep/analysis/DefectModule.vue
index eee5567..e26e845 100644
--- a/src/components/sep/analysis/DefectModule.vue
+++ b/src/components/sep/analysis/DefectModule.vue
@@ -1,140 +1,140 @@
-<template>
-  <div id="modulesCharts" style="width: 99%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["dmodules"],
-
-  created() {
-    let _self = this;
-    let dmodules = _self.sortData(_self.dmodules, "moduleName", "children");
-    let usersData = [];
-    let legendData = [];
-    let seriesData = [];
-
-    dmodules.forEach(data => {
-      usersData.push(data.moduleName);
-    });
-
-    eval(localStorage.getItem("defectInfluence")).forEach(item => {
-      let numsData = [];
-      dmodules.forEach(data => {
-        let numValue = 0;
-        data.children.forEach(child => {
-          if (child.influence === item.influenceId) {
-            numValue = child.num;
-          }
-        });
-        numsData.push(numValue);
-      });
-
-      legendData.push(item.influenceName);
-      seriesData.push({
-        name: item.influenceName,
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: numsData
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷模块分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      legend: {
-        data: legendData
-      },
-      grid: {
-        top: 60,
-        left: 50,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("modulesCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  },
-
-  methods: {
-    sortData(json, idKey, childKey) {
-      let temp = [];
-      let result = [];
-      for (let i = 0; i < json.length; i++) {
-        temp.push(json[i][idKey]);
-      }
-      temp = temp.filter(function (element, index, array) {
-        return array.indexOf(element) === index;
-      });
-
-      for (let k = 0; k < temp.length; k++) {
-        let children = json.filter(function (d) {
-          return d[idKey] === temp[k];
-        });
-        result.push({
-          [idKey]: temp[k],
-          [childKey]: children
-        });
-      }
-      return result;
-    },
-  }
-};
-</script>
+<template>
+  <div id="modulesCharts" style="width: 99%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["dmodules"],
+
+  created() {
+    let _self = this;
+    let dmodules = _self.sortData(_self.dmodules, "moduleName", "children");
+    let usersData = [];
+    let legendData = [];
+    let seriesData = [];
+
+    dmodules.forEach(data => {
+      usersData.push(data.moduleName);
+    });
+
+    eval(localStorage.getItem("defectInfluence")).forEach(item => {
+      let numsData = [];
+      dmodules.forEach(data => {
+        let numValue = 0;
+        data.children.forEach(child => {
+          if (child.influence === item.influenceId) {
+            numValue = child.num;
+          }
+        });
+        numsData.push(numValue);
+      });
+
+      legendData.push(item.influenceName);
+      seriesData.push({
+        name: item.influenceName,
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: numsData
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷模块分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      legend: {
+        data: legendData
+      },
+      grid: {
+        top: 60,
+        left: 50,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("modulesCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  },
+
+  methods: {
+    sortData(json, idKey, childKey) {
+      let temp = [];
+      let result = [];
+      for (let i = 0; i < json.length; i++) {
+        temp.push(json[i][idKey]);
+      }
+      temp = temp.filter(function (element, index, array) {
+        return array.indexOf(element) === index;
+      });
+
+      for (let k = 0; k < temp.length; k++) {
+        let children = json.filter(function (d) {
+          return d[idKey] === temp[k];
+        });
+        result.push({
+          [idKey]: temp[k],
+          [childKey]: children
+        });
+      }
+      return result;
+    },
+  }
+};
+</script>
diff --git a/src/components/sep/analysis/DefectReqirements.vue b/src/components/sep/analysis/DefectReqirements.vue
index 855f5f2..d8b207a 100644
--- a/src/components/sep/analysis/DefectReqirements.vue
+++ b/src/components/sep/analysis/DefectReqirements.vue
@@ -1,140 +1,140 @@
-<template>
-  <div id="requirementsCharts" style="width: 99%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["drequirements"],
-
-  created() {
-    let _self = this;
-    let drequirements = _self.sortData(_self.drequirements, "reqSummary", "children");
-    let usersData = [];
-    let legendData = [];
-    let seriesData = [];
-
-    drequirements.forEach(data => {
-      usersData.push(data.reqSummary);
-    });
-
-    eval(localStorage.getItem("defectInfluence")).forEach(item => {
-      let numsData = [];
-      drequirements.forEach(data => {
-        let numValue = 0;
-        data.children.forEach(child => {
-          if (child.influence === item.influenceId) {
-            numValue = child.num;
-          }
-        });
-        numsData.push(numValue);
-      });
-
-      legendData.push(item.influenceName);
-      seriesData.push({
-        name: item.influenceName,
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: numsData
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷需求分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      legend: {
-        data: legendData
-      },
-      grid: {
-        top: 60,
-        left: 50,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("requirementsCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  },
-
-  methods: {
-    sortData(json, idKey, childKey) {
-      let temp = [];
-      let result = [];
-      for (let i = 0; i < json.length; i++) {
-        temp.push(json[i][idKey]);
-      }
-      temp = temp.filter(function (element, index, array) {
-        return array.indexOf(element) === index;
-      });
-
-      for (let k = 0; k < temp.length; k++) {
-        let children = json.filter(function (d) {
-          return d[idKey] === temp[k];
-        });
-        result.push({
-          [idKey]: temp[k],
-          [childKey]: children
-        });
-      }
-      return result;
-    },
-  }
-};
-</script>
+<template>
+  <div id="requirementsCharts" style="width: 99%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["drequirements"],
+
+  created() {
+    let _self = this;
+    let drequirements = _self.sortData(_self.drequirements, "reqSummary", "children");
+    let usersData = [];
+    let legendData = [];
+    let seriesData = [];
+
+    drequirements.forEach(data => {
+      usersData.push(data.reqSummary);
+    });
+
+    eval(localStorage.getItem("defectInfluence")).forEach(item => {
+      let numsData = [];
+      drequirements.forEach(data => {
+        let numValue = 0;
+        data.children.forEach(child => {
+          if (child.influence === item.influenceId) {
+            numValue = child.num;
+          }
+        });
+        numsData.push(numValue);
+      });
+
+      legendData.push(item.influenceName);
+      seriesData.push({
+        name: item.influenceName,
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: numsData
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷需求分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      legend: {
+        data: legendData
+      },
+      grid: {
+        top: 60,
+        left: 50,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("requirementsCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  },
+
+  methods: {
+    sortData(json, idKey, childKey) {
+      let temp = [];
+      let result = [];
+      for (let i = 0; i < json.length; i++) {
+        temp.push(json[i][idKey]);
+      }
+      temp = temp.filter(function (element, index, array) {
+        return array.indexOf(element) === index;
+      });
+
+      for (let k = 0; k < temp.length; k++) {
+        let children = json.filter(function (d) {
+          return d[idKey] === temp[k];
+        });
+        result.push({
+          [idKey]: temp[k],
+          [childKey]: children
+        });
+      }
+      return result;
+    },
+  }
+};
+</script>
diff --git a/src/components/sep/analysis/DefectResponser.vue b/src/components/sep/analysis/DefectResponser.vue
index b0a4834..548db6c 100644
--- a/src/components/sep/analysis/DefectResponser.vue
+++ b/src/components/sep/analysis/DefectResponser.vue
@@ -1,140 +1,140 @@
-<template>
-  <div id="responserCharts" style="width: 99%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["dresponsers"],
-
-  created() {
-    let _self = this;
-    let dresponsers = _self.sortData(_self.dresponsers, "responser", "children");
-    let usersData = [];
-    let legendData = [];
-    let seriesData = [];
-
-    dresponsers.forEach(data => {
-      usersData.push(data.responser);
-    });
-
-    eval(localStorage.getItem("defectInfluence")).forEach(item => {
-      let numsData = [];
-      dresponsers.forEach(data => {
-        let numValue = 0;
-        data.children.forEach(child => {
-          if (child.influence === item.influenceId) {
-            numValue = child.num;
-          }
-        });
-        numsData.push(numValue);
-      });
-
-      legendData.push(item.influenceName);
-      seriesData.push({
-        name: item.influenceName,
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: numsData
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷负责人分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      legend: {
-        data: legendData
-      },
-      grid: {
-        top: 60,
-        left: 50,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("responserCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  },
-
-  methods: {
-    sortData(json, idKey, childKey) {
-      let temp = [];
-      let result = [];
-      for (let i = 0; i < json.length; i++) {
-        temp.push(json[i][idKey]);
-      }
-      temp = temp.filter(function (element, index, array) {
-        return array.indexOf(element) === index;
-      });
-
-      for (let k = 0; k < temp.length; k++) {
-        let children = json.filter(function (d) {
-          return d[idKey] === temp[k];
-        });
-        result.push({
-          [idKey]: temp[k],
-          [childKey]: children
-        });
-      }
-      return result;
-    },
-  }
-};
-</script>
+<template>
+  <div id="responserCharts" style="width: 99%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["dresponsers"],
+
+  created() {
+    let _self = this;
+    let dresponsers = _self.sortData(_self.dresponsers, "responser", "children");
+    let usersData = [];
+    let legendData = [];
+    let seriesData = [];
+
+    dresponsers.forEach(data => {
+      usersData.push(data.responser);
+    });
+
+    eval(localStorage.getItem("defectInfluence")).forEach(item => {
+      let numsData = [];
+      dresponsers.forEach(data => {
+        let numValue = 0;
+        data.children.forEach(child => {
+          if (child.influence === item.influenceId) {
+            numValue = child.num;
+          }
+        });
+        numsData.push(numValue);
+      });
+
+      legendData.push(item.influenceName);
+      seriesData.push({
+        name: item.influenceName,
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: numsData
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷负责人分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      legend: {
+        data: legendData
+      },
+      grid: {
+        top: 60,
+        left: 50,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("responserCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  },
+
+  methods: {
+    sortData(json, idKey, childKey) {
+      let temp = [];
+      let result = [];
+      for (let i = 0; i < json.length; i++) {
+        temp.push(json[i][idKey]);
+      }
+      temp = temp.filter(function (element, index, array) {
+        return array.indexOf(element) === index;
+      });
+
+      for (let k = 0; k < temp.length; k++) {
+        let children = json.filter(function (d) {
+          return d[idKey] === temp[k];
+        });
+        result.push({
+          [idKey]: temp[k],
+          [childKey]: children
+        });
+      }
+      return result;
+    },
+  }
+};
+</script>
diff --git a/src/components/sep/analysis/DefectVerifyCost.vue b/src/components/sep/analysis/DefectVerifyCost.vue
index 3322beb..ddfefc6 100644
--- a/src/components/sep/analysis/DefectVerifyCost.vue
+++ b/src/components/sep/analysis/DefectVerifyCost.vue
@@ -1,92 +1,92 @@
-<template>
-  <div id="vcostCharts" style="width: 99%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["dvcosts"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let vcostData = [];
-    for (let i = 0; i < _self.dvcosts.length; i++) {
-      legendData.push(_self.dvcosts[i].verifyCosts);
-      vcostData.push({
-        value: _self.dvcosts[i].num,
-        name: _self.dvcosts[i].verifyCosts
-      });
-    }
-
-    _self.chartsOptions = {
-      title: {
-        text: "已关闭缺陷验证时效分析",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "验证耗时",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: vcostData,
-        itemStyle: {
-          emphasis: {
-            shadowBlur: 10,
-            shadowOffsetX: 0,
-            shadowColor: "rgba(0, 0, 0, 0.5)"
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("vcostCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="vcostCharts" style="width: 99%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["dvcosts"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let vcostData = [];
+    for (let i = 0; i < _self.dvcosts.length; i++) {
+      legendData.push(_self.dvcosts[i].verifyCosts);
+      vcostData.push({
+        value: _self.dvcosts[i].num,
+        name: _self.dvcosts[i].verifyCosts
+      });
+    }
+
+    _self.chartsOptions = {
+      title: {
+        text: "已关闭缺陷验证时效分析",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "验证耗时",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: vcostData,
+        itemStyle: {
+          emphasis: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: "rgba(0, 0, 0, 0.5)"
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("vcostCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/bug/DefectDirection.vue b/src/components/sqa/bug/DefectDirection.vue
index b3be27f..583131e 100644
--- a/src/components/sqa/bug/DefectDirection.vue
+++ b/src/components/sqa/bug/DefectDirection.vue
@@ -1,261 +1,261 @@
-<template>
-  <div id='directionCharts' style='width: 100%; height: 300px;'></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/line");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/grid");
-require("echarts/lib/component/title");
-require("echarts/lib/component/dataZoom");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: "",
-      anaRelease: true
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    _self.anaRelease = _self.datas[0].expectFound;
-    let dates = [];
-    let dailyFound = [];
-    let totalFound = [];
-    let expectFound = [];
-    let dailyResponsed = [];
-    let totalResponsed = [];
-    let dailyFixed = [];
-    let totalFixed = [];
-    let dailyClosed = [];
-    let totalClosed = [];
-    let seriesData = [];
-    let legendData = [];
-    for (let i = 0; i < _self.datas.length; i++) {
-      let current = _self.datas[i];
-      dates.push(current.date);
-      dailyFound.push(current.dailyFound);
-      totalFound.push(current.totalFound);
-      if (_self.anaRelease) {
-        expectFound.push(current.expectFound);
-      }
-      dailyResponsed.push(current.dailyResponse);
-      totalResponsed.push(current.totalResponse);
-      dailyFixed.push(current.dailyFixed);
-      totalFixed.push(current.totalFixed);
-      dailyClosed.push(current.dailyClosed);
-      totalClosed.push(current.totalClosed);
-    }
-
-    legendData = _self.anaRelease ?
-      [
-        "累计发现",
-        "理论应发现",
-        "累计响应",
-        "累计修复",
-        "累计关闭",
-        "当日发现",
-        "当日响应",
-        "当日修复",
-        "当日关闭"
-      ] :
-      [
-        "累计发现",
-        "累计响应",
-        "累计修复",
-        "累计关闭",
-        "当日发现",
-        "当日响应",
-        "当日修复",
-        "当日关闭"
-      ];
-
-    seriesData.push({
-      name: "当日发现",
-      type: "bar",
-      barMaxWidth: "20",
-      yAxisIndex: 1,
-      stack: "堆叠",
-      data: dailyFound
-    });
-    seriesData.push({
-      name: "当日响应",
-      type: "bar",
-      barMaxWidth: "20",
-      yAxisIndex: 1,
-      stack: "堆叠",
-      data: dailyResponsed
-    });
-    seriesData.push({
-      name: "当日修复",
-      type: "bar",
-      barMaxWidth: "20",
-      yAxisIndex: 1,
-      stack: "堆叠",
-      data: dailyFixed
-    });
-    seriesData.push({
-      name: "当日关闭",
-      type: "bar",
-      barMaxWidth: "20",
-      yAxisIndex: 1,
-      stack: "堆叠",
-      data: dailyClosed
-    });
-    seriesData.push({
-      name: "累计发现",
-      type: "line",
-      stack: "累计发现",
-      data: totalFound
-    });
-    if (_self.anaRelease) {
-      seriesData.push({
-        name: "理论应发现",
-        type: "line",
-        itemStyle: {
-          normal: {
-            color: '#ef6060'
-          }
-        },
-        stack: "理论应发现",
-        data: expectFound
-      });
-    }
-    seriesData.push({
-      name: "累计响应",
-      type: "line",
-      stack: "累计响应",
-      data: totalResponsed
-    });
-    seriesData.push({
-      name: "累计修复",
-      type: "line",
-      stack: "累计修复",
-      data: totalFixed
-    });
-    seriesData.push({
-      name: "累计关闭",
-      type: "line",
-      stack: "累计关闭",
-      data: totalClosed
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷趋势分析",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis"
-      },
-      grid: {
-        top: 80,
-        left: 30,
-        right: 30,
-        bottom: 30,
-        shadowColor: "red",
-        containLabel: true
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          magicType: {
-            show: true,
-            type: ["line", "bar"]
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      legend: {
-        data: legendData
-      },
-      dataZoom: {
-        show: true,
-        bottom: 10,
-        backgroundColor: "#000",
-        showDetail: false,
-        fillerColor: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
-            offset: 0,
-            color: "#89ca89"
-          },
-          {
-            offset: 1,
-            color: "#8FBC8F"
-          }
-        ]),
-        realtime: true,
-        type: "slider",
-        handleSize: 15,
-        handleStyle: {
-          borderColor: "#cacaca",
-          borderWidth: "1",
-          shadowBlur: 2,
-          background: "#ddd",
-          shadowColor: "#ddd"
-        },
-        handleIcon: "M-292,322.2c-3.2,0-6.4-0.6-9.3-1.9c-2.9-1.2-5.4-2.9-7.6-5.1s-3.9-4.8-5.1-7.6c-1.3-3-1.9-6.1-1.9-9.3c0-3.2,0.6-6.4,1.9-9.3c1.2-2.9,2.9-5.4,5.1-7.6s4.8-3.9,7.6-5.1c3-1.3,6.1-1.9,9.3-1.9c3.2,0,6.4,0.6,9.3,1.9c2.9,1.2,5.4,2.9,7.6,5.1s3.9,4.8,5.1,7.6c1.3,3,1.9,6.1,1.9,9.3c0,3.2-0.6,6.4-1.9,9.3c-1.2,2.9-2.9,5.4-5.1,7.6s-4.8,3.9-7.6,5.1C-285.6,321.5-288.8,322.2-292,322.2z",
-        height: 10
-      },
-      xAxis: {
-        type: "category",
-        axisPointer: {
-          type: "shadow"
-        },
-        splitLine: {
-          show: false
-        },
-        data: dates
-      },
-      yAxis: [{
-          type: "value",
-          name: "累计数",
-          axisLabel: {
-            formatter: "{value}"
-          },
-          splitLine: {
-            show: false
-          }
-        },
-        {
-          type: "value",
-          name: "当日数",
-          axisLabel: {
-            formatter: "{value}"
-          },
-          splitLine: {
-            show: false
-          }
-        }
-      ],
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("directionCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id='directionCharts' style='width: 100%; height: 300px;'></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/line");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/grid");
+require("echarts/lib/component/title");
+require("echarts/lib/component/dataZoom");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: "",
+      anaRelease: true
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    _self.anaRelease = _self.datas[0].expectFound;
+    let dates = [];
+    let dailyFound = [];
+    let totalFound = [];
+    let expectFound = [];
+    let dailyResponsed = [];
+    let totalResponsed = [];
+    let dailyFixed = [];
+    let totalFixed = [];
+    let dailyClosed = [];
+    let totalClosed = [];
+    let seriesData = [];
+    let legendData = [];
+    for (let i = 0; i < _self.datas.length; i++) {
+      let current = _self.datas[i];
+      dates.push(current.date);
+      dailyFound.push(current.dailyFound);
+      totalFound.push(current.totalFound);
+      if (_self.anaRelease) {
+        expectFound.push(current.expectFound);
+      }
+      dailyResponsed.push(current.dailyResponse);
+      totalResponsed.push(current.totalResponse);
+      dailyFixed.push(current.dailyFixed);
+      totalFixed.push(current.totalFixed);
+      dailyClosed.push(current.dailyClosed);
+      totalClosed.push(current.totalClosed);
+    }
+
+    legendData = _self.anaRelease ?
+      [
+        "累计发现",
+        "理论应发现",
+        "累计响应",
+        "累计修复",
+        "累计关闭",
+        "当日发现",
+        "当日响应",
+        "当日修复",
+        "当日关闭"
+      ] :
+      [
+        "累计发现",
+        "累计响应",
+        "累计修复",
+        "累计关闭",
+        "当日发现",
+        "当日响应",
+        "当日修复",
+        "当日关闭"
+      ];
+
+    seriesData.push({
+      name: "当日发现",
+      type: "bar",
+      barMaxWidth: "20",
+      yAxisIndex: 1,
+      stack: "堆叠",
+      data: dailyFound
+    });
+    seriesData.push({
+      name: "当日响应",
+      type: "bar",
+      barMaxWidth: "20",
+      yAxisIndex: 1,
+      stack: "堆叠",
+      data: dailyResponsed
+    });
+    seriesData.push({
+      name: "当日修复",
+      type: "bar",
+      barMaxWidth: "20",
+      yAxisIndex: 1,
+      stack: "堆叠",
+      data: dailyFixed
+    });
+    seriesData.push({
+      name: "当日关闭",
+      type: "bar",
+      barMaxWidth: "20",
+      yAxisIndex: 1,
+      stack: "堆叠",
+      data: dailyClosed
+    });
+    seriesData.push({
+      name: "累计发现",
+      type: "line",
+      stack: "累计发现",
+      data: totalFound
+    });
+    if (_self.anaRelease) {
+      seriesData.push({
+        name: "理论应发现",
+        type: "line",
+        itemStyle: {
+          normal: {
+            color: '#ef6060'
+          }
+        },
+        stack: "理论应发现",
+        data: expectFound
+      });
+    }
+    seriesData.push({
+      name: "累计响应",
+      type: "line",
+      stack: "累计响应",
+      data: totalResponsed
+    });
+    seriesData.push({
+      name: "累计修复",
+      type: "line",
+      stack: "累计修复",
+      data: totalFixed
+    });
+    seriesData.push({
+      name: "累计关闭",
+      type: "line",
+      stack: "累计关闭",
+      data: totalClosed
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷趋势分析",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis"
+      },
+      grid: {
+        top: 80,
+        left: 30,
+        right: 30,
+        bottom: 30,
+        shadowColor: "red",
+        containLabel: true
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          magicType: {
+            show: true,
+            type: ["line", "bar"]
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      legend: {
+        data: legendData
+      },
+      dataZoom: {
+        show: true,
+        bottom: 10,
+        backgroundColor: "#000",
+        showDetail: false,
+        fillerColor: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
+            offset: 0,
+            color: "#89ca89"
+          },
+          {
+            offset: 1,
+            color: "#8FBC8F"
+          }
+        ]),
+        realtime: true,
+        type: "slider",
+        handleSize: 15,
+        handleStyle: {
+          borderColor: "#cacaca",
+          borderWidth: "1",
+          shadowBlur: 2,
+          background: "#ddd",
+          shadowColor: "#ddd"
+        },
+        handleIcon: "M-292,322.2c-3.2,0-6.4-0.6-9.3-1.9c-2.9-1.2-5.4-2.9-7.6-5.1s-3.9-4.8-5.1-7.6c-1.3-3-1.9-6.1-1.9-9.3c0-3.2,0.6-6.4,1.9-9.3c1.2-2.9,2.9-5.4,5.1-7.6s4.8-3.9,7.6-5.1c3-1.3,6.1-1.9,9.3-1.9c3.2,0,6.4,0.6,9.3,1.9c2.9,1.2,5.4,2.9,7.6,5.1s3.9,4.8,5.1,7.6c1.3,3,1.9,6.1,1.9,9.3c0,3.2-0.6,6.4-1.9,9.3c-1.2,2.9-2.9,5.4-5.1,7.6s-4.8,3.9-7.6,5.1C-285.6,321.5-288.8,322.2-292,322.2z",
+        height: 10
+      },
+      xAxis: {
+        type: "category",
+        axisPointer: {
+          type: "shadow"
+        },
+        splitLine: {
+          show: false
+        },
+        data: dates
+      },
+      yAxis: [{
+          type: "value",
+          name: "累计数",
+          axisLabel: {
+            formatter: "{value}"
+          },
+          splitLine: {
+            show: false
+          }
+        },
+        {
+          type: "value",
+          name: "当日数",
+          axisLabel: {
+            formatter: "{value}"
+          },
+          splitLine: {
+            show: false
+          }
+        }
+      ],
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("directionCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/bug/DefectFixCost.vue b/src/components/sqa/bug/DefectFixCost.vue
index bfdc54b..1d45c00 100644
--- a/src/components/sqa/bug/DefectFixCost.vue
+++ b/src/components/sqa/bug/DefectFixCost.vue
@@ -1,90 +1,90 @@
-<template>
-  <div id="fcostCharts" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let fcostData = [];
-    _self.datas.forEach(data => {
-      legendData.push(data.fixCosts);
-      fcostData.push({
-        value: data.num,
-        name: data.fixCosts
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷修复时效分析（已关闭）",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "修复耗时",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: fcostData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("fcostCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="fcostCharts" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let fcostData = [];
+    _self.datas.forEach(data => {
+      legendData.push(data.fixCosts);
+      fcostData.push({
+        value: data.num,
+        name: data.fixCosts
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷修复时效分析（已关闭）",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "修复耗时",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: fcostData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("fcostCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/bug/DefectFixTimes.vue b/src/components/sqa/bug/DefectFixTimes.vue
index 95f11ee..17367e6 100644
--- a/src/components/sqa/bug/DefectFixTimes.vue
+++ b/src/components/sqa/bug/DefectFixTimes.vue
@@ -1,90 +1,90 @@
-<template>
-  <div id="ftimeCharts" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let ftimeData = [];
-    _self.datas.forEach(data => {
-      legendData.push(data.fixedTimes);
-      ftimeData.push({
-        value: data.num,
-        name: data.fixedTimes
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷修复次数分析（已关闭）",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "修复次数",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: ftimeData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("ftimeCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="ftimeCharts" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let ftimeData = [];
+    _self.datas.forEach(data => {
+      legendData.push(data.fixedTimes);
+      ftimeData.push({
+        value: data.num,
+        name: data.fixedTimes
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷修复次数分析（已关闭）",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "修复次数",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: ftimeData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("ftimeCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/bug/DefectFoundPeriod.vue b/src/components/sqa/bug/DefectFoundPeriod.vue
index f1b225c..a3d6b53 100644
--- a/src/components/sqa/bug/DefectFoundPeriod.vue
+++ b/src/components/sqa/bug/DefectFoundPeriod.vue
@@ -1,93 +1,93 @@
-<template>
-  <div id="fperiodAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let fperiodData = [];
-    _self.datas.forEach(data => {
-      let defectFoundPeriod = eval(localStorage.getItem("defectFoundPeriod")).find(item => {
-        return item.periodId == data.foundPeriod;
-      }).periodName;
-      legendData.push(defectFoundPeriod);
-      fperiodData.push({
-        value: data.num,
-        name: defectFoundPeriod
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷发现阶段分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "发现阶段",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: fperiodData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("fperiodAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="fperiodAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let fperiodData = [];
+    _self.datas.forEach(data => {
+      let defectFoundPeriod = eval(localStorage.getItem("defectFoundPeriod")).find(item => {
+        return item.periodId == data.foundPeriod;
+      }).periodName;
+      legendData.push(defectFoundPeriod);
+      fperiodData.push({
+        value: data.num,
+        name: defectFoundPeriod
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷发现阶段分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "发现阶段",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: fperiodData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("fperiodAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/bug/DefectFounder.vue b/src/components/sqa/bug/DefectFounder.vue
index 99f9ba3..5d8735b 100644
--- a/src/components/sqa/bug/DefectFounder.vue
+++ b/src/components/sqa/bug/DefectFounder.vue
@@ -1,115 +1,115 @@
-<template>
-  <div id="founderAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let usersData = [];
-    let legendData = [];
-    let seriesData = [];
-
-    _self.datas.forEach(data => {
-      usersData.push(data.founder);
-    });
-
-    eval(localStorage.getItem("defectInfluence")).forEach(item => {
-      let numsData = [];
-      _self.datas.forEach(data => {
-        let numValue = 0;
-        data.children.forEach(child => {
-          if (child.influence === item.influenceId) {
-            numValue = child.num;
-          }
-        });
-        numsData.push(numValue);
-      });
-
-      legendData.push(item.influenceName);
-      seriesData.push({
-        name: item.influenceName,
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: numsData
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷提交人分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      legend: {
-        data: legendData
-      },
-      grid: {
-        top: 60,
-        left: 50,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("founderAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="founderAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let usersData = [];
+    let legendData = [];
+    let seriesData = [];
+
+    _self.datas.forEach(data => {
+      usersData.push(data.founder);
+    });
+
+    eval(localStorage.getItem("defectInfluence")).forEach(item => {
+      let numsData = [];
+      _self.datas.forEach(data => {
+        let numValue = 0;
+        data.children.forEach(child => {
+          if (child.influence === item.influenceId) {
+            numValue = child.num;
+          }
+        });
+        numsData.push(numValue);
+      });
+
+      legendData.push(item.influenceName);
+      seriesData.push({
+        name: item.influenceName,
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: numsData
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷提交人分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      legend: {
+        data: legendData
+      },
+      grid: {
+        top: 60,
+        left: 50,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("founderAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/bug/DefectInfluence.vue b/src/components/sqa/bug/DefectInfluence.vue
index b323f8d..6d71950 100644
--- a/src/components/sqa/bug/DefectInfluence.vue
+++ b/src/components/sqa/bug/DefectInfluence.vue
@@ -1,93 +1,93 @@
-<template>
-  <div id="influenceAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let influenceData = [];
-    _self.datas.forEach(data => {
-      let influence = eval(localStorage.getItem("defectInfluence")).find(item => {
-        return item.influenceId === data.influence;
-      }).influenceName;
-      legendData.push(influence);
-      influenceData.push({
-        value: data.num,
-        name: influence
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷严重程度分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "严重程度",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: influenceData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("influenceAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="influenceAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let influenceData = [];
+    _self.datas.forEach(data => {
+      let influence = eval(localStorage.getItem("defectInfluence")).find(item => {
+        return item.influenceId === data.influence;
+      }).influenceName;
+      legendData.push(influence);
+      influenceData.push({
+        value: data.num,
+        name: influence
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷严重程度分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "严重程度",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: influenceData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("influenceAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/bug/DefectModule.vue b/src/components/sqa/bug/DefectModule.vue
index f7a7d85..35425af 100644
--- a/src/components/sqa/bug/DefectModule.vue
+++ b/src/components/sqa/bug/DefectModule.vue
@@ -1,115 +1,115 @@
-<template>
-  <div id="moduleAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let usersData = [];
-    let legendData = [];
-    let seriesData = [];
-
-    _self.datas.forEach(data => {
-      usersData.push(data.moduleName);
-    });
-
-    eval(localStorage.getItem("defectInfluence")).forEach(item => {
-      let numsData = [];
-      _self.datas.forEach(data => {
-        let numValue = 0;
-        data.children.forEach(child => {
-          if (child.influence === item.influenceId) {
-            numValue = child.num;
-          }
-        });
-        numsData.push(numValue);
-      });
-
-      legendData.push(item.influenceName);
-      seriesData.push({
-        name: item.influenceName,
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: numsData
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷模块分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      legend: {
-        data: legendData
-      },
-      grid: {
-        top: 60,
-        left: 50,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("moduleAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="moduleAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let usersData = [];
+    let legendData = [];
+    let seriesData = [];
+
+    _self.datas.forEach(data => {
+      usersData.push(data.moduleName);
+    });
+
+    eval(localStorage.getItem("defectInfluence")).forEach(item => {
+      let numsData = [];
+      _self.datas.forEach(data => {
+        let numValue = 0;
+        data.children.forEach(child => {
+          if (child.influence === item.influenceId) {
+            numValue = child.num;
+          }
+        });
+        numsData.push(numValue);
+      });
+
+      legendData.push(item.influenceName);
+      seriesData.push({
+        name: item.influenceName,
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: numsData
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷模块分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      legend: {
+        data: legendData
+      },
+      grid: {
+        top: 60,
+        left: 50,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("moduleAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/bug/DefectPriority.vue b/src/components/sqa/bug/DefectPriority.vue
index 27f79fa..585a145 100644
--- a/src/components/sqa/bug/DefectPriority.vue
+++ b/src/components/sqa/bug/DefectPriority.vue
@@ -1,93 +1,93 @@
-<template>
-  <div id="priorityAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let priorityData = [];
-    _self.datas.forEach(data => {
-      let priority = eval(localStorage.getItem("defectPriority")).find(item => {
-        return item.priorityId === data.priority;
-      }).priorityName;
-      legendData.push(priority);
-      priorityData.push({
-        value: data.num,
-        name: priority
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷优先级分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "优先级",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: priorityData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("priorityAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="priorityAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let priorityData = [];
+    _self.datas.forEach(data => {
+      let priority = eval(localStorage.getItem("defectPriority")).find(item => {
+        return item.priorityId === data.priority;
+      }).priorityName;
+      legendData.push(priority);
+      priorityData.push({
+        value: data.num,
+        name: priority
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷优先级分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "优先级",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: priorityData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("priorityAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/bug/DefectProducePeriod.vue b/src/components/sqa/bug/DefectProducePeriod.vue
index 8246478..6e1a927 100644
--- a/src/components/sqa/bug/DefectProducePeriod.vue
+++ b/src/components/sqa/bug/DefectProducePeriod.vue
@@ -1,93 +1,93 @@
-<template>
-  <div id="periodAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let periodData = [];
-    _self.datas.forEach(data => {
-      let defectPeriod = eval(localStorage.getItem("defectPeriod")).find(item => {
-        return item.periodId == data.defectPeriod;
-      }).periodName;
-      legendData.push(defectPeriod);
-      periodData.push({
-        value: data.num,
-        name: defectPeriod
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷植入阶段分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "植入阶段",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: periodData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("periodAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="periodAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let periodData = [];
+    _self.datas.forEach(data => {
+      let defectPeriod = eval(localStorage.getItem("defectPeriod")).find(item => {
+        return item.periodId == data.defectPeriod;
+      }).periodName;
+      legendData.push(defectPeriod);
+      periodData.push({
+        value: data.num,
+        name: defectPeriod
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷植入阶段分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "植入阶段",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: periodData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("periodAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/bug/DefectReqirements.vue b/src/components/sqa/bug/DefectReqirements.vue
index 15f37c6..9d9a08c 100644
--- a/src/components/sqa/bug/DefectReqirements.vue
+++ b/src/components/sqa/bug/DefectReqirements.vue
@@ -1,115 +1,115 @@
-<template>
-  <div id="bugReqAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let usersData = [];
-    let legendData = [];
-    let seriesData = [];
-
-    _self.datas.forEach(data => {
-      usersData.push(data.reqSummary);
-    });
-
-    eval(localStorage.getItem("defectInfluence")).forEach(item => {
-      let numsData = [];
-      _self.datas.forEach(data => {
-        let numValue = 0;
-        data.children.forEach(child => {
-          if (child.influence === item.influenceId) {
-            numValue = child.num;
-          }
-        });
-        numsData.push(numValue);
-      });
-
-      legendData.push(item.influenceName);
-      seriesData.push({
-        name: item.influenceName,
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: numsData
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷需求分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      legend: {
-        data: legendData
-      },
-      grid: {
-        top: 60,
-        left: 50,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("bugReqAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="bugReqAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let usersData = [];
+    let legendData = [];
+    let seriesData = [];
+
+    _self.datas.forEach(data => {
+      usersData.push(data.reqSummary);
+    });
+
+    eval(localStorage.getItem("defectInfluence")).forEach(item => {
+      let numsData = [];
+      _self.datas.forEach(data => {
+        let numValue = 0;
+        data.children.forEach(child => {
+          if (child.influence === item.influenceId) {
+            numValue = child.num;
+          }
+        });
+        numsData.push(numValue);
+      });
+
+      legendData.push(item.influenceName);
+      seriesData.push({
+        name: item.influenceName,
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: numsData
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷需求分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      legend: {
+        data: legendData
+      },
+      grid: {
+        top: 60,
+        left: 50,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("bugReqAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/bug/DefectResponser.vue b/src/components/sqa/bug/DefectResponser.vue
index 9161556..bcc5c7c 100644
--- a/src/components/sqa/bug/DefectResponser.vue
+++ b/src/components/sqa/bug/DefectResponser.vue
@@ -1,115 +1,115 @@
-<template>
-  <div id="responserAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let usersData = [];
-    let legendData = [];
-    let seriesData = [];
-
-    _self.datas.forEach(data => {
-      usersData.push(data.responser);
-    });
-
-    eval(localStorage.getItem("defectInfluence")).forEach(item => {
-      let numsData = [];
-      _self.datas.forEach(data => {
-        let numValue = 0;
-        data.children.forEach(child => {
-          if (child.influence === item.influenceId) {
-            numValue = child.num;
-          }
-        });
-        numsData.push(numValue);
-      });
-
-      legendData.push(item.influenceName);
-      seriesData.push({
-        name: item.influenceName,
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: numsData
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷负责人分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      legend: {
-        data: legendData
-      },
-      grid: {
-        top: 60,
-        left: 50,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("responserAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="responserAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let usersData = [];
+    let legendData = [];
+    let seriesData = [];
+
+    _self.datas.forEach(data => {
+      usersData.push(data.responser);
+    });
+
+    eval(localStorage.getItem("defectInfluence")).forEach(item => {
+      let numsData = [];
+      _self.datas.forEach(data => {
+        let numValue = 0;
+        data.children.forEach(child => {
+          if (child.influence === item.influenceId) {
+            numValue = child.num;
+          }
+        });
+        numsData.push(numValue);
+      });
+
+      legendData.push(item.influenceName);
+      seriesData.push({
+        name: item.influenceName,
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: numsData
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷负责人分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      legend: {
+        data: legendData
+      },
+      grid: {
+        top: 60,
+        left: 50,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("responserAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/bug/DefectType.vue b/src/components/sqa/bug/DefectType.vue
index bdf5166..d9f25d6 100644
--- a/src/components/sqa/bug/DefectType.vue
+++ b/src/components/sqa/bug/DefectType.vue
@@ -1,93 +1,93 @@
-<template>
-  <div id="typeAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let typeData = [];
-    _self.datas.forEach(data => {
-      let defectType = eval(localStorage.getItem("defectType")).find(item => {
-        return item.typeId === data.defectType;
-      }).typeName;
-      legendData.push(defectType);
-      typeData.push({
-        value: data.num,
-        name: defectType
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷类型分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "缺陷类型",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: typeData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("typeAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="typeAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let typeData = [];
+    _self.datas.forEach(data => {
+      let defectType = eval(localStorage.getItem("defectType")).find(item => {
+        return item.typeId === data.defectType;
+      }).typeName;
+      legendData.push(defectType);
+      typeData.push({
+        value: data.num,
+        name: defectType
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷类型分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "缺陷类型",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: typeData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("typeAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/bug/DefectVerifyCost.vue b/src/components/sqa/bug/DefectVerifyCost.vue
index 645718a..4f78424 100644
--- a/src/components/sqa/bug/DefectVerifyCost.vue
+++ b/src/components/sqa/bug/DefectVerifyCost.vue
@@ -1,90 +1,90 @@
-<template>
-  <div id="vcostCharts" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let vcostData = [];
-    _self.datas.forEach(data => {
-      legendData.push(data.verifyCosts);
-      vcostData.push({
-        value: data.num,
-        name: data.verifyCosts
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "缺陷验证时效分析（已关闭）",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "验证耗时",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: vcostData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("vcostCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="vcostCharts" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let vcostData = [];
+    _self.datas.forEach(data => {
+      legendData.push(data.verifyCosts);
+      vcostData.push({
+        value: data.num,
+        name: data.verifyCosts
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "缺陷验证时效分析（已关闭）",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "验证耗时",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: vcostData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("vcostCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/cms/CmsManpower.vue b/src/components/sqa/cms/CmsManpower.vue
index 2d249e1..2b7a274 100644
--- a/src/components/sqa/cms/CmsManpower.vue
+++ b/src/components/sqa/cms/CmsManpower.vue
@@ -1,91 +1,91 @@
-<template>
-  <div id="cmsManpower" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let manpowerData = [];
-    _self.datas.forEach(item => {
-      legendData.push(item.cmCost);
-      manpowerData.push({
-        value: item.num,
-        name: item.cmCost
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "任务消耗人力",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "人力",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: manpowerData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("cmsManpower");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="cmsManpower" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let manpowerData = [];
+    _self.datas.forEach(item => {
+      legendData.push(item.cmCost);
+      manpowerData.push({
+        value: item.num,
+        name: item.cmCost
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "任务消耗人力",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "人力",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: manpowerData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("cmsManpower");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/cms/CmsModule.vue b/src/components/sqa/cms/CmsModule.vue
index 51c945d..662c7a1 100644
--- a/src/components/sqa/cms/CmsModule.vue
+++ b/src/components/sqa/cms/CmsModule.vue
@@ -1,97 +1,97 @@
-<template>
-  <div id="cmsModuleAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let usersData = [];
-    let seriesData = [];
-
-    _self.datas.forEach(data => {
-      usersData.push(data.moduleName);
-      seriesData.push({
-        value: data.num
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "开发任务模块分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      grid: {
-        top: 60,
-        left: 50,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: [{
-        name: "模块名称",
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: seriesData
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("cmsModuleAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="cmsModuleAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let usersData = [];
+    let seriesData = [];
+
+    _self.datas.forEach(data => {
+      usersData.push(data.moduleName);
+      seriesData.push({
+        value: data.num
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "开发任务模块分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      grid: {
+        top: 60,
+        left: 50,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: [{
+        name: "模块名称",
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: seriesData
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("cmsModuleAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/cms/CmsOffset.vue b/src/components/sqa/cms/CmsOffset.vue
index 2742856..319b937 100644
--- a/src/components/sqa/cms/CmsOffset.vue
+++ b/src/components/sqa/cms/CmsOffset.vue
@@ -1,91 +1,91 @@
-<template>
-  <div id="cmsOffset" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let offsetData = [];
-    _self.datas.forEach(item => {
-      legendData.push(item.devOffset);
-      offsetData.push({
-        value: item.num,
-        name: item.devOffset
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "开发任务完成偏差（待提测日期减去计划完成日期）",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "偏差天数",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: offsetData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("cmsOffset");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="cmsOffset" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let offsetData = [];
+    _self.datas.forEach(item => {
+      legendData.push(item.devOffset);
+      offsetData.push({
+        value: item.num,
+        name: item.devOffset
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "开发任务完成偏差（待提测日期减去计划完成日期）",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "偏差天数",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: offsetData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("cmsOffset");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/cms/CmsResponser.vue b/src/components/sqa/cms/CmsResponser.vue
index 1b4c74a..12bf636 100644
--- a/src/components/sqa/cms/CmsResponser.vue
+++ b/src/components/sqa/cms/CmsResponser.vue
@@ -1,96 +1,96 @@
-<template>
-  <div id="cmsResponser" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let usersData = [];
-    let responserData = [];
-    _self.datas.forEach(item => {
-      usersData.push(item.responser);
-      responserData.push({
-        value: item.num
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "开发任务负责人",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      grid: {
-        top: 60,
-        left: 40,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: [{
-        name: "任务数",
-        type: "bar",
-        barMaxWidth: '50',
-        data: responserData
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("cmsResponser");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="cmsResponser" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let usersData = [];
+    let responserData = [];
+    _self.datas.forEach(item => {
+      usersData.push(item.responser);
+      responserData.push({
+        value: item.num
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "开发任务负责人",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      grid: {
+        top: 60,
+        left: 40,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: [{
+        name: "任务数",
+        type: "bar",
+        barMaxWidth: '50',
+        data: responserData
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("cmsResponser");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/cms/CmsSpliter.vue b/src/components/sqa/cms/CmsSpliter.vue
index 41e03a6..725c53e 100644
--- a/src/components/sqa/cms/CmsSpliter.vue
+++ b/src/components/sqa/cms/CmsSpliter.vue
@@ -1,96 +1,96 @@
-<template>
-  <div id="cmsSpliter" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let usersData = [];
-    let spliterData = [];
-    _self.datas.forEach(item => {
-      usersData.push(item.spliter);
-      spliterData.push({
-        value: item.num
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "开发任务拆分人",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      grid: {
-        top: 60,
-        left: 40,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: [{
-        name: "任务数",
-        type: "bar",
-        barMaxWidth: '50',
-        data: spliterData
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("cmsSpliter");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="cmsSpliter" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let usersData = [];
+    let spliterData = [];
+    _self.datas.forEach(item => {
+      usersData.push(item.spliter);
+      spliterData.push({
+        value: item.num
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "开发任务拆分人",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      grid: {
+        top: 60,
+        left: 40,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: [{
+        name: "任务数",
+        type: "bar",
+        barMaxWidth: '50',
+        data: spliterData
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("cmsSpliter");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/cms/CmsStatus.vue b/src/components/sqa/cms/CmsStatus.vue
index 81c658a..50fcb95 100644
--- a/src/components/sqa/cms/CmsStatus.vue
+++ b/src/components/sqa/cms/CmsStatus.vue
@@ -1,101 +1,101 @@
-<template>
-  <div id="cmsStatus" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let statusData = [];
-    for (let i = 0; i < _self.datas.length; i++) {
-      let namedLabel = eval(localStorage.getItem("codeMissionStatus")).find(item => {
-        return item.statusId === _self.datas[i].status;
-      }).statusName;
-      legendData.push(namedLabel);
-      statusData.push({
-        value: _self.datas[i].num,
-        name: namedLabel
-      });
-    }
-
-    _self.chartsOptions = {
-      title: {
-        text: "开发任务状态",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "开发任务状态",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: statusData,
-        itemStyle: {
-          emphasis: {
-            shadowBlur: 10,
-            shadowOffsetX: 0,
-            shadowColor: "rgba(0, 0, 0, 0.5)"
-          }
-        },
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("cmsStatus");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="cmsStatus" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let statusData = [];
+    for (let i = 0; i < _self.datas.length; i++) {
+      let namedLabel = eval(localStorage.getItem("codeMissionStatus")).find(item => {
+        return item.statusId === _self.datas[i].status;
+      }).statusName;
+      legendData.push(namedLabel);
+      statusData.push({
+        value: _self.datas[i].num,
+        name: namedLabel
+      });
+    }
+
+    _self.chartsOptions = {
+      title: {
+        text: "开发任务状态",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "开发任务状态",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: statusData,
+        itemStyle: {
+          emphasis: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: "rgba(0, 0, 0, 0.5)"
+          }
+        },
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("cmsStatus");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/pro/ProblemCloseCost.vue b/src/components/sqa/pro/ProblemCloseCost.vue
index c6507c9..95c0fd1 100644
--- a/src/components/sqa/pro/ProblemCloseCost.vue
+++ b/src/components/sqa/pro/ProblemCloseCost.vue
@@ -1,90 +1,90 @@
-<template>
-  <div id="closeCostsCharts" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let vcostData = [];
-    _self.datas.forEach(data => {
-      legendData.push(data.closeCosts);
-      vcostData.push({
-        value: data.num,
-        name: data.closeCosts
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "问题关闭时效分析",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "关闭耗时",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: vcostData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("closeCostsCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="closeCostsCharts" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let vcostData = [];
+    _self.datas.forEach(data => {
+      legendData.push(data.closeCosts);
+      vcostData.push({
+        value: data.num,
+        name: data.closeCosts
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "问题关闭时效分析",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "关闭耗时",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: vcostData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("closeCostsCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/pro/ProblemImproveOne.vue b/src/components/sqa/pro/ProblemImproveOne.vue
index 492b849..16e69ad 100644
--- a/src/components/sqa/pro/ProblemImproveOne.vue
+++ b/src/components/sqa/pro/ProblemImproveOne.vue
@@ -1,130 +1,130 @@
-<template>
-  <div id="proImproveOneAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: "",
-      problemImprove: []
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-
-    let improveOpts = _self.sortData(eval(localStorage.getItem("problemImprove")), "type", "typeDesc", "children");
-    _self.problemImprove.splice(0, _self.problemImprove.length);
-    improveOpts.forEach(item => {
-      _self.problemImprove.push({
-        value: item.type,
-        label: item.typeDesc,
-        children: item.children
-      });
-    });
-
-    let legendData = [];
-    let improveData = [];
-    _self.datas.forEach(data => {
-      let improveOne = data.improveOne == '尚未明确' ? '尚未明确' : _self.problemImprove.find(item => {
-        return item.value == data.improveOne;
-      }).label;
-      legendData.push(improveOne);
-      improveData.push({
-        value: data.num,
-        name: improveOne
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "改进措施一级分类分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "改进措施一级分类",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: improveData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("proImproveOneAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  },
-
-  methods: {
-    sortData(json, idKey, labelKey, childKey) {
-      let temp = [];
-      let result = [];
-      for (let i = 0; i < json.length; i++) {
-        temp.push(json[i][idKey]);
-      }
-      temp = temp.filter(function (element, index, array) {
-        return array.indexOf(element) === index;
-      });
-
-      for (let k = 0; k < temp.length; k++) {
-        let children = json.filter(function (d) {
-          return d[idKey] === temp[k];
-        });
-        result.push({
-          [idKey]: temp[k],
-          [labelKey]: children[0][labelKey],
-          [childKey]: children
-        });
-      }
-      return result;
-    }
-  }
-};
-</script>
+<template>
+  <div id="proImproveOneAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: "",
+      problemImprove: []
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+
+    let improveOpts = _self.sortData(eval(localStorage.getItem("problemImprove")), "type", "typeDesc", "children");
+    _self.problemImprove.splice(0, _self.problemImprove.length);
+    improveOpts.forEach(item => {
+      _self.problemImprove.push({
+        value: item.type,
+        label: item.typeDesc,
+        children: item.children
+      });
+    });
+
+    let legendData = [];
+    let improveData = [];
+    _self.datas.forEach(data => {
+      let improveOne = data.improveOne == '尚未明确' ? '尚未明确' : _self.problemImprove.find(item => {
+        return item.value == data.improveOne;
+      }).label;
+      legendData.push(improveOne);
+      improveData.push({
+        value: data.num,
+        name: improveOne
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "改进措施一级分类分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "改进措施一级分类",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: improveData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("proImproveOneAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  },
+
+  methods: {
+    sortData(json, idKey, labelKey, childKey) {
+      let temp = [];
+      let result = [];
+      for (let i = 0; i < json.length; i++) {
+        temp.push(json[i][idKey]);
+      }
+      temp = temp.filter(function (element, index, array) {
+        return array.indexOf(element) === index;
+      });
+
+      for (let k = 0; k < temp.length; k++) {
+        let children = json.filter(function (d) {
+          return d[idKey] === temp[k];
+        });
+        result.push({
+          [idKey]: temp[k],
+          [labelKey]: children[0][labelKey],
+          [childKey]: children
+        });
+      }
+      return result;
+    }
+  }
+};
+</script>
diff --git a/src/components/sqa/pro/ProblemImproveTwo.vue b/src/components/sqa/pro/ProblemImproveTwo.vue
index b800ac3..1f43989 100644
--- a/src/components/sqa/pro/ProblemImproveTwo.vue
+++ b/src/components/sqa/pro/ProblemImproveTwo.vue
@@ -1,140 +1,140 @@
-<template>
-  <div id="proImproveTwoAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-
-    let improveOpts = _self.sortData(eval(localStorage.getItem("problemImprove")), "type", "typeDesc", "children");
-    let problemImprove = [];
-    improveOpts.forEach(item => {
-      problemImprove.push({
-        value: item.type,
-        label: item.typeDesc,
-        children: item.children
-      });
-    });
-    let legendData = [];
-    let improveData = [];
-    _self.datas.forEach(data => {
-      let improveAll = data.improves == '尚未明确' ? [] : data.improves.split(",");
-      if (improveAll.length == 0) {
-        legendData.push('尚未明确');
-        improveData.push({
-          value: data.num,
-          name: '尚未明确'
-        });
-      } else {
-        let improveOne = problemImprove.find(item => {
-          return item.value == improveAll[0];
-        });
-        let improveTwo = improveOne.children.find(item => {
-          return item.subType == improveAll[1];
-        });
-        legendData.push(improveTwo.subDesc);
-        improveData.push({
-          value: data.num,
-          name: improveTwo.subDesc
-        });
-      }
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "改进措施二级分类分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "改进措施二级分类",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: improveData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("proImproveTwoAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  },
-
-  methods: {
-    sortData(json, idKey, labelKey, childKey) {
-      let temp = [];
-      let result = [];
-      for (let i = 0; i < json.length; i++) {
-        temp.push(json[i][idKey]);
-      }
-      temp = temp.filter(function (element, index, array) {
-        return array.indexOf(element) === index;
-      });
-
-      for (let k = 0; k < temp.length; k++) {
-        let children = json.filter(function (d) {
-          return d[idKey] === temp[k];
-        });
-        result.push({
-          [idKey]: temp[k],
-          [labelKey]: children[0][labelKey],
-          [childKey]: children
-        });
-      }
-      return result;
-    }
-  }
-};
-</script>
+<template>
+  <div id="proImproveTwoAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+
+    let improveOpts = _self.sortData(eval(localStorage.getItem("problemImprove")), "type", "typeDesc", "children");
+    let problemImprove = [];
+    improveOpts.forEach(item => {
+      problemImprove.push({
+        value: item.type,
+        label: item.typeDesc,
+        children: item.children
+      });
+    });
+    let legendData = [];
+    let improveData = [];
+    _self.datas.forEach(data => {
+      let improveAll = data.improves == '尚未明确' ? [] : data.improves.split(",");
+      if (improveAll.length == 0) {
+        legendData.push('尚未明确');
+        improveData.push({
+          value: data.num,
+          name: '尚未明确'
+        });
+      } else {
+        let improveOne = problemImprove.find(item => {
+          return item.value == improveAll[0];
+        });
+        let improveTwo = improveOne.children.find(item => {
+          return item.subType == improveAll[1];
+        });
+        legendData.push(improveTwo.subDesc);
+        improveData.push({
+          value: data.num,
+          name: improveTwo.subDesc
+        });
+      }
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "改进措施二级分类分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "改进措施二级分类",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: improveData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("proImproveTwoAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  },
+
+  methods: {
+    sortData(json, idKey, labelKey, childKey) {
+      let temp = [];
+      let result = [];
+      for (let i = 0; i < json.length; i++) {
+        temp.push(json[i][idKey]);
+      }
+      temp = temp.filter(function (element, index, array) {
+        return array.indexOf(element) === index;
+      });
+
+      for (let k = 0; k < temp.length; k++) {
+        let children = json.filter(function (d) {
+          return d[idKey] === temp[k];
+        });
+        result.push({
+          [idKey]: temp[k],
+          [labelKey]: children[0][labelKey],
+          [childKey]: children
+        });
+      }
+      return result;
+    }
+  }
+};
+</script>
diff --git a/src/components/sqa/pro/ProblemInfluence.vue b/src/components/sqa/pro/ProblemInfluence.vue
index d6bbe7c..7e8185e 100644
--- a/src/components/sqa/pro/ProblemInfluence.vue
+++ b/src/components/sqa/pro/ProblemInfluence.vue
@@ -1,93 +1,93 @@
-<template>
-  <div id="proInfluenceAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let influenceData = [];
-    _self.datas.forEach(data => {
-      let influence = eval(localStorage.getItem("defectInfluence")).find(item => {
-        return item.influenceId === data.influence;
-      }).influenceName;
-      legendData.push(influence);
-      influenceData.push({
-        value: data.num,
-        name: influence
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "问题严重程度分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "严重程度",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: influenceData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("proInfluenceAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="proInfluenceAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let influenceData = [];
+    _self.datas.forEach(data => {
+      let influence = eval(localStorage.getItem("defectInfluence")).find(item => {
+        return item.influenceId === data.influence;
+      }).influenceName;
+      legendData.push(influence);
+      influenceData.push({
+        value: data.num,
+        name: influence
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "问题严重程度分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "严重程度",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: influenceData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("proInfluenceAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/pro/ProblemModule.vue b/src/components/sqa/pro/ProblemModule.vue
index b986e58..ff7508b 100644
--- a/src/components/sqa/pro/ProblemModule.vue
+++ b/src/components/sqa/pro/ProblemModule.vue
@@ -1,115 +1,115 @@
-<template>
-  <div id="proModuleAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let usersData = [];
-    let legendData = [];
-    let seriesData = [];
-
-    _self.datas.forEach(data => {
-      usersData.push(data.moduleName);
-    });
-
-    eval(localStorage.getItem("defectInfluence")).forEach(item => {
-      let numsData = [];
-      _self.datas.forEach(data => {
-        let numValue = 0;
-        data.children.forEach(child => {
-          if (child.influence == item.influenceId) {
-            numValue = child.num;
-          }
-        });
-        numsData.push(numValue);
-      });
-
-      legendData.push(item.influenceName);
-      seriesData.push({
-        name: item.influenceName,
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: numsData
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "问题模块分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      legend: {
-        data: legendData
-      },
-      grid: {
-        top: 60,
-        left: 50,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("proModuleAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="proModuleAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let usersData = [];
+    let legendData = [];
+    let seriesData = [];
+
+    _self.datas.forEach(data => {
+      usersData.push(data.moduleName);
+    });
+
+    eval(localStorage.getItem("defectInfluence")).forEach(item => {
+      let numsData = [];
+      _self.datas.forEach(data => {
+        let numValue = 0;
+        data.children.forEach(child => {
+          if (child.influence == item.influenceId) {
+            numValue = child.num;
+          }
+        });
+        numsData.push(numValue);
+      });
+
+      legendData.push(item.influenceName);
+      seriesData.push({
+        name: item.influenceName,
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: numsData
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "问题模块分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      legend: {
+        data: legendData
+      },
+      grid: {
+        top: 60,
+        left: 50,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("proModuleAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/pro/ProblemPriority.vue b/src/components/sqa/pro/ProblemPriority.vue
index b460423..88b0506 100644
--- a/src/components/sqa/pro/ProblemPriority.vue
+++ b/src/components/sqa/pro/ProblemPriority.vue
@@ -1,93 +1,93 @@
-<template>
-  <div id="proPriorityAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let priorityData = [];
-    _self.datas.forEach(data => {
-      let priorityName = eval(localStorage.getItem("defectPriority")).find(item => {
-        return item.priorityId === data.priority;
-      }).priorityName;
-      legendData.push(priorityName);
-      priorityData.push({
-        value: data.num,
-        name: priorityName
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "问题优先级分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "优先级",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: priorityData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("proPriorityAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="proPriorityAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let priorityData = [];
+    _self.datas.forEach(data => {
+      let priorityName = eval(localStorage.getItem("defectPriority")).find(item => {
+        return item.priorityId === data.priority;
+      }).priorityName;
+      legendData.push(priorityName);
+      priorityData.push({
+        value: data.num,
+        name: priorityName
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "问题优先级分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "优先级",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: priorityData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("proPriorityAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/pro/ProblemResolveCost.vue b/src/components/sqa/pro/ProblemResolveCost.vue
index aa46bcd..82b253d 100644
--- a/src/components/sqa/pro/ProblemResolveCost.vue
+++ b/src/components/sqa/pro/ProblemResolveCost.vue
@@ -1,90 +1,90 @@
-<template>
-  <div id="resolveCostsCharts" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let vcostData = [];
-    _self.datas.forEach(data => {
-      legendData.push(data.resolveCosts);
-      vcostData.push({
-        value: data.num,
-        name: data.resolveCosts
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "问题解决时效分析",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "解决耗时",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: vcostData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("resolveCostsCharts");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="resolveCostsCharts" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let vcostData = [];
+    _self.datas.forEach(data => {
+      legendData.push(data.resolveCosts);
+      vcostData.push({
+        value: data.num,
+        name: data.resolveCosts
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "问题解决时效分析",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "解决耗时",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: vcostData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("resolveCostsCharts");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/pro/ProblemResponser.vue b/src/components/sqa/pro/ProblemResponser.vue
index abd9ac5..b61ec86 100644
--- a/src/components/sqa/pro/ProblemResponser.vue
+++ b/src/components/sqa/pro/ProblemResponser.vue
@@ -1,115 +1,115 @@
-<template>
-  <div id="proResponserAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let usersData = [];
-    let legendData = [];
-    let seriesData = [];
-
-    _self.datas.forEach(data => {
-      usersData.push(data.responser);
-    });
-
-    eval(localStorage.getItem("defectInfluence")).forEach(item => {
-      let numsData = [];
-      _self.datas.forEach(data => {
-        let numValue = 0;
-        data.children.forEach(child => {
-          if (child.influence === item.influenceId) {
-            numValue = child.num;
-          }
-        });
-        numsData.push(numValue);
-      });
-
-      legendData.push(item.influenceName);
-      seriesData.push({
-        name: item.influenceName,
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: numsData
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "问题负责人分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      legend: {
-        data: legendData
-      },
-      grid: {
-        top: 60,
-        left: 50,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("proResponserAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="proResponserAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let usersData = [];
+    let legendData = [];
+    let seriesData = [];
+
+    _self.datas.forEach(data => {
+      usersData.push(data.responser);
+    });
+
+    eval(localStorage.getItem("defectInfluence")).forEach(item => {
+      let numsData = [];
+      _self.datas.forEach(data => {
+        let numValue = 0;
+        data.children.forEach(child => {
+          if (child.influence === item.influenceId) {
+            numValue = child.num;
+          }
+        });
+        numsData.push(numValue);
+      });
+
+      legendData.push(item.influenceName);
+      seriesData.push({
+        name: item.influenceName,
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: numsData
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "问题负责人分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      legend: {
+        data: legendData
+      },
+      grid: {
+        top: 60,
+        left: 50,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("proResponserAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/pro/ProblemStatus.vue b/src/components/sqa/pro/ProblemStatus.vue
index 10fce21..55b7c5e 100644
--- a/src/components/sqa/pro/ProblemStatus.vue
+++ b/src/components/sqa/pro/ProblemStatus.vue
@@ -1,119 +1,119 @@
-<template>
-  <div id="proStatusAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let statusData = [];
-    let legendData = [];
-    let seriesData = [];
-
-    _self.datas.forEach(data => {
-      statusData.push(
-        eval(localStorage.getItem("problemStatus")).find(item => {
-          return item.statusId == data.status;
-        }).statusName
-      );
-    });
-
-    eval(localStorage.getItem("defectInfluence")).forEach(item => {
-      let numsData = [];
-      _self.datas.forEach(data => {
-        let numValue = 0;
-        data.children.forEach(child => {
-          if (child.influence === item.influenceId) {
-            numValue = child.num;
-          }
-        });
-        numsData.push(numValue);
-      });
-
-      legendData.push(item.influenceName);
-      seriesData.push({
-        name: item.influenceName,
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: numsData
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "问题状态分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      legend: {
-        data: legendData
-      },
-      grid: {
-        top: 60,
-        left: 50,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      xAxis: {
-        type: "category",
-        data: statusData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("proStatusAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="proStatusAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let statusData = [];
+    let legendData = [];
+    let seriesData = [];
+
+    _self.datas.forEach(data => {
+      statusData.push(
+        eval(localStorage.getItem("problemStatus")).find(item => {
+          return item.statusId == data.status;
+        }).statusName
+      );
+    });
+
+    eval(localStorage.getItem("defectInfluence")).forEach(item => {
+      let numsData = [];
+      _self.datas.forEach(data => {
+        let numValue = 0;
+        data.children.forEach(child => {
+          if (child.influence === item.influenceId) {
+            numValue = child.num;
+          }
+        });
+        numsData.push(numValue);
+      });
+
+      legendData.push(item.influenceName);
+      seriesData.push({
+        name: item.influenceName,
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: numsData
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "问题状态分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      legend: {
+        data: legendData
+      },
+      grid: {
+        top: 60,
+        left: 50,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      xAxis: {
+        type: "category",
+        data: statusData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("proStatusAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/pro/ProblemSubmitter.vue b/src/components/sqa/pro/ProblemSubmitter.vue
index ebbea4a..c25d263 100644
--- a/src/components/sqa/pro/ProblemSubmitter.vue
+++ b/src/components/sqa/pro/ProblemSubmitter.vue
@@ -1,115 +1,115 @@
-<template>
-  <div id="proSubmitterAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let usersData = [];
-    let legendData = [];
-    let seriesData = [];
-
-    _self.datas.forEach(data => {
-      usersData.push(data.submitter);
-    });
-
-    eval(localStorage.getItem("defectInfluence")).forEach(item => {
-      let numsData = [];
-      _self.datas.forEach(data => {
-        let numValue = 0;
-        data.children.forEach(child => {
-          if (child.influence === item.influenceId) {
-            numValue = child.num;
-          }
-        });
-        numsData.push(numValue);
-      });
-
-      legendData.push(item.influenceName);
-      seriesData.push({
-        name: item.influenceName,
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: numsData
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "问题提交人分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      legend: {
-        data: legendData
-      },
-      grid: {
-        top: 60,
-        left: 50,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("proSubmitterAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="proSubmitterAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let usersData = [];
+    let legendData = [];
+    let seriesData = [];
+
+    _self.datas.forEach(data => {
+      usersData.push(data.submitter);
+    });
+
+    eval(localStorage.getItem("defectInfluence")).forEach(item => {
+      let numsData = [];
+      _self.datas.forEach(data => {
+        let numValue = 0;
+        data.children.forEach(child => {
+          if (child.influence === item.influenceId) {
+            numValue = child.num;
+          }
+        });
+        numsData.push(numValue);
+      });
+
+      legendData.push(item.influenceName);
+      seriesData.push({
+        name: item.influenceName,
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: numsData
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "问题提交人分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      legend: {
+        data: legendData
+      },
+      grid: {
+        top: 60,
+        left: 50,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("proSubmitterAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/pro/ProblemTypeOne.vue b/src/components/sqa/pro/ProblemTypeOne.vue
index 346129e..532dfef 100644
--- a/src/components/sqa/pro/ProblemTypeOne.vue
+++ b/src/components/sqa/pro/ProblemTypeOne.vue
@@ -1,129 +1,129 @@
-<template>
-  <div id="proTypeOneAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: "",
-      problemType: []
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-
-    let typeOpts = _self.sortData(eval(localStorage.getItem("problemType")), "type", "typeDesc", "children");
-    _self.problemType.splice(0, _self.problemType.length);
-    typeOpts.forEach(item => {
-      _self.problemType.push({
-        value: item.type,
-        label: item.typeDesc,
-        children: item.children
-      });
-    });
-    let legendData = [];
-    let typeData = [];
-    _self.datas.forEach(data => {
-      let typeOne = _self.problemType.find(item => {
-        return item.value === data.typeOne;
-      }).label;
-      legendData.push(typeOne);
-      typeData.push({
-        value: data.num,
-        name: typeOne
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "问题一级分类分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "一级分类",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: typeData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("proTypeOneAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  },
-
-  methods: {
-    sortData(json, idKey, labelKey, childKey) {
-      let temp = [];
-      let result = [];
-      for (let i = 0; i < json.length; i++) {
-        temp.push(json[i][idKey]);
-      }
-      temp = temp.filter(function (element, index, array) {
-        return array.indexOf(element) === index;
-      });
-
-      for (let k = 0; k < temp.length; k++) {
-        let children = json.filter(function (d) {
-          return d[idKey] === temp[k];
-        });
-        result.push({
-          [idKey]: temp[k],
-          [labelKey]: children[0][labelKey],
-          [childKey]: children
-        });
-      }
-      return result;
-    }
-  }
-};
-</script>
+<template>
+  <div id="proTypeOneAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: "",
+      problemType: []
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+
+    let typeOpts = _self.sortData(eval(localStorage.getItem("problemType")), "type", "typeDesc", "children");
+    _self.problemType.splice(0, _self.problemType.length);
+    typeOpts.forEach(item => {
+      _self.problemType.push({
+        value: item.type,
+        label: item.typeDesc,
+        children: item.children
+      });
+    });
+    let legendData = [];
+    let typeData = [];
+    _self.datas.forEach(data => {
+      let typeOne = _self.problemType.find(item => {
+        return item.value === data.typeOne;
+      }).label;
+      legendData.push(typeOne);
+      typeData.push({
+        value: data.num,
+        name: typeOne
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "问题一级分类分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "一级分类",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: typeData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("proTypeOneAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  },
+
+  methods: {
+    sortData(json, idKey, labelKey, childKey) {
+      let temp = [];
+      let result = [];
+      for (let i = 0; i < json.length; i++) {
+        temp.push(json[i][idKey]);
+      }
+      temp = temp.filter(function (element, index, array) {
+        return array.indexOf(element) === index;
+      });
+
+      for (let k = 0; k < temp.length; k++) {
+        let children = json.filter(function (d) {
+          return d[idKey] === temp[k];
+        });
+        result.push({
+          [idKey]: temp[k],
+          [labelKey]: children[0][labelKey],
+          [childKey]: children
+        });
+      }
+      return result;
+    }
+  }
+};
+</script>
diff --git a/src/components/sqa/pro/ProblemTypeTwo.vue b/src/components/sqa/pro/ProblemTypeTwo.vue
index 0a9bcc5..cd15fd5 100644
--- a/src/components/sqa/pro/ProblemTypeTwo.vue
+++ b/src/components/sqa/pro/ProblemTypeTwo.vue
@@ -1,133 +1,133 @@
-<template>
-  <div id="proTypeTwoAna" style="width: 100%; height: 300px;"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-
-    let typeOpts = _self.sortData(eval(localStorage.getItem("problemType")), "type", "typeDesc", "children");
-    let problemType = [];
-    typeOpts.forEach(item => {
-      problemType.push({
-        value: item.type,
-        label: item.typeDesc,
-        children: item.children
-      });
-    });
-
-    let legendData = [];
-    let typeData = [];
-    _self.datas.forEach(data => {
-      let typeAll = data.types.split(",");
-      let typeOne = problemType.find(item => {
-        return item.value == typeAll[0];
-      });
-      let typeTwo = typeOne.children.find(item => {
-        return item.subType == typeAll[1];
-      });
-      legendData.push(typeTwo.subDesc);
-      typeData.push({
-        value: data.num,
-        name: typeTwo.subDesc
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "问题二级分类分布",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "二级分类",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: typeData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("proTypeTwoAna");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  },
-
-  methods: {
-    sortData(json, idKey, labelKey, childKey) {
-      let temp = [];
-      let result = [];
-      for (let i = 0; i < json.length; i++) {
-        temp.push(json[i][idKey]);
-      }
-      temp = temp.filter(function (element, index, array) {
-        return array.indexOf(element) === index;
-      });
-
-      for (let k = 0; k < temp.length; k++) {
-        let children = json.filter(function (d) {
-          return d[idKey] === temp[k];
-        });
-        result.push({
-          [idKey]: temp[k],
-          [labelKey]: children[0][labelKey],
-          [childKey]: children
-        });
-      }
-      return result;
-    }
-  }
-};
-</script>
+<template>
+  <div id="proTypeTwoAna" style="width: 100%; height: 300px;"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+
+    let typeOpts = _self.sortData(eval(localStorage.getItem("problemType")), "type", "typeDesc", "children");
+    let problemType = [];
+    typeOpts.forEach(item => {
+      problemType.push({
+        value: item.type,
+        label: item.typeDesc,
+        children: item.children
+      });
+    });
+
+    let legendData = [];
+    let typeData = [];
+    _self.datas.forEach(data => {
+      let typeAll = data.types.split(",");
+      let typeOne = problemType.find(item => {
+        return item.value == typeAll[0];
+      });
+      let typeTwo = typeOne.children.find(item => {
+        return item.subType == typeAll[1];
+      });
+      legendData.push(typeTwo.subDesc);
+      typeData.push({
+        value: data.num,
+        name: typeTwo.subDesc
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "问题二级分类分布",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "二级分类",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: typeData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("proTypeTwoAna");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  },
+
+  methods: {
+    sortData(json, idKey, labelKey, childKey) {
+      let temp = [];
+      let result = [];
+      for (let i = 0; i < json.length; i++) {
+        temp.push(json[i][idKey]);
+      }
+      temp = temp.filter(function (element, index, array) {
+        return array.indexOf(element) === index;
+      });
+
+      for (let k = 0; k < temp.length; k++) {
+        let children = json.filter(function (d) {
+          return d[idKey] === temp[k];
+        });
+        result.push({
+          [idKey]: temp[k],
+          [labelKey]: children[0][labelKey],
+          [childKey]: children
+        });
+      }
+      return result;
+    }
+  }
+};
+</script>
diff --git a/src/components/sqa/req/ReqChange.vue b/src/components/sqa/req/ReqChange.vue
index 0035fe7..d39d4fb 100644
--- a/src/components/sqa/req/ReqChange.vue
+++ b/src/components/sqa/req/ReqChange.vue
@@ -1,91 +1,91 @@
-<template>
-  <div id="reqChange" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let changeData = [];
-    _self.datas.forEach(item => {
-      legendData.push(item.changeTimes);
-      changeData.push({
-        value: item.num,
-        name: item.changeTimes
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "需求变更次数",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "变更次数",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: changeData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("reqChange");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="reqChange" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let changeData = [];
+    _self.datas.forEach(item => {
+      legendData.push(item.changeTimes);
+      changeData.push({
+        value: item.num,
+        name: item.changeTimes
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "需求变更次数",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "变更次数",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: changeData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("reqChange");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/req/ReqOffset.vue b/src/components/sqa/req/ReqOffset.vue
index 4342348..d2edd19 100644
--- a/src/components/sqa/req/ReqOffset.vue
+++ b/src/components/sqa/req/ReqOffset.vue
@@ -1,91 +1,91 @@
-<template>
-  <div id="reqOffset" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let offsetData = [];
-    _self.datas.forEach(item => {
-      legendData.push(item.devOffset);
-      offsetData.push({
-        value: item.num,
-        name: item.devOffset
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "需求完成偏差（关闭日期减去期望完成日期）",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "偏差天数",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: offsetData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("reqOffset");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="reqOffset" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let offsetData = [];
+    _self.datas.forEach(item => {
+      legendData.push(item.devOffset);
+      offsetData.push({
+        value: item.num,
+        name: item.devOffset
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "需求完成偏差（关闭日期减去期望完成日期）",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "偏差天数",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: offsetData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("reqOffset");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/req/ReqPriority.vue b/src/components/sqa/req/ReqPriority.vue
index 384356a..f57358a 100644
--- a/src/components/sqa/req/ReqPriority.vue
+++ b/src/components/sqa/req/ReqPriority.vue
@@ -1,101 +1,101 @@
-<template>
-  <div id="reqPriority" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let priorityData = [];
-    for (let i = 0; i < _self.datas.length; i++) {
-      let namedLabel = eval(localStorage.getItem("requirementPriority")).find(item => {
-        return item.priorityId == _self.datas[i].priority;
-      }).priorityName;
-      legendData.push(namedLabel);
-      priorityData.push({
-        value: _self.datas[i].num,
-        name: namedLabel
-      });
-    }
-
-    _self.chartsOptions = {
-      title: {
-        text: "产品需求紧急程度",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "紧急程度",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: priorityData,
-        itemStyle: {
-          emphasis: {
-            shadowBlur: 10,
-            shadowOffsetX: 0,
-            shadowColor: "rgba(0, 0, 0, 0.5)"
-          }
-        },
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("reqPriority");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="reqPriority" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let priorityData = [];
+    for (let i = 0; i < _self.datas.length; i++) {
+      let namedLabel = eval(localStorage.getItem("requirementPriority")).find(item => {
+        return item.priorityId == _self.datas[i].priority;
+      }).priorityName;
+      legendData.push(namedLabel);
+      priorityData.push({
+        value: _self.datas[i].num,
+        name: namedLabel
+      });
+    }
+
+    _self.chartsOptions = {
+      title: {
+        text: "产品需求紧急程度",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "紧急程度",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: priorityData,
+        itemStyle: {
+          emphasis: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: "rgba(0, 0, 0, 0.5)"
+          }
+        },
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("reqPriority");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/req/ReqStatus.vue b/src/components/sqa/req/ReqStatus.vue
index e96f57d..e1e4e8a 100644
--- a/src/components/sqa/req/ReqStatus.vue
+++ b/src/components/sqa/req/ReqStatus.vue
@@ -1,101 +1,101 @@
-<template>
-  <div id="reqStatus" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let statusData = [];
-    for (let i = 0; i < _self.datas.length; i++) {
-      let namedLabel = eval(localStorage.getItem("requirementStatus")).find(item => {
-        return item.statusId === _self.datas[i].status;
-      }).statusName;
-      legendData.push(namedLabel);
-      statusData.push({
-        value: _self.datas[i].num,
-        name: namedLabel
-      });
-    }
-
-    _self.chartsOptions = {
-      title: {
-        text: "产品需求状态",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "需求状态",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: statusData,
-        itemStyle: {
-          emphasis: {
-            shadowBlur: 10,
-            shadowOffsetX: 0,
-            shadowColor: "rgba(0, 0, 0, 0.5)"
-          }
-        },
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("reqStatus");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="reqStatus" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let statusData = [];
+    for (let i = 0; i < _self.datas.length; i++) {
+      let namedLabel = eval(localStorage.getItem("requirementStatus")).find(item => {
+        return item.statusId === _self.datas[i].status;
+      }).statusName;
+      legendData.push(namedLabel);
+      statusData.push({
+        value: _self.datas[i].num,
+        name: namedLabel
+      });
+    }
+
+    _self.chartsOptions = {
+      title: {
+        text: "产品需求状态",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "需求状态",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: statusData,
+        itemStyle: {
+          emphasis: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: "rgba(0, 0, 0, 0.5)"
+          }
+        },
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("reqStatus");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/req/ReqSubmitter.vue b/src/components/sqa/req/ReqSubmitter.vue
index e540620..413714c 100644
--- a/src/components/sqa/req/ReqSubmitter.vue
+++ b/src/components/sqa/req/ReqSubmitter.vue
@@ -1,121 +1,121 @@
-<template>
-  <div id="reqSubmitter" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/grid");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-
-    let legendData = [];
-    let seriesData = [];
-    let usersData = [];
-
-    _self.datas.forEach(data => {
-      usersData.push(data.submitter);
-    });
-
-    eval(localStorage.getItem("requirementPriority")).forEach(item => {
-      let priority = item.priorityId;
-      let numsData = [];
-      _self.datas.forEach(data => {
-        let numValue = 0;
-        data.children.forEach(child => {
-          if (child.priority == priority) {
-            numValue = child.num;
-          }
-        });
-        numsData.push(numValue);
-      });
-
-      legendData.push(item.priorityName);
-      seriesData.push({
-        name: item.priorityName,
-        type: "bar",
-        barMaxWidth: '50',
-        stack: "数量",
-        data: numsData
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "产品需求提出人",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      grid: {
-        top: 60,
-        left: 40,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      legend: {
-        top: 10,
-        data: legendData
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: seriesData
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("reqSubmitter");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-
-};
-</script>
+<template>
+  <div id="reqSubmitter" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/grid");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+
+    let legendData = [];
+    let seriesData = [];
+    let usersData = [];
+
+    _self.datas.forEach(data => {
+      usersData.push(data.submitter);
+    });
+
+    eval(localStorage.getItem("requirementPriority")).forEach(item => {
+      let priority = item.priorityId;
+      let numsData = [];
+      _self.datas.forEach(data => {
+        let numValue = 0;
+        data.children.forEach(child => {
+          if (child.priority == priority) {
+            numValue = child.num;
+          }
+        });
+        numsData.push(numValue);
+      });
+
+      legendData.push(item.priorityName);
+      seriesData.push({
+        name: item.priorityName,
+        type: "bar",
+        barMaxWidth: '50',
+        stack: "数量",
+        data: numsData
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "产品需求提出人",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      grid: {
+        top: 60,
+        left: 40,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      legend: {
+        top: 10,
+        data: legendData
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: seriesData
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("reqSubmitter");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+
+};
+</script>
diff --git a/src/components/sqa/req/ReqType.vue b/src/components/sqa/req/ReqType.vue
index 7f2d1c3..60cf8e7 100644
--- a/src/components/sqa/req/ReqType.vue
+++ b/src/components/sqa/req/ReqType.vue
@@ -1,101 +1,101 @@
-<template>
-  <div id="reqType" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let typeData = [];
-    for (let i = 0; i < _self.datas.length; i++) {
-      let namedLabel = eval(localStorage.getItem("requirementType")).find(item => {
-        return item.typeId === _self.datas[i].type;
-      }).typeName;
-      legendData.push(namedLabel);
-      typeData.push({
-        value: _self.datas[i].num,
-        name: namedLabel
-      });
-    }
-
-    _self.chartsOptions = {
-      title: {
-        text: "产品需求类型",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "需求类型",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: typeData,
-        itemStyle: {
-          emphasis: {
-            shadowBlur: 10,
-            shadowOffsetX: 0,
-            shadowColor: "rgba(0, 0, 0, 0.5)"
-          }
-        },
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("reqType");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="reqType" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let typeData = [];
+    for (let i = 0; i < _self.datas.length; i++) {
+      let namedLabel = eval(localStorage.getItem("requirementType")).find(item => {
+        return item.typeId === _self.datas[i].type;
+      }).typeName;
+      legendData.push(namedLabel);
+      typeData.push({
+        value: _self.datas[i].num,
+        name: namedLabel
+      });
+    }
+
+    _self.chartsOptions = {
+      title: {
+        text: "产品需求类型",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "需求类型",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: typeData,
+        itemStyle: {
+          emphasis: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: "rgba(0, 0, 0, 0.5)"
+          }
+        },
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("reqType");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/tms/TmsManpower.vue b/src/components/sqa/tms/TmsManpower.vue
index 5eb6bee..de77ae2 100644
--- a/src/components/sqa/tms/TmsManpower.vue
+++ b/src/components/sqa/tms/TmsManpower.vue
@@ -1,91 +1,91 @@
-<template>
-  <div id="tmsManpower" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let manpowerData = [];
-    _self.datas.forEach(item => {
-      legendData.push(item.tmCost);
-      manpowerData.push({
-        value: item.num,
-        name: item.tmCost
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "测试任务消耗人力",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "人力",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: manpowerData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("tmsManpower");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="tmsManpower" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let manpowerData = [];
+    _self.datas.forEach(item => {
+      legendData.push(item.tmCost);
+      manpowerData.push({
+        value: item.num,
+        name: item.tmCost
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "测试任务消耗人力",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "人力",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: manpowerData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("tmsManpower");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/tms/TmsOffset.vue b/src/components/sqa/tms/TmsOffset.vue
index 812c6e1..d9b8580 100644
--- a/src/components/sqa/tms/TmsOffset.vue
+++ b/src/components/sqa/tms/TmsOffset.vue
@@ -1,91 +1,91 @@
-<template>
-  <div id="tmsOffset" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let offsetData = [];
-    _self.datas.forEach(item => {
-      legendData.push(item.devOffset);
-      offsetData.push({
-        value: item.num,
-        name: item.devOffset
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "测试任务完成偏差（完成日期减去计划完成日期）",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "偏差天数",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: offsetData,
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("tmsOffset");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="tmsOffset" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let offsetData = [];
+    _self.datas.forEach(item => {
+      legendData.push(item.devOffset);
+      offsetData.push({
+        value: item.num,
+        name: item.devOffset
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "测试任务完成偏差（完成日期减去计划完成日期）",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "偏差天数",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: offsetData,
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("tmsOffset");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/tms/TmsResponser.vue b/src/components/sqa/tms/TmsResponser.vue
index ec8ad9d..847756f 100644
--- a/src/components/sqa/tms/TmsResponser.vue
+++ b/src/components/sqa/tms/TmsResponser.vue
@@ -1,96 +1,96 @@
-<template>
-  <div id="tmsResponser" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let usersData = [];
-    let responserData = [];
-    _self.datas.forEach(item => {
-      usersData.push(item.responser);
-      responserData.push({
-        value: item.num
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "测试任务负责人",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      grid: {
-        top: 60,
-        left: 40,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: [{
-        name: "任务数",
-        type: "bar",
-        barMaxWidth: '50',
-        data: responserData
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("tmsResponser");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="tmsResponser" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let usersData = [];
+    let responserData = [];
+    _self.datas.forEach(item => {
+      usersData.push(item.responser);
+      responserData.push({
+        value: item.num
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "测试任务负责人",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      grid: {
+        top: 60,
+        left: 40,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: [{
+        name: "任务数",
+        type: "bar",
+        barMaxWidth: '50',
+        data: responserData
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("tmsResponser");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/tms/TmsSpliter.vue b/src/components/sqa/tms/TmsSpliter.vue
index ef3c4be..b8b8f60 100644
--- a/src/components/sqa/tms/TmsSpliter.vue
+++ b/src/components/sqa/tms/TmsSpliter.vue
@@ -1,96 +1,96 @@
-<template>
-  <div id="tmsSpliter" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/bar");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let usersData = [];
-    let spliterData = [];
-    _self.datas.forEach(item => {
-      usersData.push(item.spliter);
-      spliterData.push({
-        value: item.num
-      });
-    });
-
-    _self.chartsOptions = {
-      title: {
-        text: "测试任务拆分人",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "axis",
-        axisPointer: {
-          type: "shadow"
-        }
-      },
-      grid: {
-        top: 60,
-        left: 40,
-        right: 40,
-        bottom: 40,
-        show: true
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      xAxis: {
-        type: "category",
-        data: usersData
-      },
-      yAxis: {
-        type: "value",
-        axisLabel: {
-          formatter: "{value}"
-        }
-      },
-      series: [{
-        name: "任务数",
-        type: "bar",
-        barMaxWidth: '50',
-        data: spliterData
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("tmsSpliter");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="tmsSpliter" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/bar");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let usersData = [];
+    let spliterData = [];
+    _self.datas.forEach(item => {
+      usersData.push(item.spliter);
+      spliterData.push({
+        value: item.num
+      });
+    });
+
+    _self.chartsOptions = {
+      title: {
+        text: "测试任务拆分人",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          type: "shadow"
+        }
+      },
+      grid: {
+        top: 60,
+        left: 40,
+        right: 40,
+        bottom: 40,
+        show: true
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      xAxis: {
+        type: "category",
+        data: usersData
+      },
+      yAxis: {
+        type: "value",
+        axisLabel: {
+          formatter: "{value}"
+        }
+      },
+      series: [{
+        name: "任务数",
+        type: "bar",
+        barMaxWidth: '50',
+        data: spliterData
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("tmsSpliter");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/tms/TmsStatus.vue b/src/components/sqa/tms/TmsStatus.vue
index ccfc1e1..2cecfd9 100644
--- a/src/components/sqa/tms/TmsStatus.vue
+++ b/src/components/sqa/tms/TmsStatus.vue
@@ -1,101 +1,101 @@
-<template>
-  <div id="tmsStatus" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let statusData = [];
-    for (let i = 0; i < _self.datas.length; i++) {
-      let namedLabel = eval(localStorage.getItem("testMissionStatus")).find(item => {
-        return item.statusId === _self.datas[i].status;
-      }).statusName;
-      legendData.push(namedLabel);
-      statusData.push({
-        value: _self.datas[i].num,
-        name: namedLabel
-      });
-    }
-
-    _self.chartsOptions = {
-      title: {
-        text: "测试任务状态",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "测试任务状态",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: statusData,
-        itemStyle: {
-          emphasis: {
-            shadowBlur: 10,
-            shadowOffsetX: 0,
-            shadowColor: "rgba(0, 0, 0, 0.5)"
-          }
-        },
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("tmsStatus");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="tmsStatus" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let statusData = [];
+    for (let i = 0; i < _self.datas.length; i++) {
+      let namedLabel = eval(localStorage.getItem("testMissionStatus")).find(item => {
+        return item.statusId === _self.datas[i].status;
+      }).statusName;
+      legendData.push(namedLabel);
+      statusData.push({
+        value: _self.datas[i].num,
+        name: namedLabel
+      });
+    }
+
+    _self.chartsOptions = {
+      title: {
+        text: "测试任务状态",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "测试任务状态",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: statusData,
+        itemStyle: {
+          emphasis: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: "rgba(0, 0, 0, 0.5)"
+          }
+        },
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("tmsStatus");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/components/sqa/tms/TmsType.vue b/src/components/sqa/tms/TmsType.vue
index feda16a..c272288 100644
--- a/src/components/sqa/tms/TmsType.vue
+++ b/src/components/sqa/tms/TmsType.vue
@@ -1,101 +1,101 @@
-<template>
-  <div id="tmsStatus" style="width:100%; height:300px"></div>
-</template>
-
-<script>
-let echarts = require("echarts/lib/echarts");
-require("echarts/lib/chart/pie");
-require("echarts/lib/component/tooltip");
-require("echarts/lib/component/toolbox");
-require("echarts/lib/component/title");
-require("echarts/lib/component/legend");
-import sepp from "@/assets/theme/charts/sepp";
-export default {
-  data: function () {
-    return {
-      chartsOptions: ""
-    };
-  },
-
-  props: ["datas"],
-
-  created() {
-    let _self = this;
-    let legendData = [];
-    let statusData = [];
-    for (let i = 0; i < _self.datas.length; i++) {
-      let namedLabel = eval(localStorage.getItem("testPeriod")).find(item => {
-        return item.periodId === _self.datas[i].type;
-      }).periodName;
-      legendData.push(namedLabel);
-      statusData.push({
-        value: _self.datas[i].num,
-        name: namedLabel
-      });
-    }
-
-    _self.chartsOptions = {
-      title: {
-        text: "测试任务类型",
-        top: "5px",
-        left: "10px"
-      },
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b}: {c} ({d}%)"
-      },
-      legend: {
-        orient: "vertical",
-        right: 10,
-        bottom: 10,
-        data: legendData
-      },
-      toolbox: {
-        right: 0,
-        top: 0,
-        show: true,
-        feature: {
-          dataView: {
-            show: true,
-            readOnly: false
-          },
-          restore: {
-            show: true
-          },
-          saveAsImage: {
-            show: true
-          }
-        },
-        padding: 10
-      },
-      series: [{
-        name: "测试任务类型",
-        type: "pie",
-        radius: "60%",
-        center: ["40%", "50%"],
-        data: statusData,
-        itemStyle: {
-          emphasis: {
-            shadowBlur: 10,
-            shadowOffsetX: 0,
-            shadowColor: "rgba(0, 0, 0, 0.5)"
-          }
-        },
-        label: {
-          normal: {
-            formatter: '{b} ({d}%)',
-          }
-        }
-      }]
-    };
-  },
-
-  mounted() {
-    let _self = this;
-    let charts = document.getElementById("tmsStatus");
-
-    let dataCharts = echarts.init(charts, sepp);
-    dataCharts.setOption(_self.chartsOptions);
-  }
-};
-</script>
+<template>
+  <div id="tmsStatus" style="width:100%; height:300px"></div>
+</template>
+
+<script>
+let echarts = require("echarts/lib/echarts");
+require("echarts/lib/chart/pie");
+require("echarts/lib/component/tooltip");
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+import sepp from "@/assets/theme/charts/sepp";
+export default {
+  data: function () {
+    return {
+      chartsOptions: ""
+    };
+  },
+
+  props: ["datas"],
+
+  created() {
+    let _self = this;
+    let legendData = [];
+    let statusData = [];
+    for (let i = 0; i < _self.datas.length; i++) {
+      let namedLabel = eval(localStorage.getItem("testPeriod")).find(item => {
+        return item.periodId === _self.datas[i].type;
+      }).periodName;
+      legendData.push(namedLabel);
+      statusData.push({
+        value: _self.datas[i].num,
+        name: namedLabel
+      });
+    }
+
+    _self.chartsOptions = {
+      title: {
+        text: "测试任务类型",
+        top: "5px",
+        left: "10px"
+      },
+      tooltip: {
+        trigger: "item",
+        formatter: "{a} <br/>{b}: {c} ({d}%)"
+      },
+      legend: {
+        orient: "vertical",
+        right: 10,
+        bottom: 10,
+        data: legendData
+      },
+      toolbox: {
+        right: 0,
+        top: 0,
+        show: true,
+        feature: {
+          dataView: {
+            show: true,
+            readOnly: false
+          },
+          restore: {
+            show: true
+          },
+          saveAsImage: {
+            show: true
+          }
+        },
+        padding: 10
+      },
+      series: [{
+        name: "测试任务类型",
+        type: "pie",
+        radius: "60%",
+        center: ["40%", "50%"],
+        data: statusData,
+        itemStyle: {
+          emphasis: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: "rgba(0, 0, 0, 0.5)"
+          }
+        },
+        label: {
+          normal: {
+            formatter: '{b} ({d}%)',
+          }
+        }
+      }]
+    };
+  },
+
+  mounted() {
+    let _self = this;
+    let charts = document.getElementById("tmsStatus");
+
+    let dataCharts = echarts.init(charts, sepp);
+    dataCharts.setOption(_self.chartsOptions);
+  }
+};
+</script>
diff --git a/src/util/cookie.js b/src/util/cookie.js
index b44dc91..b9b14c5 100644
--- a/src/util/cookie.js
+++ b/src/util/cookie.js
@@ -1,21 +1,21 @@
-export function getCookie(name) {
-  var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
-  if (arr = document.cookie.match(reg))
-    return (arr[2]);
-  else
-    return null;
-}
-
-export function setCookie(c_name, value, expireSeconds) {
-  var exdate = new Date();
-  exdate.setSeconds(exdate.getSeconds() + expireSeconds);
-  document.cookie = c_name + "=" + escape(value) + ((expireSeconds == null) ? "" : ";expires=" + exdate.toGMTString());
-};
-
-export function delCookie(name) {
-  var exp = new Date();
-  exp.setTime(exp.getTime() - 1);
-  var cval = getCookie(name);
-  if (cval != null)
-    document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
-};
+export function getCookie(name) {
+  var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
+  if (arr = document.cookie.match(reg))
+    return (arr[2]);
+  else
+    return null;
+}
+
+export function setCookie(c_name, value, expireSeconds) {
+  var exdate = new Date();
+  exdate.setSeconds(exdate.getSeconds() + expireSeconds);
+  document.cookie = c_name + "=" + escape(value) + ((expireSeconds == null) ? "" : ";expires=" + exdate.toGMTString());
+};
+
+export function delCookie(name) {
+  var exp = new Date();
+  exp.setTime(exp.getTime() - 1);
+  var cval = getCookie(name);
+  if (cval != null)
+    document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
+};
diff --git a/src/util/date.js b/src/util/date.js
index 1ed0cc0..8aeae12 100644
--- a/src/util/date.js
+++ b/src/util/date.js
@@ -1,178 +1,178 @@
-function dateFormat(date, fmt) {
-  if (/(y+)/.test(fmt)) {
-    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
-  }
-  let o = {
-    'M+': date.getMonth() + 1,
-    'd+': date.getDate(),
-    'h+': date.getHours(),
-    'H+': date.getHours(),
-    'm+': date.getMinutes(),
-    's+': date.getSeconds()
-  }
-  for (let k in o) {
-    let str = o[k] + '';
-    if (new RegExp(`(${k})`).test(fmt)) {
-      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
-    }
-  }
-  return fmt;
-};
-
-function padLeftZero(str) {
-  return ('00' + str).substr(str.length);
-}
-
-function strToDate(date_str) {
-  var str = date_str.split('-');
-  return new Date(str[0], str[1] - 1, str[2]);
-}
-
-function dateDiff(date_s, date_e) {
-  var dTotal = "";
-  var y1 = date_s.getFullYear(); //返回表示月份的数字 (0,1,2,3...11)
-  var y2 = date_e.getFullYear();
-  var m1 = date_s.getMonth(); //返回表示月份的数字 (0,1,2,3...11)
-  var m2 = date_e.getMonth() + (y2 - y1) * 12;
-  var w1 = date_s.getDay();
-  var w2 = date_e.getDay(); //返回表示星期的某一天的數字 
-  var d1 = date_s.getDate(); //還回月份的某一天 (1...31)
-  var d2 = date_e.getDate();
-  var st = date_s.getHours(); //時間的小時的字段 {0.....23}
-  var et = date_e.getHours();
-  var min1 = date_s.getMinutes();
-  var min2 = date_e.getMinutes();
-  var dCount = 0;
-  var dMin = 0;
-  var dHour = 0;
-  var dWeek = 0;
-  var dt = 0;
-  try {
-    if (m2 - m1 > 0) {
-      for (var i = m1; i < m2; i++) {
-        //判断头尾月份总共多少天
-        dt += Check_days(i);
-      }
-      dCount = dt + d2 - d1;
-    } else {
-      dCount = d2 - d1; //天數差
-    }
-
-    if (w2 - w1 <= 0 && dCount > 0) {
-      // 星期天 並且天數差大於0
-      dWeek = 1;
-    } else if (dCount > 7) { //天數差 7天以上 
-      dWeek = parseInt(dCount / 7);
-    }
-
-    dHour = et - st; //小時差
-    dMin = min2 - min1;
-    if (min1 == '20') {
-      if (min2 == '20') {
-        dMin = (dMin) / 60;
-      } else {
-        dMin = (dMin + 20) / 60;
-      }
-    } else {
-      dMin = dMin / 60;
-    }
-    dTotal = (dCount - dWeek) * 8 + dHour + dMin;
-    //午休时间判断
-    return (st < 12 && et > 12) ? dTotal - 1 : dTotal;
-  } catch (e) {
-    return e.message;
-  }
-}
-
-function Check_days(v) {
-  var days = 0;
-  switch (v) {
-    case 0:
-    case 2:
-    case 4:
-    case 6:
-    case 7:
-    case 9:
-    case 11:
-      days = 31;
-      break;
-    case 1:
-      days = 28;
-      break;
-    case 3:
-    case 5:
-    case 8:
-    case 10:
-      days = 30;
-      break;
-  }
-  return days;
-}
-
-function dateAdd (date, interval, number) {
-  var d = date;
-  var k = {
-    'y': 'FullYear',
-    'q': 'Month',
-    'm': 'Month',
-    'w': 'Date',
-    'd': 'Date',
-    'h': 'Hours',
-    'n': 'Minutes',
-    's': 'Seconds',
-    'ms': 'MilliSeconds'
-  };
-  var n = {
-    'q': 3,
-    'w': 7
-  };
-  eval('d.set' + k[interval] + '(d.get' + k[interval] + '()+' + ((n[interval] || 1) * number) + ')');
-  return d;
-}
-
-var pickOptions = {
-  shortcuts: [{
-      text: "最近一周",
-      onClick(picker) {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-        picker.$emit("pick", [start, end]);
-      }
-    },
-    {
-      text: "今天",
-      onClick(picker) {
-        const end = new Date();
-        const start = new Date();
-        picker.$emit("pick", [start, end]);
-      }
-    },
-    {
-      text: "最近一个月",
-      onClick(picker) {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-        picker.$emit("pick", [start, end]);
-      }
-    },
-    {
-      text: "最近三个月",
-      onClick(picker) {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-        picker.$emit("pick", [start, end]);
-      }
-    }
-  ]
-}
-
-export {
-  dateFormat,
-  dateDiff,
-  dateAdd,
-  strToDate,
-  pickOptions
-}
+function dateFormat(date, fmt) {
+  if (/(y+)/.test(fmt)) {
+    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
+  }
+  let o = {
+    'M+': date.getMonth() + 1,
+    'd+': date.getDate(),
+    'h+': date.getHours(),
+    'H+': date.getHours(),
+    'm+': date.getMinutes(),
+    's+': date.getSeconds()
+  }
+  for (let k in o) {
+    let str = o[k] + '';
+    if (new RegExp(`(${k})`).test(fmt)) {
+      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
+    }
+  }
+  return fmt;
+};
+
+function padLeftZero(str) {
+  return ('00' + str).substr(str.length);
+}
+
+function strToDate(date_str) {
+  var str = date_str.split('-');
+  return new Date(str[0], str[1] - 1, str[2]);
+}
+
+function dateDiff(date_s, date_e) {
+  var dTotal = "";
+  var y1 = date_s.getFullYear(); //返回表示月份的数字 (0,1,2,3...11)
+  var y2 = date_e.getFullYear();
+  var m1 = date_s.getMonth(); //返回表示月份的数字 (0,1,2,3...11)
+  var m2 = date_e.getMonth() + (y2 - y1) * 12;
+  var w1 = date_s.getDay();
+  var w2 = date_e.getDay(); //返回表示星期的某一天的數字 
+  var d1 = date_s.getDate(); //還回月份的某一天 (1...31)
+  var d2 = date_e.getDate();
+  var st = date_s.getHours(); //時間的小時的字段 {0.....23}
+  var et = date_e.getHours();
+  var min1 = date_s.getMinutes();
+  var min2 = date_e.getMinutes();
+  var dCount = 0;
+  var dMin = 0;
+  var dHour = 0;
+  var dWeek = 0;
+  var dt = 0;
+  try {
+    if (m2 - m1 > 0) {
+      for (var i = m1; i < m2; i++) {
+        //判断头尾月份总共多少天
+        dt += Check_days(i);
+      }
+      dCount = dt + d2 - d1;
+    } else {
+      dCount = d2 - d1; //天數差
+    }
+
+    if (w2 - w1 <= 0 && dCount > 0) {
+      // 星期天 並且天數差大於0
+      dWeek = 1;
+    } else if (dCount > 7) { //天數差 7天以上 
+      dWeek = parseInt(dCount / 7);
+    }
+
+    dHour = et - st; //小時差
+    dMin = min2 - min1;
+    if (min1 == '20') {
+      if (min2 == '20') {
+        dMin = (dMin) / 60;
+      } else {
+        dMin = (dMin + 20) / 60;
+      }
+    } else {
+      dMin = dMin / 60;
+    }
+    dTotal = (dCount - dWeek) * 8 + dHour + dMin;
+    //午休时间判断
+    return (st < 12 && et > 12) ? dTotal - 1 : dTotal;
+  } catch (e) {
+    return e.message;
+  }
+}
+
+function Check_days(v) {
+  var days = 0;
+  switch (v) {
+    case 0:
+    case 2:
+    case 4:
+    case 6:
+    case 7:
+    case 9:
+    case 11:
+      days = 31;
+      break;
+    case 1:
+      days = 28;
+      break;
+    case 3:
+    case 5:
+    case 8:
+    case 10:
+      days = 30;
+      break;
+  }
+  return days;
+}
+
+function dateAdd (date, interval, number) {
+  var d = date;
+  var k = {
+    'y': 'FullYear',
+    'q': 'Month',
+    'm': 'Month',
+    'w': 'Date',
+    'd': 'Date',
+    'h': 'Hours',
+    'n': 'Minutes',
+    's': 'Seconds',
+    'ms': 'MilliSeconds'
+  };
+  var n = {
+    'q': 3,
+    'w': 7
+  };
+  eval('d.set' + k[interval] + '(d.get' + k[interval] + '()+' + ((n[interval] || 1) * number) + ')');
+  return d;
+}
+
+var pickOptions = {
+  shortcuts: [{
+      text: "最近一周",
+      onClick(picker) {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+        picker.$emit("pick", [start, end]);
+      }
+    },
+    {
+      text: "今天",
+      onClick(picker) {
+        const end = new Date();
+        const start = new Date();
+        picker.$emit("pick", [start, end]);
+      }
+    },
+    {
+      text: "最近一个月",
+      onClick(picker) {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+        picker.$emit("pick", [start, end]);
+      }
+    },
+    {
+      text: "最近三个月",
+      onClick(picker) {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+        picker.$emit("pick", [start, end]);
+      }
+    }
+  ]
+}
+
+export {
+  dateFormat,
+  dateDiff,
+  dateAdd,
+  strToDate,
+  pickOptions
+}