新增故障类型

fuliqi

2024-12-08 1d3efb6ed52ef43c6184cfaa2ff11d5cc78565c9

新增故障类型

 src/api/platform/threshold.js

@@ -150,3 +150,12 @@
    responseType: 'blob'
  })
}

// 修改工单白名单
export function addError(data) {
  return request({
    url: '/threshold/addBatch',
    method: 'post',
    data: data
  })
}

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

@@ -192,7 +192,8 @@
              </div>
            </div>
          </div>
        </el-card></el-col
        </el-card>
      </el-col
      >
      <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
        <el-card style="margin-bottom: 20px; height: 350px; margin-right: 20px;color: #656565;">
@@ -281,7 +282,8 @@
              </div>
            </div>
          </div>
        </el-card></el-col
        </el-card>
      </el-col
      >
    </el-row>

@@ -306,7 +308,8 @@
      <el-button size="small" type="success" @click="whiteOpen" plain>新增</el-button>
      <el-button size="small" type="danger" @click="bathDelete" plain>删除</el-button>
      <el-button type="primary" plain icon="el-icon-top" v-loading="download" size="mini" @click="handleExport"
      >导出白名单</el-button>
      >导出白名单
      </el-button>
      <el-popover style="margin-left: 10px" placement="bottom" trigger="hover" content="导入白名单">
        <div class="bottom_">
          <el-upload
@@ -324,11 +327,33 @@
        </div>
        <div>
          <el-button class="bottom_" type="primary" size="small" v-loading="upload" @click="handleImport"
                   >导入</el-button>
          >导入
          </el-button>
        </div>
        <el-button type="primary" size="small" plain icon="el-icon-bottom" slot="reference" >导入白名单</el-button>
      </el-popover>

      <el-popover style="margin-left: 10px" placement="bottom" content="添加故障类型">
        <div class="bottom_">
          <el-form ref = "addErrorForm" :model="addErrorForm" v-loading="addErrorLoading" rules="addErrorFormRules" :inline="true" >
            <el-form-item label="故障类型" prop="errorTypeList">
              <el-select v-model="addErrorForm.errorTypeList" multiple>
                <el-option v-for="dict in dict.type.error_type"
                           :value="dict.value"
                           :key="dict.value"
                           :label="dict.label"/>
              </el-select>
            </el-form-item>
          </el-form>
        </div>
        <div>
          <el-button class="bottom_" type="primary" size="small" @click="addError" plain>确认</el-button>
        </div>
        <el-button style="margin-left: 10px" size="small" type="primary" slot="reference" plain>添加故障类型</el-button>
      </el-popover>

    </el-row>

    <el-row class="content-warp">
      <el-col :span="24">
        <el-table v-loading="loading" :data="workOrderWhiteList" @selection-change="handleSelectionChange">
@@ -340,7 +365,8 @@
          <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
            <template slot-scope="scope">
              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleWhiteUpdate(scope.row)"
                         >修改</el-button>
              >修改
              </el-button>
            </template>
          </el-table-column>
        </el-table>
@@ -364,7 +390,8 @@
      :close-on-click-modal="false"
      :before-close="whiteClose">
      <div>
        <el-form :model="whiteForm" label-position="top" :rules="whiteFormRules" ref="whiteForm" size="small" class="add-form">
        <el-form :model="whiteForm" label-position="top" :rules="whiteFormRules" ref="whiteForm" size="small"
                 class="add-form">
          <el-form-item label="点位" prop="serialNumber" >
            <el-select
              v-model="whiteForm.pointName"
@@ -427,12 +454,15 @@
} from "@/api/platform/threshold";

import { pointSelectData } from "@/api/platform/point";
import {addError} from "../../../../api/platform/threshold";

export default {
  dicts: ["image_qualify", "video_qualify", "error_type"],
  name: "Threshold",
  data() {
    return {
      download: false,
      addErrorLoading: false,
      scrollPosition: 0, // 用于保存滚动位置
      // 下拉加载
      selectLoading: false,
@@ -477,6 +507,13 @@
      videoForm: {},
      carForm: {},
      faceForm: {},
      addErrorForm: {},
      // 新增框校验
      addErrorFormRules: {
        errorTypeList: [
          {required: true, message: "请选择故障类型", trigger: "blur"}
        ],
      },
      // 表单校验
      faceRules: {
        monitorType: [
@@ -964,6 +1001,19 @@
      this.whiteShow = false;
      this.whiteReset();
    },
    // 新增故障类型
    addError() {
      this.$refs["addErrorForm"].validate((valid) => {
        if (valid) {
          this.addErrorLoading = true
          addError(this.addErrorForm).then((response) => {
            this.$modal.msgSuccess("添加成功");
            this.getWhiteList();
          });
          this.addErrorLoading = false
        }
      });
    },
    // 白名单框提交
    whiteSubmit() {
      this.$refs["whiteForm"].validate((valid) => {
@@ -1047,17 +1097,21 @@
::v-deep .el-input-half-width {
  width: calc(50% - 6px); /* 减去一些间隔 */
}

::v-deep .table-row {
  display: flex;
  flex-direction: row;
}

::v-deep .table-row-item {
  width: 120px;
  text-align: center;
}

.fixedWidth {
  width: 200px;
}

.threshold {
  display: flex;
  flex-direction: row;
@@ -1067,19 +1121,24 @@
  font-weight: bold;
  font-size: large;
}

::v-deep .el-form-item {
  margin-bottom: 0px; /* 根据需求调整这个值 */
}

::v-deep .el-form-item__label {
  color: #8d8d8d;
}

.unit {
  margin-left: 5px;
  display: inline-block;
}

.content-warp {
  margin-top: 10px;
}

.bottom_ {
  width: 100%;
  margin-bottom: 8px;