| | |
|---|
| | | <html> |
|---|
| | | <head> |
|---|
| | | <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> |
|---|
| | | <link rel="stylesheet" href="../js/static/css/element.css"> |
|---|
| | | <link rel="stylesheet" href="../js/static/css/style.css"> |
|---|
| | | <script src="../js/static/js/vue.js"></script> |
|---|
| | | <script src="../js/mixins.js"></script> |
|---|
| | | <!-- import JavaScript --> |
|---|
| | | <script src="../js/static/js/element.js"></script> |
|---|
| | | <script src="../js/static/js/echarts.min.js"></script> |
|---|
| | | <script src="../js/main.js"></script> |
|---|
| | | <style type="text/css"> |
|---|
| | | <style> |
|---|
| | | .el-table .warning-row { |
|---|
| | |
|---|
| | | <title>Insert title here</title> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <div id="app" style="display:width:100%"> |
|---|
| | | <% |
|---|
| | | String a=null; |
|---|
| | | try{ |
|---|
| | | a=Manager.getDevice().toString(); |
|---|
| | | } |
|---|
| | | catch(Exception e){ |
|---|
| | | a="[{}]"; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | %> |
|---|
| | | <div id="app" style="width:100%"> |
|---|
| | | <el-table border |
|---|
| | | :data="machine" |
|---|
| | | height='700' |
|---|
| | | height='100%' |
|---|
| | | style="width: 100%;" |
|---|
| | | :row-class-name="tableRowClassName" |
|---|
| | | :cell-class-name="tableRowClassName" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | prop="name" |
|---|
| | |
|---|
| | | el: '#app', |
|---|
| | | mixins:[mixin], |
|---|
| | | data:{ |
|---|
| | | machine:<%out.print( Manager.getDevice().toString());%>, |
|---|
| | | machine:<%= a%>, |
|---|
| | | }, |
|---|
| | | methods:{ |
|---|
| | | tableRowClassName({row, rowIndex}) { |
|---|
| | | tableRowClassName({row,column,rowIndex,columnIndex}) { |
|---|
| | | |
|---|
| | | if (row['st'] == '未连接') { |
|---|
| | | if (row['st'] == '未连接' && columnIndex==3 ) { |
|---|
| | | return 'success-row'; |
|---|
| | | }else{ |
|---|
| | | return ''; |
|---|
| | | } |
|---|
| | | return ''; |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | //console.log(app.$data.machine); |
|---|
| | | // console.log(app.$data.machine); |
|---|
| | | </script> |
|---|
| | | </body> |
|---|
| | | </html> |
|---|
