From 119c22f0185250640edf47ae7e099c008585f515 Mon Sep 17 00:00:00 2001
From: fudax <yijiubasi@163.com>
Date: Sat, 15 Feb 2020 09:18:33 +0800
Subject: [PATCH] release v2.0

---
 src/components/Home.vue                       |  27 +-
 .../center/message/MessageCenter.vue          |   2 +-
 .../center/warning/WarningCenter.vue          | 487 ++++++++++++++++
 src/components/mgr/jobs/JobManage.vue         |   2 +-
 src/components/query/RefusedDefect.vue        |   2 +-
 .../sep/analysis/DefectDirection.vue          | 468 ++++++++--------
 src/components/sep/analysis/DefectFixCost.vue | 170 +++---
 .../sep/analysis/DefectFixTimes.vue           | 170 +++---
 src/components/sep/analysis/DefectFounder.vue | 280 +++++-----
 .../sep/analysis/DefectInfluence.vue          | 176 +++---
 src/components/sep/analysis/DefectModule.vue  | 280 +++++-----
 .../sep/analysis/DefectReqirements.vue        | 280 +++++-----
 .../sep/analysis/DefectResponser.vue          | 280 +++++-----
 .../sep/analysis/DefectVerifyCost.vue         | 184 +++---
 src/components/sep/opr/BuildList.vue          |   2 +-
 src/components/sep/opr/Device.vue             |   2 +-
 src/components/sep/opr/Instance.vue           |  10 +-
 src/components/sep/opr/Problem.vue            |   2 +-
 src/components/sep/opr/Sonar.vue              |  24 +-
 src/components/sqa/bug/DefectDirection.vue    | 522 +++++++++---------
 src/components/sqa/bug/DefectFixCost.vue      | 180 +++---
 src/components/sqa/bug/DefectFixTimes.vue     | 180 +++---
 src/components/sqa/bug/DefectFoundPeriod.vue  | 186 +++----
 src/components/sqa/bug/DefectFounder.vue      | 230 ++++----
 src/components/sqa/bug/DefectInfluence.vue    | 186 +++----
 src/components/sqa/bug/DefectModule.vue       | 230 ++++----
 src/components/sqa/bug/DefectPriority.vue     | 186 +++----
 .../sqa/bug/DefectProducePeriod.vue           | 186 +++----
 src/components/sqa/bug/DefectReqirements.vue  | 230 ++++----
 src/components/sqa/bug/DefectResponser.vue    | 230 ++++----
 src/components/sqa/bug/DefectType.vue         | 186 +++----
 src/components/sqa/bug/DefectVerifyCost.vue   | 180 +++---
 src/components/sqa/cms/CmsManpower.vue        | 182 +++---
 src/components/sqa/cms/CmsModule.vue          | 194 +++----
 src/components/sqa/cms/CmsOffset.vue          | 182 +++---
 src/components/sqa/cms/CmsResponser.vue       | 192 +++----
 src/components/sqa/cms/CmsSpliter.vue         | 192 +++----
 src/components/sqa/cms/CmsStatus.vue          | 202 +++----
 src/components/sqa/pro/ProblemCloseCost.vue   | 180 +++---
 src/components/sqa/pro/ProblemImproveOne.vue  | 260 ++++-----
 src/components/sqa/pro/ProblemImproveTwo.vue  | 280 +++++-----
 src/components/sqa/pro/ProblemInfluence.vue   | 186 +++----
 src/components/sqa/pro/ProblemModule.vue      | 230 ++++----
 src/components/sqa/pro/ProblemPriority.vue    | 186 +++----
 src/components/sqa/pro/ProblemResolveCost.vue | 180 +++---
 src/components/sqa/pro/ProblemResponser.vue   | 230 ++++----
 src/components/sqa/pro/ProblemStatus.vue      | 238 ++++----
 src/components/sqa/pro/ProblemSubmitter.vue   | 230 ++++----
 src/components/sqa/pro/ProblemTypeOne.vue     | 258 ++++-----
 src/components/sqa/pro/ProblemTypeTwo.vue     | 266 ++++-----
 src/components/sqa/req/ReqChange.vue          | 182 +++---
 src/components/sqa/req/ReqOffset.vue          | 182 +++---
 src/components/sqa/req/ReqPriority.vue        | 202 +++----
 src/components/sqa/req/ReqStatus.vue          | 202 +++----
 src/components/sqa/req/ReqSubmitter.vue       | 242 ++++----
 src/components/sqa/req/ReqType.vue            | 202 +++----
 src/components/sqa/tms/TmsManpower.vue        | 182 +++---
 src/components/sqa/tms/TmsOffset.vue          | 182 +++---
 src/components/sqa/tms/TmsResponser.vue       | 192 +++----
 src/components/sqa/tms/TmsSpliter.vue         | 192 +++----
 src/components/sqa/tms/TmsStatus.vue          | 202 +++----
 src/components/sqa/tms/TmsType.vue            | 202 +++----
 src/components/work/MissionPannel.vue         |  10 +-
 src/components/work/Workbench.vue             |  94 +++-
 src/router/index.js                           |   9 +
 src/util/cookie.js                            |  42 +-
 src/util/date.js                              | 356 ++++++------
 67 files changed, 6542 insertions(+), 5961 deletions(-)
 create mode 100644 src/components/center/warning/WarningCenter.vue

diff --git a/src/components/Home.vue b/src/components/Home.vue
index c4db4ac..0d472d7 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -1,13 +1,7 @@
 <template>
   <div class="wrapper">
-    <el-dialog :close-on-click-modal="modalClose" :visible.sync="showWarning" width="1024px" :show-close="false" custom-class="popver-dialog">
-      <el-table
-        :data="warnings"
-        size="mini"
-        stripe
-        empty-text="暂无异常告警情况发生"
-        :max-height="warnTHeight"
-        :border="showBorder">
+    <el-dialog :close-on-click-modal="modalClose" :visible.sync="showWarning" width="1024px" :title="warningTitle" custom-class="popver-dialog">
+      <el-table :data="warnings" size="mini" empty-text="暂无异常告警情况发生" :max-height="warnTHeight" :border="showBorder">
         <el-table-column type="index" label="序号" width="50" align="center" sortable>
         </el-table-column>
         <el-table-column prop="warningDate" label="告警日期" width="120" align="center" sortable>
@@ -31,6 +25,7 @@
         </el-table-column>
       </el-table>
       <div slot="footer">
+        <el-button type="primary" icon="el-icon-warning-outline" @click="showWarning=false;$router.push('/warning')" size="mini">前往告警中心</el-button>
         <el-button type="primary" icon="el-icon-close" @click="closeWarning()" size="mini">关闭</el-button>
       </div>
     </el-dialog>
@@ -103,6 +98,10 @@
               <i class="el-icon-tickets"></i> 我的工作</el-dropdown-item>
             <el-dropdown-item command="settings">
               <i class="el-icon-setting"></i> 用户设置</el-dropdown-item>
+            <el-dropdown-item command="messages">
+              <i class="el-icon-message"></i> 消息中心</el-dropdown-item>
+            <el-dropdown-item command="warnings">
+              <i class="el-icon-warning-outline"></i> 告警中心</el-dropdown-item>
             <el-dropdown-item command="logout">
               <i class="iconfont icon-logout"></i> 退出登录</el-dropdown-item>
           </el-dropdown-menu>
@@ -183,6 +182,7 @@ export default {
       messages: [],
       showWarning: false,
       warnings: [],
+      warningTitle: "告警不可清除，如需更新告警数据，请联系项目经理重新计算",
       showNewProduct: false,
       authed: sessionStorage.userId && sessionStorage.userId != null,
       websock: null,
@@ -549,6 +549,10 @@ export default {
           })
       } else if (command == "workbench") {
         _self.$router.push("/index");
+      } else if (command == "messages") {
+        _self.$router.push("/message");
+      } else if (command == "warnings") {
+        _self.$router.push("/warning");
       } else if (command == "settings") {
         _self.$router.push("/user");
       }
@@ -646,10 +650,6 @@ export default {
   border: 1px solid #e0dddd82;
 }
 
-.popver-dialog .el-dialog__header {
-  padding: 0;
-}
-
 .popver-dialog .el-dialog__body {
   padding: 20px 20px 10px 20px;
 }
@@ -661,8 +661,7 @@ export default {
 .message-content .el-alert__description {
   font-size: 14px;
 }
-</style>
-<style scoped>
+</style><style scoped>
 .header {
   box-sizing: border-box;
   font-size: 20px;
diff --git a/src/components/center/message/MessageCenter.vue b/src/components/center/message/MessageCenter.vue
index 9c64f75..4d4f6ba 100644
--- a/src/components/center/message/MessageCenter.vue
+++ b/src/components/center/message/MessageCenter.vue
@@ -101,7 +101,7 @@
                 </el-date-picker>
               </el-form-item>
               <el-form-item style="width:90%">
-                <el-button type="primary" @click="haveReadMessages()" icon="el-icon-search" style="float:right">搜索</el-button>
+                <el-button type="primary" @click="haveReadMessages()" icon="el-icon-search" style="float:right">查询</el-button>
               </el-form-item>
             </el-form>
           </el-col>
diff --git a/src/components/center/warning/WarningCenter.vue b/src/components/center/warning/WarningCenter.vue
new file mode 100644
index 0000000..496e99f
--- /dev/null
+++ b/src/components/center/warning/WarningCenter.vue
@@ -0,0 +1,487 @@
+<template>
+  <div id="root" class="root">
+    <div class="crumbs">
+      <el-breadcrumb separator-class="el-icon-arrow-right">
+        <el-breadcrumb-item>
+          <i class="iconfont icon-mine"></i> 个人中心
+        </el-breadcrumb-item>
+        <el-breadcrumb-item>告警中心</el-breadcrumb-item>
+      </el-breadcrumb>
+    </div>
+
+    <el-dialog title="告警重算" :visible.sync="showRecal" width="680px">
+      <el-form :inline="true" class="warning-form" size="small" v-model="calculate" label-width="100px">
+        <el-form-item label="计算方式">
+          <el-select clearable v-model="calculate.releaseCal" @change="resetRelease()" placeholder="计算方式">
+            <el-option key="1" label="按项目计算" value="1"></el-option>
+            <el-option key="2" label="按版本计算" value="2"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="计算版本" v-if="calculate.releaseCal==2">
+          <el-select clearable v-model="calculate.relId" filterable placeholder="计算版本">
+            <el-option v-for="item in calReleases" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button type="primary" icon="el-icon-close" @click="showRecal=false" size="small">取消</el-button>
+        <el-button type="primary" icon="iconfont icon-run" @click="warningCalculate()" size="small">提交重算</el-button>
+      </div>
+    </el-dialog>
+
+    <div class="warning-main">
+      <el-form :inline="true" class="warning-form" size="mini" v-model="warning" label-width="100px">
+        <el-form-item label="告警类型">
+          <el-select clearable v-model="warning.type" filterable placeholder="告警类型" @change="getSubType()">
+            <el-option v-for="item in warningTypes" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="告警子类型">
+          <el-select clearable v-model="warning.subType" filterable placeholder="告警子类型">
+            <el-option v-for="item in warningSubTypes" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="告警级别">
+          <el-select clearable v-model="warning.level" filterable placeholder="告警级别">
+            <el-option v-for="item in warninglevels" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="所属版本">
+          <el-select clearable v-model="warning.category" filterable placeholder="所属版本">
+            <el-option v-for="item in releases" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-checkbox size="mini" v-model="warning.hideClosed" @change="releaseQuery()" border>隐藏已关闭版本</el-checkbox>
+        </el-form-item>
+        <el-form-item label="负责人">
+          <el-select
+            v-model="warning.responser"
+            clearable
+            placeholder="负责人"
+            filterable
+            :filter-method="filterUsers"
+            @visible-change="resetFilterText">
+            <el-option-group v-for="group in userOptions" :key="group.label" :label="group.label">
+              <el-option v-for="item in group.options" :key="item.value" :label="item.name" :value="item.value">
+                <span style="float:left">{{ item.name }}</span>
+                <span style="float:right;margin-left:20px;color:#9ca9c4">{{ item.account }}</span>
+              </el-option>
+            </el-option-group>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="告警日期">
+          <el-date-picker v-model="warning.warningDate" type="date" :value-format="datefmt" placeholder="告警日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="已邮件通知">
+          <el-select v-model="warning.isSent">
+            <el-option v-for="item in sendStatuses" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item style="float:right">
+          <el-button v-no-more-click type="primary" @click="warningQuery()" icon="el-icon-search" style="float:right">查询</el-button>
+          <el-button
+            v-no-more-click
+            v-if="isManager()"
+            type="warning"
+            @click="showRecal=true"
+            icon="iconfont icon-run"
+            style="float:right;margin-right:10px">告警重算</el-button>
+        </el-form-item>
+      </el-form>
+
+      <el-table
+        :data="warnings"
+        size="mini"
+        stripe
+        empty-text="暂无告警数据"
+        :max-height="maxHeight"
+        ref="warningTable"
+        class="warning-table">
+        <el-table-column type="index" label="序号" width="50" align="center" sortable>
+        </el-table-column>
+        <el-table-column prop="warningDate" label="告警日期" width="120" align="center" sortable>
+        </el-table-column>
+        <el-table-column prop="batchNo" label="告警生成时间" width="160" align="center" sortable>
+          <template slot-scope="scope">
+            <span>{{batchNoToTime(scope.row.batchNo)}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="category" label="所属版本" width="180" align="center" sortable>
+        </el-table-column>
+        <el-table-column prop="toName" label="负责人" width="100" align="center" sortable>
+        </el-table-column>
+        <el-table-column prop="typeName" label="告警类型" width="100" align="center">
+        </el-table-column>
+        <el-table-column prop="subTypeName" label="告警子类型" width="150" align="center">
+        </el-table-column>
+        <el-table-column prop="levelName" label="告警级别" width="100" align="center">
+          <template slot-scope="scope">
+            <el-tag effect="dark" size="mini" v-if="scope.row.level==1">{{scope.row.levelName}}</el-tag>
+            <el-tag effect="dark" size="mini" type="info" v-if="scope.row.level==2">{{scope.row.levelName}}</el-tag>
+            <el-tag effect="dark" size="mini" type="warning" v-if="scope.row.level==3">{{scope.row.levelName}}</el-tag>
+            <el-tag effect="dark" size="mini" type="danger" v-if="scope.row.level==4">{{scope.row.levelName}}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="告警摘要" header-align="center">
+          <template slot-scope="scope">
+            <el-popover placement="top" width="500" trigger="click">
+              <el-alert title="计算规则说明" type="warning" :closable="false" :description="scope.row.summary + '，表达式：' + scope.row.content">
+              </el-alert>
+              <el-button slot="reference" type="text" size="small" style="margin-left:5px">{{ scope.row.summary }}</el-button>
+            </el-popover>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="page-set">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="currentPage"
+          :page-sizes="[10, 20, 50, 100, 200]"
+          :page-size="pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total">
+        </el-pagination>
+        <el-button
+          type="primary"
+          class="el-icon-download export-btn"
+          size="mini"
+          :disabled="warnings.length == 0"
+          plain
+          @click="exportCSV('告警清单数据', 'warningTable')">
+          导出CSV
+        </el-button>
+        <div class="export-tips">导出CSV文件请使用<span>新版本</span>MS Office或者WPS表格工具打开</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  dateFormat
+} from "@/util/date.js";
+import commonQuery from "@/components/util/CommonQuery.vue";
+import TableExport from '@/util/TableExport.js'
+export default {
+  data: function () {
+    return {
+      datefmt: defaultDateFormat,
+      timefmt: defaultTimeFormat,
+      maxHeight: bodyAviHeightTab - 50 - 40,
+      queryChanged: false,
+      warnings: [],
+      total: 0,
+      pageSize: parseInt(sessionStorage.tablePageSize) || 10,
+      currentPage: 1,
+      warning: {
+        responser: "",
+        warningDate: "",
+        category: "",
+        type: "",
+        subType: "",
+        level: "",
+        isSent: 1,
+        hideClosed: true
+      },
+      releases: [],
+      sendStatuses: [{
+          value: 0,
+          label: "否"
+        },
+        {
+          value: 1,
+          label: "是"
+        }
+      ],
+      warninglevels: [],
+      warningTypes: [],
+      warningSubTypes: [],
+      memberFull: [],
+      userOptions: [],
+      showRecal: false,
+      calReleases: [],
+      calculate: {
+        releaseCal: "1",
+        relId: ""
+      }
+    };
+  },
+
+  watch: {
+    warning: {
+      handler() {
+        this.currentPage = 1;
+        this.queryChanged = true;
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+
+  created() {
+    let _self = this;
+    _self.warning.warningDate = dateFormat(new Date(), _self.datefmt);
+
+    _self.warninglevels.splice(0, _self.warninglevels.length);
+    eval(localStorage.getItem("warningLevel")).forEach(item => {
+      _self.warninglevels.push({
+        value: item.levelId,
+        label: item.levelName
+      });
+    });
+
+    let typeOpts = _self.sortData(eval(localStorage.getItem("warningType")), "type", "typeDesc", "children");
+    _self.warningTypes.splice(0, _self.warningTypes.length);
+    typeOpts.forEach(item => {
+      _self.warningTypes.push({
+        value: item.type,
+        label: item.typeDesc,
+        children: item.children
+      });
+    });
+
+    _self.openRelQuery();
+    _self.memberQuery();
+    _self.warningQuery();
+  },
+
+  methods: {
+    memberQuery() {
+      let _self = this;
+      commonQuery.memberQuery(result => {
+        _self.memberFull = result.usersFull;
+        _self.userOptions = result.usersFull;
+      });
+    },
+
+    isManager() {
+      return commonQuery.roleAllow([0, 2, 10]);
+    },
+
+    resetRelease() {
+      let _self = this;
+      if (_self.calculate.releaseCal == 1) {
+        _self.calculate.relId = "";
+      }
+    },
+
+    exportCSV(fileName = 'result', tableRef = 'table') {
+      const columns = this.$refs[tableRef].$children.filter(t => t.prop != null)
+      TableExport(this.warnings, columns, fileName)
+    },
+
+    batchNoToTime(batchNo) {
+      return dateFormat(new Date(batchNo), this.timefmt);
+    },
+
+    getSubType() {
+      let _self = this;
+      _self.warning.subType = "";
+      _self.warningSubTypes.splice(0, _self.warningSubTypes.length);
+      if (!commonQuery.isNull(_self.warning.type)) {
+        let subType = _self.warningTypes.find(item => {
+          return item.value == _self.warning.type;
+        }).children || [];
+        subType.forEach(item => {
+          _self.warningSubTypes.push({
+            value: item.subType,
+            label: item.subDesc
+          });
+        });
+      }
+    },
+
+    openRelQuery() {
+      let _self = this;
+      _self.calReleases.splice(0, _self.calReleases.length);
+      _self.releases.splice(0, _self.releases.length);
+
+      commonQuery.openRelQuery((result) => {
+        if (result.original.length == 0) {
+          _self.$message.info("当前产品/项目尚未建立版本计划！");
+          return;
+        }
+        result.original.forEach(item => {
+          _self.calReleases.push({
+            value: item.id,
+            label: "[" + item.branchName + "] " + item.relCode
+          });
+          _self.releases.push({
+            value: item.id,
+            label: "[" + item.branchName + "] " + item.relCode,
+            code: item.relCode
+          });
+        });
+      })
+    },
+
+    releaseQuery(row, event, column) {
+      let _self = this;
+      _self.releases.splice(0, _self.releases.length);
+
+      if (_self.warning.hideClosed == true) {
+        commonQuery.openRelQuery((result) => {
+          if (result.original.length == 0) {
+            _self.$message.info("当前产品/项目尚未建立版本计划！");
+            return;
+          }
+          result.original.forEach(item => {
+            _self.releases.push({
+              value: item.id,
+              label: "[" + item.branchName + "] " + item.relCode,
+              code: item.relCode
+            });
+          });
+        })
+      } else {
+        commonQuery.releaseQuery((result) => {
+          if (result.original.length == 0) {
+            _self.$message.info("当前产品/项目尚未建立版本计划！");
+            return;
+          }
+          result.original.forEach(item => {
+            _self.releases.push({
+              value: item.id,
+              label: "[" + item.branchName + "] " + item.relCode + " -- " + item.statusName,
+              code: item.relCode
+            });
+          });
+        })
+      }
+    },
+
+    resetFilterText() {
+      let _self = this;
+      _self.userOptions = _self.memberFull;
+    },
+
+    filterUsers(val) {
+      let _self = this;
+      _self.userOptions = commonQuery.pickListFilter(val, _self.memberFull);
+    },
+
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.currentPage = 1;
+      this.warningQuery();
+    },
+
+    handleCurrentChange(val) {
+      if (this.queryChanged == true) {
+        this.currentPage = 1;
+      } else {
+        this.currentPage = val;
+      }
+      this.warningQuery();
+    },
+
+    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;
+    },
+
+    warningCalculate() {
+      let _self = this;
+      if (_self.calculate.releaseCal == 2 && _self.calculate.relId == "") {
+        _self.$message.warning("按版本计算，版本不能为空！");
+        _self.showRecal = false;
+        return;
+      }
+      if (_self.calculate.releaseCal == 1) {
+        _self.$axios
+          .post("/warning/product_cal/" + sessionStorage.productId).then(res => {
+            _self.$message({
+              message: res.data.message,
+              type: res.data.code == 1 ? "success" : "warning"
+            });
+          });
+      } else {
+        _self.$axios
+          .post("/warning/release_cal/" + _self.calculate.relId).then(res => {
+            _self.$message({
+              message: res.data.message,
+              type: res.data.code == 1 ? "success" : "warning"
+            });
+          });
+      }
+      _self.showRecal = false;
+    },
+
+    warningQuery() {
+      let _self = this;
+      _self.$axios
+        .post("/warning/query", {
+          type: _self.warning.type,
+          subType: _self.warning.subType,
+          to: _self.warning.responser,
+          level: _self.warning.level,
+          warningDate: _self.warning.warningDate,
+          category: commonQuery.isNull(_self.warning.category) ? "" : _self.releases.find(d => {
+            return _self.warning.category == d.value
+          }).code,
+          isSent: _self.warning.isSent,
+          pageSize: _self.pageSize,
+          pageNum: _self.currentPage
+        })
+        .then(resp => {
+          _self.warnings = resp.data.list;
+          _self.total = resp.data.total;
+          setTimeout(() => {
+            _self.queryChanged = false;
+          }, 200);
+        });
+    }
+  }
+};
+</script>
+
+<style>
+.warning-main {
+  width: 97% !important;
+  border: 1px solid #e4edf3;
+  border-radius: 2px;
+  padding: 1.5%;
+  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+    0 0 6px 0 rgba(0, 0, 0, 0.04);
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
+}
+
+.warning-form .el-input,
+.warning-form .el-input__inner {
+  width: 180px;
+}
+
+.warning-table th {
+  background-color: #fff;
+  font-size: 14px;
+  color: #788288;
+}
+</style>
diff --git a/src/components/mgr/jobs/JobManage.vue b/src/components/mgr/jobs/JobManage.vue
index 47d932b..0aaeb75 100644
--- a/src/components/mgr/jobs/JobManage.vue
+++ b/src/components/mgr/jobs/JobManage.vue
@@ -3,7 +3,7 @@
         <div class="crumbs">
         <el-breadcrumb separator-class="el-icon-arrow-right">
             <el-breadcrumb-item>
-            <i class="iconfont icon-auth"></i> 基础设施</el-breadcrumb-item>
+            <i class="iconfont icon-tech"></i> 基础设施</el-breadcrumb-item>
             <el-breadcrumb-item>任务管理</el-breadcrumb-item>
         </el-breadcrumb>
         </div>
diff --git a/src/components/query/RefusedDefect.vue b/src/components/query/RefusedDefect.vue
index 7830afe..8ef27ff 100644
--- a/src/components/query/RefusedDefect.vue
+++ b/src/components/query/RefusedDefect.vue
@@ -3,7 +3,7 @@
     <div class="crumbs">
       <el-breadcrumb separator-class="el-icon-arrow-right">
         <el-breadcrumb-item>
-          <i class="iconfont icon-bug"></i> 综合查询
+          <i class="el-icon-search"></i> 综合查询
         </el-breadcrumb-item>
         <el-breadcrumb-item>被拒缺陷</el-breadcrumb-item>
       </el-breadcrumb>
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/sep/opr/BuildList.vue b/src/components/sep/opr/BuildList.vue
index a227cc0..18196af 100644
--- a/src/components/sep/opr/BuildList.vue
+++ b/src/components/sep/opr/BuildList.vue
@@ -3,7 +3,7 @@
     <div class="crumbs">
       <el-breadcrumb separator-class="el-icon-arrow-right">
         <el-breadcrumb-item>
-          <i class="iconfont icon-tech"></i> 发布管理
+          <i class="iconfont icon-release"></i> 发布管理
         </el-breadcrumb-item>
         <el-breadcrumb-item>发布清单</el-breadcrumb-item>
       </el-breadcrumb>
diff --git a/src/components/sep/opr/Device.vue b/src/components/sep/opr/Device.vue
index 70a0d8d..495886c 100644
--- a/src/components/sep/opr/Device.vue
+++ b/src/components/sep/opr/Device.vue
@@ -3,7 +3,7 @@
     <div class="crumbs">
       <el-breadcrumb separator-class="el-icon-arrow-right">
         <el-breadcrumb-item>
-          <i class=" el-icon-mobile-phone"></i> 基础设施
+          <i class=" iconfont icon-tech"></i> 基础设施
         </el-breadcrumb-item>
         <el-breadcrumb-item>测试设备管理</el-breadcrumb-item>
       </el-breadcrumb>
diff --git a/src/components/sep/opr/Instance.vue b/src/components/sep/opr/Instance.vue
index 29240cc..539ef43 100644
--- a/src/components/sep/opr/Instance.vue
+++ b/src/components/sep/opr/Instance.vue
@@ -65,16 +65,16 @@
             <el-option v-for="type in instanceTypes" :label="type.value" :value="type.name" :key="type.name"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="项目名称" prop="description" required>
-          <el-input   v-model="instanceForm.projectName"   style="width:95%"></el-input>
+        <el-form-item label="项目名称" prop="description" >
+          <el-input   v-model="instanceForm.projectName"  placeholder="项目的名称"  style="width:95%"></el-input>
         </el-form-item>
-        <el-form-item label="仓库地址" prop="repoUrl" required>
+        <el-form-item label="仓库地址" prop="repoUrl"  >
           <el-select v-model="instanceForm.repoUrl" placeholder="实例类型" style="width:95%">
             <el-option v-for="item in repoUrls" :label="item.repoUrl" :value="item.repoUrl" :key="item.repoUrl"></el-option>
           </el-select>
         </el-form-item>
-          <el-form-item label="命名空间" prop="namespace" required>
-            <el-input   v-model="instanceForm.namespace"   style="width:95%"></el-input>
+          <el-form-item label="命名空间" prop="namespace"  >
+            <el-input   v-model="instanceForm.namespace"  placeholder="请填写项目命名空间（项目路径）"  style="width:95%"></el-input>
           </el-form-item>
 
         <el-form-item label="构建参数" prop="params" required>
diff --git a/src/components/sep/opr/Problem.vue b/src/components/sep/opr/Problem.vue
index 55afa6c..db38a27 100644
--- a/src/components/sep/opr/Problem.vue
+++ b/src/components/sep/opr/Problem.vue
@@ -3,7 +3,7 @@
     <div class="crumbs">
       <el-breadcrumb separator-class="el-icon-arrow-right">
         <el-breadcrumb-item>
-          <i class="iconfont icon-tech"></i> 基础设施
+          <i class="iconfont icon-coding"></i> 基础设施
         </el-breadcrumb-item>
         <el-breadcrumb-item>线上问题</el-breadcrumb-item>
       </el-breadcrumb>
diff --git a/src/components/sep/opr/Sonar.vue b/src/components/sep/opr/Sonar.vue
index 72f47c0..fbafe7b 100644
--- a/src/components/sep/opr/Sonar.vue
+++ b/src/components/sep/opr/Sonar.vue
@@ -10,7 +10,10 @@
     </div>
 
     <el-card shadow="hover">
-      <div class="sonar-form" id="sonarList">
+      <div v-if="!sonarConfig">
+        未配置SONAR服务或配置错误，请联系管理员！
+      </div>
+      <div v-if="sonarConfig" class="sonar-form" id="sonarList">
         <el-form v-model="qform" :inline="true" size="small" label-width="100px">
           <el-form-item label="实例项目名称" prop="projectKey">
             <el-input v-model="qform.projectKey" placeholder="请输入" clearable></el-input>
@@ -33,7 +36,7 @@
           element-loading-text="查询中..."
           element-loading-spinner="el-icon-loading"
           element-loading-background="rgba(0, 0, 0, 0.8)">
-          <el-table-column prop="projectKey" label="实例名称" width="140" align="center">
+          <el-table-column prop="instanceName" label="实例名称" width="140" align="center">
           </el-table-column>
           <el-table-column prop="gitBranch" label="分支版本" align="center">
           </el-table-column>
@@ -143,7 +146,7 @@
 </template>
 
 <script>
-import commonQuery from "@/components/util/CommonQuery.vue";
+
 
 export default {
   name: "BuildDeployment",
@@ -159,6 +162,7 @@ export default {
       checkAllInstance: false,
       isIndeterminate: true,
       productId: null,
+      sonarConfig:true,
       drawer: false,
       draw:{
         url:""
@@ -210,6 +214,7 @@ export default {
     this.querySonarHistories(this);
     this.productId = sessionStorage.productId;
     this.qform.projectKey = "";
+    this.handleSonarConfig();
     this.timer = setInterval(() => {
       if (document.getElementById("sonarList") === null) {
         clearInterval(this.timer);
@@ -220,12 +225,14 @@ export default {
   },
 
   methods: {
-    releaseQuery() {
+    handleSonarConfig(){
       let _self = this;
-      _self.releases.splice(0, _self.releases.length);
-      commonQuery.openRelQuerySonar(result => {
-        _self.releases = result.releases;
-      });
+      _self.$axios
+    .post("/build/handleSonarConfig")
+        .then(function (res) {
+          _self.sonarConfig=res.data
+        })
+        .catch(e => {});
     },
     querySonarHistories(self) {
       let _self = this;
@@ -259,6 +266,7 @@ export default {
           gitBranch: _self.sonarScan.gitBranch,
           language: _self.sonarScan.language,
           submitter: sessionStorage.userId,
+          instanceName: _self.sonarScan.instance.instance,
           projectKeys: _self.sonarScan.instance.projectName.split(",")
         })
         .then(function (res) {
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/components/work/MissionPannel.vue b/src/components/work/MissionPannel.vue
index ce564f3..5352d60 100644
--- a/src/components/work/MissionPannel.vue
+++ b/src/components/work/MissionPannel.vue
@@ -82,7 +82,7 @@
         <div v-for="ele in planed" :key="ele.id" class="items" :class="ele.id === specified ? 'specified' : ''">
           <i :class="ele.fixed? 'iconfont icon-anchor' : 'iconfont icon-pushpin'" @click=" ele.fixed=! ele.fixed" aria-hidden="true"></i>
           <el-tooltip :content="ele.label" placement="top" effect="dark">
-            <span class="cms-link" @click="$router.push({ name: 'mission', params: { 'id': ele.id } })">{{ele.label}}</span>
+            <span class="cms-link" @click="$router.push({ name: 'missions', params: {type: 'coding', 'id': ele.id } })">{{ele.label}}</span>
           </el-tooltip>
           <div class="split-line"></div>
           计划人力：{{ele.manpower}} 人日
@@ -106,7 +106,7 @@
           <i :class="ele.fixed? 'iconfont icon-anchor' : 'iconfont icon-pushpin'" @click=" ele.fixed=! ele.fixed" aria-hidden="true"></i>
           <el-tooltip :content="ele.label" placement="top" effect="dark">
             <span v-if="ele.label.indexOf('处理缺陷') > -1" class="cms-link" style="color:red" @click="toDefect('dev')">{{ele.label}}</span>
-            <span v-else class="cms-link" @click="$router.push({ name: 'mission', params: { 'id': ele.id } })">{{ele.label}}</span>
+            <span v-else class="cms-link" @click="$router.push({ name: 'missions', params: {type: 'coding', 'id': ele.id } })">{{ele.label}}</span>
           </el-tooltip>
           <div class="split-line"></div>
           计划人力：{{ele.manpower}} 人日
@@ -129,7 +129,7 @@
         <div v-for="ele in ready" :key="ele.id" class="items" :class="ele.id === specified ? 'specified' : ''">
           <i :class="ele.fixed? 'iconfont icon-anchor' : 'iconfont icon-pushpin'" @click=" ele.fixed=! ele.fixed" aria-hidden="true"></i>
           <el-tooltip :content="ele.label" placement="top" effect="dark">
-            <span class="cms-link" @click="$router.push({ name: 'mission', params: { 'id': ele.id } })">{{ele.label}}</span>
+            <span class="cms-link" @click="$router.push({ name: 'missions', params: {type: 'coding', 'id': ele.id } })">{{ele.label}}</span>
           </el-tooltip>
           <div class="split-line"></div>
           计划人力：{{ele.manpower}} 人日
@@ -153,7 +153,7 @@
           <i :class="ele.fixed? 'iconfont icon-anchor' : 'iconfont icon-pushpin'" @click=" ele.fixed=! ele.fixed" aria-hidden="true"></i>
           <el-tooltip :content="ele.label" placement="top" effect="dark">
             <span v-if="ele.label.indexOf('处理缺陷') > -1" class="cms-link" style="color:red" @click="toDefect('test')">{{ele.label}}</span>
-            <span v-else class="cms-link" @click="$router.push({ name: 'mission', params: { 'id': ele.id } })">{{ele.label}}</span>
+            <span v-else class="cms-link" @click="$router.push({ name: 'missions', params: {type: 'coding', 'id': ele.id } })">{{ele.label}}</span>
           </el-tooltip>
           <div class="split-line"></div>
           计划人力：{{ele.manpower}} 人日
@@ -176,7 +176,7 @@
         <div v-for="ele in completed" :key="ele.id" class="items" :class="ele.id === specified ? 'specified' : ''">
           <i :class="ele.fixed? 'iconfont icon-anchor' : 'iconfont icon-pushpin'" @click=" ele.fixed=! ele.fixed" aria-hidden="true"></i>
           <el-tooltip :content="ele.label" placement="top" effect="dark">
-            <span class="cms-link" @click="$router.push({ name: 'mission', params: { 'id': ele.id } })">{{ele.label}}</span>
+            <span class="cms-link" @click="$router.push({ name: 'missions', params: {type: 'coding', 'id': ele.id } })">{{ele.label}}</span>
           </el-tooltip>
           <div class="split-line"></div>
           计划人力：{{ele.manpower}} 人日
diff --git a/src/components/work/Workbench.vue b/src/components/work/Workbench.vue
index d9e1f01..60f5f6f 100644
--- a/src/components/work/Workbench.vue
+++ b/src/components/work/Workbench.vue
@@ -71,6 +71,80 @@
       </el-table>
     </el-drawer>
 
+    <el-drawer title="项目质量预警 —— 当日全部" :visible.sync="showAllWarning" direction="rtl" size="1000px">
+      <el-table
+        :data="warning.allData"
+        size="mini"
+        stripe
+        empty-text="暂无异常告警情况发生"
+        :max-height="maxHeight"
+        :border="showBorder">
+        <el-table-column type="index" label="序号" width="50" align="center" sortable>
+        </el-table-column>
+        <el-table-column prop="category" label="所属版本" width="160" align="center" sortable>
+        </el-table-column>
+        <el-table-column prop="responserName" label="负责人" width="100" align="center" sortable>
+        </el-table-column>
+        <el-table-column prop="typeName" label="告警类型" width="100" align="center">
+        </el-table-column>
+        <el-table-column prop="subTypeName" label="告警子类型" width="150" align="center">
+        </el-table-column>
+        <el-table-column prop="levelName" label="告警级别" width="100" align="center">
+          <template slot-scope="scope">
+            <el-tag effect="dark" size="mini" v-if="scope.row.level==1">{{scope.row.levelName}}</el-tag>
+            <el-tag effect="dark" size="mini" type="info" v-if="scope.row.level==2">{{scope.row.levelName}}</el-tag>
+            <el-tag effect="dark" size="mini" type="warning" v-if="scope.row.level==3">{{scope.row.levelName}}</el-tag>
+            <el-tag effect="dark" size="mini" type="danger" v-if="scope.row.level==4">{{scope.row.levelName}}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="告警摘要" header-align="center">
+          <template slot-scope="scope">
+            <el-popover placement="top" width="500" trigger="click">
+              <el-alert title="计算规则说明" type="warning" :closable="false" :description="scope.row.summary + '，表达式：' + scope.row.content">
+              </el-alert>
+              <el-button slot="reference" type="text" size="small" style="margin-left:5px">{{ scope.row.summary }}</el-button>
+            </el-popover>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-drawer>
+
+    <el-drawer title="项目质量预警 ——  当日与我相关" :visible.sync="showMyWarning" direction="rtl" size="860px">
+      <el-table
+        :data="warning.mineData"
+        size="mini"
+        stripe
+        empty-text="暂无异常告警情况发生"
+        :max-height="maxHeight"
+        :border="showBorder">
+        <el-table-column type="index" label="序号" width="50" align="center" sortable>
+        </el-table-column>
+        <el-table-column prop="category" label="所属版本" width="160" align="center" sortable>
+        </el-table-column>
+        <el-table-column prop="typeName" label="告警类型" width="100" align="center">
+        </el-table-column>
+        <el-table-column prop="subTypeName" label="告警子类型" width="150" align="center">
+        </el-table-column>
+        <el-table-column prop="levelName" label="告警级别" width="100" align="center">
+          <template slot-scope="scope">
+            <el-tag effect="dark" size="mini" v-if="scope.row.level==1">{{scope.row.levelName}}</el-tag>
+            <el-tag effect="dark" size="mini" type="info" v-if="scope.row.level==2">{{scope.row.levelName}}</el-tag>
+            <el-tag effect="dark" size="mini" type="warning" v-if="scope.row.level==3">{{scope.row.levelName}}</el-tag>
+            <el-tag effect="dark" size="mini" type="danger" v-if="scope.row.level==4">{{scope.row.levelName}}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="告警摘要" header-align="center">
+          <template slot-scope="scope">
+            <el-popover placement="top" width="500" trigger="click">
+              <el-alert title="计算规则说明" type="warning" :closable="false" :description="scope.row.summary + '，表达式：' + scope.row.content">
+              </el-alert>
+              <el-button slot="reference" type="text" size="small" style="margin-left:5px">{{ scope.row.summary }}</el-button>
+            </el-popover>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-drawer>
+
     <el-drawer title="产品需求 —— 开发中" :visible.sync="showDevRequest" direction="rtl" size="50%">
       <el-table :data="requirement.devingData" size="mini" stripe :border="showBorder" :max-height="maxHeight">
         <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
@@ -177,14 +251,14 @@
         <div class="work-content" style="width:48.5%;display:inline-block">
           <div class="content-name">当前合计</div>
           <div style="width:100%;text-align:center">
-            <el-link type="primary" class="content-number" :underline="false">{{warning.count}}</el-link>
+            <el-link type="primary" class="content-number" @click="showAllWarning=true" :underline="false">{{warning.count}}</el-link>
           </div>
         </div>
         <el-divider direction="vertical"></el-divider>
         <div class="work-content" style="width:48.5%;display:inline-block">
           <div class="content-name" style="color: yellow">与我相关</div>
           <div style="width:100%;text-align:center">
-            <el-link type="primary" class="content-number" :underline="false">{{warning.mine}}
+            <el-link type="primary" class="content-number" @click="showMyWarning=true" :underline="false">{{warning.mine}}
               <span style="font-size:16px;font-weight:500">{{warning.count == 0 ? '0.0%' : (warning.mine * 100 / warning.count).toFixed(1) + '%'}}</span>
             </el-link>
           </div>
@@ -518,6 +592,8 @@ export default {
       showMyRequest: false,
       showAllCms: false,
       showMyCms: false,
+      showAllWarning: false,
+      showMyWarning: false,
       userProducts: [],
       release: {
         count: 0,
@@ -888,12 +964,14 @@ export default {
 
     productWarningQuery() {
       let _self = this;
-      // _self.$axios.post("/dashboard/warning")
-      // .then(function(res) {
-      //   let result = res.data;
-      //   _self.warning.count = result.count;
-      //   _self.warning.mine = result.mine;
-      // })
+      _self.$axios.post("/dashboard/warning")
+      .then(function(res) {
+        let result = res.data;
+        _self.warning.count = result.count;
+        _self.warning.mine = result.mine;
+        _self.warning.allData = result.allData;
+        _self.warning.mineData = result.mineData;
+      })
     },
 
     productCodeHealthyQuery() {
diff --git a/src/router/index.js b/src/router/index.js
index 618c430..2d8d231 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -33,6 +33,15 @@ export default new Router({
           },
           component: resolve => require(['@/components/center/message/MessageCenter.vue'], resolve)
         },
+        {
+          path: '/warning',
+          name: 'warning',
+          meta: {
+            requireAuth: true,
+            keepAlive: false
+          },
+          component: resolve => require(['@/components/center/warning/WarningCenter.vue'], resolve)
+        },
         {
           path: '/release',
           name: 'release',
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
+}