client.git - Gitblit

New file
			@@ -0,0 +1,307 @@
			<template>
			<div class="component-container">
			<div class="tit">电池组充放电统计</div>
			<div class="tar">
			<i-button type="primary" size="large" @click="exportData(1)"><Icon type="ios-download-outline"></Icon> 导出原始数据</i-button>
			<!-- <i-button type="primary" size="large" @click="exportData(2)"><Icon type="ios-download-outline"></Icon> 导出排序和过滤后的数据</i-button>
			<i-button type="primary" size="large" @click="exportData(3)"><Icon type="ios-download-outline"></Icon> 导出自定义数据</i-button> -->
			</div>
			<i-table :columns="columns8" :data="data7" size="small" ref="table"></i-table>
			<div class="page">
			<div class="fr">
			<Page :total="100" :current="1" show-sizer show-total @on-change=""></Page>
			</div>
			</div>
			</div>
			</template>
			<script>
			export default {
			data () {
			return {
			columns8: [
			{
			"title": "图表",
			"key": "name",
			"fixed": "left",
			"width": 200
			},
			{
			"title": "机房",
			"key": "show",
			"width": 150,
			"sortable": true

			},
			{
			"title": "系统名称",
			"key": "weak",
			"width": 150,
			"sortable": true
			},
			{
			"title": "电池组",
			"key": "signin",
			"width": 150,
			"sortable": true
			},
			{
			"title": "测试日期",
			"key": "click",
			"width": 150,
			"sortable": true
			},
			{
			"title": "测试类型",
			"key": "active",
			"width": 150,
			"sortable": true
			},
			{
			"title": "终止原因",
			"key": "day7",
			"width": 150,
			"sortable": true
			},
			{
			"title": "测试电流(A)",
			"key": "day30",
			"width": 150,
			"sortable": true
			},
			{
			"title": "测试时长(H:M:S)",
			"key": "tomorrow",
			"width": 150,
			"sortable": true
			},
			{
			"title": "测试容量(AH)",
			"key": "day",
			"width": 150,
			"sortable": true
			},
			{
			"title": "剩余容量(AH)",
			"key": "week",
			"width": 150,
			"sortable": true
			},
			{
			"title": "实际容量(AH)",
			"key": "month",
			"width": 150,
			"sortable": true
			},
			{
			"title": "容量百分比",
			"key": "month",
			"width": 150,
			"sortable": true
			},
			{
			"title": "落后单体数量(#)",
			"key": "month",
			"width": 150,
			"sortable": true
			}

			],
			data7: [
			{
			"name": "推广名称1",
			"fav": 0,
			"show": 7302,
			"weak": 5627,
			"signin": 1563,
			"click": 4254,
			"active": 1438,
			"day7": 274,
			"day30": 285,
			"tomorrow": 1727,
			"day": 558,
			"week": 4440,
			"month": 5610
			},
			{
			"name": "推广名称2",
			"fav": 0,
			"show": 4720,
			"weak": 4086,
			"signin": 3792,
			"click": 8690,
			"active": 8470,
			"day7": 8172,
			"day30": 5197,
			"tomorrow": 1684,
			"day": 2593,
			"week": 2507,
			"month": 1537
			},
			{
			"name": "推广名称3",
			"fav": 0,
			"show": 7181,
			"weak": 8007,
			"signin": 8477,
			"click": 1879,
			"active": 16,
			"day7": 2249,
			"day30": 3450,
			"tomorrow": 377,
			"day": 1561,
			"week": 3219,
			"month": 1588
			},
			{
			"name": "推广名称4",
			"fav": 0,
			"show": 9911,
			"weak": 8976,
			"signin": 8807,
			"click": 8050,
			"active": 7668,
			"day7": 1547,
			"day30": 2357,
			"tomorrow": 7278,
			"day": 5309,
			"week": 1655,
			"month": 9043
			},
			{
			"name": "推广名称5",
			"fav": 0,
			"show": 934,
			"weak": 1394,
			"signin": 6463,
			"click": 5278,
			"active": 9256,
			"day7": 209,
			"day30": 3563,
			"tomorrow": 8285,
			"day": 1230,
			"week": 4840,
			"month": 9908
			},
			{
			"name": "推广名称6",
			"fav": 0,
			"show": 6856,
			"weak": 1608,
			"signin": 457,
			"click": 4949,
			"active": 2909,
			"day7": 4525,
			"day30": 6171,
			"tomorrow": 1920,
			"day": 1966,
			"week": 904,
			"month": 6851
			},
			{
			"name": "推广名称7",
			"fav": 0,
			"show": 5107,
			"weak": 6407,
			"signin": 4166,
			"click": 7970,
			"active": 1002,
			"day7": 8701,
			"day30": 9040,
			"tomorrow": 7632,
			"day": 4061,
			"week": 4359,
			"month": 3676
			},
			{
			"name": "推广名称8",
			"fav": 0,
			"show": 862,
			"weak": 6520,
			"signin": 6696,
			"click": 3209,
			"active": 6801,
			"day7": 6364,
			"day30": 6850,
			"tomorrow": 9408,
			"day": 2481,
			"week": 1479,
			"month": 2346
			},
			{
			"name": "推广名称9",
			"fav": 0,
			"show": 567,
			"weak": 5859,
			"signin": 128,
			"click": 6593,
			"active": 1971,
			"day7": 7596,
			"day30": 3546,
			"tomorrow": 6641,
			"day": 1611,
			"week": 5534,
			"month": 3190
			},
			{
			"name": "推广名称10",
			"fav": 0,
			"show": 3651,
			"weak": 1819,
			"signin": 4595,
			"click": 7499,
			"active": 7405,
			"day7": 8710,
			"day30": 5518,
			"tomorrow": 428,
			"day": 9768,
			"week": 2864,
			"month": 5811
			}
			]
			}
			},
			methods: {
			exportData (type) {
			if (type === 1) {
			this.$refs.table.exportCsv({
			filename: '原始数据'
			});
			} else if (type === 2) {
			this.$refs.table.exportCsv({
			filename: '排序和过滤后的数据',
			original: false
			});
			} else if (type === 3) {
			this.$refs.table.exportCsv({
			filename: '自定义数据',
			columns: this.columns8.filter((col, index) => index < 4),
			data: this.data7.filter((data, index) => index < 4)
			});
			}
			}
			}
			}
			</script>
			<style scoped>
			.tar{

			text-align: right;
			padding: 10px 0;
			background-color: #fff;
			}
			.page{
			padding: 10px;
			overflow: hidden;
			background-color: #fff;

			}
			.fr{
			float: right;
			background-color: #fff;
			}
			.tit{
			font-size: 18px;
			border-bottom: 1px solid #ccc;
			background-color: #fff;
			}
			</style>

	src/views/data/failure-analysis.vue	307 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/data/index.vue	13 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

New file
			@@ -0,0 +1,13 @@
			<template>
			<div class="layout">
			<router-view></router-view>
			</div>
			</template>
			<script>
			export default {

			}
			</script>
			<style scoped>

			</style>