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

chenhj

6 天以前 2fc58fbb10745abd97168b8da21d4142e11d7f2e

 src/views/equipmentManagement/upkeep/Form/PlanForm.vue

@@ -5,6 +5,9 @@
        v-model="form.deviceLedgerId"
        @change="setDeviceModel"
        placeholder="请选择设备"
        filterable
        default-first-option
        :reserve-keyword="false"
      >
        <el-option
          v-for="(item, index) in deviceOptions"
@@ -32,6 +35,17 @@
        clearable
      />
    </el-form-item>
    <el-form-item label="过程描述">
      <el-input
          v-model="form.maintenanceProcessDesc"
          :rows="2"
          type="textarea"
          placeholder="请输入过程描述"
      />
    </el-form-item>
    <el-form-item label="附件">
      <image-upload v-model:value="form.files" :type="5"/>
    </el-form-item>
  </el-form>
</template>

@@ -39,6 +53,8 @@
import useFormData from "@/hooks/useFormData";
import { getDeviceLedger } from "@/api/equipmentManagement/ledger";
import { onMounted } from "vue";
import dayjs from "dayjs";
import ImageUpload from "@/components/ImageUpload/ImageUpload.vue";

defineOptions({
  name: "计划表单",
@@ -55,6 +71,8 @@
  deviceName: undefined, // 设备名称
  deviceModel: undefined, // 规格型号
  maintenancePlanTime: undefined, // 计划保养日期
  maintenanceProcessDesc: undefined,
  files: [],
});

const setDeviceModel = (id) => {
@@ -74,6 +92,8 @@
  form.deviceLedgerId = data.deviceLedgerId;
  form.deviceName = data.deviceName;
  form.deviceModel = data.deviceModel;
  form.maintenanceProcessDesc = data.maintenanceProcessDesc;
  form.files = data.files;
  form.maintenancePlanTime = dayjs(data.maintenancePlanTime).format(
    "YYYY-MM-DD HH:mm:ss"
  );