| | |
|---|
| | | <template> |
|---|
| | | <GlobalWindow title="巡检任务详情" :showConfirm="false" :visible.sync="isShowModal"> |
|---|
| | | <GlobalWindow title="巡检任务详情" width="800px" :showConfirm="false" :visible.sync="isShowModal"> |
|---|
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getDetail(1)" @clear="clear" /> |
|---|
| | | <el-table v-loading="loading" :data="list" stripe> |
|---|
| | | <el-table-column prop="pointName" label="巡检点名称" min-width="100" show-overflow-tooltip /> |
|---|
| | |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column prop="realname" label="巡检人" min-width="100" show-overflow-tooltip /> |
|---|
| | | <el-table-column prop="editDate" label="巡检时间" min-width="100" show-overflow-tooltip /> |
|---|
| | | <el-table-column prop="" label="巡检结果" min-width="100" show-overflow-tooltip> |
|---|
| | | <el-table-column prop="files" label="巡检结果" min-width="100" show-overflow-tooltip > |
|---|
| | | <template v-slot="{ row }"> |
|---|
| | | <span class="gray" v-if="row.dealStatus == 0">正常</span> |
|---|
| | | <span class="red" v-if="row.dealStatus == 1">异常</span> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column prop="" label="巡检附件" min-width="100" show-overflow-tooltip> |
|---|
| | | <template v-slot="{ row }"> |
|---|
| | | <div class="value" v-if="row.multifileList != null && row.multifileList.length"> |
|---|
| | | <div v-for="item in row.multifileList" :key="item.id" style="display: inline;margin-right: 20px"> |
|---|
| | | <video v-if="item.fileurlFull && item.fileurlFull.endsWith('.mp4')" ref="videoRef" controls preload="auto" |
|---|
| | | style="width: 60px;height: 60px;object-fit: contain;" :src="item.fileurlFull" /> |
|---|
| | | <el-image v-else-if="item.fileurlFull" style="width:60px; height: 60px" :src="item.fileurlFull" |
|---|
| | | :preview-src-list="[item.fileurlFull]"> |
|---|
| | | </el-image> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column prop="dealInfo" label="巡检说明" min-width="100" show-overflow-tooltip /> |
|---|
| | | </el-table> |
|---|
| | | <div class="mt20"> |
|---|
