| | |
| | | </el-form> |
| | | |
| | | <el-row> |
| | | <el-col :span="8" v-for="item in workOrderList" :key="item" style="margin: 10px;width: 20%;"> |
| | | <el-col :span="8" v-for="item in workOrderList" :key="item" style="width: 390px;margin-left: 40px;margin-top:20px;"> |
| | | <el-card :body-style="{ padding: '0px' }"> |
| | | <img src="https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357" class="image"> |
| | | <div style="padding: 14px;"> |
| | | <span>{{ item.unitName }}</span> |
| | | <span class="time">{{ item.ywPeopleName }}</span> |
| | | <div class="bottom clearfix"> |
| | | <span style="font-size: 13px;">处理时间</span> |
| | | <time class="time">{{ item.ywHandleTime }}</time> |
| | | </div> |
| | | <div class="bottom clearfix"> |
| | | <el-image :preview-src-list="['https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357']" fit="cover" src="https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357" class="image"/> |
| | | <div style="padding-right: 10px;padding-top: 10px;float: right;"> |
| | | <el-row> |
| | | <el-col class="time" :span="24">运维人员:{{ item.ywPeopleName }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 5px"> |
| | | <el-col class="time" :span="24">运维单位:{{ item.unitName }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 5px"> |
| | | <el-col :span="24" class="time">工单编号:{{ item.workOrderNo }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 5px"> |
| | | <el-col :span="24" class="time">处理时间:{{ item.ywHandleTime }}</el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | |
| | | type="text" |
| | | @click="handleReport(item)" |
| | | >事后报备</el-button> |
| | | </div> |
| | | </el-row> |
| | | </div> |
| | | </el-card> |
| | | </el-col> |
| | |
| | | .time { |
| | | font-size: 13px; |
| | | color: #999; |
| | | margin-left: 10px; |
| | | } |
| | | |
| | | .bottom { |
| | | margin-top: 13px; |
| | | line-height: 12px; |
| | | } |
| | | |
| | | |
| | | .image { |
| | | width: 100%; |
| | | display: block; |
| | | } |
| | | |
| | | .clearfix:before, |
| | | .clearfix:after { |
| | | display: table; |
| | | content: ""; |
| | | } |
| | | |
| | | .clearfix:after { |
| | | clear: both |
| | | width: 125px; |
| | | height: 125px; |
| | | padding: 10px; |
| | | } |
| | | </style> |