文号修改

src/layout/components/TabMenu/src/TabMenu2.vue

@@ -2,9 +2,8 @@
 import { usePermissionStore } from '@/store/modules/permission'
 import { useAppStore } from '@/store/modules/app'
 
-import { ElScrollbar } from 'element-plus'
+import { ElScrollbar, ElMenu, ElMenuItem } from 'element-plus'
 import { Icon } from '@/components/Icon'
-import { Menu } from '@/layout/components/Menu'
 import { pathResolve } from '@/utils/routerHelper'
 import { cloneDeep } from 'lodash-es'
 import { filterMenusPath, initTabMap, tabPathMap } from './helper'
@@ -34,10 +33,6 @@ export default defineComponent({
 
     const tabRouters = computed(() => unref(routers).filter((v) => !v?.meta?.hidden))
 
-    const setCollapse = () => {
-      appStore.setCollapse(!unref(collapse))
-    }
-
     onMounted(() => {
       if (unref(fixedMenu)) {
         const path = `/${unref(currentRoute).path.split('/')[1]}`
@@ -57,9 +52,30 @@ export default defineComponent({
           )
         }
       }
+      window.addEventListener('resize', setVisibleNumber);
+      setVisibleNumber()
       appStore.setCollapse(true)
     })
 
+    // 可渲染菜单的数量
+    const visibleNumber = ref(0);
+
+    // 获取可渲染数量
+    const setVisibleNumber = () => {
+      const width = document.body.getBoundingClientRect().width-600;
+      visibleNumber.value = Math.floor(width / 110);
+    }
+
+    // 组件的生命周期钩子
+    onUnmounted(() => {
+      window.removeEventListener('resize', setVisibleNumber);
+    });
+
+    // 使用计算属性来过滤符合条件的路由
+    const filteredRoutes = computed(() => {
+      return unref(tabRouters).filter((_, index) => index >= unref(visibleNumber));
+    });
+
     watch(
       () => routers.value,
       (routers: AppRouteRecordRaw[]) => {
@@ -152,9 +168,10 @@ export default defineComponent({
         onMouseleave={mouseleave}
       >
         <ElScrollbar class="!h-[calc(100%-var(--tab-menu-collapse-height)-1px)]">
+          <div class="flex flex-row">
             <div class="flex flex-row">
               {() => {
-              return unref(tabRouters).map((v) => {
+                return unref(tabRouters).map((v, index) => {
                   const item = (
                     v.meta?.alwaysShow || (v?.children?.length && v?.children?.length > 1)
                       ? v
@@ -163,7 +180,7 @@ export default defineComponent({
                         path: pathResolve(v.path, (v?.children && v?.children[0])?.path as string)
                       }
                   ) as AppRouteRecordRaw
-                return (
+                  return (index < unref(visibleNumber) &&
                     <div
                       class={[
                         `${prefixCls}__item`,
@@ -176,7 +193,7 @@ export default defineComponent({
                       }}
                     >
                       <div class="flex items-center justify-center">
-                      <Icon class="mb-1px icon-class"
+                        <Icon class="mb-1px"
                               icon={item?.meta?.icon}
                         />
                         <p class="mr-3px mt-13px break-words px-2px "
@@ -191,13 +208,43 @@ export default defineComponent({
                 })
               }}
             </div>
+            <div class="flex flex-row">
+              {filteredRoutes.value.length > 0 && (
+                <ElMenu
+                  mode="horizontal"
+                  style={['height: 48px']}
+                  backgroundColor="var(--top-header-bg-color)"
+                  textColor="var(--top-header-text-color)"
+                >
+                  {() => {
+                    return unref(tabRouters).map((v, index) => {
+                      const item = (
+                        v.meta?.alwaysShow || (v?.children?.length && v?.children?.length > 1)
+                          ? v
+                          : {
+                            ...(v?.children && v?.children[0]),
+                            path: pathResolve(v.path, (v?.children && v?.children[0])?.path as string)
+                          }
+                      ) as AppRouteRecordRaw
+                      return (index >= unref(visibleNumber) &&
+                        <ElMenuItem
+                          index={`menu-item-${index}`}
+                          onClick={() => tabClick(item)}
+                        >
+                          {t(item.meta?.title)}
+                        </ElMenuItem>
+                      )
+                    })
+                  }}
+                </ElMenu>
+              )}
+            </div>
+          </div>
         </ElScrollbar>
       </div>
     )
   }
 })
-// {!unref(showTitle) ? undefined : (
-// )}
 </script>
 
 <style lang="scss" scoped>

src/views/OA/fwgl/fwsq/FwglDetail.vue

@@ -196,7 +196,19 @@ const updateForm = async () => {
     // formLoading.value = false
   }
 }
-defineExpose({updateForm})
+const message = useMessage() // 消息弹窗
+const updateNumber = async (date) => {
+  const numberDate = await FwglApi.getFwgl(date.id)
+  const data = numberDate as unknown as FwglVO
+  if (!data.fwglBh) {
+    data.fwglBh = date.value
+    await FwglApi.updateFwgl(data)
+    message.success("操作成功")
+  } else {
+    message.error("文号已存在")
+  }
+}
+defineExpose({updateForm,updateNumber})
 
 const itemControl = async () => {
   // console.log(userId,"userId")

src/views/OA/fwgl/fwsq/FwglForm.vue

@@ -84,7 +84,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="发文文号" prop="fwglBh">
-            <el-input v-model="formData.fwglBh" placeholder="请输入发文文号" />
+            <el-input v-model="formData.fwglBh" placeholder="审批中分配" disabled/>
           </el-form-item>
         </el-col>
       </el-row>

src/views/bpm/processInstance/detail/ProcessInstanceOperationButton.vue

@@ -853,15 +853,9 @@ const getNumberByType = async ()=> {
   if (data.total == 0) {
     return;
   }
-  //判断条数,如果只有一条就和流水号一样直接处理
-  if (data.total == 1 ) {
-    listNumbers.value = data.list[0]
-    await changeNumbers();
-  } else {
   // 两条以上数据,给用户挑选,然后处理
   ListNumber.value = data.list;
 }
-}
 
 // 获取旧数据后对比数据后更新
 const changeNumbers = async ()=> {