1、删除冗余代码 2、设备台账新增弹窗开发完成

zhaowei

2025-07-02 d3441881742c1397cd02f68c4b0de565456f97b1

 src/views/eam/equipment/modules/EamEquipmentModal.vue

@@ -10,12 +10,14 @@
    @ok="handleOk"
    @cancel="handleCancel"
    cancelText="关闭">
    <a-spin :spinning="confirmLoading">
    <a-tabs tab-position="left">
      <a-tab-pane tab="基础信息" :key="1">
      <a-form-model ref="form" :model="model" :rules="validatorRules" :labelCol="labelCol" :wrapperCol="wrapperCol">
        <a-row :gutter="24">
          <a-col :span="customSpan">
            <a-form-model-item label="关键设备标识">
              <a-input placeholder="请输入关键设备标识" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
                <j-dict-select-tag dict-code="equipment_importance" placeholder="请输入关键设备标识"
                                   v-model="model.equipmentImportance" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
@@ -24,243 +26,279 @@
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item prop="equipmentCode" label="设备名称">
              <a-input placeholder="请输入设备名称" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
              <a-form-model-item prop="equipmentName" label="设备名称">
                <a-input placeholder="请输入设备名称" v-model="model.equipmentName" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item prop="equipmentCode" label="使用部门">
              <a-input placeholder="请输入设备编号" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
              <a-form-model-item prop="factoryOrgCode" label="使用部门">
                <a-tree-select v-model="model.factoryOrgCode"
                               style="width: 100%"
                               show-search
                               :tree-data="treeDataAlias"
                               :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
                               placeholder="请选择使用部门"
                               allow-clear
                               treeNodeFilterProp="title"
                               searchPlaceholder="请输入关键字搜索"
                               tree-default-expand-all/>
            </a-form-model-item>
          </a-col>
        </a-row>

        <a-row :gutter="24">
          <a-col :span="customSpan">
            <a-form-model-item prop="equipmentCode" label="中心">
              <a-input placeholder="请输入关键设备标识" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="工区">
              <a-input placeholder="请输入统一编码" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="工段">
              <a-input placeholder="请输入设备名称" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item prop="equipmentCode" label="设备所属分类">
              <a-input placeholder="请输入设备编号" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
        </a-row>

        <a-row :gutter="24">
          <a-col :span="customSpan">
            <a-form-model-item prop="equipmentCode" label="设备状态">
              <a-input placeholder="请输入关键设备标识" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="ABC标识">
              <a-input placeholder="请输入统一编码" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item prop="equipmentCode" label="维护部门">
              <a-input placeholder="请输入设备名称" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item prop="equipmentCode" label="维修班组">
              <a-input placeholder="请输入设备编号" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
        </a-row>

        <a-row :gutter="24">
          <a-col :span="customSpan">
            <a-form-model-item label="安全配置">
              <a-input placeholder="请输入关键设备标识" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="冷却系统">
              <a-input placeholder="请输入统一编码" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="灭火器">
              <a-input placeholder="请输入设备名称" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="灭火器有效期">
              <a-input placeholder="请输入设备编号" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
        </a-row>

        <a-row :gutter="24">
          <a-col :span="customSpan">
            <a-form-model-item label="操作系统">
              <a-input placeholder="请输入关键设备标识" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="系统">
              <a-input placeholder="请输入统一编码" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="设备端口">
              <a-input placeholder="请输入设备名称" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="坐标数量">
              <a-input placeholder="请输入设备编号" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
        </a-row>

        <a-row :gutter="24">
          <a-col :span="customSpan">
            <a-form-model-item label="重量">
              <a-input placeholder="请输入关键设备标识" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="重量计量单位">
              <a-input placeholder="请输入统一编码" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="功能位置">
              <a-input placeholder="请输入设备名称" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="安装位置">
              <a-input placeholder="请输入设备编号" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
        </a-row>

        <a-row :gutter="24">
          <a-col :span="customSpan">
            <a-form-model-item label="出厂日期">
              <a-input placeholder="请输入关键设备标识" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="立项卡号">
              <a-input placeholder="请输入统一编码" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="资金来源">
              <a-input placeholder="请输入设备名称" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="验收日期">
              <a-input placeholder="请输入设备编号" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
        </a-row>

        <a-row :gutter="24">
          <a-col :span="customSpan">
            <a-form-model-item label="出厂编号">
              <a-input placeholder="请输入关键设备标识" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="资产制造商">
              <a-input placeholder="请输入统一编码" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="资产来源国家">
              <a-input placeholder="请输入设备名称" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="型号">
              <a-input placeholder="请输入设备编号" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
        </a-row>

        <a-row :gutter="24">
          <a-col :span="customSpan">
            <a-form-model-item label="设备规格">
              <a-input placeholder="请输入关键设备标识" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="总功率">
              <a-input placeholder="请输入统一编码" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
              <a-form-model-item prop="equipmentCategory" label="所属分类">
                <j-dict-select-tag dict-code="equipment_category" placeholder="请选择所属分类"
                                   v-model="model.equipmentCategory"
                                   :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="质保开始日期">
              <a-input placeholder="请输入设备名称" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
                <a-date-picker v-model="model.warrantyStartDate" value-format="YYYY-MM-DD" style="width:100%"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="质保结束日期">
              <a-input placeholder="请输入设备编号" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
                <a-date-picker v-model="model.warrantyEndDate" value-format="YYYY-MM-DD" style="width:100%"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="ABC标识">
                <j-dict-select-tag dict-code="abc_flag" placeholder="请选择ABC标识" v-model="model.abcFlag"
                                   :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
        </a-row>

        <a-row :gutter="24">
          <a-col :span="customSpan">
            <a-form-model-item label="资产状态">
              <a-input placeholder="请输入关键设备标识" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
              <a-form-model-item prop="repairDepartOrgCode" label="维修班组">
                <a-input placeholder="请选择维修班组" v-model="model.repairDepartOrgCode"
                         :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
              <a-form-model-item label="安全配置">
                <a-input placeholder="请输入安全配置" v-model="model.securityConfiguration"
                         :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
          </a-row>

          <a-row :gutter="24">
            <a-col :span="customSpan">
              <a-form-model-item label="冷却系统">
                <j-dict-select-tag dict-code="cooling_system" placeholder="请输入统一编码" v-model="model.coolSystem"
                                   :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="灭火器">
                <a-input placeholder="请输入灭火器" v-model="model.fireExtinguisher" :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="灭火器有效期">
                <a-date-picker v-model="model.fireExtinguisherExpirationDate" value-format="YYYY-MM-DD"
                               style="width:100%"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="操作系统">
                <j-dict-select-tag dict-code="yn " type="radio" v-model="model.operationSystem"/>
              </a-form-model-item>
            </a-col>
          </a-row>

          <a-row :gutter="24">
            <a-col :span="customSpan">
              <a-form-model-item label="系统">
                <a-input placeholder="请输入系统" v-model="model.system" :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="设备端口">
                <a-input placeholder="请输入设备端口" v-model="model.equipmentPort" :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="坐标数量">
                <a-input-number placeholder="请输入坐标数量" v-model="model.coordinateNum" :min="0" style="width: 100%"
                                :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="重量">
                <a-input-number placeholder="请输入重量" v-model="model.equipmentWeight" :min="0" style="width: 100%"
                                :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
          </a-row>

          <a-row :gutter="24">
            <a-col :span="customSpan">
              <a-form-model-item label="重量计量单位">
                <a-input placeholder="请输入重量计量单位" v-model="model.weightUnit" :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="功能位置">
                <a-input placeholder="请输入功能位置" v-model="model.functionalLocation"
                         :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="安装位置">
                <a-input placeholder="请输入安装位置" v-model="model.installationPosition"
                         :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="出厂日期">
                <a-date-picker v-model="model.leaveFactoryDate" value-format="YYYY-MM-DD" style="width:100%"/>
              </a-form-model-item>
            </a-col>
          </a-row>

          <a-row :gutter="24">
            <a-col :span="customSpan">
              <a-form-model-item label="立项卡号">
                <a-input placeholder="请输入立项卡号" v-model="model.cardNumber" :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="资金来源">
                <a-input placeholder="请输入资金来源" v-model="model.fundingSource" :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="验收日期">
                <a-date-picker v-model="model.acceptanceCheckDate" value-format="YYYY-MM-DD" style="width:100%"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="出厂编号">
                <a-input placeholder="请输入出厂编号" v-model="model.factoryNumber" :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
          </a-row>

          <a-row :gutter="24">
            <a-col :span="customSpan">
              <a-form-model-item label="资产制造商">
                <a-input placeholder="请输入资产制造商" v-model="model.manufacturingEnterprise"
                         :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="资产来源国家">
                <a-input placeholder="请输入资产来源国家" v-model="model.originCountry" :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="型号">
                <a-input placeholder="请输入型号" v-model="model.equipmentModel" :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="设备规格">
                <a-input placeholder="请输入设备规格" v-model="model.equipmentSpecification"
                         :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
          </a-row>

          <a-row :gutter="24">
            <a-col :span="customSpan">
              <a-form-model-item label="总功率">
                <a-input placeholder="请输入总功率" v-model="model.equipmentPower" :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="质保开始日期">
                <a-date-picker v-model="model.warrantyStartDate" value-format="YYYY-MM-DD" style="width:100%"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="质保结束日期">
                <a-date-picker v-model="model.warrantyEndDate" value-format="YYYY-MM-DD" style="width:100%"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="资产状态">
                <j-dict-select-tag dict-code="asset_status" placeholder="请选择资产状态" v-model="model.assetStatus"
                                   :disabled="editable || disableSubmit"/>
              </a-form-model-item>
            </a-col>
          </a-row>

          <a-row :gutter="24">
            <a-col :span="customSpan">
            <a-form-model-item label="本次三保日期">
              <a-input placeholder="请输入统一编码" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
                <a-date-picker v-model="model.latestThirdMaintenance" value-format="YYYY-MM-DD" style="width:100%"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="下次三保日期">
              <a-input placeholder="请输入设备名称" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
                <a-date-picker v-model="model.nextThirdMaintenance" value-format="YYYY-MM-DD" style="width:100%"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="三保周期">
              <a-input placeholder="请输入设备编号" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
                <a-date-picker v-model="model.thirdMaintenancePeriod" value-format="YYYY-MM-DD" style="width:100%"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="customSpan">
              <a-form-model-item label="本次技术鉴定日期">
                <a-date-picker v-model="model.latestTechnologyCheck" value-format="YYYY-MM-DD" style="width:100%"/>
            </a-form-model-item>
          </a-col>
        </a-row>

        <a-row :gutter="24">
          <a-col :span="customSpan">
            <a-form-model-item label="本次技术鉴定日期">
              <a-input placeholder="请输入关键设备标识" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="下次技术鉴定日期">
              <a-input placeholder="请输入统一编码" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
                <a-date-picker v-model="model.nextTechnologyCheck" value-format="YYYY-MM-DD" style="width:100%"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="customSpan">
            <a-form-model-item label="技术鉴定周期">
              <a-input placeholder="请输入设备名称" v-model="model.equipmentCode" :disabled="editable || disableSubmit"/>
                <a-date-picker v-model="model.technologyCheckPeriod" value-format="YYYY-MM-DD" style="width:100%"/>
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </a-spin>
      </a-tab-pane>

      <template v-if="disableSubmit">
        <a-tab-pane tab="设备文档" :key="2">
        </a-tab-pane>

        <a-tab-pane tab="点检工单" :key="3">
        </a-tab-pane>

        <a-tab-pane tab="二保工单" :key="4">
        </a-tab-pane>

        <a-tab-pane tab="三保工单" :key="5">
        </a-tab-pane>

        <a-tab-pane tab="维修工单" :key="6">
        </a-tab-pane>

        <a-tab-pane tab="保养标准" :key="7">
        </a-tab-pane>

        <a-tab-pane tab="工艺参数" :key="8">
        </a-tab-pane>

        <a-tab-pane tab="设备精度" :key="9">

        </a-tab-pane>
      </template>
    </a-tabs>
  </j-modal>
</template>

@@ -270,6 +308,11 @@

  export default {
    name: 'EamEquipmentModal',
    props: {
      treeDataAlias: {
        type: Array
      }
    },
    data() {
      return {
        title: '操作',
@@ -299,37 +342,27 @@
        confirmLoading: false,
        validatorRules: {
          equipmentCode: [
            { required: true, message: '请输入设备编码' },
            { required: true, message: '请输入统一编码', trigger: 'change' },
            { validator: (rule, value, callback) => validateDuplicateValueInDelFlag('eam_equipment', 'equipment_code', value, this.model.id, true, callback) }
          ],
          equipmentName: [
            { required: true, message: '请输入设备名称' }
            { required: true, message: '请输入设备名称', trigger: 'change' }
          ],
          factoryOrgCode: [
            { required: true, message: '请选择使用部门', trigger: 'change' }
          ],
          equipmentCategory: [
            { required: true, message: '请选择设备类别' }
            { required: true, message: '请选择设备所属分类', trigger: 'change' }
          ],
          leaveFactoryDate: [
            { required: true, message: '请选择出厂日期' }
          ],
          acceptanceCheckDate: [
            { required: false, message: '请选择验收日期' }
          ],
          orgId: [
            { required: true, message: '请选择使用车间' }
          ],
          equipmentManager: [
            { required: true, message: '请选择设备管理员' }
          ],
          deviceType: [
            { required: false, message: '请选择设备类型' }
          repairDepartOrgCode: [
            { required: true, message: '请选择维修班组', trigger: 'change' }
          ]
        },
        url: {
          add: '/eam/equipment/add',
          edit: '/eam/equipment/edit',
          loadProductionOptions: '/mdc/mdcProduction/loadProductionTreeOptions'
        },
        treeData: []
          getProductionTreeList: '/eam/BaseFactory/queryTreeList'
        }
      }
    },
    created() {
@@ -342,16 +375,27 @@
        this.model = {}
        this.visible = true
      },

      edit(record) {
        this.editable = true
        this.model = Object.assign({}, record)
        this.visible = true
      },
      close() {
        this.$emit('close')
        this.visible = false
        this.$refs.form.clearValidate()
      loadAllProductionTree() {
        //加载车间选择树
        getAction(this.url.getProductionTreeList)
          .then(res => {
            if (res.success) {
              this.productionTreeData = res.result
            } else {
              this.$notification.warning({
                message: '消息',
                description: res.message
              })
            }
          })
      },

      handleOk() {
        const that = this
        // 触发表单验证
@@ -369,11 +413,17 @@
            }
            httpAction(httpurl, this.model, method).then((res) => {
              if (res.success) {
                that.$message.success(res.message)
                that.$notification.success({
                  message: '消息',
                  description: res.message
                })
                that.$emit('ok')
                that.close()
              } else {
                that.$message.warning(res.message)
                that.$notification.warning({
                  message: '消息',
                  description: res.message
                })
              }
            }).finally(() => {
              that.confirmLoading = false
@@ -383,18 +433,15 @@
          }
        })
      },

      handleCancel() {
        this.close()
      },
      loadAllProductionTree() {
        //加载车间选择树
        getAction(this.url.loadProductionOptions).then(res => {
          if (res.success) {
            this.treeData = [...res.result]
          } else {
            that.$message.warning(res.message)
          }
        })

      close() {
        this.$emit('close')
        this.visible = false
        this.$refs.form.clearValidate()
      }
    }
  }