工单过程

xiangpei

2024-03-13 1c42a758e10112a97ae5a129a45d60db6678f302

工单过程

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

@@ -117,6 +117,11 @@
            type="text"
            @click="handleCheckResult(scope.row)"
          >检测结果</el-button>
          <el-button
            size="mini"
            type="text"
            @click="handleFlow(scope.row)"
          >过程图</el-button>
        </template>
      </el-table-column>
    </el-table>
@@ -272,16 +277,88 @@
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>


    <!-- 过程图 -->
    <el-dialog title="过程图" :visible.sync="flowOpen" width="900px" append-to-body>
      <div>
        <el-steps :active="1">
          <el-step title="产生工单">
            <template slot="description">
              <div>
                <div class="flow-item-x">
                  工单来源：<el-tag type="danger" size="small">{{flowForm.source}}</el-tag>
                </div>
                <div class="flow-item-x">
                  故障类型：{{flowForm.errorType}}
                </div>
                <div class="flow-item-x">
                  运维单位：{{flowForm.unitName}}
                </div>
                <div class="flow-item-x">
                  处理期限：<el-tag type="danger" size="small">12小时</el-tag>
                </div>
              </div>
            </template>
          </el-step>
          <el-step title="运维处理">
            <template slot="description">
              <div style="margin-bottom: 8px;padding: 0 3px; background-color: #d9d9d9;display: flex;flex-direction: row;align-items: center">
                <div style="flex: 2">
                  <div class="flow-item-x">
                    运维状态：<el-tag type="danger" size="small">处理中</el-tag>
                  </div>
                  <div class="flow-item-x">
                    运维人员：<el-tag type="danger" size="small">{{flowForm.ywPeopleName}}</el-tag>
                  </div>
                </div>
                <div style="flex: 1">
                  {{flowForm.ywHandleTime}}
                </div>
              </div>
              <div style="margin-bottom: 8px;padding: 0 3px;background-color: #d9d9d9;display: flex;flex-direction: row;align-items: center">
                <div style="flex: 2">
                  <div class="flow-item-x">
                    运维状态：<el-tag type="danger" size="small">结果上报</el-tag>
                  </div>
                  <div class="flow-item-x">
                    运维人员：<el-tag type="danger" size="small">{{flowForm.ywPeopleName}}</el-tag>
                  </div>
                </div>
                <div style="flex: 1">
                  {{flowForm.ywHandleTime}}
                </div>
              </div>

            </template>
          </el-step>
          <el-step title="结果审核">
            <template slot="description">
              暂时不能审核
            </template>
          </el-step>
        </el-steps>
      </div>
    </el-dialog>

  </div>
</template>

<style scoped>
.flow-item-x {
  margin: 5px 0;
}
</style>
<script>
import { listWorkOrder, getWorkOrder, delWorkOrder, addWorkOrder, updateWorkOrder,auditing, ywCondition } from "@/api/platform/work-order";

export default {
  name: "Work-order",
  components: {
  },
  data() {
    return {
      // 过程图
      flowOpen: false,
      flowForm: {},
      certificateList:[],
      pictureList: [],
      // 遮罩层
@@ -383,6 +460,11 @@
      this.checkResultForm = row;
      this.checkResultOpen = true;
    },
    // 过程图查看
    handleFlow(row) {
      this.flowOpen = true;
      this.flowForm = row;
    },
    // 提交审核
    submitAuditing() {
      this.$refs["auditingForm"].validate(valid => {