优化

2025-08-27 22:03:50 +08:00
parent 7d6c13e935
commit 27f95371c5
6 changed files with 137 additions and 33 deletions
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@ -6,6 +6,7 @@
          <svg-icon :icon-class="onlyOneChild.meta.icon || (item.meta && item.meta.icon)" />
          <template #title>
            <span class="menu-title" :title="hasTitle(onlyOneChild.meta.title)">{{ onlyOneChild.meta.title }}</span>
+            <span class="bage" v-if="onlyOneChild.meta?.title == '我的待办' && total > 0">{{ total }}</span>
          </template>
        </el-menu-item>
      </app-link>
@ -34,7 +35,11 @@ import { isExternal } from '@/utils/validate';
 import AppLink from './Link.vue';
 import { getNormalPath } from '@/utils/ruoyi';
 import { RouteRecordRaw } from 'vue-router';
-
+import { pageByTaskWait } from '@/api/workflow/task';
+import useUserStore from '@/store/modules/user';
+import useNoticeStore from '@/store/modules/notice';
+const userStore = useUserStore();
+const noticeStore = storeToRefs(useNoticeStore());
 const props = defineProps({
  item: {
    type: Object as PropType<RouteRecordRaw>,
@ -49,7 +54,21 @@ const props = defineProps({
    default: ''
  }
 });
+const total = ref(0);
+onMounted(() => {
+  if (onlyOneChild.value.meta?.title == '我的待办') {
+    getWaitingList();
+  }
+});
+// 获取我的待办
+//分页
+const getWaitingList = () => {
+  pageByTaskWait({ pageNum: 1, pageSize: 10 }).then((resp) => {
+    console.log(resp);

+    total.value = resp.total;
+  });
+};
 const onlyOneChild = ref<any>({});

 const hasOneShowingChild = (parent: RouteRecordRaw, children?: RouteRecordRaw[]) => {
@ -64,12 +83,12 @@ const hasOneShowingChild = (parent: RouteRecordRaw, children?: RouteRecordRaw[])
    return true;
  });

-  // When there is only one child router, the child router is displayed by default
+  // 只有一个子路由时默认显示子路由
  if (showingChildren.length === 1) {
    return true;
  }

-  // Show parent if there are no child router to display
+  // 没有子路由可显示时显示父路由
  if (showingChildren.length === 0) {
    onlyOneChild.value = { ...parent, path: '', noShowingChildren: true };
    return true;
@ -98,4 +117,48 @@ const hasTitle = (title: string | undefined): string => {
  }
  return title;
 };
+//用深度监听 消息
+watch(
+  () => noticeStore.state.value.notices,
+  (newVal) => {
+    if (onlyOneChild.value.meta?.title == '我的待办') {
+      // 延迟1秒
+      let time = setTimeout(() => {
+        getWaitingList();
+        clearTimeout(time);
+      }, 500);
+    }
+  },
+  { deep: true }
+);
 </script>
+
+<style lang="scss" scoped>
+.bage {
+  position: absolute;
+  top: 6px;
+  right: 36px;
+  padding: 0 6px;
+  height: 16px;
+  line-height: 16px;
+  background: #ff7a7a;
+  border-radius: 8px;
+  font-size: 12px;
+  color: #fff;
+  white-space: nowrap;
+  box-sizing: border-box;
+}
+
+.el-menu-item .el-menu-item__content {
+  position: relative;
+  padding-right: 24px;
+}
+
+.menu-title {
+  display: inline-block;
+  max-width: calc(100% - 24px);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+</style>
--- a/src/views/design/designChange/indexEdit.vue
+++ b/src/views/design/designChange/indexEdit.vue
@ -36,7 +36,7 @@
                </el-col>
                <el-col :span="12">
                  <el-form-item label="工程名称" prop="projectName">
-                    <el-input v-model="form.projectName" placeholder="请输入工程名称" /> </el-form-item
+                    <el-input v-model="form.projectName" disabled placeholder="请输入工程名称" /> </el-form-item
                ></el-col>
                <el-col :span="12">
                  <el-form-item label="原卷册号" prop="volumeNo">
@ -254,7 +254,7 @@ const initFormData = {
  id: undefined,
  projectId: currentProject.value?.id,
  formNo: undefined,
-  projectName: undefined,
+  projectName: currentProject.value?.name,
  submitUnit: undefined,
  specialty: undefined,
  specialtyName: undefined,
--- a/src/views/materials/materialsEquipment/materialIssue/index.vue
+++ b/src/views/materials/materialsEquipment/materialIssue/index.vue
@ -85,9 +85,10 @@
              <el-input v-model="form.projectName" placeholder="请输入工程名称" />
            </el-form-item>
          </el-col>
-          <el-col :span="12">
+          <el-col :span="24">
+            <!-- 设备材料名称：从数量验收列表自动生成，禁用手动输入 -->
            <el-form-item label="设备材料名称" prop="materialName">
-              <el-input v-model="form.materialName" placeholder="请输入设备材料名称" />
+              <el-input v-model="form.materialName" placeholder="由数量验收列表中的名称自动生成" disabled style="cursor: not-allowed" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
@ -130,7 +131,7 @@
                      :rules="[{ required: true, message: '名称不能为空', trigger: 'blur' }]"
                    >
                      <el-select v-model="item.name" placeholder="请选择名称" @change="(value) => getNameChange(value, index, item)">
-                        <el-option v-for="item in optionsName" :key="item.id" :label="item.materialsName" :value="item.id" />
+                        <el-option v-for="opt in optionsName" :key="opt.id" :label="opt.materialsName" :value="opt.materialsName" />
                      </el-select>
                    </el-form-item>
                  </el-col>
@ -200,7 +201,7 @@
                    </el-form-item>
                  </el-col>
                  <el-col :span="12">
-                    <el-form-item label="备注" prop="remark">
+                    <el-form-item label="备注" :prop="`itemList.${index}.remark`">
                      <el-input v-model="item.remark" placeholder="请输入内容" />
                    </el-form-item>
                  </el-col>
@ -304,7 +305,7 @@ const getInitFormData = () => {
    materialSource: '1',
    formCode: undefined,
    projectName: undefined,
-    materialName: undefined,
+    materialName: '', // 初始化为空字符串
    orderingUnit: undefined,
    supplierUnit: undefined,
    issueUnit: undefined,
@ -327,7 +328,7 @@ const getInitFormData = () => {
        stockQuantity: undefined,
        issuedQuantity: undefined,
        remainingQuantity: undefined,
-        name: undefined,
+        name: undefined, // 数量验收的名称
        remark: undefined,
        materialsId: undefined
      }
@ -355,7 +356,7 @@ const data = reactive({
  rules: {
    formCode: [{ required: true, message: '请输入表单编号', trigger: 'blur' }],
    projectName: [{ required: true, message: '请输入工程名称', trigger: 'blur' }],
-    materialName: [{ required: true, message: '请输入设备材料名称', trigger: 'blur' }],
+    materialName: [{ required: true, message: '请先在数量验收列表中选择名称', trigger: 'blur' }], // 确保有名称生成
    orderingUnit: [{ required: true, message: '请输入订货单位', trigger: 'blur' }],
    supplierUnit: [{ required: true, message: '请输入供货单位', trigger: 'blur' }],
    issueUnit: [{ required: true, message: '请输入领料单位', trigger: 'blur' }],
@ -364,6 +365,24 @@ const data = reactive({
 });

 const { queryParams, form, rules } = toRefs(data);
+const optionsName: any = ref([]);
+
+/**
+ * 核心函数：从数量验收列表提取名称，用逗号拼接生成设备材料名称
+ */
+const computeMaterialName = () => {
+  if (!form.value.itemList || form.value.itemList.length === 0) {
+    form.value.materialName = '';
+    return;
+  }
+  // 过滤空名称，去重（可选，根据业务需求决定是否去重）
+  const validNames = form.value.itemList
+    .filter((item) => item.name && item.name.trim() !== '')
+    .map((item) => item.name.trim())
+    .filter((name, index, self) => self.indexOf(name) === index); // 去重（如需保留重复则删除这行）
+
+  form.value.materialName = validNames.join(',');
+};

 /** 查询物料领料单列表 */
 const getList = async () => {
@ -377,8 +396,6 @@ const getList = async () => {
  }
 };

-const optionsName: any = ref([]);
-
 // 获取材料名称列表
 const getName = async () => {
  try {
@ -391,17 +408,16 @@ const getName = async () => {
  }
 };

-// 材料名称选择变化处理
+// 材料名称选择变化处理（修改select的value为名称，而非ID）
 const getNameChange = (value, index, item) => {
-  const data = optionsName.value.find((item) => item.id == value);
-  if (data) {
-    form.value.itemList[index].name = data.materialsName;
-    form.value.itemList[index].materialsId = data.id;
-    form.value.itemList[index].specification = data.typeSpecificationName;
-    form.value.itemList[index].unit = data.weightId;
-    form.value.itemList[index].stockQuantity = data.inventoryNumber;
-    // 触发剩余数量计算
-    calculateRemaining(index);
+  const selected = optionsName.value.find((opt) => opt.materialsName === value);
+  if (selected) {
+    item.name = selected.materialsName; // 直接赋值名称
+    item.materialsId = selected.id; // 保留ID用于后端
+    item.specification = selected.typeSpecificationName;
+    item.unit = selected.weightId;
+    item.stockQuantity = Number(selected.inventoryNumber) || 0;
+    calculateRemaining(index); // 计算剩余数量
  }
 };

@ -477,6 +493,8 @@ const reset = () => {
  if (form.value.itemList.length > 0) {
    watchItemChanges(0);
  }
+  // 初始计算一次材料名称
+  computeMaterialName();
 };

 /** 监听条目变化，自动计算剩余数量 */
@ -522,6 +540,8 @@ const handleAdd = () => {
  reset();
  dialog.visible = true;
  dialog.title = '添加物料领料单';
+  // 新增时初始计算材料名称
+  computeMaterialName();
 };

 /** 修改按钮操作 */
@ -532,33 +552,41 @@ const handleUpdate = async (row?: MaterialIssueVO) => {
    const res = await getMaterialIssue(_id);
    Object.assign(form.value, res.data);

-    // 确保itemList存在
+    // 确保itemList存在且格式正确
    if (!form.value.itemList) {
      form.value.itemList = [];
    }

-    // 转换数据类型并计算剩余数量（关键修复）
+    // 转换数据类型并计算剩余数量
    form.value.itemList = form.value.itemList.map((item) => ({
      ...item,
      stockQuantity: Number(item.stockQuantity) || 0,
      issuedQuantity: Number(item.issuedQuantity) || 0,
-      remainingQuantity: Number(item.remainingQuantity) || 0
+      remainingQuantity: Number(item.remainingQuantity) || 0,
+      name: item.name || '' // 确保名称不为undefined
    }));

    // 为每个条目添加监听并强制计算剩余数量
    form.value.itemList.forEach((_, index) => {
      watchItemChanges(index);
-      calculateRemaining(index); // 强制计算确保数据一致性
+      calculateRemaining(index);
    });
-    // 手动触发一次验证（关键修复）
+
+    // 关键：编辑时从itemList重新计算设备材料名称（覆盖后端返回的旧值）
+    computeMaterialName();
+
+    // 手动触发一次验证
    setTimeout(() => {
      if (materialIssueFormRef.value) {
        form.value.itemList.forEach((_, index) => {
          materialIssueFormRef.value.validateField(`itemList.${index}.issuedQuantity`);
          materialIssueFormRef.value.validateField(`itemList.${index}.remainingQuantity`);
        });
+        // 验证设备材料名称
+        materialIssueFormRef.value.validateField('materialName');
      }
    }, 0);
+
    dialog.visible = true;
    dialog.title = '修改物料领料单';
  } catch (error) {
@ -616,6 +644,8 @@ const addItem = () => {
  form.value.itemList.push(newItem);
  // 监听新条目
  watchItemChanges(form.value.itemList.length - 1);
+  // 添加后重新计算材料名称
+  computeMaterialName();
 };

 // 删除数量验收条目
@ -627,6 +657,8 @@ const removeItem = (index: number) => {
    }
    form.value.itemList.splice(index, 1);
    itemWatchStopFns.value.splice(index, 1);
+    // 删除后重新计算材料名称
+    computeMaterialName();
  } else {
    proxy?.$modal.msgWarning('至少需要保留一条数量验收记录');
  }
@ -652,6 +684,15 @@ const handleView = (row) => {
  wordllssueRef.value?.openDialog(row);
 };

+// 关键：监听数量验收列表变化，实时更新设备材料名称
+watch(
+  () => form.value.itemList,
+  () => {
+    computeMaterialName();
+  },
+  { deep: true, immediate: true } // deep监听数组内部变化，immediate初始执行
+);
+
 onMounted(() => {
  getList();
  getName();
--- a/src/views/workflows/task/taskWaiting.vue
+++ b/src/views/workflows/task/taskWaiting.vue
@ -4,11 +4,11 @@
      <div v-show="showSearch" class="mb-[10px]">
        <el-card shadow="hover">
          <el-form v-show="showSearch" ref="queryFormRef" :model="queryParams" :inline="true">
-            <el-form-item>
+            <!-- <el-form-item>
              <el-badge :value="userSelectCount" :max="10" class="item">
                <el-button type="primary" @click="openUserSelect">选择申请人</el-button>
              </el-badge>
-            </el-form-item>
+            </el-form-item> -->
            <el-form-item label="任务名称" prop="nodeName">
              <el-input v-model="queryParams.nodeName" placeholder="请输入任务名称" @keyup.enter="handleQuery" />
            </el-form-item>