新增设备维修保养过程描述,上传对应附件

chenhj

4 天以前 2fc58fbb10745abd97168b8da21d4142e11d7f2e

 src/views/equipmentManagement/repair/Form/RepairForm.vue

@@ -5,10 +5,10 @@
        <el-form-item label="设备名称">
          <el-select v-model="form.deviceLedgerId" @change="setDeviceModel">
            <el-option
              v-for="(item, index) in deviceOptions"
              :key="index"
              :label="item.deviceName"
              :value="item.id"
                v-for="(item, index) in deviceOptions"
                :key="index"
                :label="item.deviceName"
                :value="item.id"
            ></el-option>
          </el-select>
        </el-form-item>
@@ -16,38 +16,53 @@
      <el-col :span="12">
        <el-form-item label="规格型号">
          <el-input
            v-model="form.deviceModel"
            placeholder="请输入规格型号"
            disabled
              v-model="form.deviceModel"
              placeholder="请输入规格型号"
              disabled
          />
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="报修日期">
          <el-date-picker
            v-model="form.repairTime"
            placeholder="请选择报修日期"
            format="YYYY-MM-DD"
            value-format="YYYY-MM-DD"
            type="date"
            clearable
            style="width: 100%"
              v-model="form.repairTime"
              placeholder="请选择报修日期"
              format="YYYY-MM-DD"
              value-format="YYYY-MM-DD"
              type="date"
              clearable
              style="width: 100%"
          />
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="报修人">
          <el-input v-model="form.repairName" placeholder="请输入报修人" />
          <el-input v-model="form.repairName" placeholder="请输入报修人"/>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="故障现象">
          <el-input
            v-model="form.remark"
            :rows="2"
            type="textarea"
            placeholder="请输入故障现象"
              v-model="form.remark"
              :rows="2"
              type="textarea"
              placeholder="请输入故障现象"
          />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="过程描述">
          <el-input
              v-model="form.maintenanceProcessDesc"
              :rows="2"
              type="textarea"
              placeholder="请输入过程描述"
          />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="附件">
          <image-upload v-model:value="form.files" :type="4"/>
        </el-form-item>
      </el-col>
    </el-row>
@@ -56,8 +71,9 @@

<script setup>
import useFormData from "@/hooks/useFormData";
import { getDeviceLedger } from "@/api/equipmentManagement/ledger";
import {getDeviceLedger} from "@/api/equipmentManagement/ledger";
import useUserStore from "@/store/modules/user";
import ImageUpload from "@/components/ImageUpload/ImageUpload.vue";

defineOptions({
  name: "设备报修表单",
@@ -67,17 +83,19 @@
const deviceOptions = ref([]);

const loadDeviceName = async () => {
  const { data } = await getDeviceLedger();
  const {data} = await getDeviceLedger();
  deviceOptions.value = data;
};

const { form, resetForm } = useFormData({
const {form, resetForm} = useFormData({
  deviceLedgerId: undefined, // 设备Id
  deviceName: undefined, // 设备名称
  deviceModel: undefined, // 规格型号
  repairTime: undefined, // 报修日期
  repairName: userStore.nickName, // 报修人
  remark: undefined, // 故障现象
  maintenanceProcessDesc: undefined,
  files: []
});

const setDeviceModel = (id) => {
@@ -96,6 +114,8 @@
  form.repairTime = data.repairTime;
  form.repairName = data.repairName;
  form.remark = data.remark;
  form.maintenanceProcessDesc = data.maintenanceProcessDesc;
  form.files = data.files;
};

// onMounted(() => {