工单阈值字段定义，菜单样式回滚

fuliqi

2024-07-17 dd1bb5e756d7dbebf0140deb8e2510c1cbbd81db

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

@@ -12,12 +12,11 @@
      </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-option v-for="item, index in errorTypeOptions" :label="item.dictLabel" :value="item.dictValue" :key="index"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="审核状态" prop="status">
        <el-select v-model="queryParams.status" placeholder="审核状态" clearable @clear="handleQuery">
        <el-select v-model="queryParams.status" placeholder="审核状态" @change="handleQuery">
          <el-option label="已下发" value="DISTRIBUTED"></el-option>
          <el-option label="运维已处理" value="YW_HANDLE"></el-option>
          <el-option label="审核通过" value="AUDITING_SUCCESS"></el-option>
@@ -43,13 +42,25 @@
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          size="mini"
          @click="batchAuditingVisible = true; batchAuditingWorkOrder = {}"
          v-hasPermi="['work:order:audit']"
        >批量审核</el-button>
      </el-col>
    </el-row>

    <el-row :gutter="20">
      <el-col :xl="6" :lg="8" :md="12" :sm="24"  v-for="item in workOrderList" :key="item" style="margin-bottom: 20px;">
      <el-col :xl="6" :lg="8" :md="12" :sm="24"  v-for="item in workOrderList" :key="item.id" style="margin-bottom: 20px;">
        <el-card :body-style="{ padding: '0px',display: 'flex' }">
          <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;">
            <el-row>
              <el-col :span="24" class="time">故障类型：<el-tag size="small" type="danger">市政施工</el-tag></el-col>
              <el-col :span="24" class="time">故障类型：<el-tag size="small" type="danger">{{ item.errorType }}</el-tag></el-col>
            </el-row>
            <el-row class="work-order-item">
              <el-col class="time" :span="24">运维人员：{{ item.ywPeopleName }}</el-col>
@@ -140,12 +151,14 @@
        <el-form-item label="运维人员" prop="ywPeopleName">
          <el-input v-model="auditingForm.ywPeopleName" disabled />
        </el-form-item>
        <el-form-item label="现场情况" v-if="auditingForm.condition">
          <el-input type="textarea" v-html="auditingForm.condition" disabled />
        </el-form-item>
        <el-form-item label="佐证材料" v-if="auditingForm.proofMaterials">
          <el-link v-for="item in auditingForm.proofMaterials != null ? auditingForm.proofMaterials.split(',') : auditingForm.proofMaterials" :underline="false" :key="item" @click="handleDownload(item)">{{ item.substring(item.lastIndexOf("/") + 1) }}</el-link>
        </el-form-item>
        <div v-for="obj, index in ywConditions" :key="index">
          <el-form-item :label="'现场情况' + (index + 1)" v-if="obj.ywCondition">
            <span v-html="obj.ywCondition"></span>
          </el-form-item>
          <el-form-item label="佐证材料" v-if="obj.ywProofMaterials">
            <el-link v-for="item in obj.ywProofMaterials != null ? obj.ywProofMaterials.split(',') : obj.ywProofMaterials" :underline="false" :key="item.id" @click="handleDownload(item)">{{ item.substring(item.lastIndexOf("/") + 1) }}</el-link>
          </el-form-item>
        </div>
        <el-form-item label="审核结果" prop="auditingResult">
          <el-radio v-model="auditingForm.auditingResult" label="AUDITING_SUCCESS">通过</el-radio>
          <el-radio v-model="auditingForm.auditingResult" label="AUDITING_FAIL">驳回</el-radio>
@@ -184,9 +197,26 @@
      </div>
    </el-dialog>

    <el-dialog title="运维批量审核" :visible.sync="batchAuditingVisible" width="500px" append-to-body>
      <el-form ref="batchAuditingWorkOrder" :model="batchAuditingWorkOrder" label-width="80px" :rules="batchAuditingRules">
        <el-form-item label="故障类型" prop="errorType">
          <el-select v-model="batchAuditingWorkOrder.errorType" placeholder="故障类型">
            <el-option v-for="item, index in errorTypeOptions" :label="item.dictLabel" :value="item.dictValue" :key="index"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="审核说明" prop="auditingRemark">
          <el-input v-model="batchAuditingWorkOrder.auditingRemark" type="textarea" maxlength="30" show-word-limit />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="batchAuditing('AUDITING_SUCCESS')">审 核</el-button>
        <el-button type="danger" @click="batchAuditing('AUDITING_FAIL')">驳 回</el-button>
      </div>
    </el-dialog>


    <!-- 过程图 -->
    <el-dialog title="过程图" :visible.sync="flowOpen" width="1200px" :close-on-click-modal="false" append-to-body>
    <el-dialog title="过程图" :visible.sync="flowOpen" width="1200px" append-to-body>
      <div>
        <el-steps :active="ywAuditingList.length != 0 ? 3 : ywHandleList.length != 0 ? 2 : 1" :space="500">
          <el-step title="产生工单">
@@ -212,13 +242,14 @@
          </el-step>
          <el-step title="运维处理">
            <template slot="description">
              <div class="y-item" v-for="(item, index) in ywHandleList">
              <div class="y-item" v-for="(item, index) in ywHandleList" :key="index">
                <div class="y-item-1">
                  <div class="flow-item-x">
                    现场情况：
                    <el-tooltip class="item" effect="dark" :content="item.ywCondition" placement="top">
                      <el-tag size="small" class="line-limit-length">{{ item.ywCondition }}</el-tag>
                    </el-tooltip>
                    <div v-html="item.ywCondition"></div>
<!--                    <el-tooltip class="item" effect="dark" :content="item.ywCondition" placement="top">-->
<!--                      <el-tag size="small" class="line-limit-length">{{ item.ywCondition }}</el-tag>-->
<!--                    </el-tooltip>-->
                  </div>
                  <!-- <div class="flow-item-x">
                    <el-tag size="small" v-for="file in item.ywProofMaterials != null ? item.ywProofMaterials.split(',') : item.ywProofMaterials" :key="file" @click="handleDownload(file)">{{ file.substring(file.lastIndexOf("/") + 1) }}</el-tag>
@@ -237,7 +268,7 @@
          </el-step>
          <el-step title="结果审核">
            <template slot="description">
              <div class="y-item" v-for="(item, index) in ywAuditingList">
              <div class="y-item" v-for="(item, index) in ywAuditingList" :key="index">
                <div class="y-item-1">
                  <div class="flow-item-x">
                    审核结果：<el-tag :type="item.result == '审核通过' ? 'success' : 'danger'" size="small">{{ item.result }}</el-tag>
@@ -283,14 +314,19 @@
}
</style>
<script>
import { listWorkOrder, getWorkOrder, delWorkOrder, addWorkOrder, updateWorkOrder,auditing, ywCondition, getYwCondition, getYwConditionList, getYwAuditingList } from "@/api/platform/work-order";
import { listWorkOrder, getWorkOrder, delWorkOrder, addWorkOrder, updateWorkOrder, auditing, batchAuditing, ywCondition, getYwCondition, getYwConditionList, getYwAuditingList } from "@/api/platform/work-order";
import { addReport } from "@/api/platform/report";
import { getDicts } from "@/api/system/dict/data";
export default {
  name: "Work-order",
  components: {
  },
  data() {
    return {
      errorTypeOptions: [],
      ywConditions: [],
      batchAuditingVisible: false,
      batchAuditingWorkOrder: {},
      ywHandleList: [],
      ywAuditingList: [],
      reportFormRules: {
@@ -388,12 +424,32 @@
          { required: true, message: "运维检测结果不能为空", trigger: "blur" }
        ],
      },
      // 批量审核校验
      batchAuditingRules: {
        errorType: [
          { required: true, message: "请选择故障类型", trigger: "blur" }
        ],
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    // 批量审核
    batchAuditing(result) {
      this.batchAuditingWorkOrder.auditingResult = result;
      this.$refs["batchAuditingWorkOrder"].validate(valid => {
        if (valid) {
          batchAuditing(this.batchAuditingWorkOrder).then(res => {
            this.batchAuditingWorkOrder = {};
            this.batchAuditingVisible = false;
            this.$modal.msgSuccess("操作成功");
            this.getList();
          })
        }
      })
    },
    /** 下载按钮操作 */
    handleDownload (data) {
      this.$download.resource(data);
@@ -420,10 +476,7 @@
    handleAuditing(row) {
      this.auditingForm = row;
      getYwCondition(row.id).then(response => {
        if (response.data) {
          this.auditingForm.condition = response.data.ywCondition;
          this.auditingForm.proofMaterials = response.data.ywProofMaterials;
        }
        this.ywConditions = response.data;
        this.auditingOpen = true;
      });
    },
@@ -538,14 +591,18 @@
    getList() {
      this.loading = true;
      this.queryParams.params = {};
      this.queryParams["start"] = this.daterangeYwHandleTime[0];
      this.queryParams["end"] = this.daterangeYwHandleTime[1];
      this.queryParams["start"] = this.daterangeYwHandleTime ? this.daterangeYwHandleTime[0] : null;
      this.queryParams["end"] = this.daterangeYwHandleTime ? this.daterangeYwHandleTime[1] : null;
      if (this.queryParams["status"] == "") { this.queryParams["status"] = "DISTRIBUTED"; }
      listWorkOrder(this.queryParams).then(response => {
        this.workOrderList = response.data;
        this.total = response.total;
        this.loading = false;
      });
      // 获取故障类型
      getDicts("error_type").then(response => {
        this.errorTypeOptions = response.data;
      });
    },
    // 取消按钮
    cancel() {