Commit 4d6a187f authored by danfuman's avatar danfuman

修改

parent 1c343b46
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
</div> </div>
<div class="content"> <div class="content">
<div class="table-search"> <div class="table-search">
<div class="total">162</div> <div class="total">{{tableDataTotal}}</div>
<div class="right"> <div class="right">
<span class="add" @click="addEnterprise">添加企业</span> <span class="add" @click="addEnterprise">添加企业</span>
<span class="add1" @click="handleBatch">批量监控</span> <span class="add1" @click="handleBatch">批量监控</span>
......
...@@ -9,14 +9,14 @@ ...@@ -9,14 +9,14 @@
</el-tabs> </el-tabs>
</div> </div>
<div class="report-content"> <div class="report-content">
<div class="list" v-for="item in dataList"> <div class="list" v-if="tableDataTotal > 0 && !isSkeleton" v-for="item in dataList">
<div class="list-title"> <div class="list-title">
<div class="flex-box query-box"> <div class="flex-box query-box">
<div class="flex-box query-params"> <div class="flex-box query-params">
<span class="common-title">{{item.period}}</span> <span class="common-title">{{item.period}}</span>
</div> </div>
<div class="flex-box query-ability"> <div class="flex-box query-ability">
<span style="color:#0081FF;padding: 0 4px;">13</span>家企业发生<span style="color:#F7965B;padding: 0 4px;">651</span>条动态信息 <span style="color:#0081FF;padding: 0 4px;">{{item.companyNum}}</span>家企业发生<span style="color:#F7965B;padding: 0 4px;">{{item.dynamicNum}}</span>条动态信息
</div> </div>
</div> </div>
</div> </div>
...@@ -45,16 +45,27 @@ ...@@ -45,16 +45,27 @@
</div> </div>
</div> </div>
</div> </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>
</div> </div>
</template> </template>
<script> <script>
import { reportPage } from '@/api/monitoring/monitoring' import { reportPage } from '@/api/monitoring/monitoring'
import skeleton from '../component/skeleton'
export default { export default {
name: 'MonitoringReport', name: 'MonitoringReport',
components: {
skeleton
},
data() { data() {
return { return {
isSkeleton:true,
activeName:'1', activeName:'1',
dataList:[ dataList:[
{ {
...@@ -68,7 +79,8 @@ ...@@ -68,7 +79,8 @@
condition:{ condition:{
reportType:1 reportType:1
} }
} },
tableDataTotal:0,
} }
}, },
created() { created() {
...@@ -78,7 +90,9 @@ ...@@ -78,7 +90,9 @@
async querySubmit() { async querySubmit() {
reportPage(this.queryParams).then(res => { reportPage(this.queryParams).then(res => {
console.log(res) console.log(res)
this.dataList=res.rows this.isSkeleton = false;
this.dataList=res.rows;
this.tableDataTotal=res.total
}) })
}, },
handleClick() { handleClick() {
...@@ -217,6 +231,27 @@ ...@@ -217,6 +231,27 @@
border-bottom:0; border-bottom:0;
} }
} }
.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;
}
}
} }
} }
</style> </style>
...@@ -74,42 +74,53 @@ ...@@ -74,42 +74,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" >
...@@ -142,14 +153,16 @@ ...@@ -142,14 +153,16 @@
import { dynamicPage,rulesSelect,companyDetail } from '@/api/monitoring/monitoring' import { dynamicPage,rulesSelect,companyDetail } from '@/api/monitoring/monitoring'
import InfoTable from '../detail/party-a/component/infoTable'; import InfoTable from '../detail/party-a/component/infoTable';
import {changeTime} from "@/assets/js/common.js" import {changeTime} from "@/assets/js/common.js"
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:0, radio:0,
date:'', date:'',
radioList:[ radioList:[
...@@ -194,16 +207,6 @@ ...@@ -194,16 +207,6 @@
], ],
checkFx: true, checkFx: true,
fxlxType:[], fxlxType:[],
jkType:[
{
value:'1',
label:'司法风险'
},
{
value:'2',
label:'工商变更'
},
],
selectList:[], selectList:[],
selectList1:[], selectList1:[],
sffx:[], sffx:[],
...@@ -337,6 +340,7 @@ ...@@ -337,6 +340,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.object=res.object; this.object=res.object;
this.tableData=res.rows; this.tableData=res.rows;
this.tableDataTotal=res.total; this.tableDataTotal=res.total;
...@@ -377,6 +381,18 @@ ...@@ -377,6 +381,18 @@
handleDetail(){ handleDetail(){
this.dialogVisible=true; this.dialogVisible=true;
}, },
// 重置页数
handleSizeChange(val) {
this.queryParams.pageNum = 1
this.queryParams.pageSize = val
this.querySubmit()
},
// 跳转指定页数
handleCurrentChange(val) {
this.queryParams.pageNum = val
this.querySubmit()
window.scrollTo(0, 0);
},
// 时间格式化 // 时间格式化
formatDate(timeStr) { formatDate(timeStr) {
let date = new Date(Number(timeStr)); let date = new Date(Number(timeStr));
...@@ -643,6 +659,27 @@ ...@@ -643,6 +659,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