| | |
| | | <div class="card-content"> |
| | | <div class="title-container"> |
| | | <h1>运维到期预警</h1> |
| | | <div class="more-button"> |
| | | <div class="more-button" @click="$router.push({ path: '/point-manage' })"> |
| | | <span>更多</span> |
| | | <i class="el-icon-arrow-right"></i> |
| | | </div> |
| | | </div> |
| | | |
| | | <el-table :data="tableData" height="400"> |
| | | <el-table-column prop="date" label="警报时间" align="center"> |
| | | <el-table-column prop="pointName" label="点位信息" align="center" show-overflow-tooltip> |
| | | </el-table-column> |
| | | <el-table-column prop="name" label="点位信息" align="center"> |
| | | <el-table-column prop="remark" label="运维单位" align="center" show-overflow-tooltip> |
| | | </el-table-column> |
| | | <el-table-column prop="date" label="运维截止时间" align="center"> |
| | | <el-table-column prop="startTime" label="运维开始时间" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="date" label="状态" align="center"> |
| | | <el-table-column prop="endTime" label="运维截止时间" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="status" label="状态" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-tag type="warning" |
| | | disable-transitions>临期</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-button size="mini">编辑</el-button> |
| | | <el-tag type="warning" disable-transitions v-if="scope.row.status">{{ scope.row.status }}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | import { ywPoint } from "@/api/platform/home"; |
| | | export default { |
| | | name: 'DataTable', |
| | | data() { |
| | | return { |
| | | tableData: [ |
| | | { |
| | | date: '2024.02.28 15:14:01', |
| | | name: '运维公司名称1', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | num: 111, |
| | | }, |
| | | { |
| | | date: '2024.02.28 15:14:01', |
| | | name: '运维公司名称1', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | num: 111, |
| | | }, |
| | | { |
| | | date: '2024.02.28 15:14:01', |
| | | name: '运维公司名称1', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | num: 111, |
| | | }, |
| | | { |
| | | date: '2024.02.28 15:14:01', |
| | | name: '运维公司名称1', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | num: 111, |
| | | }, |
| | | { |
| | | date: '2024.02.28 15:14:01', |
| | | name: '运维公司名称1', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | num: 111, |
| | | }, |
| | | { |
| | | date: '2024.02.28 15:14:01', |
| | | name: '运维公司名称1', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | num: 111, |
| | | }, |
| | | { |
| | | date: '2024.02.28 15:14:01', |
| | | name: '运维公司名称1', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | num: 111, |
| | | }, |
| | | { |
| | | date: '2024.02.28 15:14:01', |
| | | name: '运维公司名称1', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | num: 111, |
| | | }, |
| | | { |
| | | date: '2024.02.28 15:14:01', |
| | | name: '运维公司名称1', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | num: 111, |
| | | }, |
| | | { |
| | | date: '2024.02.28 15:14:01', |
| | | name: '运维公司名称1', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | num: 111, |
| | | }, |
| | | ] |
| | | tableData: [] |
| | | } |
| | | }, |
| | | mounted() { |
| | | ywPoint().then(res => { |
| | | this.tableData = res.data; |
| | | }) |
| | | } |
| | | } |
| | | </script> |
| | |
| | | padding: 0 10px; |
| | | } |
| | | } |
| | | </style> |
| | | </style> |