Merge remote-tracking branch 'origin/master'

fuliqi

2024-04-03 7f356bf22e4fe731e2b79ca3877e7c702eaf0704

 src/views/system/work-order/index.vue

@@ -10,6 +10,12 @@
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="故障类型" prop="workOrderNo">
        <el-select v-model="queryParams.errorType" placeholder="故障类型" clearable @clear="handleQuery">
          <el-option label="市政施工" value="市政施工"></el-option>
          <el-option label="设备遗失" value="设备遗失"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="运维处理时间">
        <el-date-picker
          clearable
@@ -30,17 +36,26 @@
    </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 :span="24" class="time">故障类型：<el-tag size="small" type="danger">市政施工</el-tag></el-col>
            </el-row>
            <el-row class="work-order-item">
              <el-col class="time" :span="24">运维人员：{{ item.ywPeopleName }}</el-col>
            </el-row>
            <el-row class="work-order-item">
              <el-col class="time" :span="24">运维单位：{{ item.unitName }}</el-col>
            </el-row>
            <el-row class="work-order-item">
              <el-col :span="24" class="time">工单编号：{{ item.workOrderNo }}</el-col>
            </el-row>
            <el-row>
              <el-col :span="24" class="time">处理时间：{{ item.ywHandleTime }}</el-col>
            </el-row>
            <el-row>
              <el-button
                size="mini"
                type="text"
@@ -57,12 +72,12 @@
              <!--            type="text"-->
              <!--            @click="handleYwResult(scope.row)"-->
              <!--          >运维结果</el-button>-->
              <el-button
                size="mini"
                type="text"
                @click="handleCheckResult(item)"
                v-hasPermi="['work:order:result']"
              >检测结果</el-button>
<!--              <el-button-->
<!--                size="mini"-->
<!--                type="text"-->
<!--                @click="handleCheckResult(item)"-->
<!--                v-hasPermi="['work:order:result']"-->
<!--              >检测结果</el-button>-->
              <el-button
                size="mini"
                type="text"
@@ -73,7 +88,7 @@
                type="text"
                @click="handleReport(item)"
              >事后报备</el-button>
            </div>
            </el-row>
          </div>
        </el-card>
      </el-col>
@@ -739,31 +754,17 @@
</script>

<style scoped>

.work-order-item {
  margin-bottom: 5px;
}
.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: 165px;
  height: 150px;
  padding: 10px;
}
</style>