fea(登录页): 修改登录按钮错别字

src/views/CenterControl/components/MachineStateTrend.vue

+<template>
+    <div class="machine-state-trend">
+        <div class="search-pack">
+            <el-date-picker
+                style="width: 135px;"
+                class="date-picker-reset"
+                v-model="startTime"
+                type="date"
+                placeholder="开始时间">
+            </el-date-picker>
+            <span class="middle-text">至</span>
+            <el-date-picker
+                style="width: 135px;"
+                class="date-picker-reset"
+                v-model="endTime"
+                type="date"
+                placeholder="结束时间">
+            </el-date-picker>
+            <el-button
+                type="primary"
+                size="small">
+                确定
+            </el-button>
+        </div>
+        <div id="stateTrendChart"></div>
+    </div>
+</template>
+
+<script>
+    export default {
+        data () {
+            return {
+                // 开始时间
+                startTime: '',
+                // 结束时间
+                endTime: ''
+            }
+        },
+        methods: {
+            // 渲染echarts图表
+            renderEcharts () {
+                let echart = echarts.init(document.getElementById('stateTrendChart'))
+                echart.setOption({
+                    tooltip: {
+                        trigger: 'axis'
+                    },
+                    grid: {
+                        left: 60,
+                        right: 110,
+                        top: 30,
+                        bottom: 30
+                    },
+                    color: ['#ee295c', '#15e067', '#7460ee'],
+                    legend: {
+                        orient: 'vertical',
+                        top: 'center',
+                        left: '85%',
+                        data: ['故障', '运行', '待机'],
+                        itemGap: 10,
+                        itemWidth: 15,
+                        itemHeight: 12,
+                        textStyle: {
+                            color: '#00b4ff',
+                            fontSize: 14
+                        }
+                    },
+                    xAxis: [{
+                        name: '',
+                        type: 'category',
+                        axisTick: {
+                            'alignWithLabel': true
+                        },
+                        axisLabel: {
+                            color: '#00b4ff'
+                        },
+                        axisLine: {
+                            lineStyle: {
+                                color: '#3569fd'
+                            }
+                        },
+                        data: ['201705', '201706', '201707', '201708', '201709', '201710']
+                    }],
+                    yAxis: [{
+                        type: 'value',
+                        min: 0,
+                        max: 100,
+                        axisLabel: {
+                            color: '#00b4ff',
+                            formatter: '{value}%'
+                        },
+                        splitLine: {
+                            lineStyle: {
+                                color: '#234eb6'
+                            }
+
+                        },
+                        axisLine: {
+                            lineStyle: {
+                                color: '#3569fd'
+                            }
+                        },
+                        name: ''
+                    }],
+                    series: [{
+                        data: [50, 22, 50, 70, 50, 60],
+                        name: '故障',
+                        stack: 'one',
+                        type: 'bar'
+                        // label: {
+                        //     show: true
+                        // }
+                    }, {
+                        data: [20, 58, 10, 20, 30, 30],
+                        name: '运行',
+                        stack: 'one',
+                        type: 'bar'
+                        // label: {
+                        //     show: true
+                        // }
+                    }, {
+                        data: [30, 30, 40, 10, 20, 10],
+                        name: '待机',
+                        stack: 'one',
+                        type: 'bar'
+                        // label: {
+                        //     show: true
+                        // }
+                    }]
+                })
+            }
+        },
+        mounted () {
+            setTimeout(() => {
+                // 渲染echarts图表
+                this.renderEcharts()
+            }, 0)
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    .machine-state-trend {
+        width: 607px;
+        height: 414px;
+        position: absolute;
+        overflow: hidden;
+        top: 632px;
+        left: 1302px;
+
+        .search-pack {
+            width: 607px;
+            height: 60px;
+            margin-top: 30px;
+            text-align: center;
+            line-height: 60px;
+            .middle-text {
+                font-size: 18px;
+                padding: 0 10px;
+                color: #00b4ff;
+            }
+            /deep/ .date-picker-reset {
+                .el-input__inner {
+                    background-color: #102040;
+                    color: #00b4ff;
+                    border: 1px solid #2563ca;
+                }
+                input::-webkit-input-placeholder {
+                    color: #00b4ff;
+                }
+                .el-input__prefix {
+                    .el-input__icon.el-icon-date {
+                        color: #00b4ff;
+                    }
+                }
+            }
+        }
+
+        #stateTrendChart {
+            height: 300px;
+            width: 607px;
+        }
+    }
+</style>
\ No newline at end of file

src/views/CenterControl/components/MachineUtilizationRate.vue

@@ -65,7 +65,7 @@
                                     color: [[0, '#0ea418'], [1, '#02fb66']]
                                 }
                             },
-                            data: [{value: 32, name: ''}]
+                            data: [{value: 32}]
                         }
                     ]
                 })

src/views/CenterControl/index.vue

@@ -11,6 +11,8 @@
             <MachineFailureTrend></MachineFailureTrend>
             <!-- 设备运行状态 -->
             <MachineOperatingStatus></MachineOperatingStatus>
+            <!-- 设备状态趋势图 -->
+            <MachineStateTrend></MachineStateTrend>
         </div>
     </div>
 </template>
@@ -21,6 +23,7 @@
     import MachineUtilizationTrend from './components/MachineUtilizationTrend'
     import MachineFailureTrend from './components/MachineFailureTrend'
     import MachineOperatingStatus from './components/MachineOperatingStatus'
+    import MachineStateTrend from './components/MachineStateTrend'
 
     export default {
         components: {
@@ -28,7 +31,8 @@
             MachineFailureRate,
             MachineUtilizationTrend,
             MachineFailureTrend,
-            MachineOperatingStatus
+            MachineOperatingStatus,
+            MachineStateTrend
         },
         data () {
             return {}

src/views/Login/index.vue

@@ -31,7 +31,7 @@
                         v-else
                         @click="loginClick"
                         type="primary">
-                        登陆
+                        登录
                     </el-button>
                 </div>
             </div>