fix: 维修人改为可输入和下拉

gongchunyi

8 天以前 25372b64f4ac756bd44cc730af87b1c46e6b9f77

 src/views/equipmentManagement/repair/Modal/MaintainModal.vue

@@ -10,10 +10,19 @@
  >
    <el-form ref="formRef" :model="form" :rules="rules" label-width="90px">
      <el-form-item label="维修人" prop="maintenanceName">
        <el-input v-model="form.maintenanceName" disabled placeholder="报修时指定的维修人" />
        <el-input
          v-model="form.maintenanceName"
          :placeholder="isEditableMaintenanceName ? '请输入维修人姓名' : '报修时指定的维修人'"
          :disabled="!isEditableMaintenanceName"
        />
      </el-form-item>
      <el-form-item label="维修结果" prop="maintenanceResult">
        <el-input v-model="form.maintenanceResult" placeholder="请输入维修结果" />
        <el-input
          v-model="form.maintenanceResult"
          type="textarea"
          :autosize="{ minRows: 2, maxRows: 6 }"
          placeholder="请输入维修结果"
        />
      </el-form-item>
      <el-form-item label="维修状态" prop="status">
        <el-select v-model="form.status" style="width: 100%">
@@ -57,11 +66,13 @@
</template>

<script setup>
import { computed } from "vue";
import FormDialog from "@/components/Dialog/FormDialog.vue";
import { addMaintain, uploadRepairFile } from "@/api/equipmentManagement/repair";
import { REPAIR_FILE_TYPE_MAINTAIN } from "@/api/equipmentManagement/repairFileType.js";
import useFormData from "@/hooks/useFormData";
import useUserStore from "@/store/modules/user";
import { userListNoPage } from "@/api/system/user.js";
import dayjs from "dayjs";
import { ElMessage } from "element-plus";
import { UploadFilled } from "@element-plus/icons-vue";
@@ -80,6 +91,23 @@
const ATTACH_MAX_MB = 50;

const userStore = useUserStore();
const systemUserNames = ref([]);

const isSystemUser = (name) => {
  return systemUserNames.value.includes(name);
};

//  维修人是否可编辑：外部人员时可以编辑修改
const isEditableMaintenanceName = computed(() => {
  const name = form.maintenanceName;
  if (!name) return false;
  return !isSystemUser(name);
});

const loadSystemUsers = async () => {
  const res = await userListNoPage();
  systemUserNames.value = (res?.data || []).map((u) => u.nickName);
};

const rules = {
  maintenanceName: [{ required: true, message: "请选择维修人", trigger: "change" }],
@@ -141,7 +169,9 @@
const sendForm = async () => {
  const valid = await formRef.value?.validate().catch(() => false);
  if (!valid) return;
  if (form.maintenanceName !== userStore.nickName) {
  const maintenanceName = form.maintenanceName;
  // 如果维修人是系统用户且非当前用户，禁止提交
  if (isSystemUser(maintenanceName) && maintenanceName !== userStore.nickName) {
    ElMessage.warning("仅指定的维修人可进行维修");
    return;
  }
@@ -183,8 +213,11 @@
  clearAttachmentQueue();
  visible.value = true;
  await nextTick();
  await loadSystemUsers();
  setForm(row);
  if (row?.maintenanceName && row.maintenanceName !== userStore.nickName) {
  const maintenanceName = row?.maintenanceName;
  // 如果维修人是系统用户且非当前用户，禁止操作
  if (isSystemUser(maintenanceName) && maintenanceName !== userStore.nickName) {
    ElMessage.warning("仅指定的维修人可进行维修");
    visible.value = false;
  }