| | |
| | | <el-table-column prop="type" label="类别" width="120"></el-table-column> |
| | | </el-table> |
| | | <el-dialog |
| | | title="详细信息" |
| | | title="警务详情" |
| | | :visible.sync="dialogVisible" |
| | | width="30%" |
| | | width="40%" |
| | | height="60%" |
| | | :before-close="handleClose" |
| | | custom-class="tan" |
| | | > |
| | | <ul> |
| | | <li v-for="(value,key) in JWdetails" :key="key">{{key}}---------{{value}}</li> |
| | | </ul> |
| | | <table border="1" class="tableClass"> |
| | | <tr v-for="(value,key) in JWdetails" :key="key"> |
| | | <th>{{key}}</th> |
| | | <td>{{value}}</td> |
| | | </tr> |
| | | </table> |
| | | <span slot="footer" class="dialog-footer"></span> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | } |
| | | ::v-deep .el-table tr:hover td { |
| | | color: #000; |
| | | cursor: pointer; |
| | | } |
| | | ::v-deep .el-dialog__header { |
| | | margin-top: 150px; |
| | | } |
| | | ::v-deep .el-dialog__title { |
| | | line-height: 24px; |
| | | font-size: 24px; |
| | | font-weight: 700; |
| | | color: #303133; |
| | | } |
| | | .tableClass { |
| | | margin: 0 auto; |
| | | width: 600px; |
| | | height: 400px; |
| | | border-collapse: collapse; |
| | | } |
| | | .tableClass th, |
| | | .tableClass td { |
| | | width: 200px; |
| | | } |
| | | } |
| | | } |