Commit aee84ab6 authored by danfuman's avatar danfuman

修改

parent 32e33f1a
...@@ -32,39 +32,50 @@ ...@@ -32,39 +32,50 @@
</div> </div>
</div> </div>
<div class="table-item"> <div class="table-item">
<el-table <div v-if="tableDataTotal > 0 && !isSkeleton">
class="fixed-table" <el-table
element-loading-text="Loading" class="fixed-table"
:data="tableData" element-loading-text="Loading"
border :data="tableData"
highlight-current-row border
> highlight-current-row
<el-table-column label="序号" width="60" align="left" fixed>
<template slot-scope="scope">{{ queryParams.pageNum * queryParams.pageSize - queryParams.pageSize + scope.$index + 1 }}</template>
</el-table-column>
<el-table-column label="监控对象" align="left" prop="companyName"></el-table-column>
<el-table-column label="风险动态" align="left">
<template slot-scope="scope">
<span class="color1 span">高风险 {{scope.row.highRiskCount}}</span>
<span class="color2 span">中风险 {{scope.row.middleRiskCount}}</span>
<span class="color3 span">低风险 {{scope.row.lowRiskCount}}</span>
<span class="color4 span">提示 {{scope.row.promptCount}}</span>
<span class="color5 span">正向 {{scope.row.positiveCount}}</span>
</template>
</el-table-column>
<el-table-column label="监控时间" width="240" align="left" prop="createTime"></el-table-column>
<el-table-column
label="操作"
align="left"
width="180"
class-name="small-padding fixed-width"
fixed="right"
> >
<template slot-scope="scope"> <el-table-column label="序号" width="60" align="left" fixed>
<span style="color:#0081FF;" @click="handleCancel(scope.row.companyId)">取消监控</span> <template slot-scope="scope">{{ queryParams.pageNum * queryParams.pageSize - queryParams.pageSize + scope.$index + 1 }}</template>
</template> </el-table-column>
</el-table-column> <el-table-column label="监控对象" align="left" prop="companyName"></el-table-column>
</el-table> <el-table-column label="风险动态" align="left">
<template slot-scope="scope">
<span class="color1 span">高风险 {{scope.row.highRiskCount}}</span>
<span class="color2 span">中风险 {{scope.row.middleRiskCount}}</span>
<span class="color3 span">低风险 {{scope.row.lowRiskCount}}</span>
<span class="color4 span">提示 {{scope.row.promptCount}}</span>
<span class="color5 span">正向 {{scope.row.positiveCount}}</span>
</template>
</el-table-column>
<el-table-column label="监控时间" width="240" align="left" prop="createTime"></el-table-column>
<el-table-column
label="操作"
align="left"
width="180"
class-name="small-padding fixed-width"
fixed="right"
>
<template slot-scope="scope">
<span style="color:#0081FF;" @click="handleCancel(scope.row.companyId)">取消监控</span>
</template>
</el-table-column>
</el-table>
</div>
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<div class="empty" v-if="tableDataTotal === 0 && !isSkeleton">
<img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉,没找到相关数据</div>
<div class="p2">建议调整关键词或筛选条件,重新搜索</div>
</div>
</div>
<div class="pagination-box" v-if="tableDataTotal>queryParams.pageSize">
<el-pagination background :current-page="queryParams.pageNum" :page-size="queryParams.pageSize" :total="tableDataTotal" layout="prev, pager, next, jumper" @current-change="handleCurrentChange" @size-change="handleSizeChange" />
</div> </div>
</div> </div>
...@@ -136,12 +147,17 @@ ...@@ -136,12 +147,17 @@
<script> <script>
import { companyPage,companyList,companyAdd,companyCancel,queryMonitorCompany } from '@/api/monitoring/monitoring' import { companyPage,companyList,companyAdd,companyCancel,queryMonitorCompany } from '@/api/monitoring/monitoring'
import { getToken } from '@/utils/auth' import { getToken } from '@/utils/auth'
import skeleton from '../component/skeleton'
export default { export default {
name: 'EnterpriseMonitoring', name: 'EnterpriseMonitoring',
components: {
skeleton
},
data() { data() {
return { return {
radio:null, radio:null,
date:[], date:[],
isSkeleton:true,
radioList:[ radioList:[
{ {
type:null, type:null,
...@@ -202,6 +218,7 @@ ...@@ -202,6 +218,7 @@
console.log(this.queryParams) console.log(this.queryParams)
companyPage(this.queryParams).then(res => { companyPage(this.queryParams).then(res => {
console.log(res) console.log(res)
this.isSkeleton = false;
this.tableData=res.rows this.tableData=res.rows
this.tableDataTotal=res.total this.tableDataTotal=res.total
}) })
...@@ -266,6 +283,18 @@ ...@@ -266,6 +283,18 @@
break; break;
} }
}, },
// 重置页数
handleSizeChange(val) {
this.queryParams.pageNum = 1
this.queryParams.pageSize = val
this.querySubmit()
},
// 跳转指定页数
handleCurrentChange(val) {
this.queryParams.pageNum = val
this.querySubmit()
window.scrollTo(0, 0);
},
// 时间选择改变后的回调 // 时间选择改变后的回调
changePicker(value) { changePicker(value) {
if(value && value.length) { if(value && value.length) {
...@@ -430,6 +459,27 @@ ...@@ -430,6 +459,27 @@
color: #0CBC6D; color: #0CBC6D;
} }
} }
.empty{
margin: 0 auto;
height: 550px;
text-align: center;
border-top: 1px solid #EFEFEF;
.img{
width: 108px;
height: 108px;
margin-bottom: 24px;
margin-top: 150px;
}
.p1{
color: #333333;
font-size: 16px;
}
.p2{
color: #999999;
font-size: 14px;
margin-top: 8px;
}
}
} }
::v-deep .dialogAdd{ ::v-deep .dialogAdd{
.el-dialog__body{ .el-dialog__body{
......
...@@ -67,42 +67,53 @@ ...@@ -67,42 +67,53 @@
<div class="content"> <div class="content">
<div class="total">{{tableDataTotal}}</div> <div class="total">{{tableDataTotal}}</div>
<div class="table-item"> <div class="table-item">
<el-table <div v-if="tableDataTotal > 0 && !isSkeleton">
class="fixed-table" <el-table
:data="tableData" class="fixed-table"
element-loading-text="Loading" :data="tableData"
border element-loading-text="Loading"
highlight-current-row border
> highlight-current-row
<el-table-column label="序号" width="60" align="left" fixed>
<template slot-scope="scope">{{ queryParams.pageNum * queryParams.pageSize - queryParams.pageSize + scope.$index + 1 }}</template>
</el-table-column>
<el-table-column label="监控对象" prop="companyName" align="left" width="250"></el-table-column>
<el-table-column label="风险级别" prop="riskLevel" align="left" width="120"></el-table-column>
<el-table-column label="监控类型" prop="parentName" align="left" width="150"></el-table-column>
<el-table-column label="动态内容" prop="details" align="left">
<template slot-scope="scope">
<div v-for="(item,index) in scope.row.Array" :key="index">
<div>
<span style="color: #999;">{{item.key}}</span>
<span>{{item.value}}</span>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="更新时间" prop="createTime" align="left" width="150"></el-table-column>
<el-table-column
label="操作"
align="center"
width="150"
class-name="small-padding fixed-width"
fixed="right"
> >
<template slot-scope="scope"> <el-table-column label="序号" width="60" align="left" fixed>
<span style="cursor: pointer;" @click="handleDetail">查看详情</span> <template slot-scope="scope">{{ queryParams.pageNum * queryParams.pageSize - queryParams.pageSize + scope.$index + 1 }}</template>
</template> </el-table-column>
</el-table-column> <el-table-column label="监控对象" prop="companyName" align="left" width="250"></el-table-column>
</el-table> <el-table-column label="风险级别" prop="riskLevel" align="left" width="120"></el-table-column>
<el-table-column label="监控类型" prop="parentName" align="left" width="150"></el-table-column>
<el-table-column label="动态内容" prop="details" align="left">
<template slot-scope="scope">
<div v-for="(item,index) in scope.row.Array" :key="index">
<div>
<span style="color: #999;">{{item.key}}</span>
<span>{{item.value}}</span>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="更新时间" prop="createTime" align="left" width="150"></el-table-column>
<el-table-column
label="操作"
align="center"
width="150"
class-name="small-padding fixed-width"
fixed="right"
>
<template slot-scope="scope">
<span style="cursor: pointer;" @click="handleDetail">查看详情</span>
</template>
</el-table-column>
</el-table>
</div>
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<div class="empty" v-if="tableDataTotal === 0 && !isSkeleton">
<img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉,没找到相关数据</div>
<div class="p2">建议调整关键词或筛选条件,重新搜索</div>
</div>
</div>
<div class="pagination-box" v-if="tableDataTotal>queryParams.pageSize">
<el-pagination background :current-page="queryParams.pageNum" :page-size="queryParams.pageSize" :total="tableDataTotal" layout="prev, pager, next, jumper" @current-change="handleCurrentChange" @size-change="handleSizeChange" />
</div> </div>
</div> </div>
<el-dialog :visible.sync="dialogVisible" custom-class='dialog-claim' :title="title" width="720px" > <el-dialog :visible.sync="dialogVisible" custom-class='dialog-claim' :title="title" width="720px" >
...@@ -149,14 +160,16 @@ ...@@ -149,14 +160,16 @@
import {changeTime} from "@/assets/js/common.js" import {changeTime} from "@/assets/js/common.js"
import { dynamicPage,companyDetail,rulesSelect } from '@/api/monitoring/monitoring' import { dynamicPage,companyDetail,rulesSelect } from '@/api/monitoring/monitoring'
import InfoTable from '../detail/party-a/component/infoTable'; import InfoTable from '../detail/party-a/component/infoTable';
import skeleton from '../component/skeleton'
export default { export default {
name: 'MonitoringDynamics', name: 'MonitoringDynamics',
components: { components: {
InfoTable InfoTable,skeleton
}, },
data() { data() {
return { return {
changeTime, changeTime,
isSkeleton:true,
radio:null, radio:null,
date:'', date:'',
radioList:[ radioList:[
...@@ -337,6 +350,7 @@ ...@@ -337,6 +350,7 @@
this.queryParams.condition.fxjbType=this.riskLevel.join() this.queryParams.condition.fxjbType=this.riskLevel.join()
} }
dynamicPage(this.queryParams).then(res => { dynamicPage(this.queryParams).then(res => {
this.isSkeleton = false;
this.tableData=res.rows; this.tableData=res.rows;
this.tableDataTotal=res.total; this.tableDataTotal=res.total;
this.tableData.forEach(el => { this.tableData.forEach(el => {
...@@ -433,6 +447,18 @@ ...@@ -433,6 +447,18 @@
break; break;
} }
}, },
// 重置页数
handleSizeChange(val) {
this.queryParams.pageNum = 1
this.queryParams.pageSize = val
this.querySubmit()
},
// 跳转指定页数
handleCurrentChange(val) {
this.queryParams.pageNum = val
this.querySubmit()
window.scrollTo(0, 0);
},
// 时间选择改变后的回调 // 时间选择改变后的回调
changePicker(value) { changePicker(value) {
if(value && value.length) { if(value && value.length) {
...@@ -703,6 +729,27 @@ ...@@ -703,6 +729,27 @@
margin-right: 4px; margin-right: 4px;
} }
} }
.empty{
margin: 0 auto;
height: 550px;
text-align: center;
border-top: 1px solid #EFEFEF;
.img{
width: 108px;
height: 108px;
margin-bottom: 24px;
margin-top: 150px;
}
.p1{
color: #333333;
font-size: 16px;
}
.p2{
color: #999999;
font-size: 14px;
margin-top: 8px;
}
}
} }
::v-deep .dialog-claim{ ::v-deep .dialog-claim{
.el-dialog__header{ .el-dialog__header{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment