diff --git a/.babelrc b/.babelrc
index 142a0ab..441847f 100644
--- a/.babelrc
+++ b/.babelrc
@@ -1,6 +1,8 @@
 {
   "presets": [
-    ["env", {
+    ["es2015", { "modules": false }],
+    [
+      "env", {
       "modules": false,
       "targets": {
         "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
@@ -11,9 +13,12 @@
   "plugins": [
     "transform-vue-jsx",
     "transform-runtime",
-    ["import", {
-    "libraryName": "vant",
-    "libraryDirectory": "es",
-    "style": true
-  }]]
-}
+    [
+      "component",
+      {
+        "libraryName": "element-ui",
+        "styleLibraryName": "theme-chalk"
+      }
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index e64ac2f..8c87777 100644
--- a/package.json
+++ b/package.json
@@ -12,8 +12,11 @@
   },
   "dependencies": {
     "axios": "^0.18.0",
+    "babel-plugin-component": "^1.1.1",
     "babel-polyfill": "^6.26.0",
+    "babel-preset-es2015": "^6.24.1",
     "echarts": "^5.1.1",
+    "element-ui": "^2.15.14",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.2",
     "vue": "^2.5.2",
diff --git a/src/config/mork2.js b/src/config/mork2.js
index 1bd2559..8a163d6 100644
--- a/src/config/mork2.js
+++ b/src/config/mork2.js
@@ -12,7 +12,7 @@ export const homepageDataLeft = () => {
         // 需生产
         'plan': 14,
         // 已生产
-        'real': 16
+        'real': 17
       },
       {
         // 物料编码
@@ -28,7 +28,7 @@ export const homepageDataLeft = () => {
         'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
         'materialName': '物料三',
         // 需生产
-        'plan': 14,
+        'plan': 20,
         // 已生产
         'real': 16
       },
@@ -52,8 +52,8 @@ export const homepageDataLeft = () => {
       },
       {
         // 物料编码
-        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
-        'materialName': '物料六',
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-31',
+        'materialName': '物料6',
         // 需生产
         'plan': 14,
         // 已生产
@@ -61,8 +61,8 @@ export const homepageDataLeft = () => {
       },
       {
         // 物料编码
-        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
-        'materialName': '物料七',
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-32',
+        'materialName': '物料7',
         // 需生产
         'plan': 14,
         // 已生产
@@ -71,6 +71,66 @@ export const homepageDataLeft = () => {
     ],
     // 当日成品 最多7个元素
     'todaySort': [
+      {
+        // 物料编码
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
+        // 需生产
+        'plan': 10,
+        // 已压制
+        'press': 20,
+        // 已完成
+        'real': 30
+      },
+      {
+        // 物料编码
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
+        // 需生产
+        'plan': 10,
+        // 已压制
+        'press': 20,
+        // 已完成
+        'real': 30
+      },
+      {
+        // 物料编码
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
+        // 需生产
+        'plan': 10,
+        // 已压制
+        'press': 20,
+        // 已完成
+        'real': 30
+      },
+      {
+        // 物料编码
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
+        // 需生产
+        'plan': 10,
+        // 已压制
+        'press': 20,
+        // 已完成
+        'real': 30
+      },
+      {
+        // 物料编码
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
+        // 需生产
+        'plan': 10,
+        // 已压制
+        'press': 20,
+        // 已完成
+        'real': 30
+      },
+      {
+        // 物料编码
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
+        // 需生产
+        'plan': 10,
+        // 已压制
+        'press': 20,
+        // 已完成
+        'real': 30
+      },
       {
         // 物料编码
         'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
@@ -113,7 +173,7 @@ export const homepageDataLeft = () => {
         'plan': 0.0
       },
       // 信息
-      'message': '今日共需生产8400块，物料种类2种，已完成包装11托，共900块，1个物料，完成率25%。'
+      'message': '今日共需生产<span>8400</span>块，物料种类2种，已完成包装11托，共900块，1个物料，完成率25%。'
     },
     // 历史分析 固定7个元素
     'history': [
diff --git a/src/images/bg-m_2.png b/src/images/bg-m_2.png
new file mode 100644
index 0000000..81b5cdf
Binary files /dev/null and b/src/images/bg-m_2.png differ
diff --git a/src/images/bg-title_2.png b/src/images/bg-title_2.png
new file mode 100644
index 0000000..6796ac9
Binary files /dev/null and b/src/images/bg-title_2.png differ
diff --git a/src/images/fk_1.png b/src/images/fk_1.png
new file mode 100644
index 0000000..18e2657
Binary files /dev/null and b/src/images/fk_1.png differ
diff --git a/src/images/fk_2.png b/src/images/fk_2.png
new file mode 100644
index 0000000..7cf0bde
Binary files /dev/null and b/src/images/fk_2.png differ
diff --git a/src/images/fk_3.png b/src/images/fk_3.png
new file mode 100644
index 0000000..4bc510f
Binary files /dev/null and b/src/images/fk_3.png differ
diff --git a/src/images/fk_4.png b/src/images/fk_4.png
new file mode 100644
index 0000000..d415780
Binary files /dev/null and b/src/images/fk_4.png differ
diff --git a/src/images/fk_5.png b/src/images/fk_5.png
new file mode 100644
index 0000000..091b7b6
Binary files /dev/null and b/src/images/fk_5.png differ
diff --git a/src/images/gl-bg_1.png b/src/images/gl-bg_1.png
new file mode 100644
index 0000000..b214fa7
Binary files /dev/null and b/src/images/gl-bg_1.png differ
diff --git a/src/images/gl-bg_2.png b/src/images/gl-bg_2.png
new file mode 100644
index 0000000..acd54aa
Binary files /dev/null and b/src/images/gl-bg_2.png differ
diff --git a/src/images/gl-bg_3.png b/src/images/gl-bg_3.png
new file mode 100644
index 0000000..1d84749
Binary files /dev/null and b/src/images/gl-bg_3.png differ
diff --git a/src/images/light_1.png b/src/images/light_1.png
new file mode 100644
index 0000000..4bd2887
Binary files /dev/null and b/src/images/light_1.png differ
diff --git a/src/images/message-bg.png b/src/images/message-bg.png
new file mode 100644
index 0000000..23e2d5e
Binary files /dev/null and b/src/images/message-bg.png differ
diff --git a/src/images/pie-bg_1.png b/src/images/pie-bg_1.png
new file mode 100644
index 0000000..6017ef6
Binary files /dev/null and b/src/images/pie-bg_1.png differ
diff --git a/src/images/pie-bg_2.png b/src/images/pie-bg_2.png
new file mode 100644
index 0000000..0fee0f6
Binary files /dev/null and b/src/images/pie-bg_2.png differ
diff --git a/src/images/pie_1.png b/src/images/pie_1.png
new file mode 100644
index 0000000..d50866d
Binary files /dev/null and b/src/images/pie_1.png differ
diff --git a/src/images/symbol_1.png b/src/images/symbol_1.png
new file mode 100644
index 0000000..b381662
Binary files /dev/null and b/src/images/symbol_1.png differ
diff --git a/src/images/symbol_2.png b/src/images/symbol_2.png
new file mode 100644
index 0000000..11cc95d
Binary files /dev/null and b/src/images/symbol_2.png differ
diff --git a/src/pages/modules/home/left/index.vue b/src/pages/modules/home/left/index.vue
index bef6143..6c3dfd5 100644
--- a/src/pages/modules/home/left/index.vue
+++ b/src/pages/modules/home/left/index.vue
@@ -11,6 +11,9 @@
             <div class="n_header_h1">
                 <h1>生产数据</h1>
             </div>
+            <div class="n_header_h2">
+                <h2>辽宁晟华耐火材料有限公司</h2>
+            </div>
         </div>
         <div class="left_bg"></div>
         <div class="button_bg"></div>
@@ -62,12 +65,27 @@ export default {
         line-height: 44px;
         opacity: 0.89;
         letter-spacing 18px
-        background: linear-gradient(0deg, #AAD0F6 0%, #D7E7F5 73.3154296875%, #E0EAF6 100%);
+        background: linear-gradient(0deg, #AAD0F6 0%, #D7E7F5 53.3154296875%, #E0EAF6 100%);
         filter: drop-shadow(#092F6D 1px 4px 1px);
         -webkit-background-clip: text;
         background-clip: text;
         text-align right
         margin-right -9px
+.n_header_h2
+    position absolute
+    top 18px
+    left 29px
+    width 562px
+    height 31px
+    h2
+        font-size: 42px;
+        font-family: 'YouSheBiaoTiHei';
+        font-weight: 400;
+        color: transparent;
+        line-height: 29px;
+        background: linear-gradient(0deg, #B6C3D3 0%, #E3E9F2 53.3154296875%, #FEFEFE 100%);
+        -webkit-background-clip: text;
+        background-clip: text;
 .left_bg
     position absolute
     left 0
@@ -92,9 +110,8 @@ export default {
 .n_left_wraper
     width 935px
     height 100%
-    opacity 0.5
 .n_right_wraper
     width calc(100% - 965px)
     height 100%
-    background center / 100% url('../../../../images/bg-center_left.jpg') no-repeat
+    padding-top 5px
 </style>
diff --git a/src/pages/modules/home/left/left.vue b/src/pages/modules/home/left/left.vue
index 56e8e1e..8e67553 100644
--- a/src/pages/modules/home/left/left.vue
+++ b/src/pages/modules/home/left/left.vue
@@ -6,41 +6,43 @@
             </div>
             <div class="content_wraper flexbetween">
                 <div class="module_one_wraper">
-                    <div class="echart_wraper_1">
+                    <div class="pie_wraper_1">
+                      <!-- <div class="pie_inner_1">
+                        <div class="light_1"></div>
+                        <p>{{ orderFulfillmentRate }}<span>%</span></p>
+                      </div> -->
+                      <div class="echart_wraper_1">
                         <div id="new_home_echart_1" style="width: 100%; height: 100%;"></div>
+                      </div>
+                      <div class="pie_title_1">订单完成</div>
                     </div>
-                    <div class="echart_title_1">订单完成</div>
                 </div>
+                <div class="line_1"></div>
                 <div class="module_two_wraper">
                   <div class="module_two_item_wraper">
-                    <div class="module_two_item_lable flexcenter">混料</div>
+                    <div class="module_two_item_lable">混料</div>
                     <div class="module_two_item_content">
-                      <div class="module_two_item_pro"></div>
-                      <div class="module_two_item_p_l flexcenter">85.00吨</div>
-                      <div class="module_two_item_p_r flexcenter">100吨</div>
+                      <div class="module_two_item_p_l">{{todayMixProduction.real}}吨</div>
+                      <div class="module_two_item_p_r">{{todayMixProduction.plan}}吨</div>
                     </div>
                   </div>
                   <div class="module_two_item_wraper">
-                    <div class="module_two_item_lable flexcenter">成型</div>
+                    <div class="module_two_item_lable">成型</div>
                     <div class="module_two_item_content">
-                      <div class="module_two_item_pro"></div>
-                      <div class="module_two_item_p_l flexcenter">85.00块</div>
-                      <div class="module_two_item_p_r flexcenter">100块</div>
+                      <div class="module_two_item_p_l">{{todayPressProduction.real}}块</div>
+                      <div class="module_two_item_p_r">{{todayPressProduction.plan}}块</div>
                     </div>
                   </div>
                   <div class="module_two_item_wraper">
-                    <div class="module_two_item_lable flexcenter">包装</div>
+                    <div class="module_two_item_lable">包装</div>
                     <div class="module_two_item_content">
-                      <div class="module_two_item_pro"></div>
-                      <div class="module_two_item_p_l flexcenter">85.00块</div>
-                      <div class="module_two_item_p_r flexcenter">100快</div>
+                      <div class="module_two_item_p_l">{{todaySortProduction.real}}块</div>
+                      <div class="module_two_item_p_r">{{todaySortProduction.plan}}快</div>
                     </div>
                   </div>
                 </div>
                 <div class="module_three_wraper">
-                  <div class="module_three_text">
-                    剩余<span>5</span>个，完成率<span>85%</span>，预计完成时间10月11日17点35分。今日订单共<span>158</span>个。
-                  </div>
+                  <div class="module_three_text" v-html="messageString"></div>
                 </div>
             </div>
         </div>
@@ -71,9 +73,18 @@
                 <div class="title_wraper">
                     <p>库存量监控</p>
                 </div>
-                <div class="content_wraper">
-                  <div class="echart_wraper">
+                <div class="content_wraper relative">
+                  <div class="pie_wraper_2">
+                    <div class="echart_wraper">
                       <div id="new_home_echart_4" style="width: 100%; height: 100%;"></div>
+                    </div>
+                  </div>
+                  <div class="pie_legend">
+                    <div class="pie_legend_item" v-for="(e, i) in inventory" :key="i">
+                      <p class="pie_legend_txt_1">{{ e.materialCode }}</p>
+                      <p class="pie_legend_txt_1">{{ e.qty }}</p>
+                      <p class="pie_legend_txt_1">{{ e.rate }}</p>
+                    </div>
                   </div>
                 </div>
             </div>
@@ -93,20 +104,34 @@
 
 <script>
 import { homepageDataLeft } from '@js/mork2.js'
+import symbol1 from '@img/symbol_1.png'
+import symbol2 from '@img/symbol_2.png'
 export default {
   data () {
     return {
       interTime: this.$store.getters.setTime,
       timer: null,
-      todayProduction: {}, // 今日生产
+      todayMixProduction: {}, // 今日生产混料
+      todayPressProduction: {}, // 今日生产成型
+      todaySortProduction: {}, // 今日生产包装
+      orderFulfillmentRate: {}, // 订单完成
+      message: '',
       todayMix: [], // 当日混料
       todaySort: [], // 当日成品
       inventory: [], // 库存量监控
       history: [], // 历史分析
       chart2Timer: null,
+      chart3Timer: null,
+      chart4Timer: null,
       chart5Timer: null
     }
   },
+  computed: {
+    messageString () {
+      const t = this.message
+      return t
+    }
+  },
   created () {
     this._homepageDataLeft()
     this.refresh()
@@ -114,6 +139,8 @@ export default {
   beforeDestroy () {
     clearInterval(this.timer)
     clearInterval(this.chart2Timer)
+    clearInterval(this.chart3Timer)
+    clearInterval(this.chart4Timer)
     clearInterval(this.chart5Timer)
   },
   methods: {
@@ -125,10 +152,24 @@ export default {
     async _homepageDataLeft () {
       let res = await homepageDataLeft()
       clearInterval(this.chart2Timer)
+      clearInterval(this.chart3Timer)
+      clearInterval(this.chart4Timer)
       clearInterval(this.chart5Timer)
-      this.todayProduction = res.todayProduction
+      this.todayMixProduction = res.todayProduction.todayMixProduction
+      this.todayPressProduction = res.todayProduction.todayPressProduction
+      this.todaySortProduction = res.todayProduction.todaySortProduction
+      this.message = res.todayProduction.message
+      this.orderFulfillmentRate = Number(res.todayProduction.orderFulfillmentRate.real) / Number(res.todayProduction.orderFulfillmentRate.plan) * 100
+      this.orderFulfillmentRate = this.orderFulfillmentRate.toFixed(0)
       this.todayMix = [...res.todayMix]
       this.todaySort = [...res.todaySort]
+      let total = res.inventory.reduce((a, b) => {
+        return a + Number(b.qty)
+      }, 0)
+      total = 5
+      res.inventory.map(el => {
+        this.$set(el, 'rate', Number(el.qty) * 100 / Number(total) + '%')
+      })
       this.inventory = [...res.inventory]
       this.history = [...res.history]
       this.setEchart1()
@@ -138,90 +179,66 @@ export default {
       this.setEchart5()
     },
     setEchart1 () {
-      let value = Number(this.todayProduction.orderFulfillmentRate.real) / Number(this.todayProduction.orderFulfillmentRate.plan)
-      value = value.toFixed(2)
-      value = value * 100
-      value = 78
+      let value = this.orderFulfillmentRate
       let option = {
         grid: {
-          top: 5,
+          top: 0,
           left: 0,
-          right: 70,
+          right: 0,
           bottom: 0,
           containLabel: true
         },
+        title: {
+          text: `{a|${value}}{b|%}`,
+          x: 'center',
+          y: 'center',
+          textStyle: {
+            rich: {
+              a: {
+                fontSize: 36,
+                color: '#DBE7F6',
+                fontFamily: 'YouSheBiaoTiHei'
+              },
+              b: {
+                fontSize: 20,
+                padding: [9, 0, 0, 3],
+                color: '#fff',
+                fontFamily: 'YouSheBiaoTiHei'
+              }
+            }
+          }
+        },
         series: [{
           name: '进度',
           type: 'pie',
-          radius: ['76%', '90%'],
+          radius: ['76%', '100%'],
           center: ['50%', '50%'],
           clockwise: false,
           label: {
-            position: 'center',
-            formatter: `{val| ${value}}{name|%}`,
-            rich: {
-              val: {
-                fontSize: 32,
-                fontWeight: 500,
-                color: '#fff',
-                fontFamily: 'Oswald-Regular, Oswald'
-              },
-              name: {
-                fontSize: 18,
-                fontWeight: 400,
-                padding: [10, 0, 0, 0],
-                color: '#fff',
-                fontFamily: 'PingFangSC-Regular, PingFang SC'
-              }
-            }
+            show: false
           },
           data: [{
             name: '已完成',
-            value: value - 1,
+            value: value,
             itemStyle: {
               decal: {
-                color: '#0075f3',
-                backgroundColor: '#2e93f5',
+                color: '#3D92ED',
+                backgroundColor: '#1774E8',
                 dashArrayX: [1, 0],
                 dashArrayY: [1, 4],
-                rotation: -Math.PI
+                rotation: -Math.PI / 4
               }
             }
-          }, {
-            name: '白色尾部',
-            value: 1,
-            itemStyle: {
-              color: {
-                type: 'radial',
-                x: 0,
-                y: 0,
-                r: 1,
-                colorStops: [
-                  {
-                    offset: 1,
-                    color: '#2e93f5' // 0% 处的颜色
-                  },
-                  {
-                    offset: 0,
-                    color: '#fff' // 0% 处的颜色
-                  }
-                ],
-                global: false // 缺省为 false
-              }
-            },
-            emphasis: {
-              disabled: true
-            }
           }, {
             name: '未完成',
             value: 100 - value,
             itemStyle: {
               decal: {
-                color: '#2a527e',
-                backgroundColor: '#355a84',
+                color: '#597491',
+                backgroundColor: '#2f5175',
                 dashArrayX: [1, 0],
                 dashArrayY: [2, 4],
-                rotation: -Math.PI
+                rotation: -Math.PI / 4
               }
             },
             emphasis: {
@@ -230,63 +247,28 @@ export default {
           }]
         }, {
           type: 'pie',
-          data: [100],
-          silent: true,
-          radius: '100%',
-          center: ['50%', '50%'],
+          radius: ['99%', '100%'],
+          hoverAnimation: false,
+          clockWise: false,
           itemStyle: {
-            color: '#0c2646'
+            color: '#45B1F1'
           },
-          z: -1
+          label: {
+            show: false
+          },
+          data: [1]
         }, {
           type: 'pie',
-          radius: ['58%', '58.5%'],
-          startAngle: 225,
-          legendHoverLink: false,
-          labelLine: {
+          radius: ['75%', '76%'],
+          hoverAnimation: false,
+          clockWise: false,
+          itemStyle: {
+            color: '#45B1F1'
+          },
+          label: {
             show: false
           },
-          data: [{
-            value: 100,
-            itemStyle: {
-              color: '#0e58a8'
-            }
-          }]
-        }, {
-          type: 'gauge',
-          radius: '78%',
-          center: ['50%', '50%'],
-          startAngle: 0,
-          endAngle: 359.9,
-          splitNumber: 18,
-          axisTick: {
-            show: false
-          },
-          splitLine: {
-            length: 10,
-            lineStyle: {
-              width: 2,
-              color: '#0e58a8'
-            }
-          },
-          axisLabel: {
-            show: false
-          },
-          pointer: {
-            show: false
-          },
-          axisLine: {
-            lineStyle: {
-              opacity: 0
-            }
-          },
-          detail: {
-            show: false
-          },
-          data: [{
-            value: 0,
-            name: ''
-          }]
+          data: [1]
         }]
       }
       // let echart = document.getElementById('new_home_echart_1')
@@ -307,17 +289,21 @@ export default {
       })
     },
     setEchart2 () {
+      let img = {
+        imgSrc1: symbol1,
+        imgSrc2: symbol2
+      }
       let barName = []
       let barData1 = []
       let barData2 = []
       this.todayMix.map(el => {
-        barName.push(el.materialName)
+        barName.push(el.materialCode)
         barData1.push(el.plan)
         barData2.push(el.real)
       })
       let option = {
         grid: {
-          top: 50,
+          top: 55,
           left: 0,
           right: 0,
           bottom: 0,
@@ -325,15 +311,17 @@ export default {
         },
         legend: {
           icon: 'rect',
+          top: '0',
+          right: '0',
           textStyle: {
-            color: '#fff',
-            fontSize: 14,
-            lineHeight: 14
+            color: '#9BB9DD',
+            fontSize: 16,
+            lineHeight: 16
           },
-          itemGap: 30.86,
-          itemWidth: 14.16,
-          itemHeight: 7.38,
-          data: [{name: '需生产', itemStyle: {color: '#0E90FD'}}, {name: '已生产', itemStyle: {color: '#33CCCC'}}]
+          itemGap: 30,
+          itemWidth: 8,
+          itemHeight: 8,
+          data: [{name: '需生产', itemStyle: {color: '#8EB5E5'}}, {name: '已生产', itemStyle: {color: '#1980EA'}}]
         },
         xAxis: {
           type: 'category',
@@ -344,19 +332,44 @@ export default {
             show: true,
             lineStyle: {
               width: 1,
-              color: '#8FABBF'
+              color: '#3C5787'
             }
           },
           axisLabel: {
             interval: 0,
-            color: '#8FABBF',
-            fontSize: 16
+            color: '#7591B2',
+            fontSize: 12,
+            lineHeight: 12,
+            fontFamily: 'SourceHanSansCN-Regular',
+            margin: 10,
+            formatter: (value) => {
+              let str = ''
+              let num = 10
+              let valLength = value.length
+              let rowNum = Math.ceil(valLength / num)
+              if (rowNum > 1) {
+                for (let i = 0; i < rowNum; i++) {
+                  let temp = ''
+                  let start = i * num
+                  let end = start + num
+                  if (i === rowNum - 1) {
+                    temp = value.substring(start, end)
+                  } else {
+                    temp = value.substring(start, end) + '\n'
+                  }
+                  str += temp
+                }
+                return str
+              } else {
+                return value
+              }
+            }
           },
           data: barName
         },
         yAxis: {
           type: 'value',
-          name: '单位：块',
+          // name: '单位：块',
           axisLine: {
             show: false
           },
@@ -365,14 +378,15 @@ export default {
             show: false
           },
           axisLabel: {
-            color: '#8FABBF',
-            fontSize: 14
+            color: '#B5C5D4',
+            fontSize: 16,
+            fontFamily: 'SourceHanSansCN-Regular'
           },
           splitLine: {
             show: true,
             lineStyle: {
               type: [4, 3],
-              color: '#8FABBF'
+              color: '#455C86'
             }
           }
         },
@@ -380,61 +394,16 @@ export default {
           {
             name: '需生产',
             type: 'pictorialBar',
-            barWidth: '75%',
-            // symbolOffset: [-10, 0],
-            itemStyle: {
-              color: {
-                type: 'linear',
-                x: 0,
-                y: 0,
-                x2: 0,
-                y2: 1,
-                colorStops: [
-                  {
-                    offset: 0,
-                    color: 'rgba(255, 255, 255, 0.6)' // 0% 处的颜色
-                  },
-                  {
-                    offset: 1,
-                    color: 'rgba(255, 255, 255, 0.1)' // 100% 处的颜色
-                  }
-                ]
-              },
-              borderColor: '#fff',
-              borderWidth: 3
-            },
-            symbol:
-              'path://M12.000,-0.000 C12.000,-0.000 16.074,60.121 22.731,60.121 C26.173,60.121 -3.234,60.121 0.511,60.121 C7.072,60.121 12.000,-0.000 12.000,-0.000 Z',
+            barWidth: '77',
+            symbol: 'image://' + img.imgSrc1,
             data: barData1
           },
           {
             name: '已生产',
             type: 'pictorialBar',
-            barWidth: '75%',
-            barGap: '-65%',
-            itemStyle: {
-              color: {
-                type: 'linear',
-                x: 0,
-                y: 0,
-                x2: 0,
-                y2: 1,
-                colorStops: [
-                  {
-                    offset: 0,
-                    color: 'rgba(0, 0, 199, 0.6)' // 0% 处的颜色
-                  },
-                  {
-                    offset: 1,
-                    color: 'rgba(0, 0, 199, 0.1)' // 100% 处的颜色
-                  }
-                ]
-              }, // 渐变颜色
-              borderColor: '#fff',
-              borderWidth: 3
-            },
-            symbol:
-              'path://M12.000,-0.000 C12.000,-0.000 16.074,60.121 22.731,60.121 C26.173,60.121 -3.234,60.121 0.511,60.121 C7.072,60.121 12.000,-0.000 12.000,-0.000 Z',
+            barWidth: '77',
+            barGap: '-75%',
+            symbol: 'image://' + img.imgSrc2,
             data: barData2
           }
         ],
@@ -444,7 +413,7 @@ export default {
             show: false, // 是否显示滑动条，不影响使用
             type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
             startValue: 0, // 从头开始。
-            endValue: 5 // 展示到第几个。
+            endValue: 4 // 展示到第几个。
           }
         ]
       }
@@ -477,7 +446,7 @@ export default {
       })
       let option = {
         grid: {
-          top: 50,
+          top: 55,
           left: 0,
           right: 0,
           bottom: 0,
@@ -485,15 +454,17 @@ export default {
         },
         legend: {
           icon: 'rect',
+          top: '0',
+          right: '0',
           textStyle: {
-            color: '#fff',
-            fontSize: 14,
-            lineHeight: 14
+            color: '#9BB9DD',
+            fontSize: 16,
+            lineHeight: 16
           },
-          itemGap: 30.86,
-          itemWidth: 14.16,
-          itemHeight: 7.38,
-          data: [{name: '需生产', itemStyle: {color: '#0E90FD'}}, {name: '已压制', itemStyle: {color: '#33CCCC'}}, {name: '已完成', itemStyle: {color: '#33CCC2'}}]
+          itemGap: 30,
+          itemWidth: 8,
+          itemHeight: 8,
+          data: [{name: '需生产', itemStyle: {color: '#8EB5E5'}}, {name: '已压制', itemStyle: {color: '#67D470'}}, {name: '已完成', itemStyle: {color: '#1980EA'}}]
         },
         xAxis: {
           type: 'category',
@@ -503,37 +474,62 @@ export default {
           axisLine: {
             show: true,
             lineStyle: {
-              width: 2,
-              color: '#8FABBF'
+              width: 1,
+              color: '#3C5787'
             }
           },
           axisLabel: {
             interval: 0,
-            color: '#8FABBF',
-            fontSize: 16
+            color: '#7591B2',
+            fontSize: 12,
+            lineHeight: 12,
+            fontFamily: 'SourceHanSansCN-Regular',
+            margin: 10,
+            formatter: (value) => {
+              let str = ''
+              let num = 10
+              let valLength = value.length
+              let rowNum = Math.ceil(valLength / num)
+              if (rowNum > 1) {
+                for (let i = 0; i < rowNum; i++) {
+                  let temp = ''
+                  let start = i * num
+                  let end = start + num
+                  if (i === rowNum - 1) {
+                    temp = value.substring(start, end)
+                  } else {
+                    temp = value.substring(start, end) + '\n'
+                  }
+                  str += temp
+                }
+                return str
+              } else {
+                return value
+              }
+            }
           },
           data: barName
         },
         yAxis: {
           type: 'value',
-          name: '单位：块',
+          // name: '单位：块',
           axisLine: {
             show: false
           },
-          splitNumber: 2,
+          splitNumber: 4,
           axisTick: {
             show: false
           },
           axisLabel: {
-            color: '#8FABBF',
-            fontSize: 14
+            color: '#B5C5D4',
+            fontSize: 16,
+            fontFamily: 'SourceHanSansCN-Regular'
           },
           splitLine: {
             show: true,
             lineStyle: {
-              type: [8, 4],
-              dashOffset: 4,
-              color: '#8FABBF'
+              type: [4, 3],
+              color: '#455C86'
             }
           }
         },
@@ -541,19 +537,20 @@ export default {
           {
             name: '需生产',
             type: 'bar',
-            barWidth: '8',
-            barGap: '200%',
+            barWidth: '10',
             itemStyle: {
               color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
                 {
                   offset: 1,
-                  color: 'rgba(96,112,128,0.10)',
-                  opacity: 1
+                  color: 'rgba(142,181,229,0.2)'
+                },
+                {
+                  offset: 0.08,
+                  color: 'rgba(142,181,229,0.9)'
                 },
                 {
                   offset: 0,
-                  color: '#0E90FD',
-                  opacity: 0.1
+                  color: 'rgba(255,255,255,0.9)'
                 }
               ])
             },
@@ -562,19 +559,20 @@ export default {
           {
             name: '已压制',
             type: 'bar',
-            barWidth: '8',
-            barGap: '200%',
+            barWidth: '10',
             itemStyle: {
               color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
                 {
-                  offset: 0,
-                  color: '#33CCCC',
-                  opacity: 1
+                  offset: 1,
+                  color: 'rgba(103,212,112,0.2)'
                 },
                 {
-                  offset: 1,
-                  color: 'rgba(31,89,89,0.25)',
-                  opacity: 0.25
+                  offset: 0.08,
+                  color: 'rgba(103,212,112,0.9)'
+                },
+                {
+                  offset: 0,
+                  color: 'rgba(255,255,255,0.9)'
                 }
               ])
             },
@@ -583,28 +581,48 @@ export default {
           {
             name: '已完成',
             type: 'bar',
-            barWidth: '8',
-            barGap: '200%',
+            barWidth: '10',
             itemStyle: {
               color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
                 {
-                  offset: 0,
-                  color: '#33CCCC',
-                  opacity: 1
+                  offset: 1,
+                  color: 'rgba(25,128,234,0.2)'
                 },
                 {
-                  offset: 1,
-                  color: 'rgba(31,89,89,0.25)',
-                  opacity: 0.25
+                  offset: 0.08,
+                  color: 'rgba(25,128,234,0.9)'
+                },
+                {
+                  offset: 0,
+                  color: 'rgba(255,255,255,0.9)'
                 }
               ])
             },
             data: barData3
           }
+        ],
+        dataZoom: [
+          {
+            xAxisIndex: 0, // 这里是从X轴的0刻度开始
+            show: false, // 是否显示滑动条，不影响使用
+            type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
+            startValue: 0, // 从头开始。
+            endValue: 4 // 展示到第几个。
+          }
         ]
       }
       let echart = this.$echarts.init(document.getElementById('new_home_echart_3'))
       echart.setOption(option)
+      this.chart3Timer = setInterval(() => {
+        if (option.dataZoom[0].endValue >= barData1.length - 1) {
+          option.dataZoom[0].endValue = 4
+          option.dataZoom[0].startValue = 0
+        } else {
+          option.dataZoom[0].endValue = option.dataZoom[0].endValue + 1
+          option.dataZoom[0].startValue = option.dataZoom[0].startValue + 1
+        }
+        echart.setOption(option)
+      }, 2000)
       window.addEventListener('resize', () => {
         echart.resize()
       })
@@ -613,9 +631,9 @@ export default {
       this.inventory.map((el, i) => {
         el.value = el.qty
         el.name = el.materialName
-        if (i === 1) {
-          el.selected = true
-        }
+        // if (i === 1) {
+        //   el.selected = true
+        // }
       })
       let total = this.inventory.reduce((a, b) => {
         return a + Number(b.value)
@@ -642,7 +660,7 @@ export default {
         })
       })
       let option = {
-        color: ['#96B5FC', '#5F8CEF', '#F18A70', '#F4C594', '#E0E7FA'],
+        color: ['#1980EA', '#67D470', '#B4C9EF', '#BCBF5C', '#EF5252'],
         grid: {
           top: 0,
           left: 0,
@@ -651,38 +669,31 @@ export default {
           containLabel: true
         },
         title: {
-          text: total,
-          subtext: '总数',
-          x: '25%',
-          y: 'center',
-          textAlign: 'center',
+          text: `{a|总数}\n{b|${total}}`,
+          x: 'center',
+          y: '39%',
           textStyle: {
-            color: '#fff',
-            fontSize: 24,
-            fontWeight: 'normal'
-          },
-          subtextStyle: {
-            color: 'rgba(255,255,255,.45)',
-            fontSize: 14,
-            fontWeight: 'normal'
+            rich: {
+              a: {
+                fontSize: 16,
+                lineHeight: 20,
+                color: '#A8C3E6',
+                fontFamily: 'SourceHanSansCN-Regular'
+              },
+              b: {
+                fontSize: 30,
+                lineHeight: 36,
+                color: '#DBE7F6',
+                fontFamily: 'YouSheBiaoTiHei'
+              }
+            }
           }
         },
-        legend: {
-          icon: 'circle',
-          orient: 'horizontal',
-          right: '10%',
-          top: '30%',
-          width: '0',
-          textStyle: {
-            color: '#fff'
-          },
-          data: this.inventory.map(r => r.materialName)
-        },
         series: [{
           name: '库存量监控',
           type: 'pie',
-          radius: ['50%', '55%'],
-          center: ['25%', '50%'],
+          radius: ['50%', '57%'],
+          center: ['50%', '50%'],
           labelLine: {
             show: false
           },
@@ -693,51 +704,24 @@ export default {
             show: false
           },
           selectedMode: 'single',
+          selectedOffset: 20,
           data: seriesData
-        },
-        {
-          name: '阴影圈',
-          type: 'pie',
-          radius: ['0', '40%'],
-          center: ['25%', '50%'],
-          emphasis: {
-            scale: false
-          },
-          tooltip: {
-            show: false
-          },
-          itemStyle: {
-            color: 'rgba(204,225,255, 0.05)'
-          },
-          zlevel: 4,
-          labelLine: {
-            show: false
-          },
-          data: [100]
-        },
-        {
-          name: '阴影圈',
-          type: 'pie',
-          radius: ['0', '30%'],
-          center: ['25%', '50%'],
-          emphasis: {
-            scale: false
-          },
-          tooltip: {
-            show: false
-          },
-          itemStyle: {
-            color: 'rgba(204,225,255, 0.07)'
-          },
-          zlevel: 4,
-          labelLine: {
-            show: false
-          },
-          data: [100]
         }]
       }
       let echart = this.$echarts.init(document.getElementById('new_home_echart_4'))
       echart.setOption(option)
+      let bu = 0
+      this.chart4Timer = setInterval(() => {
+        if (bu > seriesData.length - 1) {
+          bu = 0
+        }
+        echart.dispatchAction({
+          type: 'select', // 默认显示江苏的提示框
+          seriesIndex: 0, // 这行不能省
+          dataIndex: bu
+        })
+        bu++
+      }, 2000)
       window.addEventListener('resize', () => {
         echart.resize()
       })
@@ -914,56 +898,135 @@ export default {
 .title_wraper
     _wh(100%, 42px)
     background center / 100% url('../../../../images/bg-title_1.png') no-repeat
+    padding 6px 44px
     p
-        _font(20px, 50px, #fff,,left)
+      font-size 24px
+      font-family: 'YouSheBiaoTiHei';
+      font-weight: 400;
+      color: transparent;
+      line-height 24px
+      background: linear-gradient(0deg, #F9FEFF 0%, #F5FCFF 53.3154296875%, #BAE9FF 100%);
+      -webkit-background-clip: text;
+      background-clip: text;
 .content_wraper
-    _wh(100%, calc(100% - 50px))
+    _wh(100%, calc(100% - 42px))
+    background center / 100% url('../../../../images/bg-m_1.png') no-repeat
 .l_item_wraper
-    _wh(calc(50% - 20px), 100%)
+    _wh(calc(50% - 15.5px), 100%)
+    .title_wraper
+      background center / 100% url('../../../../images/bg-title_2.png') no-repeat
+    .content_wraper
+      padding 20px
+      background center / 100% url('../../../../images/bg-m_2.png') no-repeat
 .module_one_wraper
-    _wh(25%, 100%)
+    _wh(233px, 100%)
+    padding 5px 9px 31px 9px
+.line_1
+    _wh(1px, 204px)
+    background: #E3EDFF;
+    opacity: 0.2;
 .module_two_wraper
-    _wh(55%, 100%)
+    _wh(calc(100% - 435px), 100%)
+    padding 0 25px 0 30px
+    _fj(,center)
 .module_three_wraper
-    _wh(20%, 100%)
+    _wh(186px, 214px)
+    margin-right 15px
+    padding 27px 23px
+    background center / 100% url('../../../../images/message-bg.png') no-repeat
 .echart_wraper
     _wh(100%, 100%)
 .echart_wraper_1
-    _wh(100%, calc(100% - 50px))
-.echart_title_1
-    _font(20px, 50px, #fff,,)
+    _wh(100%, 100%)
+.pie_wraper_1
+    position relative
+    _wh(100%, 100%)
+    padding 28px 27px 27px 28px
+    background center / 100% auto url('../../../../images/pie-bg_1.png') no-repeat
+.pie_wraper_2
+    position absolute
+    top 17px
+    left 0
+    _wh(222px, 222px)
+    background center / 100% auto url('../../../../images/pie-bg_2.png') no-repeat
+.pie_legend
+  _wh(calc(100% - 207px), 100%)
+  margin-left 207px
+  _fj(row, flex-start)
+  flex-wrap: wrap
+.pie_legend_item
+  width 50%
+.pie_inner_1
+    _wh(100%, 100%)
+    background center / 100% url('../../../../images/pie_1.png') no-repeat
+    _fj(,center)
+    p
+      font-size: 36px;
+      line-height 36px
+      font-family: 'YouSheBiaoTiHei';
+      font-weight: 400;
+      color: transparent;
+      text-align: center;
+      background: linear-gradient(0deg, #F9FEFF 0%, #F9FEFF 53.3154296875%, #B5E8FF 100%);
+      filter: drop-shadow(rgba(5,28,55,0.42) 0px 2px 8px)
+      -webkit-background-clip: text;
+      background-clip: text;
+      span
+        font-size 20px
+        line-height 20px
+.light_1
+    position absolute
+    top 47px
+    left -9px
+    _wh(224px, 135px)
+    background center / 100% url('../../../../images/light_1.png') no-repeat
+.pie_title_1
+    position absolute
+    top 204px
+    _wh(calc(100% - 55px), 16px)
+    _font(16px, 16px, #9BB9DD,,)
+    font-family: 'SourceHanSansCN-Regular'
 .module_two_item_wraper
-  _fj(row)
-  _wh(100%, calc((100% / 3) - 10px))
-  margin 5px 0
+    _fj(row)
+    _wh(100%, 48px)
+    margin-bottom 14px
+    &:nth-child(1)
+      .module_two_item_content
+          background center / 100% url('../../../../images/gl-bg_1.png') no-repeat
+    &:nth-child(2)
+      .module_two_item_content
+          background center / 100% url('../../../../images/gl-bg_2.png') no-repeat
+    &:nth-child(3)
+      .module_two_item_content
+          background center / 100% url('../../../../images/gl-bg_3.png') no-repeat
 .module_two_item_lable
-  _wh(100px, 100%)
-  _font(20px, 1, #fff,,)
+  _wh(64px, 48px)
+  _font(16px, 48px, #9BB9DD,,left)
+  font-family: 'SourceHanSansCN-Regular'
 .module_two_item_content
-  position relative
-  _wh(calc(100% - 120px), 100%)
-  background #000
-.module_two_item_pro
-  position absolute
-  left 0
-  top 0
-  _wh(50%, 100%)
-  border-right 1px solid #fff
-  background-color blue
+  _fj(row)
+  _wh(calc(100% - 64px), 48px)
 .module_two_item_p_l
-  position absolute
-  left 0
-  top 0
   _wh(50%, 100%)
-  _font(20px, 1, #fff,,)
+  padding-left 20px
+  font-size 24px
+  line-height 48px
+  font-family: 'YouSheBiaoTiHei'
+  color: transparent;
+  background: linear-gradient(0deg, #F9FEFF 0%, #E8F8FF 53.3154296875%, #E8F8FF 100%);
+  filter: drop-shadow(rgba(5,28,55,0.42) 0px 2px 8px);
+  -webkit-background-clip: text;
+  background-clip: text;
 .module_two_item_p_r
-  position absolute
-  right 0
-  top 0
   _wh(50%, 100%)
-  _font(20px, 1, #fff,,)
+  padding-right 10px
+  _font(16px, 48px, #fff,,right)
+  font-family: 'YouSheBiaoTiHei'
+  opacity: 0.3;
 .module_three_text
-  _font(20px, 40px, #fff,,)
+  _font(16px, 32px, #fff,,left)
+  font-family: 'SourceHanSansCN-Regular'
   span
-    color blue
+    color #1980EA
+    font-family: 'YouSheBiaoTiHei'
 </style>
diff --git a/src/pages/modules/home/left/right.vue b/src/pages/modules/home/left/right.vue
index ec98ae2..c8dc112 100644
--- a/src/pages/modules/home/left/right.vue
+++ b/src/pages/modules/home/left/right.vue
@@ -6,4 +6,5 @@
 @import '~@style/mixin'
 .right_wraper
     _wh(100%, 100%)
+    background center / 100% url('../../../../images/bg-center_left.jpg') no-repeat
 </style>
diff --git a/src/style/reset.css b/src/style/reset.css
index 4ff6390..766e8fb 100644
--- a/src/style/reset.css
+++ b/src/style/reset.css
@@ -145,4 +145,8 @@ div, p {
 
 .hidden {
      visibility: hidden
+}
+
+.relative {
+     position: relative
 }
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index b5df239..db8894f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -36,6 +36,14 @@
   dependencies:
     "@babel/types" "7.0.0-beta.44"
 
+"@babel/helper-module-imports@7.0.0-beta.35":
+  version "7.0.0-beta.35"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.0.0-beta.35.tgz#308e350e731752cdb4d0f058df1d704925c64e0a"
+  integrity sha512-vaC1KyIZSuyWb3Lj277fX0pxivyHwuDU4xZsofqgYAbkDxNieMg2vuhzP5AgMweMY7fCQUMTi+BgPqTLjkxXFg==
+  dependencies:
+    "@babel/types" "7.0.0-beta.35"
+    lodash "^4.2.0"
+
 "@babel/helper-module-imports@^7.0.0":
   version "7.0.0"
   resolved "http://registry.npm.taobao.org/@babel/helper-module-imports/download/@babel/helper-module-imports-7.0.0.tgz#96081b7111e486da4d2cd971ad1a4fe216cc2e3d"
@@ -92,6 +100,15 @@
     invariant "^2.2.0"
     lodash "^4.2.0"
 
+"@babel/types@7.0.0-beta.35":
+  version "7.0.0-beta.35"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.0.0-beta.35.tgz#cf933a9a9a38484ca724b335b88d83726d5ab960"
+  integrity sha512-y9XT11CozHDgjWcTdxmhSj13rJVXpa5ZXwjjOiTedjaM0ba5ItqdS02t31EhPl7HtOWxsZkYCCUNrSfrOisA6w==
+  dependencies:
+    esutils "^2.0.2"
+    lodash "^4.2.0"
+    to-fast-properties "^2.0.0"
+
 "@babel/types@7.0.0-beta.44":
   version "7.0.0-beta.44"
   resolved "http://registry.npm.taobao.org/@babel/types/download/@babel/types-7.0.0-beta.44.tgz#6b1b164591f77dec0a0342aca995f2d046b3a757"
@@ -364,6 +381,13 @@ async-limiter@~1.0.0:
   resolved "http://registry.npm.taobao.org/async-limiter/download/async-limiter-1.0.0.tgz#78faed8c3d074ab81f22b4e985d79e8738f720f8"
   integrity sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==
 
+async-validator@~1.8.1:
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/async-validator/-/async-validator-1.8.5.tgz#dc3e08ec1fd0dddb67e60842f02c0cd1cec6d7f0"
+  integrity sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==
+  dependencies:
+    babel-runtime "6.x"
+
 async@^1.5.2:
   version "1.5.2"
   resolved "http://registry.npm.taobao.org/async/download/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
@@ -597,7 +621,7 @@ babel-helper-replace-supers@^6.24.1:
     babel-traverse "^6.24.1"
     babel-types "^6.24.1"
 
-babel-helper-vue-jsx-merge-props@^2.0.3:
+babel-helper-vue-jsx-merge-props@^2.0.0, babel-helper-vue-jsx-merge-props@^2.0.3:
   version "2.0.3"
   resolved "http://registry.npm.taobao.org/babel-helper-vue-jsx-merge-props/download/babel-helper-vue-jsx-merge-props-2.0.3.tgz#22aebd3b33902328e513293a8e4992b384f9f1b6"
   integrity sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg==
@@ -633,6 +657,13 @@ babel-plugin-check-es2015-constants@^6.22.0:
   dependencies:
     babel-runtime "^6.22.0"
 
+babel-plugin-component@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-component/-/babel-plugin-component-1.1.1.tgz#9b023a23ff5c9aae0fd56c5a18b9cab8c4d45eea"
+  integrity sha512-WUw887kJf2GH80Ng/ZMctKZ511iamHNqPhd9uKo14yzisvV7Wt1EckIrb8oq/uCz3B3PpAW7Xfl7AkTLDYT6ag==
+  dependencies:
+    "@babel/helper-module-imports" "7.0.0-beta.35"
+
 babel-plugin-import@^1.9.1:
   version "1.9.1"
   resolved "http://registry.npm.taobao.org/babel-plugin-import/download/babel-plugin-import-1.9.1.tgz#ceb3b37e4920cec094a075fee674fb3dddafc9c8"
@@ -739,7 +770,7 @@ babel-plugin-transform-es2015-block-scoped-functions@^6.22.0:
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-plugin-transform-es2015-block-scoping@^6.23.0:
+babel-plugin-transform-es2015-block-scoping@^6.23.0, babel-plugin-transform-es2015-block-scoping@^6.24.1:
   version "6.26.0"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-block-scoping/download/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz#d70f5299c1308d05c12f463813b0a09e73b1895f"
   integrity sha1-1w9SmcEwjQXBL0Y4E7CgnnOxiV8=
@@ -750,7 +781,7 @@ babel-plugin-transform-es2015-block-scoping@^6.23.0:
     babel-types "^6.26.0"
     lodash "^4.17.4"
 
-babel-plugin-transform-es2015-classes@^6.23.0:
+babel-plugin-transform-es2015-classes@^6.23.0, babel-plugin-transform-es2015-classes@^6.24.1:
   version "6.24.1"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-classes/download/babel-plugin-transform-es2015-classes-6.24.1.tgz#5a4c58a50c9c9461e564b4b2a3bfabc97a2584db"
   integrity sha1-WkxYpQyclGHlZLSyo7+ryXolhNs=
@@ -765,7 +796,7 @@ babel-plugin-transform-es2015-classes@^6.23.0:
     babel-traverse "^6.24.1"
     babel-types "^6.24.1"
 
-babel-plugin-transform-es2015-computed-properties@^6.22.0:
+babel-plugin-transform-es2015-computed-properties@^6.22.0, babel-plugin-transform-es2015-computed-properties@^6.24.1:
   version "6.24.1"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-computed-properties/download/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz#6fe2a8d16895d5634f4cd999b6d3480a308159b3"
   integrity sha1-b+Ko0WiV1WNPTNmZttNICjCBWbM=
@@ -773,14 +804,14 @@ babel-plugin-transform-es2015-computed-properties@^6.22.0:
     babel-runtime "^6.22.0"
     babel-template "^6.24.1"
 
-babel-plugin-transform-es2015-destructuring@^6.23.0:
+babel-plugin-transform-es2015-destructuring@^6.22.0, babel-plugin-transform-es2015-destructuring@^6.23.0:
   version "6.23.0"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-destructuring/download/babel-plugin-transform-es2015-destructuring-6.23.0.tgz#997bb1f1ab967f682d2b0876fe358d60e765c56d"
   integrity sha1-mXux8auWf2gtKwh2/jWNYOdlxW0=
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-plugin-transform-es2015-duplicate-keys@^6.22.0:
+babel-plugin-transform-es2015-duplicate-keys@^6.22.0, babel-plugin-transform-es2015-duplicate-keys@^6.24.1:
   version "6.24.1"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-duplicate-keys/download/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz#73eb3d310ca969e3ef9ec91c53741a6f1576423e"
   integrity sha1-c+s9MQypaePvnskcU3QabxV2Qj4=
@@ -788,14 +819,14 @@ babel-plugin-transform-es2015-duplicate-keys@^6.22.0:
     babel-runtime "^6.22.0"
     babel-types "^6.24.1"
 
-babel-plugin-transform-es2015-for-of@^6.23.0:
+babel-plugin-transform-es2015-for-of@^6.22.0, babel-plugin-transform-es2015-for-of@^6.23.0:
   version "6.23.0"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-for-of/download/babel-plugin-transform-es2015-for-of-6.23.0.tgz#f47c95b2b613df1d3ecc2fdb7573623c75248691"
   integrity sha1-9HyVsrYT3x0+zC/bdXNiPHUkhpE=
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-plugin-transform-es2015-function-name@^6.22.0:
+babel-plugin-transform-es2015-function-name@^6.22.0, babel-plugin-transform-es2015-function-name@^6.24.1:
   version "6.24.1"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-function-name/download/babel-plugin-transform-es2015-function-name-6.24.1.tgz#834c89853bc36b1af0f3a4c5dbaa94fd8eacaa8b"
   integrity sha1-g0yJhTvDaxrw86TF26qU/Y6sqos=
@@ -830,7 +861,7 @@ babel-plugin-transform-es2015-modules-commonjs@^6.23.0, babel-plugin-transform-e
     babel-template "^6.26.0"
     babel-types "^6.26.0"
 
-babel-plugin-transform-es2015-modules-systemjs@^6.23.0:
+babel-plugin-transform-es2015-modules-systemjs@^6.23.0, babel-plugin-transform-es2015-modules-systemjs@^6.24.1:
   version "6.24.1"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-systemjs/download/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz#ff89a142b9119a906195f5f106ecf305d9407d23"
   integrity sha1-/4mhQrkRmpBhlfXxBuzzBdlAfSM=
@@ -839,7 +870,7 @@ babel-plugin-transform-es2015-modules-systemjs@^6.23.0:
     babel-runtime "^6.22.0"
     babel-template "^6.24.1"
 
-babel-plugin-transform-es2015-modules-umd@^6.23.0:
+babel-plugin-transform-es2015-modules-umd@^6.23.0, babel-plugin-transform-es2015-modules-umd@^6.24.1:
   version "6.24.1"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-umd/download/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz#ac997e6285cd18ed6176adb607d602344ad38468"
   integrity sha1-rJl+YoXNGO1hdq22B9YCNErThGg=
@@ -848,7 +879,7 @@ babel-plugin-transform-es2015-modules-umd@^6.23.0:
     babel-runtime "^6.22.0"
     babel-template "^6.24.1"
 
-babel-plugin-transform-es2015-object-super@^6.22.0:
+babel-plugin-transform-es2015-object-super@^6.22.0, babel-plugin-transform-es2015-object-super@^6.24.1:
   version "6.24.1"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-object-super/download/babel-plugin-transform-es2015-object-super-6.24.1.tgz#24cef69ae21cb83a7f8603dad021f572eb278f8d"
   integrity sha1-JM72muIcuDp/hgPa0CH1cusnj40=
@@ -856,7 +887,7 @@ babel-plugin-transform-es2015-object-super@^6.22.0:
     babel-helper-replace-supers "^6.24.1"
     babel-runtime "^6.22.0"
 
-babel-plugin-transform-es2015-parameters@^6.23.0:
+babel-plugin-transform-es2015-parameters@^6.23.0, babel-plugin-transform-es2015-parameters@^6.24.1:
   version "6.24.1"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-parameters/download/babel-plugin-transform-es2015-parameters-6.24.1.tgz#57ac351ab49caf14a97cd13b09f66fdf0a625f2b"
   integrity sha1-V6w1GrScrxSpfNE7CfZv3wpiXys=
@@ -868,7 +899,7 @@ babel-plugin-transform-es2015-parameters@^6.23.0:
     babel-traverse "^6.24.1"
     babel-types "^6.24.1"
 
-babel-plugin-transform-es2015-shorthand-properties@^6.22.0:
+babel-plugin-transform-es2015-shorthand-properties@^6.22.0, babel-plugin-transform-es2015-shorthand-properties@^6.24.1:
   version "6.24.1"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-shorthand-properties/download/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz#24f875d6721c87661bbd99a4622e51f14de38aa0"
   integrity sha1-JPh11nIch2YbvZmkYi5R8U3jiqA=
@@ -883,7 +914,7 @@ babel-plugin-transform-es2015-spread@^6.22.0:
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-plugin-transform-es2015-sticky-regex@^6.22.0:
+babel-plugin-transform-es2015-sticky-regex@^6.22.0, babel-plugin-transform-es2015-sticky-regex@^6.24.1:
   version "6.24.1"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-sticky-regex/download/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz#00c1cdb1aca71112cdf0cf6126c2ed6b457ccdbc"
   integrity sha1-AMHNsaynERLN8M9hJsLta0V8zbw=
@@ -899,14 +930,14 @@ babel-plugin-transform-es2015-template-literals@^6.22.0:
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-plugin-transform-es2015-typeof-symbol@^6.23.0:
+babel-plugin-transform-es2015-typeof-symbol@^6.22.0, babel-plugin-transform-es2015-typeof-symbol@^6.23.0:
   version "6.23.0"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-typeof-symbol/download/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz#dec09f1cddff94b52ac73d505c84df59dcceb372"
   integrity sha1-3sCfHN3/lLUqxz1QXITfWdzOs3I=
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-plugin-transform-es2015-unicode-regex@^6.22.0:
+babel-plugin-transform-es2015-unicode-regex@^6.22.0, babel-plugin-transform-es2015-unicode-regex@^6.24.1:
   version "6.24.1"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-unicode-regex/download/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz#d38b12f42ea7323f729387f18a7c5ae1faeb35e9"
   integrity sha1-04sS9C6nMj9yk4fxinxa4frrNek=
@@ -932,7 +963,7 @@ babel-plugin-transform-object-rest-spread@^6.22.0:
     babel-plugin-syntax-object-rest-spread "^6.8.0"
     babel-runtime "^6.26.0"
 
-babel-plugin-transform-regenerator@^6.22.0:
+babel-plugin-transform-regenerator@^6.22.0, babel-plugin-transform-regenerator@^6.24.1:
   version "6.26.0"
   resolved "http://registry.npm.taobao.org/babel-plugin-transform-regenerator/download/babel-plugin-transform-regenerator-6.26.0.tgz#e0703696fbde27f0a3efcacf8b4dca2f7b3a8f2f"
   integrity sha1-4HA2lvveJ/Cj78rPi03KL3s6jy8=
@@ -1006,6 +1037,36 @@ babel-preset-env@^1.3.2:
     invariant "^2.2.2"
     semver "^5.3.0"
 
+babel-preset-es2015@^6.24.1:
+  version "6.24.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-es2015/-/babel-preset-es2015-6.24.1.tgz#d44050d6bc2c9feea702aaf38d727a0210538939"
+  integrity sha512-XfwUqG1Ry6R43m4Wfob+vHbIVBIqTg/TJY4Snku1iIzeH7mUnwHA8Vagmv+ZQbPwhS8HgsdQvy28Py3k5zpoFQ==
+  dependencies:
+    babel-plugin-check-es2015-constants "^6.22.0"
+    babel-plugin-transform-es2015-arrow-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoped-functions "^6.22.0"
+    babel-plugin-transform-es2015-block-scoping "^6.24.1"
+    babel-plugin-transform-es2015-classes "^6.24.1"
+    babel-plugin-transform-es2015-computed-properties "^6.24.1"
+    babel-plugin-transform-es2015-destructuring "^6.22.0"
+    babel-plugin-transform-es2015-duplicate-keys "^6.24.1"
+    babel-plugin-transform-es2015-for-of "^6.22.0"
+    babel-plugin-transform-es2015-function-name "^6.24.1"
+    babel-plugin-transform-es2015-literals "^6.22.0"
+    babel-plugin-transform-es2015-modules-amd "^6.24.1"
+    babel-plugin-transform-es2015-modules-commonjs "^6.24.1"
+    babel-plugin-transform-es2015-modules-systemjs "^6.24.1"
+    babel-plugin-transform-es2015-modules-umd "^6.24.1"
+    babel-plugin-transform-es2015-object-super "^6.24.1"
+    babel-plugin-transform-es2015-parameters "^6.24.1"
+    babel-plugin-transform-es2015-shorthand-properties "^6.24.1"
+    babel-plugin-transform-es2015-spread "^6.22.0"
+    babel-plugin-transform-es2015-sticky-regex "^6.24.1"
+    babel-plugin-transform-es2015-template-literals "^6.22.0"
+    babel-plugin-transform-es2015-typeof-symbol "^6.22.0"
+    babel-plugin-transform-es2015-unicode-regex "^6.24.1"
+    babel-plugin-transform-regenerator "^6.24.1"
+
 babel-preset-stage-2@^6.22.0:
   version "6.24.1"
   resolved "http://registry.npm.taobao.org/babel-preset-stage-2/download/babel-preset-stage-2-6.24.1.tgz#d9e2960fb3d71187f0e64eec62bc07767219bdc1"
@@ -1040,7 +1101,7 @@ babel-register@^6.26.0:
     mkdirp "^0.5.1"
     source-map-support "^0.4.15"
 
-babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.26.0:
+babel-runtime@6.x, babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.26.0:
   version "6.26.0"
   resolved "http://registry.npm.taobao.org/babel-runtime/download/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
   integrity sha1-llxwWGaOgrVde/4E/yM3vItWR/4=
@@ -2107,6 +2168,11 @@ deep-is@~0.1.3:
   resolved "http://registry.npm.taobao.org/deep-is/download/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
   integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
 
+deepmerge@^1.2.0:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
+  integrity sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==
+
 define-properties@^1.1.2:
   version "1.1.3"
   resolved "http://registry.npm.taobao.org/define-properties/download/define-properties-1.1.3.tgz#cf88da6cbee26fe6db7094f61d870cbd84cee9f1"
@@ -2353,6 +2419,18 @@ electron-to-chromium@^1.2.7, electron-to-chromium@^1.3.30, electron-to-chromium@
   resolved "http://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.72.tgz#b69683081d5b7eee6e1ea07b2f5fa30b3c72252d"
   integrity sha512-OFbXEC01Lq7A66e3UywkvWYNN00HO1I9MAPereGe0NIXrt2MeaovL1bbY+951HKG0euUdPBe0L7yfKxgqxBMMw==
 
+element-ui@^2.15.14:
+  version "2.15.14"
+  resolved "https://registry.yarnpkg.com/element-ui/-/element-ui-2.15.14.tgz#3c34df79467636592812d720d2e6784e7a6ec2ea"
+  integrity sha512-2v9fHL0ZGINotOlRIAJD5YuVB8V7WKxrE9Qy7dXhRipa035+kF7WuU/z+tEmLVPBcJ0zt8mOu1DKpWcVzBK8IA==
+  dependencies:
+    async-validator "~1.8.1"
+    babel-helper-vue-jsx-merge-props "^2.0.0"
+    deepmerge "^1.2.0"
+    normalize-wheel "^1.0.1"
+    resize-observer-polyfill "^1.5.0"
+    throttle-debounce "^1.0.1"
+
 elliptic@^6.0.0:
   version "6.4.1"
   resolved "http://registry.npm.taobao.org/elliptic/download/elliptic-6.4.1.tgz#c2d0b7776911b86722c632c3c06c60f2f819939a"
@@ -4701,6 +4779,11 @@ normalize-url@^1.4.0:
     query-string "^4.1.0"
     sort-keys "^1.0.0"
 
+normalize-wheel@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/normalize-wheel/-/normalize-wheel-1.0.1.tgz#aec886affdb045070d856447df62ecf86146ec45"
+  integrity sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA==
+
 npm-bundled@^1.0.1:
   version "1.0.5"
   resolved "http://registry.npm.taobao.org/npm-bundled/download/npm-bundled-1.0.5.tgz#3c1732b7ba936b3a10325aef616467c0ccbcc979"
@@ -5944,6 +6027,11 @@ requires-port@^1.0.0:
   resolved "http://registry.npm.taobao.org/requires-port/download/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
   integrity sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=
 
+resize-observer-polyfill@^1.5.0:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
+  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
+
 resolve-cwd@^2.0.0:
   version "2.0.0"
   resolved "http://registry.npm.taobao.org/resolve-cwd/download/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
@@ -6640,6 +6728,11 @@ text-table@^0.2.0, text-table@~0.2.0:
   resolved "http://registry.npm.taobao.org/text-table/download/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
 
+throttle-debounce@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/throttle-debounce/-/throttle-debounce-1.1.0.tgz#51853da37be68a155cb6e827b3514a3c422e89cd"
+  integrity sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg==
+
 through2@^2.0.0:
   version "2.0.3"
   resolved "http://registry.npm.taobao.org/through2/download/through2-2.0.3.tgz#0004569b37c7c74ba39c43f3ced78d1ad94140be"