代码优化,加入server.js

This commit is contained in:
dqjdda
2019-11-07 13:14:48 +08:00
parent 0c602579de
commit a7b2209950
3 changed files with 91 additions and 66 deletions

24
src/api/server.js Normal file
View File

@@ -0,0 +1,24 @@
import request from '@/utils/request'
export function add(data) {
return request({
url: 'api/server',
method: 'post',
data
})
}
export function del(id) {
return request({
url: 'api/server/' + id,
method: 'delete'
})
}
export function edit(data) {
return request({
url: 'api/server',
method: 'put',
data
})
}

View File

@@ -5,32 +5,32 @@
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;"> <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
<line-chart/> <line-chart/>
</el-row> </el-row>
<!-- <el-row :gutter="32">-->
<!-- <el-col :xs="24" :sm="24" :lg="8">-->
<!-- <div class="chart-wrapper">-->
<!-- <radar-chart/>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- <el-col :xs="24" :sm="24" :lg="8">-->
<!-- <div class="chart-wrapper">-->
<!-- <pie-chart/>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- <el-col :xs="24" :sm="24" :lg="8">-->
<!-- <div class="chart-wrapper">-->
<!-- <bar-chart/>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">-->
<!-- <heat-map/>-->
<!-- </el-row>-->
<el-row :gutter="32"> <el-row :gutter="32">
<el-col :xs="24" :sm="24" :lg="8"> <el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper"> <div class="chart-wrapper">
<radar-chart/> <radar-chart/>
</div> </div>
</el-col> </el-col>
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<pie-chart/>
</div>
</el-col>
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<bar-chart/>
</div>
</el-col>
</el-row>
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
<heat-map/>
</el-row>
<el-row :gutter="32">
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<funnel/>
</div>
</el-col>
<el-col :xs="24" :sm="24" :lg="8"> <el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper"> <div class="chart-wrapper">
<sunburst/> <sunburst/>
@@ -42,52 +42,52 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="12"> <!-- <el-row :gutter="12">-->
<el-col :span="12"> <!-- <el-col :span="12">-->
<div class="chart-wrapper"> <!-- <div class="chart-wrapper">-->
<rich/> <!-- <rich/>-->
</div> <!-- </div>-->
</el-col> <!-- </el-col>-->
<el-col :span="12"> <!-- <el-col :span="12">-->
<div class="chart-wrapper"> <!-- <div class="chart-wrapper">-->
<theme-river/> <!-- <theme-river/>-->
</div> <!-- </div>-->
</el-col> <!-- </el-col>-->
</el-row> <!-- </el-row>-->
<el-row :gutter="32"> <!-- <el-row :gutter="32">-->
<el-col :xs="24" :sm="24" :lg="8"> <!-- <el-col :xs="24" :sm="24" :lg="8">-->
<div class="chart-wrapper"> <!-- <div class="chart-wrapper">-->
<graph/> <!-- <graph/>-->
</div> <!-- </div>-->
</el-col> <!-- </el-col>-->
<el-col :xs="24" :sm="24" :lg="8"> <!-- <el-col :xs="24" :sm="24" :lg="8">-->
<div class="chart-wrapper"> <!-- <div class="chart-wrapper">-->
<sankey/> <!-- <sankey/>-->
</div> <!-- </div>-->
</el-col> <!-- </el-col>-->
<el-col :xs="24" :sm="24" :lg="8"> <!-- <el-col :xs="24" :sm="24" :lg="8">-->
<div class="chart-wrapper"> <!-- <div class="chart-wrapper">-->
<line3-d/> <!-- <line3-d/>-->
</div> <!-- </div>-->
</el-col> <!-- </el-col>-->
</el-row> <!-- </el-row>-->
<el-row :gutter="12"> <!-- <el-row :gutter="12">-->
<el-col :span="12"> <!-- <el-col :span="12">-->
<div class="chart-wrapper"> <!-- <div class="chart-wrapper">-->
<scatter/> <!-- <scatter/>-->
</div> <!-- </div>-->
</el-col> <!-- </el-col>-->
<el-col :span="12"> <!-- <el-col :span="12">-->
<div class="chart-wrapper"> <!-- <div class="chart-wrapper">-->
<point/> <!-- <point/>-->
</div> <!-- </div>-->
</el-col> <!-- </el-col>-->
</el-row> <!-- </el-row>-->
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;"> <!-- <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">-->
<div class="chart-wrapper"> <!-- <div class="chart-wrapper">-->
<category/> <!-- <category/>-->
</div> <!-- </div>-->
</el-row> <!-- </el-row>-->
</div> </div>
</div> </div>
</template> </template>

View File

@@ -86,6 +86,7 @@ import initData from '@/mixins/initData'
import { del } from '@/api/server' import { del } from '@/api/server'
import eForm from './form' import eForm from './form'
export default { export default {
name: 'ServerMonitor',
components: { eForm }, components: { eForm },
mixins: [initData], mixins: [initData],
data() { data() {