@ -38,6 +38,7 @@
> 装置总数 ： < el -tag type = "info" > { { tableData . length } } < / e l - t a g > < / s p a n
>
< / p >
< el -button type = "primary" @click ="handleExport" > 导 出 < / el -button >
< el -tooltip class = "item" effect = "dark" content = "扩展列" placement = "top" >
< el -button
class = "drawBox"
@ -51,6 +52,7 @@
< / div >
< el -table
class = "ywTableBox"
id = "ywTable"
ref = "ywMultipleTable"
: data = "tableData"
border
@ -63,8 +65,8 @@
>
< el -table -column type = "selection" :reserve-selection ="true" width = "50" >
< / e l - t a b l e - c o l u m n >
<!-- < el -table -column type = "index" width = "50" label = "序号" > < / e l - t a b l e - c o l u m n >
< el -table -column prop = "id" label = "ID" width = "60" sortable >
< el -table -column type = "index" width = "50" label = "序号" > < / e l - t a b l e - c o l u m n >
<!-- < el -table -column prop = "id" label = "ID" width = "60" sortable >
< / e l - t a b l e - c o l u m n > - - >
< el -table -column prop = "oid" label = "出厂ID" width = "150" sortable >
< template slot -scope = " scope " >
@ -201,6 +203,15 @@
} }
< / template >
< / e l - t a b l e - c o l u m n >
< el -table -column label = "失败" min -width = " 48 " >
< template slot -scope = " scope " >
{ {
scope . row . raw _report . hasOwnProperty ( "msgs" )
? scope . row . raw _report . msgs . failure
: ""
} }
< / template >
< / e l - t a b l e - c o l u m n >
< / e l - t a b l e - c o l u m n >
< el -table -column label = "网络信号" v-if ="wlcheck" >
@ -304,7 +315,10 @@
< / div >
< p >
< b > I1 : < / b > { { scope . row . raw _report . msgs . i1Version } } < b > 运维 : < / b
> { { scope . row . raw _report . msgs . maintainVersion } }
> { { scope . row . raw _report . msgs . maintainVersion } } < b > Camera : < / b
> { { scope . row . raw _report . msgs . cameraService } } < b > AI : < / b
> { { scope . row . raw _report . msgs . aiVersion } } < b > MCU : < / b
> { { scope . row . raw _report . msgs . mcu } }
< / p >
< / e l - t o o l t i p >
@ -328,17 +342,39 @@
< div class = "drawerSelect" >
< h3 > 表格列配置 < / h3 >
< div class = "selectBox" >
< el -checkbox v-model ="gycheck" > 规 约 < / el -checkbox >
< el -checkbox v-model ="dccheck" > 电 池 状 态 < / el -checkbox >
< el -checkbox v-model ="xtcheck" > 心 跳 信 息 < / el -checkbox >
< el -checkbox v-model ="xtcs" > 心 跳 次 数 < / el -checkbox >
< el -checkbox v-model ="xtzq" > 心 跳 周 期 < / el -checkbox >
< el -checkbox v-model ="pzcheck" > 拍 照 < / el -checkbox >
< el -checkbox v-model ="wlcheck" > 网 络 信 号 < / el -checkbox >
< el -checkbox v-model ="cqcheck" > 重 启 次 数 < / el -checkbox >
< el -checkbox v-model ="cmacheck" > CMA 服 务 器 < / el -checkbox >
< el -checkbox v-model ="simcheck" > SIM 卡 < / el -checkbox >
< el -checkbox v-model ="bbcheck" > 版 本 < / el -checkbox >
< el -checkbox v -model = " gycheck " @change ="saveLocalStorage"
> 规约 < / e l - c h e c k b o x
>
< el -checkbox v -model = " dccheck " @change ="saveLocalStorage"
> 电池状态 < / e l - c h e c k b o x
>
< el -checkbox v -model = " xtcheck " @change ="saveLocalStorage"
> 心跳信息 < / e l - c h e c k b o x
>
< el -checkbox v -model = " xtcs " @change ="saveLocalStorage"
> 心跳次数 < / e l - c h e c k b o x
>
< el -checkbox v -model = " xtzq " @change ="saveLocalStorage"
> 心跳周期 < / e l - c h e c k b o x
>
< el -checkbox v -model = " pzcheck " @change ="saveLocalStorage"
> 拍照 < / e l - c h e c k b o x
>
< el -checkbox v -model = " wlcheck " @change ="saveLocalStorage"
> 网络信号 < / e l - c h e c k b o x
>
< el -checkbox v -model = " cqcheck " @change ="saveLocalStorage"
> 重启次数 < / e l - c h e c k b o x
>
< el -checkbox v -model = " cmacheck " @change ="saveLocalStorage"
> CMA服务器 < / e l - c h e c k b o x
>
< el -checkbox v -model = " simcheck " @change ="saveLocalStorage"
> SIM卡 < / e l - c h e c k b o x
>
< el -checkbox v -model = " bbcheck " @change ="saveLocalStorage"
> 版本 < / e l - c h e c k b o x
>
< / div >
< / div >
< / e l - d r a w e r >
@ -461,25 +497,26 @@
width = "40%"
class = "frpcDialogBox"
>
< el -button type = "primary" @click ="handleModelForm" > 模 板 一 < / el -button >
< el -form
: model = "frpcform"
ref = "frpcRuleForm"
: rules = "frpcRules"
label - width = "132px"
>
< el -form -item label = " Server Address ： prop = "server_addr" >
< el -form -item label = " 服务器IP ： prop = "server_addr" >
< el -input
v - model = "frpcform.server_addr"
autocomplete = "off"
> < / e l - i n p u t >
< / e l - f o r m - i t e m >
< el -form -item label = " Server Port ： prop = "server_port" >
< el -form -item label = " 服务器端口 ： prop = "server_port" >
< el -input
v - model . number = "frpcform.server_port"
autocomplete = "off"
> < / e l - i n p u t >
< / e l - f o r m - i t e m >
< el -form -item label = "F rpc Type ： >
< el -form -item label = "F RPC类型 ： >
< el -select v-model ="frpcform.frpc_type" placeholder="请选择" >
< el -option
v - for = "item in frpc_typeOption"
@ -490,7 +527,7 @@
< / e l - o p t i o n >
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< el -form -item label = " Type ： >
< el -form -item label = " 网络类型 ： >
< el -select v-model ="frpcform.type" placeholder="请选择" >
< el -option
v - for = "item in typeOption"
@ -501,22 +538,23 @@
< / e l - o p t i o n >
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< el -form -item label = " Local IP： prop = "local_ip" >
< el -form -item label = " 本地 IP： prop = "local_ip" >
< el -input v-model ="frpcform.local_ip" autocomplete="off" > < / el -input >
< / e l - f o r m - i t e m >
< el -form -item label = " Local Port ： prop = "local_port" >
< el -form -item label = " 本地端口 ： prop = "local_port" >
< el -input
v - model . number = "frpcform.local_port"
autocomplete = "off"
> < / e l - i n p u t >
< / e l - f o r m - i t e m >
< el -form -item label = " Remote Port ： prop = "remote_port" >
< el -form -item label = " 远程端口 ： prop = "remote_port" >
< el -input
v - model . number = "frpcform.remote_port"
autocomplete = "off"
> < / e l - i n p u t >
< / e l - f o r m - i t e m >
< / e l - f o r m >
< div slot = "footer" class = "dialog-footer" >
< el -button @ click = "frpcVisible = false" > 取 消 < / e l - b u t t o n >
< el -button type = "primary" @click ="handleFrpc" > 确 定 < / el -button >
@ -530,6 +568,7 @@
< script >
import { getdoActionApi , getqueryUpgradesApi } from "@/utils/api/index" ;
import rowMsgDialog from "./rowMsgDialog.vue" ;
import htmlToExcel from "@/utils/htmlToExcel" ;
export default {
props : [ "tableData" , "onlineNum" , "offlineNum" , "noPicNum" ] ,
components : {
@ -586,10 +625,10 @@ export default {
bbcheck : true ,
/ / 运 维 操 作 列 表
operateOptions : [
{ id : 1 , name : " 重启" } ,
{ id : 2 , name : " 重启装置 " } ,
{ id : 1 , name : " 安卓 重启" } ,
{ id : 2 , name : " MCU单片机 重启" } ,
{ id : 3 , name : "设置I1服务器" } ,
{ id : 4 , name : "设置运维服务器" }
/ / { i d : 4 , n a m e : " 设 置 运 维 服 务 器 " }
{ id : 5 , name : "设置心跳周期" } ,
{ id : 6 , name : "上传日志" } ,
{ id : 7 , name : "升级" } ,
@ -670,7 +709,7 @@ export default {
/ / p o r t : " " ,
server _addr : "" ,
server _port : "" ,
frpc _type : " ssh ",
frpc _type : " adb ",
type : "tcp" ,
local _ip : "" ,
local _port : "" ,
@ -730,14 +769,24 @@ export default {
} ,
} ;
} ,
tableData : {
handler ( newVal ) {
/ / 数 据 发 生 变 化 时 的 处 理 逻 辑
console . log ( "数据已更新：" , newVal ) ;
mounted ( ) {
this . loadLocalStorage ( ) ;
} ,
watch : {
tableData : {
handler ( newVal ) {
/ / 数 据 发 生 变 化 时 的 处 理 逻 辑
console . log ( "数据已更新：" , newVal ) ;
} ,
deep : true ,
} ,
deep : true ,
} ,
methods : {
/ / 导 出 表 格
handleExport ( ) {
htmlToExcel . getExcel ( "#ywTable" , "设备运维信息" ) ;
} ,
/ / 保 存 选 中 的 数 据 i d , r o w - k e y 就 是 要 指 定 一 个 k e y 标 识 这 一 行 的 数 据
getRowKey ( row ) {
return row . id ;
@ -955,6 +1004,7 @@ export default {
act : "upgrade" ,
url : this . upgradationform . upVal ,
md5 : this . selectUpObj . md5 ,
fn : this . selectUpObj . fileName ,
termIds : this . idArray . join ( "-" ) ,
} ;
this . changeIssue ( params ) ;
@ -962,6 +1012,20 @@ export default {
}
} ) ;
} ,
/ / 点 击 模 板
handleModelForm ( ) {
this . frpcform = {
/ / i p : " " ,
/ / p o r t : " " ,
server _addr : "180.166.218.22" ,
server _port : 40204 ,
frpc _type : "adb" ,
type : "tcp" ,
local _ip : "127.0.0.1" ,
local _port : 5555 ,
remote _port : 40205 ,
} ;
} ,
/ / 开 启 f r p c
handleFrpc ( ) {
console . log ( this . $refs . frpcRuleForm ) ;
@ -983,6 +1047,55 @@ export default {
}
} ) ;
} ,
saveLocalStorage ( ) {
localStorage . setItem ( "gycheck" , this . gycheck ) ;
localStorage . setItem ( "dccheck" , this . dccheck ) ;
localStorage . setItem ( "xtcheck" , this . xtcheck ) ;
localStorage . setItem ( "xtcs" , this . xtcs ) ;
localStorage . setItem ( "xtzq" , this . xtzq ) ;
localStorage . setItem ( "pzcheck" , this . pzcheck ) ;
localStorage . setItem ( "wlcheck" , this . wlcheck ) ;
localStorage . setItem ( "cqcheck" , this . cqcheck ) ;
localStorage . setItem ( "cmacheck" , this . cmacheck ) ;
localStorage . setItem ( "simcheck" , this . simcheck ) ;
localStorage . setItem ( "bbcheck" , this . bbcheck ) ;
} ,
loadLocalStorage ( ) {
this . gycheck = localStorage . getItem ( "gycheck" )
? JSON . parse ( localStorage . getItem ( "gycheck" ) )
: false ;
this . dccheck = localStorage . getItem ( "dccheck" )
? JSON . parse ( localStorage . getItem ( "dccheck" ) )
: true ;
this . xtcheck = localStorage . getItem ( "xtcheck" )
? JSON . parse ( localStorage . getItem ( "xtcheck" ) )
: true ;
this . xtcs = localStorage . getItem ( "xtcs" )
? JSON . parse ( localStorage . getItem ( "xtcs" ) )
: false ;
this . xtzq = localStorage . getItem ( "xtzq" )
? JSON . parse ( localStorage . getItem ( "xtzq" ) )
: false ;
this . pzcheck = localStorage . getItem ( "pzcheck" )
? JSON . parse ( localStorage . getItem ( "pzcheck" ) )
: true ;
this . wlcheck = localStorage . getItem ( "wlcheck" )
? JSON . parse ( localStorage . getItem ( "wlcheck" ) )
: true ;
this . cqcheck = localStorage . getItem ( "cqcheck" )
? JSON . parse ( localStorage . getItem ( "cqcheck" ) )
: true ;
this . cmacheck = localStorage . getItem ( "cmacheck" )
? JSON . parse ( localStorage . getItem ( "cmacheck" ) )
: false ;
this . simcheck = localStorage . getItem ( "simcheck" )
? JSON . parse ( localStorage . getItem ( "simcheck" ) )
: false ;
this . bbcheck = localStorage . getItem ( "bbcheck" )
? JSON . parse ( localStorage . getItem ( "bbcheck" ) )
: true ;
} ,
} ,
} ;
< / script >
@ -1143,6 +1256,14 @@ export default {
}
}
. frpcDialogBox {
. el - dialog _ _body {
. el - button -- small {
padding : 5 px 15 px ;
}
. el - form {
margin - top : 12 px ;
}
}
. el - select {
width : 100 % ;
}
fanluyan
2 years ago