工单事后报备

xiangpei

2024-03-20 2cd975d6c4da559f5ba66639d5e41cfed4cb9eeb

工单事后报备

 src/views/system/report/index.vue

@@ -81,6 +81,7 @@
      <el-table-column label="运维单位" align="center" prop="unitName" />
      <el-table-column label="报备人员" align="center" prop="peopleName" />
      <el-table-column label="点位" align="center" prop="pointName" />
      <el-table-column label="报备类型" align="center" prop="reportType" />
      <el-table-column label="报备内容" align="center" prop="reportContent" />
      <el-table-column label="上报材料" align="center" prop="reportMaterials" />
      <el-table-column label="故障类型" align="center" prop="errorType" />
@@ -144,6 +145,12 @@
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="报备类型" prop="reportType">
          <el-select v-model="form.reportType">
            <el-option label="事前报备" value="事前报备"/>
            <el-option label="事后报备" value="事后报备"/>
          </el-select>
        </el-form-item>
        <el-form-item label="故障类型" prop="errorType">
          <el-select v-model="form.errorType">
            <el-option label="市政施工" value="市政施工"/>
@@ -177,6 +184,9 @@
        <el-form-item label="报备人员">
          <el-input v-model="auditingForm.peopleName" disabled />
        </el-form-item>
        <el-form-item label="报备类型">
          <el-input v-model="auditingForm.reportType" disabled />
        </el-form-item>
        <el-form-item label="故障类型">
          <el-input v-model="auditingForm.errorType" disabled />
        </el-form-item>
@@ -196,6 +206,7 @@
        <el-button @click="auditingCancel">取 消</el-button>
      </div>
    </el-dialog>

  </div>
</template>

@@ -242,7 +253,8 @@
        errorType: "",
        reportContent: "",
        auditing: "",
        suggest: ""
        suggest: "",
        reportType: "",
      },
      // 查询参数
      queryParams: {
@@ -273,6 +285,9 @@
        reportMaterials: [
          { required: true, message: "上报材料不能为空", trigger: "blur" }
        ],
        reportType: [
          { required: true, message: "请选择报备类型", trigger: "blur" }
        ],
      }
    };
  },
@@ -291,6 +306,7 @@
      this.auditingForm.peopleName =row.peopleName
      this.auditingForm.errorType =row.errorType
      this.auditingForm.reportContent =row.reportContent
      this.auditingForm.reportType =row.reportType
    },
    // 远程搜索点位
    remoteGetPoints(query) {
@@ -382,6 +398,8 @@
    },
    /** 提交按钮 */
    submitForm() {
      // todo 判断是事前报备

      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
@@ -392,7 +410,7 @@
            });
          } else {
            addReport(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.$modal.msgSuccess("成功提交报备");
              this.open = false;
              this.getList();
            });

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

@@ -78,6 +78,11 @@
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="工单号" align="center" prop="workOrderNo" width="170"/>
      <el-table-column label="工单来源" align="center" prop="source" width="170"/>
      <el-table-column label="是否报备" align="center" width="170">
        <template slot-scope="scope">
          <el-tag>已报备(事前)</el-tag>
        </template>
      </el-table-column>
      <el-table-column label="故障类型" align="center" prop="errorType" width="170"/>
      <el-table-column label="运维单位" align="center" prop="unitName" width="150"/>
      <el-table-column label="运维人员" align="center" prop="ywPeopleName" />
@@ -91,13 +96,6 @@

      <el-table-column label="操作" fixed="right" width="150"  align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
<!--          <el-button-->
<!--            size="mini"-->
<!--            type="text"-->
<!--            icon="el-icon-edit"-->
<!--            @click="handleUpdate(scope.row)"-->
<!--            v-hasPermi="['x:work-order:edit']"-->
<!--          >修改</el-button>-->
          <el-button
            size="mini"
            type="text"
@@ -124,6 +122,11 @@
            type="text"
            @click="handleFlow(scope.row)"
          >过程图</el-button>
          <el-button
            size="mini"
            type="text"
            @click="handleReport(scope.row)"
          >事后报备</el-button>
        </template>
      </el-table-column>
    </el-table>
@@ -135,6 +138,35 @@
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 事后报备 -->
    <el-dialog title="事后报备" :visible.sync="reportOpen" width="600px" append-to-body>
      <el-form ref="reportForm" :model="reportForm" :rules="reportFormRules" label-width="80px">
        <el-form-item label="点位" prop="pointId">
          <el-input v-model="reportForm.pointId" disabled />
        </el-form-item>
        <el-form-item label="报备类型">
          <el-input v-model="reportForm.reportType" disabled />
        </el-form-item>
        <el-form-item label="故障类型" prop="errorType">
          <el-select v-model="reportForm.errorType">
            <el-option label="市政施工" value="市政施工"/>
            <el-option label="设备故障" value="设备故障"/>
            <el-option label="设备遗失" value="设备遗失"/>
          </el-select>
        </el-form-item>
        <el-form-item label="报备内容" prop="reportContent">
          <editor v-model="reportForm.reportContent" :min-height="192"/>
        </el-form-item>
        <el-form-item label="上报材料" prop="reportMaterials">
          <file-upload v-model="reportForm.reportMaterials"/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitReportForm">提 交</el-button>
        <el-button @click="reportOpen = false">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog title="工单审核" :visible.sync="auditingOpen" width="500px" append-to-body>
      <el-form ref="auditingForm" :model="auditingForm" :rules="auditingRules" label-width="80px">
@@ -420,6 +452,22 @@
  },
  data() {
    return {
      reportFormRules: {
        reportContent: [
          { required: true, message: "报备内容不能为空", trigger: "blur" }
        ],
        reportMaterials: [
          { required: true, message: "上报材料不能为空", trigger: "blur" }
        ],
      },
      reportOpen: false,
      reportForm: {
        reportType: "事后报备",
        pointId: "琼于镇3街1号摄像头",
        errorType: "",
        reportContent: "",
        reportMaterials: ""
      },
      // 过程图
      flowOpen: false,
      flowForm: {},
@@ -504,6 +552,23 @@
    this.getList();
  },
  methods: {
    // 报备
    submitReportForm() {
      this.$refs["reportForm"].validate(valid => {
        if (valid) {
          addReport(this.form).then(response => {
            this.$modal.msgSuccess("成功提交报备");
            this.open = false;
            this.getList();
          });
        }
      });
    },
    // 事后报备按钮
    handleReport(row) {
      this.reportForm.pointId = row.source;
      this.reportOpen = true;
    },
    // 审核按钮
    handleAuditing(row) {
      this.auditingForm = row;