工单详情：工单信息、报备信息

xiangpei

2024-09-09 0d5e0f6ccc9b63d7d5cf3580bbf1cfefba0aaaf6

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

@@ -1,10 +1,10 @@
<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
      <el-form-item label="工单号" prop="workOrderNo">
      <el-form-item label="关键词" prop="keyword">
        <el-input
          v-model="queryParams.workOrderNo"
          placeholder="请输入工单号"
          v-model="queryParams.keyword"
          placeholder="工单号/点位名称搜索"
          clearable
          @clear="handleQuery"
          @keyup.enter.native="handleQuery"
@@ -88,7 +88,7 @@
                    <el-col :span="24" class="time">故障时间：{{ item.createTime }}</el-col>
                  </el-row>
                  <el-row class="work-order-item">
                    <el-col class="time" :span="24" style="display: flex;flex-direction: row"><div style="min-width: 66px">故障点位：</div><div style="word-break: break-word">{{ item.source }}</div></el-col>
                    <el-col class="time" :span="24"><div>故障点位：</div><div>{{ item.source }}</div></el-col>
                  </el-row>
                  <el-row style="position: absolute;bottom: 10px">
                    <el-button
@@ -124,6 +124,14 @@
                      v-hasPermi="['system:report:add']"
                      v-show="item.status !== 'AUDITING_SUCCESS'"
                    >事后报备
                    </el-button>
                    <el-button
                      class="my-button"
                      size="mini"
                      type="text"
                      @click="handleDetail(item)"
                      v-hasPermi="['system:workorder:detail']"
                    >详情
                    </el-button>
                  </el-row>
                </div>
@@ -628,6 +636,10 @@
        }
      })
    },
    // 详情
    handleDetail(item) {
      this.$router.push({name: '/work-order-center/maintenance/detail', query: {workOrderNo: item.workOrderNo}})
    },
    // 事后报备按钮
    handleReport(row) {
      this.reportForm.pointId = row.serialNumber
@@ -915,6 +927,9 @@
}
.work-order-item {
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.time {