|
|
@@ -0,0 +1,883 @@
|
|
|
+<template>
|
|
|
+ <ContentWrap v-loading="formLoading">
|
|
|
+ <ContentWrap>
|
|
|
+ <el-form
|
|
|
+ ref="formRef"
|
|
|
+ :model="formData"
|
|
|
+ :rules="formRules"
|
|
|
+ style="margin-right: 4em; margin-left: 0.5em; margin-top: 1em"
|
|
|
+ label-width="130px"
|
|
|
+ >
|
|
|
+ <div class="base-expandable-content">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item :label="t('iotMaintain.device')" prop="deviceName">
|
|
|
+ <el-select
|
|
|
+ :disabled="formType === 'update'"
|
|
|
+ v-model="formData.deviceName"
|
|
|
+ clearable
|
|
|
+ @clear="deviceClear"
|
|
|
+ :placeholder="t('iotMaintain.deviceHolder')"
|
|
|
+ @click="formType === 'update' ? undefined : openForm()"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item :label="t('iotMaintain.repairType')" prop="type">
|
|
|
+ <el-select v-model="formData.type" :placeholder="t('iotMaintain.repairTypeHolder')" clearable @change="typeChange">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in getStrDictOptions(DICT_TYPE.PMS_MAIN_TYPE)"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item :label="t('iotMaintain.shutDown')" prop="ifStop">
|
|
|
+ <el-select v-model="formData.ifStop" :placeholder="t('iotMaintain.shutDownHolder')" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item
|
|
|
+ :label="t('iotMaintain.startTime')"
|
|
|
+ prop="maintainStartTime"
|
|
|
+ :rules="formData.type === 'in' ? startRule : []"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ style="width: 150%"
|
|
|
+ v-model="formData.maintainStartTime"
|
|
|
+ type="datetime"
|
|
|
+ value-format="x"
|
|
|
+ :placeholder="t('iotMaintain.startTimeHolder')"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item
|
|
|
+ :label="t('iotMaintain.endTime')"
|
|
|
+ prop="maintainEndTime"
|
|
|
+ :rules="formData.type === 'in' ? endRule : []"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ @change="endTimeBlur"
|
|
|
+ style="width: 150%"
|
|
|
+ v-model="formData.maintainEndTime"
|
|
|
+ type="datetime"
|
|
|
+ value-format="x"
|
|
|
+ :placeholder="t('iotMaintain.endTimeHolder')"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item :label="t('iotMaintain.failureTime')" prop="failureTime" :rules="formData.type==='out'?failureTimeRule:[]" >
|
|
|
+ <el-date-picker
|
|
|
+ @change="failureTimeBlur"
|
|
|
+ :disabled="formData.maintainType==='故障上报'"
|
|
|
+ style="width: 150%"
|
|
|
+ v-model="formData.failureTime"
|
|
|
+ type="datetime"
|
|
|
+ value-format="x"
|
|
|
+ :placeholder="t('iotMaintain.failureTimeHolder')"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item :label="t('iotMaintain.failureImpact')" prop="failureInfluence">
|
|
|
+ <el-input v-model="formData.failureInfluence" :placeholder="t('iotMaintain.failureImpactHolder')" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item :label="t('iotMaintain.faultySystem')" prop="failureSystem">
|
|
|
+ <el-input v-model="formData.failureSystem" :placeholder="t('iotMaintain.faultySystemHolder')" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item :label="t('iotMaintain.picture')" prop="pics">
|
|
|
+ <UploadImgs v-model="formData.pics" height="55px" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="formData.type === 'out'">
|
|
|
+ <el-form-item :label="t('iotMaintain.applyPerson')" prop="applyPersonId" :rules="formData.type==='out'?classifyRules:[]">
|
|
|
+ <el-select v-model="formData.applyPersonId" :placeholder="t('iotMaintain.applyPersonHolder')" clearable filterable>
|
|
|
+ <el-option
|
|
|
+ v-for="person in applyPeoPle"
|
|
|
+ :key="person.oaId"
|
|
|
+ :label="person.lastname"
|
|
|
+ :value="person.oaId"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="formData.type === 'out'">
|
|
|
+ <el-form-item :label="t('iotMaintain.maintainClassify')" prop="maintainClassify" :rules="formData.type==='out'?classifyRules:[]">
|
|
|
+ <el-select v-model="formData.maintainClassify" :placeholder="t('iotMaintain.maintainClassifyHolder')" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in getStrDictOptions(DICT_TYPE.PMS_MAIN_CLASSIFY)"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="formData.type === 'out'">
|
|
|
+ <el-form-item :label="t('iotMaintain.kmHour')" prop="kmHour">
|
|
|
+ <el-input v-model="formData.kmHour" :placeholder="t('iotMaintain.kmHourHolder')" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="formData.type === 'out'">
|
|
|
+ <el-form-item :label="t('deviceForm.model')" prop="model" :rules="formData.type==='out'?modelRules:[]">
|
|
|
+ <el-input v-model="formData.model" :placeholder="t('deviceForm.modelHolder')" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="formData.type === 'out'">
|
|
|
+ <el-form-item :label="t('deviceForm.enable')" prop="enableDate" :rules="formData.type==='out'?modelRules:[]">
|
|
|
+ <el-date-picker
|
|
|
+ style="width: 150%"
|
|
|
+ v-model="formData.enableDate"
|
|
|
+ type="date"
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
+ :placeholder="t('deviceForm.enableHolder')"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="formData.type === 'out'">
|
|
|
+ <div style="display: flex;flex-direction: row">
|
|
|
+ <el-form-item :label="t('iotMaintain.supplier')" prop="supplier" style="width: 86%" :rules="formData.type==='out'?supplierRules:[]">
|
|
|
+ <el-input
|
|
|
+ clearable
|
|
|
+ v-model="formData.supplier"
|
|
|
+ :placeholder="t('iotMaintain.suppHolder')"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-button type="info" @click="openCustomer('supplier')">请选择</el-button>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" >
|
|
|
+ <el-form-item :label="t('iotMaintain.repairCosts')" prop="maintainFee" :rules="formData.type==='out'?feeRules:[]">
|
|
|
+ <el-input-number
|
|
|
+ :disabled="formData.type==='in'"
|
|
|
+ v-model="formData.maintainFee"
|
|
|
+ :min="0"
|
|
|
+ :precision="2"
|
|
|
+ :step="0.1"
|
|
|
+ style="width: 100%"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="formData.type === 'out'">
|
|
|
+ <el-form-item :label="t('iotMaintain.projectManager')" prop="projectManager" :rules="formData.type==='out'?projectRules:[]">
|
|
|
+ <el-select v-model="formData.projectManager" :placeholder="t('iotMaintain.projectManagerHolder')" clearable filterable>
|
|
|
+ <el-option
|
|
|
+ v-for="person in projectManager"
|
|
|
+ :key="person.oaId"
|
|
|
+ :label="person.lastname"
|
|
|
+ :value="person.oaId"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="formData.type === 'out'">
|
|
|
+ <el-form-item :label="t('iotMaintain.address')" prop="address">
|
|
|
+ <el-input v-model="formData.address"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="formData.type === 'out'">
|
|
|
+ <el-form-item :label="t('iotMaintain.attachment')" prop="outFiles">
|
|
|
+ <UploadFile v-model="formData.outFiles" :is-show-tip="false" class="min-w-80px" multiple :limit="9" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16" v-if="formData.type === 'out'" >
|
|
|
+ <el-form-item :label="t('iotMaintain.maintainItem')" prop="maintainItem" :rules="formData.type==='out'?itemRules:[]">
|
|
|
+ <el-input type="textarea" v-model="formData.maintainItem"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-form-item :label="t('iotMaintain.faultDescription')" prop="description">
|
|
|
+ <el-input type="textarea" v-model="formData.description"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item :label="t('iotMaintain.repairDescription')" prop="maintainDescription">
|
|
|
+ <el-input type="textarea" v-model="formData.maintainDescription" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item :label="t('iotMaintain.solution')" prop="solution">
|
|
|
+ <el-input type="textarea" v-model="formData.solution" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item :label="t('iotMaintain.remark')" prop="remark">
|
|
|
+ <el-input v-model="formData.remark" type="textarea" :placeholder="t('iotMaintain.remarkHolder')" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </ContentWrap>
|
|
|
+ <ContentWrap>
|
|
|
+ <ContentWrap>
|
|
|
+ <!-- 搜索工作栏 -->
|
|
|
+ <el-form class="-mb-15px" ref="queryFormRef" :inline="true" label-width="68px">
|
|
|
+ <el-form-item>
|
|
|
+ <!-- <el-button @click="openMaterialForm" type="primary"-->
|
|
|
+ <!-- ><Icon icon="ep:plus" class="mr-5px" /> 选择物料</el-button>-->
|
|
|
+ <el-button @click="openMaintainForm" type="primary"
|
|
|
+ ><Icon icon="ep:plus" class="mr-5px" />
|
|
|
+ {{ t('iotMaintain.selectMaintenanceItem') }}</el-button
|
|
|
+ >
|
|
|
+ <el-button @click="openMaintainItem" type="warning"
|
|
|
+ ><Icon icon="ep:plus" class="mr-5px" />
|
|
|
+ {{ t('iotMaintain.addMaintenanceItems') }}</el-button
|
|
|
+ >
|
|
|
+ <!-- <el-button @click="handleViewNew" type="warning"-->
|
|
|
+ <!-- ><Icon icon="ep:plus" class="mr-5px" /> 新增物料</el-button>-->
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </ContentWrap>
|
|
|
+
|
|
|
+ <!-- 列表 -->
|
|
|
+ <ContentWrap>
|
|
|
+ <el-table v-loading="loading" :data="list" class="abc" @row-click="handleRowClick"
|
|
|
+ :row-class-name="tableRowClassName">
|
|
|
+ <el-table-column :label="t('iotMaintain.deviceCode')" align="center" prop="deviceCode" />
|
|
|
+ <el-table-column :label="t('iotMaintain.deviceName')" align="center" prop="deviceName" />
|
|
|
+ <el-table-column :label="t('iotMaintain.repairItems')" align="center" prop="name" />
|
|
|
+ <el-table-column :label="t('iotMaintain.numberOfMaterials')" align="center" prop="materialCount" >
|
|
|
+ <template #default="scope">
|
|
|
+ <el-tag v-if="scope.row.materialCount" type="danger"> {{scope.row.materialCount}}</el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column :label="t('iotMaintain.ifNeed')" align="center" prop="ifNeed">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-switch
|
|
|
+ v-model="scope.row.ifNeed"
|
|
|
+ @change="handleIfNeedChange(scope.row)"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column :label="t('iotMaintain.operation')" align="center" min-width="120px">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="display: flex; justify-content: center; align-items: center; width: 100%">
|
|
|
+ <div>
|
|
|
+ <el-button
|
|
|
+ style="vertical-align: middle"
|
|
|
+ link
|
|
|
+ type="danger"
|
|
|
+ @click="handleDelete(scope.row.bomNodeId)"
|
|
|
+ >
|
|
|
+ <Icon style="vertical-align: middle; color: #ea3434" icon="ep:zoom-out" />
|
|
|
+ {{ t('iotMaintain.remove') }}
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </ContentWrap>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 表单弹窗：添加/修改 -->
|
|
|
+ <WorkOrderMaterial ref="materialFormRef" @choose="selectChoose" />
|
|
|
+ <ChooseMaintain ref="maintainFormRef" @choose="maintainChoose" />
|
|
|
+ </ContentWrap>
|
|
|
+ <DeviceList ref="deviceFormRef" @choose="deviceChoose" />
|
|
|
+ <CustomerList ref="customerFormRef" @choose="customerChoose" />
|
|
|
+ <MaterialListDrawer
|
|
|
+ :model-value="drawerVisible"
|
|
|
+ @update:model-value="(val) => (drawerVisible = val)"
|
|
|
+ :node-id="currentBomNodeId"
|
|
|
+ :materials="materialList.filter((item) => item.bomNodeId === currentBomNodeId)"
|
|
|
+ @delete = "materialDelete"
|
|
|
+ />
|
|
|
+ <Dialog :title="t('iotMaintain.repairItems')" v-model="addItemVisible" style="min-height: 300px">
|
|
|
+ <el-form
|
|
|
+ ref="addFormRef"
|
|
|
+ :model="addFormData"
|
|
|
+ :rules="addFormRules"
|
|
|
+ label-position="right"
|
|
|
+ label-width="68px"
|
|
|
+ >
|
|
|
+ <el-form-item :label="t('iotMaintain.BOMNodeID')" v-if="false" prop="deviceCode">
|
|
|
+ <el-input v-model="addFormData.bomNodeId" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="t('iotMaintain.deviceCode')" prop="deviceCode">
|
|
|
+ <el-input v-model="addFormData.deviceCode" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="t('iotMaintain.deviceName')" prop="deviceName">
|
|
|
+ <el-input v-model="addFormData.deviceName" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="t('iotMaintain.repairItems')" prop="name">
|
|
|
+ <el-input v-model="addFormData.name" :placeholder="t('iotMaintain.repairItemsHolder')" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-form>
|
|
|
+ <el-form-item style="float: right">
|
|
|
+ <el-button @click="handleConfirm" type="primary">{{ t('iotMaintain.ok') }}</el-button>
|
|
|
+ <el-button @click="closeDialog">{{ t('iotMaintain.cancel') }}</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </Dialog>
|
|
|
+ </ContentWrap>
|
|
|
+ <ContentWrap v-if="materialIfShow">
|
|
|
+ <ContentWrap>
|
|
|
+ <!-- 搜索工作栏 -->
|
|
|
+ <el-form class="-mb-15px" ref="queryFormRef" :inline="true" label-width="68px">
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="danger" @click="openMaterialForm()">
|
|
|
+ {{ t('iotMaintain.selectMaterials') }}
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </ContentWrap>
|
|
|
+ <ContentWrap>
|
|
|
+ <el-table :data="filteredMaterials" style="width: 100%">
|
|
|
+ <el-table-column prop="bomNodeId" :label="t('bomList.bomNode')" width="180" v-if="false"/>
|
|
|
+ <el-table-column prop="factory" :label="t('workOrderMaterial.factory')" width="180" v-if="!hideExtraColumns"/>
|
|
|
+ <el-table-column prop="costCenter" :label="t('workOrderMaterial.costCenter')" width="180" v-if="!hideExtraColumns"/>
|
|
|
+ <el-table-column prop="projectDepartment" :label="t('workOrderMaterial.storageLocation')" width="180" v-if="!hideExtraColumns"/>
|
|
|
+ <el-table-column prop="materialName" :label="t('workOrderMaterial.materialName')" width="180" />
|
|
|
+ <el-table-column prop="materialCode" :label="t('workOrderMaterial.materialCode')" width="180" />
|
|
|
+ <el-table-column prop="unit" :label="t('workOrderMaterial.unit')" width="180" />
|
|
|
+ <el-table-column prop="unitPrice" :label="t('workOrderMaterial.unitPrice')" width="180" />
|
|
|
+ <el-table-column prop="quantity" :label="t('workOrderMaterial.ConsumptionQuantity')" width="180" />
|
|
|
+ <el-table-column prop="materialSource" :label="t('bomList.type')" width="180" />
|
|
|
+ <el-table-column :label="t('workplace.operation')" align="right" v-if="true">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button
|
|
|
+ size="small"
|
|
|
+ type="danger"
|
|
|
+ @click="handleDelete(scope.row)"
|
|
|
+ >{{ t('form.delete') }}</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </ContentWrap>
|
|
|
+ <ContentWrap>
|
|
|
+ <el-form>
|
|
|
+ <el-form-item style="float: right">
|
|
|
+ <el-button @click="submitForm" type="primary" :disabled="formLoading">{{ t('iotMaintain.save') }}</el-button>
|
|
|
+ <el-button @click="close">{{ t('iotMaintain.cancel') }}</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </ContentWrap>
|
|
|
+ </ContentWrap>
|
|
|
+</template>
|
|
|
+<script setup lang="ts">
|
|
|
+import { IotMaintainApi } from '@/api/pms/maintain'
|
|
|
+import { DICT_TYPE, getBoolDictOptions, getStrDictOptions } from '@/utils/dict'
|
|
|
+import DeviceList from '@/views/pms/failure/DeviceList.vue'
|
|
|
+import * as UserApi from '@/api/system/user'
|
|
|
+import { ref } from 'vue'
|
|
|
+import { IotMaintainMaterialVO } from '@/api/pms/maintain/material'
|
|
|
+import { useTagsViewStore } from '@/store/modules/tagsView'
|
|
|
+import CustomerList from '@/views/pms/device/CustomerList.vue'
|
|
|
+import WorkOrderMaterial from '@/views/pms/iotmainworkorder/WorkOrderMaterial.vue'
|
|
|
+import { IotMainWorkOrderBomMaterialVO } from '@/api/pms/iotmainworkorderbommaterial'
|
|
|
+import MaterialListDrawer from '@/views/pms/iotmainworkorder/SelectedMaterialDrawer.vue'
|
|
|
+import ChooseMaintain from '@/views/pms/maintain/material/ChooseMaintain.vue'
|
|
|
+import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
|
|
|
+import dayjs from 'dayjs'
|
|
|
+import {checkPermi} from "@/utils/permission";
|
|
|
+/** 维修工单 表单 */
|
|
|
+defineOptions({ name: 'MaintainAdd' })
|
|
|
+const addItemVisible = ref(false) // 弹窗的是否展示
|
|
|
+const materialIfShow = ref(true)
|
|
|
+const { t } = useI18n() // 国际化
|
|
|
+const message = useMessage() // 消息弹窗
|
|
|
+const { delView } = useTagsViewStore() // 视图操作
|
|
|
+const { currentRoute, push } = useRouter()
|
|
|
+const deptUsers = ref<UserApi.UserVO[]>([]) // 用户列表
|
|
|
+const dialogTitle = ref('') // 弹窗的标题
|
|
|
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
|
|
|
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
|
|
|
+const deviceLabel = ref('') // 表单的类型：create - 新增；update - 修改
|
|
|
+const drawerVisible = ref<boolean>(false)
|
|
|
+const showDrawer = ref()
|
|
|
+const list = ref<IotMaintainMaterialVO[]>([]) // 列表的数据
|
|
|
+const { params, name } = useRoute() // 查询参数
|
|
|
+const id = params.id
|
|
|
+const supplierLabel = ref('') // 表单的类型：create - 新增；update - 修改
|
|
|
+const totalFee = ref(0)
|
|
|
+const applyPeoPle = ref([])
|
|
|
+const projectManager = ref([])
|
|
|
+const { wsCache } = useCache()
|
|
|
+const hideExtraColumns = ref(false)
|
|
|
+const filteredMaterials = ref([])
|
|
|
+const selectedRowId = ref<number | null>(null)
|
|
|
+const selectedRow = ref({})
|
|
|
+const loading = ref(false)
|
|
|
+
|
|
|
+const addFormData = ref({
|
|
|
+ name: '',
|
|
|
+ deviceName: '',
|
|
|
+ deviceCode: '',
|
|
|
+ bomNodeId: '',
|
|
|
+})
|
|
|
+const formData = ref({
|
|
|
+ kmHour:undefined,
|
|
|
+ maintainItem:undefined,
|
|
|
+ enableDate: undefined,
|
|
|
+ projectManager:undefined,
|
|
|
+ applyPersonId:undefined,
|
|
|
+ maintainClassify: undefined,
|
|
|
+ address:undefined,
|
|
|
+ model:undefined,
|
|
|
+ id: undefined,
|
|
|
+ failureCode: undefined,
|
|
|
+ failureName: undefined,
|
|
|
+ deviceId: undefined,
|
|
|
+ status: undefined,
|
|
|
+ type: undefined,
|
|
|
+ ifStop: undefined,
|
|
|
+ failureTime: undefined,
|
|
|
+ failureInfluence: undefined,
|
|
|
+ failureSystem: undefined,
|
|
|
+ description: undefined,
|
|
|
+ pic: undefined,
|
|
|
+ pics: [],
|
|
|
+ outFiles:[],
|
|
|
+ solution: undefined,
|
|
|
+ maintainStartTime: undefined,
|
|
|
+ maintainEndTime: undefined,
|
|
|
+ remark: undefined,
|
|
|
+ deviceName: undefined,
|
|
|
+ deviceCode: undefined,
|
|
|
+ processInstanceId: undefined,
|
|
|
+ auditStatus: undefined,
|
|
|
+ deptId: undefined,
|
|
|
+ maintainPerson: undefined,
|
|
|
+ maintainDescription: undefined,
|
|
|
+ supplier: undefined,
|
|
|
+ maintainFee: undefined,
|
|
|
+ outFile: undefined,
|
|
|
+ maintainType: undefined,
|
|
|
+})
|
|
|
+const failureTimeRule = [{ required: true, message: '故障时间不能为空', trigger: 'blur' }]
|
|
|
+const supplierRules = [{ required: true, message: '供应商不能为空', trigger: 'blur' }]
|
|
|
+const projectRules = [{ required: true, message: '项目经理不能为空', trigger: 'blur' }]
|
|
|
+const itemRules = [{ required: true, message: '维修项目不能为空', trigger: 'blur' }]
|
|
|
+const classifyRules = [{ required: true, message: '维修类别不能为空', trigger: 'blur' }]
|
|
|
+const feeRules = [{ required: true, message: '维修费用不能为空', trigger: 'blur' }]
|
|
|
+const modelRules = [{ required: true, message: '规格型号不能为空', trigger: 'blur' }]
|
|
|
+const startRule = [{ required: true, message: '维修开始时间不能为空', trigger: 'blur' }]
|
|
|
+const descriptionRule = [{required: true, message:'维修描述不能为空', trigger: 'blur' }]
|
|
|
+const endRule = [{ required: true, message: '维修结束时间不能为空', trigger: 'blur' }]
|
|
|
+const formRules = reactive({
|
|
|
+ deviceName: [{ required: true, message: '设备不能为空', trigger: 'blur' }],
|
|
|
+ failureCode: [{ required: true, message: '故障编码不能为空', trigger: 'blur' }],
|
|
|
+ type: [{ required: true, message: '维修类型不能为空', trigger: 'blur' }],
|
|
|
+ ifStop: [{ required: true, message: '是否停机不能为空', trigger: 'blur' }],
|
|
|
+ failureName: [{ required: true, message: '故障名称不能为空', trigger: 'blur' }],
|
|
|
+ description: [{ required: true, message: '故障描述不能为空', trigger: 'blur' }],
|
|
|
+ maintainDescription: [{ required: true, message: '维修描述不能为空', trigger: 'blur' }],
|
|
|
+ // failureTime: [{ required: true, message: '故障时间不能为空', trigger: 'blur' }],
|
|
|
+ // maintainStartTime: [{ required: true, message: '维修开始时间不能为空', trigger: 'blur' }],
|
|
|
+ // maintainEndTime: [{ required: true, message: '维修结束时间不能为空', trigger: 'blur' }],
|
|
|
+ // maintainDescription: [{ required: true, message: '维修描述不能为空', trigger: 'blur' }],
|
|
|
+ // maintainPerson: [{ required: true, message: '维修负责人不能为空', trigger: 'blur' }],
|
|
|
+ deviceId: [{ required: true, message: '设备id不能为空', trigger: 'blur' }]
|
|
|
+ // status: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
|
|
|
+})
|
|
|
+const handleIfNeedChange = (row) =>{
|
|
|
+ debugger
|
|
|
+ if (row.ifNeed) {
|
|
|
+ materialIfShow.value = true
|
|
|
+ } else {
|
|
|
+ materialIfShow.value = false
|
|
|
+ }
|
|
|
+}
|
|
|
+// 行点击事件处理函数
|
|
|
+const handleRowClick = (row: any) => {
|
|
|
+ if (selectedRowId.value === row.bomNodeId) {
|
|
|
+ selectedRowId.value = null
|
|
|
+ selectedRow.value = null
|
|
|
+ } else {
|
|
|
+ // 否则选中当前行
|
|
|
+ selectedRowId.value = row.bomNodeId
|
|
|
+ selectedRow.value = row
|
|
|
+ }
|
|
|
+ // 保留原有的点击逻辑（如果有的话）
|
|
|
+ console.log('点击了行:', selectedRowId.value)
|
|
|
+ debugger
|
|
|
+ if (selectedRow.value === null) {
|
|
|
+ filteredMaterials.value = materialList.value;
|
|
|
+ }
|
|
|
+ filteredMaterials.value = materialList.value.filter((item) => item.bomNodeId === row.bomNodeId)
|
|
|
+ if (row.ifNeed) {
|
|
|
+ materialIfShow.value = true
|
|
|
+ } else {
|
|
|
+ materialIfShow.value = false
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// 行样式类名方法
|
|
|
+const tableRowClassName = ({ row }: { row: any }) => {
|
|
|
+ // 如果是选中的行，返回自定义类名
|
|
|
+ return row.bomNodeId === selectedRowId.value ? 'green-row' : ''
|
|
|
+}
|
|
|
+const addFormRules = reactive({
|
|
|
+ name: [{ required: true, message: '维修项不能为空', trigger: 'blur' }]
|
|
|
+})
|
|
|
+
|
|
|
+const typeChange = async () =>{
|
|
|
+ if (formData.value.type === 'out') {
|
|
|
+ await IotMaintainApi.getApplyUsers("").then((res) => {
|
|
|
+ applyPeoPle.value = res
|
|
|
+ })
|
|
|
+ await IotMaintainApi.getProjectUsers("").then((res) => {
|
|
|
+ debugger
|
|
|
+ projectManager.value = res
|
|
|
+ })
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+const handleConfirm = () => {
|
|
|
+ addFormData.value.bomNodeId = Math.floor(100000 + Math.random() * 900000)
|
|
|
+
|
|
|
+ const index = list.value.findIndex((item) => item.name === addFormData.value.name)
|
|
|
+ if (index !== -1) {
|
|
|
+ message.warning("维修项重复")
|
|
|
+ return
|
|
|
+ }
|
|
|
+ const addItem = {...addFormData.value}
|
|
|
+ addItem.ifNeed = true
|
|
|
+ list.value.push(addItem)
|
|
|
+ addItemVisible.value = false
|
|
|
+}
|
|
|
+const customerChoose = (row) => {
|
|
|
+ formData.value.supplier = row.name
|
|
|
+ // supplierLabel.value = row.name
|
|
|
+}
|
|
|
+
|
|
|
+const customerFormRef = ref()
|
|
|
+const openCustomer = (type) => {
|
|
|
+ customerFormRef.value.open(type)
|
|
|
+}
|
|
|
+const formRef = ref() // 表单 Ref
|
|
|
+const addFormRef = ref()
|
|
|
+const deviceChoose = (row) => {
|
|
|
+ formData.value.model = row.model
|
|
|
+ formData.value.enableDate = row.enableDate
|
|
|
+ formData.value.deviceId = row.id
|
|
|
+ formData.value.deviceName = row.deviceName
|
|
|
+ formData.value.deviceCode = row.deviceCode
|
|
|
+ formData.value.deptId = row.deptId
|
|
|
+ // deviceLabel.value = row.deviceName
|
|
|
+ list.value = []
|
|
|
+}
|
|
|
+const deviceClear = () => {
|
|
|
+ formData.value.deviceId = undefined
|
|
|
+ formData.value.deviceName = undefined
|
|
|
+ formData.value.deviceCode = undefined
|
|
|
+ formData.value.deptId = undefined
|
|
|
+ list.value = []
|
|
|
+}
|
|
|
+const deviceFormRef = ref()
|
|
|
+const openForm = () => {
|
|
|
+ deviceFormRef.value.open()
|
|
|
+}
|
|
|
+const materialFormRef = ref()
|
|
|
+const currentBomNodeId = ref() // 当前选中的bom节点
|
|
|
+const openMaterialForm = () => {
|
|
|
+ debugger
|
|
|
+ if (selectedRowId.value === null) {
|
|
|
+ message.error('请点击选择维修项');
|
|
|
+ return
|
|
|
+ }
|
|
|
+ const row = selectedRow.value
|
|
|
+ bomNodeId.value = row.bomNodeId
|
|
|
+ console.log('设备id：', formData.value.deviceId)
|
|
|
+ row.deviceId = formData.value.deviceId
|
|
|
+ const type = 'repair'
|
|
|
+ materialFormRef.value.open(formData.value.deptId, bomNodeId.value, row, type)
|
|
|
+}
|
|
|
+
|
|
|
+const maintainFormRef = ref()
|
|
|
+const openMaintainForm = (type: string, id?: number) => {
|
|
|
+ if (!formData.value.deviceId) {
|
|
|
+ message.error(t('iotMaintain.deviceHolder'))
|
|
|
+ return
|
|
|
+ }
|
|
|
+ maintainFormRef.value.open(type, formData.value.deviceId)
|
|
|
+}
|
|
|
+const openMaintainItem = () => {
|
|
|
+ if (!formData.value.deviceId) {
|
|
|
+ message.error(t('iotMaintain.deviceHolder'))
|
|
|
+ return
|
|
|
+ }
|
|
|
+ addItemVisible.value = true
|
|
|
+ addFormData.value.deviceName = formData.value.deviceName
|
|
|
+ addFormData.value.deviceCode = formData.value.deviceCode
|
|
|
+ addFormData.value.name = ''
|
|
|
+}
|
|
|
+const endTimeBlur = () => {
|
|
|
+ if (formData.value.maintainEndTime <= formData.value.maintainStartTime) {
|
|
|
+ message.error('维修结束时间不得早于开始时间')
|
|
|
+ formData.value.maintainEndTime = undefined
|
|
|
+ }
|
|
|
+ const now = dayjs();
|
|
|
+ const target = dayjs(formData.value.maintainEndTime);
|
|
|
+ if (target.isAfter(now)) {
|
|
|
+ message.error('维修结束时间不得晚于当前时间')
|
|
|
+ formData.value.maintainEndTime = undefined
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+const failureTimeBlur = () => {
|
|
|
+ if (formData.value.maintainStartTime < formData.value.failureTime) {
|
|
|
+ message.error('维修开始时间不得早于故障时间')
|
|
|
+ formData.value.maintainStartTime = undefined
|
|
|
+ }
|
|
|
+ if (formData.value.maintainEndTime < formData.value.failureTime) {
|
|
|
+ message.error('维修结束时间不得早于故障时间')
|
|
|
+ formData.value.maintainEndTime = undefined
|
|
|
+ }
|
|
|
+}
|
|
|
+const close = () => {
|
|
|
+ delView(unref(currentRoute))
|
|
|
+ push({ name: 'IotMaintain', params: {} })
|
|
|
+}
|
|
|
+const closeDialog = () => {
|
|
|
+ addItemVisible.value = false
|
|
|
+}
|
|
|
+
|
|
|
+const handleViewNew = (nodeId) => {
|
|
|
+ currentBomNodeId.value = nodeId
|
|
|
+ drawerVisible.value = true
|
|
|
+ console.log('当前bom节点：', currentBomNodeId.value)
|
|
|
+}
|
|
|
+
|
|
|
+const materialDelete = (row) =>{
|
|
|
+ totalFee.value = 0
|
|
|
+ const index = materialList.value.findIndex((item) => item.bomNodeId === bomNodeId.value&&item.materialCode===row.materialCode)
|
|
|
+ if (index>-1) {
|
|
|
+ materialList.value.splice(index,1)
|
|
|
+ }
|
|
|
+ list.value.forEach((item)=>{
|
|
|
+ if (item.bomNodeId === row.bomNodeId){
|
|
|
+ item.materials = materialList.value.filter((item)=>item.bomNodeId===row.bomNodeId)
|
|
|
+ item.materialCount = item.materials.length;
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ materialList.value.forEach((it) => {
|
|
|
+ totalFee.value = it.unitPrice * it.quantity + totalFee.value
|
|
|
+ })
|
|
|
+ formData.value.maintainFee = totalFee.value
|
|
|
+}
|
|
|
+
|
|
|
+const materialList = ref<IotMainWorkOrderBomMaterialVO[]>([]) // 保养工单bom关联物料列表
|
|
|
+const bomNodeId = ref() // 最新的bomNodeId
|
|
|
+
|
|
|
+const selectChoose = (selectedMaterial) => {
|
|
|
+ debugger
|
|
|
+ selectedMaterial.bomNodeId = bomNodeId.value
|
|
|
+ // 关联 bomNodeId
|
|
|
+ const processedMaterials = selectedMaterial.map((material) => ({
|
|
|
+ ...material,
|
|
|
+ bomNodeId: bomNodeId.value // 统一关联当前行的 bomNodeId
|
|
|
+ }))
|
|
|
+ // 避免重复添加
|
|
|
+ processedMaterials.forEach((newMaterial) => {
|
|
|
+ // 检查是否已存在相同 bomNodeId + materialCode 的条目
|
|
|
+ const isExist = materialList.value.some(
|
|
|
+ (item) => item.bomNodeId === bomNodeId.value && item.materialCode === newMaterial.materialCode
|
|
|
+ )
|
|
|
+
|
|
|
+ if (!isExist) {
|
|
|
+ materialList.value.push(newMaterial)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ totalFee.value = 0;
|
|
|
+ list.value.forEach((item) => {
|
|
|
+ if (item.bomNodeId === bomNodeId.value) {
|
|
|
+ item.materials = materialList.value.filter((item) => item.bomNodeId === bomNodeId.value)
|
|
|
+ if (item.materials) {
|
|
|
+ item.materialCount = item.materials.length;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ materialList.value.forEach((it) => {
|
|
|
+ totalFee.value = it.unitPrice * it.quantity + totalFee.value
|
|
|
+ })
|
|
|
+ formData.value.maintainFee = totalFee.value
|
|
|
+ console.log('选择完成的数据：', JSON.stringify(selectedMaterial))
|
|
|
+ console.log('添加到本地列表的数据：', materialList.value)
|
|
|
+ filteredMaterials.value = materialList.value.filter((item) => item.bomNodeId === bomNodeId.value)
|
|
|
+}
|
|
|
+const maintainChoose = (formData) => {
|
|
|
+ formData.forEach((item) => {
|
|
|
+ const index = list.value.findIndex((li) => item.name === li.name)
|
|
|
+ if (index==-1){
|
|
|
+ item.ifNeed= true
|
|
|
+ list.value.push(item)
|
|
|
+ if (item.deviceBomMaterials) {
|
|
|
+ item.deviceBomMaterials.forEach((it) => {
|
|
|
+ it.bomNodeId = item.bomNodeId
|
|
|
+ it.materialCode = it.code;
|
|
|
+ it.materialName = it.name
|
|
|
+ materialList.value.push(it)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ if (selectedRow.value === null) {
|
|
|
+ filteredMaterials.value = materialList.value
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+const removeOnesFromKeys = (obj: Record<string, any>) => {
|
|
|
+ return Object.keys(obj).reduce(
|
|
|
+ (acc, key) => {
|
|
|
+ const newKey = key.replace(/1/g, '') // 替换所有 1
|
|
|
+ acc[newKey] = obj[key]
|
|
|
+ return acc
|
|
|
+ },
|
|
|
+ {} as Record<string, any>
|
|
|
+ )
|
|
|
+}
|
|
|
+/** 提交表单 */
|
|
|
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
|
|
|
+const submitForm = async () => {
|
|
|
+ // 校验表单
|
|
|
+ await formRef.value.validate()
|
|
|
+ // 提交请求
|
|
|
+ formLoading.value = true
|
|
|
+ try {
|
|
|
+ if (formData.value.type==='in') {
|
|
|
+ formData.value.status = 'finished'
|
|
|
+ } else {
|
|
|
+ formData.value.status = 'tx'
|
|
|
+ }
|
|
|
+
|
|
|
+ // let files: any[]
|
|
|
+ // files = formData.value.outFile
|
|
|
+ // if (files) {
|
|
|
+ // formData.value.outFile = files
|
|
|
+ // .map((element) => {
|
|
|
+ // return element.path
|
|
|
+ // })
|
|
|
+ // .join(',')
|
|
|
+ // }
|
|
|
+ const data = {
|
|
|
+ maintain: formData.value,
|
|
|
+ maintainMaterials: list.value
|
|
|
+ }
|
|
|
+ if (formType.value === 'create') {
|
|
|
+ await IotMaintainApi.createIotMaintain(data)
|
|
|
+ message.success(t('common.createSuccess'))
|
|
|
+ close()
|
|
|
+ } else {
|
|
|
+ await IotMaintainApi.updateIotMaintain(data)
|
|
|
+ message.success(t('common.updateSuccess'))
|
|
|
+ close()
|
|
|
+ }
|
|
|
+ // 发送操作成功的事件
|
|
|
+ emit('success')
|
|
|
+ } finally {
|
|
|
+ formLoading.value = false
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/** 重置表单 */
|
|
|
+const resetForm = () => {
|
|
|
+ formData.value = {
|
|
|
+ id: undefined,
|
|
|
+ failureCode: undefined,
|
|
|
+ failureName: undefined,
|
|
|
+ deviceId: undefined,
|
|
|
+ status: undefined,
|
|
|
+ ifStop: undefined,
|
|
|
+ failureTime: undefined,
|
|
|
+ failureInfluence: undefined,
|
|
|
+ failureSystem: undefined,
|
|
|
+ description: undefined,
|
|
|
+ pic: undefined,
|
|
|
+ pics:[],
|
|
|
+ solution: undefined,
|
|
|
+ maintainStartTime: undefined,
|
|
|
+ maintainEndTime: undefined,
|
|
|
+ remark: undefined,
|
|
|
+ deviceName: undefined,
|
|
|
+ processInstanceId: undefined,
|
|
|
+ auditStatus: undefined,
|
|
|
+ deptId: undefined
|
|
|
+ }
|
|
|
+ formRef.value?.resetFields()
|
|
|
+}
|
|
|
+const userId = ref('')
|
|
|
+onMounted(async () => {
|
|
|
+ const userInfo = wsCache.get(CACHE_KEY.USER)
|
|
|
+ userId.value = userInfo.user.id;
|
|
|
+ if (id) {
|
|
|
+ formType.value = 'update'
|
|
|
+ const iotMaintain = await IotMaintainApi.getIotMaintain(id)
|
|
|
+ deviceLabel.value = iotMaintain.deviceName
|
|
|
+ formData.value = iotMaintain
|
|
|
+ formData.value.status = undefined
|
|
|
+ if (formData.value.type === 'out') {
|
|
|
+ await IotMaintainApi.getApplyUsers("").then((res) => {
|
|
|
+ applyPeoPle.value = res
|
|
|
+ })
|
|
|
+ await IotMaintainApi.getProjectUsers("").then((res) => {
|
|
|
+ debugger
|
|
|
+ projectManager.value = res
|
|
|
+ })
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ formData.value.type = 'in'
|
|
|
+ formType.value = 'create'
|
|
|
+ }
|
|
|
+})
|
|
|
+const handleDelete = async (id: number) => {
|
|
|
+ try {
|
|
|
+ const index = list.value.findIndex((item) => item.bomNodeId === id)
|
|
|
+ if (index !== -1) {
|
|
|
+ // 通过 splice 删除元素
|
|
|
+ list.value.splice(index, 1)
|
|
|
+ totalFee.value = 0
|
|
|
+ list.value.forEach(item => {
|
|
|
+ item.materials.forEach((it) => {
|
|
|
+ totalFee.value = it.unitPrice * it.quantity + totalFee.value
|
|
|
+ })
|
|
|
+ })
|
|
|
+ formData.value.maintainFee = totalFee.value
|
|
|
+ }
|
|
|
+ } catch {}
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style scoped>
|
|
|
+.base-expandable-content {
|
|
|
+ overflow: hidden; /* 隐藏溢出的内容 */
|
|
|
+ transition: max-height 0.3s ease; /* 平滑过渡效果 */
|
|
|
+}
|
|
|
+/* 添加绿色行的样式 */
|
|
|
+::v-deep .abc .el-table__row.green-row {
|
|
|
+ background-color: #6af48f; /* 浅绿色背景 */
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .abc .el-table__row.green-row:hover > td {
|
|
|
+ background-color: #6af48f !important; /* 鼠标悬停时的绿色背景 */
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .abc .el-table__row.green-row > td {
|
|
|
+ background-color: #6af48f; /* 选中行的单元格背景 */
|
|
|
+}
|
|
|
+
|
|
|
+/* 可选：添加选中行的边框样式 */
|
|
|
+::v-deep .abc .el-table__row.green-row {
|
|
|
+ border-left: 3px solid #52c41a; /* 左侧绿色边框标识 */
|
|
|
+}
|
|
|
+</style>
|
