ZhangXianQiang
2024-03-28 8cd52dff030c014cce88f3ab6c70bced189483f2
src/views/system/work-order/index.vue
@@ -30,17 +30,23 @@
    </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"
@@ -73,7 +79,7 @@
                type="text"
                @click="handleReport(item)"
              >事后报备</el-button>
            </div>
            </el-row>
          </div>
        </el-card>
      </el-col>
@@ -743,27 +749,11 @@
.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>