代码优化,加入server.js
This commit is contained in:
24
src/api/server.js
Normal file
24
src/api/server.js
Normal 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
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -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>
|
||||||
|
|||||||
@@ -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() {
|
||||||
|
|||||||
Reference in New Issue
Block a user