feat: 综合业务模块页面重构与交互完善

hsy

17 小时以前 2d3530a7c11557a40807ad7c0b9e302ce6ce3a9f

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

@@ -32,6 +32,12 @@
          disabled
        />
      </el-form-item>
      <el-form-item label="保养项目">
        <el-input
            v-model="form.machineryCategory"
            placeholder="请输入保养项目"
        />
      </el-form-item>
      <el-form-item label="录入人">
        <el-select
          v-model="form.createUser"
@@ -51,10 +57,38 @@
      </el-form-item>
      <el-form-item v-if="id" label="保修状态">
        <el-select v-model="form.status">
          <el-option label="待保修" :value="0"></el-option>
          <el-option label="待保养" :value="0"></el-option>
          <el-option label="完结" :value="1"></el-option>
          <el-option label="失败" :value="2"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="保养类型" prop="maintenanceType">
        <el-select v-model="form.maintenanceType" placeholder="请选择保养类型" clearable>
          <el-option label="日常使用" value="1"/>
          <el-option label="定期保养" value="2"/>
        </el-select>
      </el-form-item>
      <el-form-item label="执行人" prop="executorId">
        <el-select
          v-model="form.executorId"
          filterable
          placeholder="请选择执行人"
          clearable
        >
          <el-option
            v-for="item in userList"
            :label="item.nickName"
            :value="item.userId"
            :key="item.userId"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="保养人">
        <el-input
          v-model="form.maintenancePerson"
          placeholder="请输入保养人姓名"
          clearable
        />
      </el-form-item>
      <el-form-item label="计划保养日期">
        <el-date-picker
@@ -67,6 +101,13 @@
          clearable
        />
      </el-form-item>
      <el-row :gutter="30">
        <el-col :span="24">
          <el-form-item label="附件" prop="attachmentIds">
            <FileUpload v-model:file-list="form.storageBlobDTOs" />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </FormDialog>
</template>
@@ -84,6 +125,7 @@
import { onMounted } from "vue";
import dayjs from "dayjs";
import { userListNoPage } from "@/api/system/user.js";
import FileUpload from "@/components/AttachmentUpload/file/index.vue";

defineOptions({
  name: "设备保养新增计划",
@@ -108,6 +150,11 @@
  maintenancePlanTime: undefined, // 计划保养日期
  createUser: undefined, // 录入人
  status: 0, //保修状态
  machineryCategory: undefined,
  storageBlobDTOs: [],
  maintenancePerson: undefined, // 保养人
  maintenanceType: undefined,
  executorId: undefined
});

const setDeviceModel = (deviceId) => {
@@ -125,9 +172,16 @@
  form.deviceModel = data.deviceModel;
  form.createUser = Number(data.createUser);
  form.status = data.status;
  form.maintenancePlanTime = dayjs(data.maintenancePlanTime).format(
    "YYYY-MM-DD HH:mm:ss"
  );
  form.machineryCategory = data.machineryCategory;
  form.maintenancePerson = data.maintenancePerson;
  form.maintenanceType = data.maintenanceType;
  form.executorId = data.executorId;
  if (data.maintenancePlanTime) {
    form.maintenancePlanTime = dayjs(data.maintenancePlanTime).format(
      "YYYY-MM-DD HH:mm:ss"
    );
  }
  form.storageBlobDTOs = data.storageBlobVOs || [];
};

// 用户列表