@ -37,7 +37,7 @@
< div class = "text-wrapper" >
< span > 预警项目 < / span >
< span
> < span class = "text" > { { "111" } } < / s p a n
> < span class = "text" > { { forewarnData . forewarningNum } } < / s p a n
> 个 < / s p a n
>
< / div >
@ -50,31 +50,31 @@
< svg -icon icon -class = " u19 " / >
< / div >
< / div >
< div class = "text-wrapper" >
< span > 预警企业 < / span >
< span
> < span class = "text" > { { "111" } } < / s p a n
> 家 < / s p a n
>
< / div >
< / div >
< / div >
< div class = "panel" >
< div class = "panel_left" >
< div class = "icon-wrapper" >
< div class = "in-wrapper" >
< svg -icon icon -class = " u24 " / >
< / div >
< / div >
< div class = "text-wrapper" >
< span > 数据总数 < / span >
< span
> < span class = "text" > { { "111" } } < / s p a n
> < span class = "text" > { { forewarnData . total } } < / s p a n
> 条 < / s p a n
>
< / div >
< / div >
< / div >
<!-- < div class = "panel" > -- >
<!-- < div class = "panel_left" > -- >
<!-- < div class = "icon-wrapper" > -- >
<!-- < div class = "in-wrapper" > -- >
<!-- < svg -icon icon -class = " u24 " / > -- >
<!-- < / div > -- >
<!-- < / div > -- >
<!-- < div class = "text-wrapper" > -- >
<!-- < span > 数据总数 < / span > -- >
<!-- < span - - >
<!-- > < span class = "text" > { { "111" } } < / s p a n - - >
<!-- > 条 < / s p a n - - >
<!-- > -- >
<!-- < / div > -- >
<!-- < / div > -- >
<!-- < / div > -- >
< / div >
< div ref = "Ele" style = "width: 100%; height: 220px" > < / div >
< / div >
@ -82,7 +82,7 @@
< div class = "title" > 预警情况 < / div >
< el -table
style = "margin-top: 40px"
v - loading = "l oading"
v - loading = "yjL oading"
border
: data = "InfoList"
height = "380"
@ -97,42 +97,40 @@
< el -table -column
label = "地区"
prop = "adcd"
: formatter = "$formatAdcd"
width = "120"
align = "center" / >
< el -table -column
label = "项目数"
prop = "adcd "
prop = "proInfoCount "
width = "120"
align = "center" / >
< el -table -column label = "预警项目数" prop = "adcd" align = "center"
/ > < / e l - t a b l e >
< el -table -column
label = "预警项目数"
prop = "matchedCount"
width = "230"
align = "center" / >
< / e l - t a b l e >
<!-- < pagination :total ="100" :page.sync ="20" :limit.sync ="[10]" / > -- >
< / div >
< / div >
< div class = "right" >
< div class = "right-top commom" >
< div class = "text-wrapper" >
< span > 预警项目 < / span >
< span
> < span class = "text" > { { "111" } } < / s p a n
> 个 < / s p a n
>
< / div >
< div class = "text-wrapper" >
< span > 预警项目 < / span >
< span > 未处置 < / span >
< span
> < span class = "text" > { { "111" } } < / s p a n
> < span class = "text" > { { forewarnData . noHandleNum } } < / s p a n
> 个 < / s p a n
>
< / div >
< div class = "text-wrapper" >
< span > 预警项目 < / span >
< span > 已处置 < / span >
< span
> < span class = "text" > { { "111" } } < / s p a n
> < span class = "text" > { { forewarnData . isHandleNum } } < / s p a n
> 个 < / s p a n
>
< / div >
< / div >
< div class = "right-bottom commom" >
< div class = "table-wrapper" >
@ -147,14 +145,14 @@
v - model = "queryParams.data.projectName"
placeholder = "请输入项目名称"
clearable
@ keyup . enter . native = "handleQuery "
@ keyup . enter . native = "getResultList "
>
< el -button
type = "primary"
slot = "append"
icon = "el-icon-search"
size = "small"
@ click = "handleQuery "
@ click = "getResultList "
style = "background-color: #1973fb; color: #fff"
> < / e l - b u t t o n >
< / e l - i n p u t >
@ -168,7 +166,7 @@
>
< / e l - f o r m - i t e m >
< / e l - f o r m >
< el -table v -loading = " loading " :data ="InfoList" height = "585" stripe >
< el -table v -loading = " loading " :data ="warningList" height = "600" stripe : row -style = " { height : ' 60px ' } " >
<!-- < el -table -column type = "selection" width = "55" align = "center" fixed / > -- >
< el -table -column
@ -178,13 +176,7 @@
align = "center"
fixed
/ >
< el -table -column
label = "行政区划"
prop = "adcd"
width = "120"
align = "center"
: formatter = "$formatAdcd"
/ >
< el -table -column
label = "项目名称"
prop = "projectName"
@ -192,54 +184,47 @@
align = "center"
/ >
< el -table -column
label = "项目批复时间 "
prop = "appTim e"
label = "预警问题 "
prop = "w arnTy pe"
min - width = "120"
align = "center"
: formatter = "formatDate "
: formatter = "warnTypeFormat "
/ >
< el -table -column
label = "计划总投资(万元) "
prop = "planInvestment "
label = "预警类型 "
prop = "alertType "
min - width = "120"
align = "center"
: formatter = "formatAlertType"
/ >
< el -table -column
label = "累计完成总投资(万元) "
prop = "actInvestment "
min - width = "120"
label = "项目所在地 "
prop = "adcd "
width = "120"
align = "center"
: formatter = "$formatAdcd"
/ >
< el -table -column
label = "亮灯状态"
align = "center"
class - name = "small-padding fixed-width"
label = "预警时间"
prop = "createTime"
min - width = "120"
>
< template slot -scope = " scope " >
< svg -icon
v - if = "scope.row.type === '0'"
icon - class = "redLight"
/ >
< svg -icon
v - else - if = "scope.row.type === '1'"
icon - class = "yellowLight"
align = "center"
/ >
< svg -icon
v - else - if = "scope.row.type === '3'"
icon - class = "greenLight"
< el -table -column
label = "状态"
prop = "isHandle"
min - width = "120"
align = "center"
: formatter = "formatIsHandler"
/ >
< / template >
< / e l - t a b l e - c o l u m n >
< / e l - t a b l e >
< pagination
v - show = "pageTotal > 0"
: total = "pageTotal"
: page . sync = "queryParams.pageNum"
: limit . sync = "queryParams.pageSize"
@ pagination = "getXMInfo "
@ pagination = "getResultList "
/ >
< / div >
< / div >
@ -256,6 +241,9 @@ import index from "@vue/test-utils";
import * as echarts from "echarts" ;
import { getInfo , getSourceFundsNum } from "@/api/projectStatistics/sort" ;
import { codeToText } from "element-china-area-data" ;
import { getDistribution , getTotal , getPieChart } from '@/api/warn/earlyWarning'
import { listResult } from '@/api/warn/result'
export default {
data ( ) {
return {
@ -269,10 +257,14 @@ export default {
TypeNum : { } ,
showSearch : true ,
forewarningNum : [ ] ,
forewarnData : { } ,
warningList : [ ] ,
yjLoading : false ,
ms : { } ,
zd : { } ,
adcd : [ ] ,
year : "2024" ,
routeList : [
{
path : "/evaluationEarlyWarning/earlyWarningManage/warning" ,
@ -282,10 +274,11 @@ export default {
formattedZd : { } ,
formattedMs : { } ,
projectType : [ ] ,
pieList : [ ] ,
zdTotal : 0 ,
msTotal : 0 ,
total : 0 ,
warnTypeOptions : [ ] ,
queryParams : {
pageNum : 1 ,
pageSize : 10 ,
@ -295,16 +288,69 @@ export default {
projectType : null ,
total : null ,
projectPhase : null ,
proNo : null
} ,
} ,
} ;
} ,
created ( ) {
this . getDicts ( "Warning_items" ) . then ( response => {
this . warnTypeOptions = response . data ;
} ) ;
getTotal ( ) . then ( res => {
this . forewarnData = res . data
} )
this . getResultList ( )
this . getPie ( )
getDistribution ( { pageNum : 1 , pageSize : 99 } ) . then ( res => {
const newData = res . data . map ( item => {
item . adcd = item . adcdPrefix + '00'
return item } )
console . log ( newData )
this . InfoList = newData
} )
} ,
mounted ( ) {
this . eleInit ( ) ;
} ,
computed : { } ,
methods : {
resetQuery ( ) {
this . queryParams . data . projectName = null
} ,
getPie ( ) {
getPieChart ( ) . then ( res => {
this . pieList = res . data
console . log ( this . pieList )
this . eleInit ( ) ;
} )
} ,
warnTypeFormat ( row , column ) {
return this . selectDictLabel ( this . warnTypeOptions , row . warnType ) ;
} ,
formatAlertType ( row ) {
if ( row . alertType == '0' ) {
return '预警'
} else {
return '提醒'
}
} ,
formatIsHandler ( row ) {
if ( row . alertType == '0' ) {
return '未处置'
} else {
return '已处置'
}
} ,
getResultList ( ) {
this . loading = true
listResult ( this . queryParams ) . then ( res => {
this . warningList = res . records
this . pageTotal = res . total
this . loading = false
} )
} ,
eleInit ( ) {
let chartDom = this . $refs . Ele ;
let myChart = echarts . init ( chartDom ) ;
@ -363,25 +409,10 @@ export default {
/ / . . . i t e m ,
/ / n a m e : t h i s . t r u n c a t e N a m e ( i t e m . n a m e ) ,
/ / } ) ) ,
data : [
{ name : "2233" , value : 2 } ,
{ name : "21" , value : 2 } ,
{ name : "32" , value : 2 } ,
{ name : "32" , value : 2 } ,
{ name : "12" , value : 2 } ,
{ name : "61" , value : 2 } ,
{ name : "34" , value : 2 } ,
{ name : "42" , value : 2 } ,
{ name : "32" , value : 2 } ,
{ name : "33" , value : 2 } ,
{ name : "43" , value : 2 } ,
{ name : "52" , value : 2 } ,
{ name : "72" , value : 2 } ,
{ name : "31" , value : 2 } ,
{ name : "55" , value : 2 } ,
{ name : "56" , value : 2 } ,
{ name : "62" , value : 2 } ,
] ,
data : this . pieList . map ( item => ( {
name : this . warnTypeFormat ( item ) ,
value : item . total
} ) ) ,
} ,
] ,
} ;
