|
@@ -30,7 +30,7 @@
|
|
|
<div class="search-container">
|
|
|
<Input iconType="search" v-model="searchKey" placeholder="搜索" width="192"/>
|
|
|
</div>
|
|
|
- <el-table :data="tableData" style="width: 100%;margin-bottom: 63px;">
|
|
|
+ <el-table :data="tableData" style="width: 100%;margin-bottom: 63px;" @row-click="showEquipmentStatus">
|
|
|
<el-table-column prop="serialNumber" label="序号"></el-table-column>
|
|
|
<el-table-column prop="equipmentName" label="设备简称"></el-table-column>
|
|
|
<el-table-column prop="equipmentNumber" label="设备编号"></el-table-column>
|
|
@@ -45,6 +45,30 @@
|
|
|
:total="tatol">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
+ <el-dialog title="交换机-照明系统" :visible.sync="dialogTableVisible">
|
|
|
+ <el-date-picker
|
|
|
+ style="margin-bottom: 12px;"
|
|
|
+ v-model="dialogTime"
|
|
|
+ type="daterange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期">
|
|
|
+ </el-date-picker>
|
|
|
+ <el-table :data="tableData" style="margin-bottom: 55px">
|
|
|
+ <el-table-column property="serialNumber" label="日期"></el-table-column>
|
|
|
+ <el-table-column property="equipmentName" label="事项类型"></el-table-column>
|
|
|
+ <el-table-column property="equipmentNumber" label="事项名称"></el-table-column>
|
|
|
+ <el-table-column property="photo" label="照片"></el-table-column>
|
|
|
+ <el-table-column property="report" label="报告"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class="page">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout="prev, pager, next"
|
|
|
+ :total="tatol">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -70,6 +94,8 @@ export default {
|
|
|
{serialNumber: 1, equipmentName: 2, equipmentNumber: 3, status: 4, photo: 5, report: 6},
|
|
|
], // 表数据
|
|
|
tatol: 100, // 总数据
|
|
|
+ dialogTableVisible: false, // 弹窗显示状态
|
|
|
+ dialogTime: '', // 弹框内的时间
|
|
|
}
|
|
|
},
|
|
|
|
|
@@ -85,6 +111,13 @@ export default {
|
|
|
methods: {
|
|
|
testClick() {
|
|
|
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 显示设备实例的维保、专维等状态
|
|
|
+ */
|
|
|
+ showEquipmentStatus(row, column, e) {
|
|
|
+ console.log('row', row)
|
|
|
+ this.dialogTableVisible = true;
|
|
|
}
|
|
|
}
|
|
|
}
|