agilebuilder-ui 1.0.621 → 1.0.962

package/src/views/layout/components/Menubar/Item.vue

@@ -1,6 +1,7 @@
 <script lang="jsx">
 import { defineComponent, h } from 'vue'
 import SvgIcon from '../../../svg-icon/src/svg-icon.vue'
+import {ElBadge} from 'element-plus'
 export default defineComponent ({
 	name: 'MenuItem',
 	functional: true,
@@ -20,11 +21,19 @@ export default defineComponent ({
 		isRoot: {
 			type: Boolean,
 			default: false
-		}
+		},
+			code: {
+					type: Boolean,
+					default: false
+			},
+			backlogTotal: {
+					type: Number,
+					default: 0
+			}
 	},
 	render(props) {
-		const { title, hasChildren, isRoot } = props
-		let icon = props.icon
+		const { title, hasChildren, isRoot,code, backlogTotal } = props
+			let icon = props.icon
 		const vnodes = []
 		if (icon) {
 			if (icon.indexOf('fa-') === 0) {
@@ -51,7 +60,7 @@ export default defineComponent ({
 			}
 			if (isRoot) {
 				// 是否是根目录，没有子菜单时
-				vnodes.push(h('div', {style:{display:'inline-block'}},
+				vnodes.push(h('div', {style:{display:'inline-block',}},
 						[h('div',{
 							title:title,
 							style:{display:'inline-block',width:width,overflow:'hidden','text-overflow':'ellipsis','white-space':'nowrap','word-break':'keep-all'}
@@ -60,6 +69,20 @@ export default defineComponent ({
 				// vnodes.push(<div style='display: inline-block'>
 				//   <div title={title} style={'display: inline-block;width:' + width + ';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;'}>{(title)}</div>
 				// </div>)
+			}else if (code === 'undoneTask') {
+					// 有子菜单时
+					vnodes.push(h('div', {style:{display:'inline-block'}},
+							[h('div',{
+									title:title,
+									style:{display:'inline-block',width:width,overflow:'hidden','text-overflow':'ellipsis','white-space':'nowrap','word-break':'keep-all'}
+							}, [h(ElBadge,{value:backlogTotal,style:{display:'inline'}},title)])])
+					)
+					// vnodes.push(<div slot='title' style='display: inline-block'>
+					// 		<div title={title} style={'display: inline-block;width:' + width + ';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;'}>
+					// 				{(title)}
+					// 				<el-badge value={backlogTotal}></el-badge>
+					// 		</div>
+					// </div>)
 			} else {
 				// 有子菜单时
 				vnodes.push(h('div', {style:{display:'inline-block'}},

package/src/views/layout/components/Menubar/SidebarItem.vue

@@ -34,7 +34,7 @@
         />
         <app-link :key="child.code" v-else :to="toPath(child)" @click="clickMenu(toPath(child))">
           <el-menu-item :index="child.code + '~~' + child.i18nValue">
-            <item :icon="child.iconName" :title="getI18nName(child)" />
+            <item :backlog-total="backlogTotal" :code="child.code" :icon="child.iconName" :title="getI18nName(child)" />
           </el-menu-item>
         </app-link>
       </template>
@@ -46,7 +46,7 @@
 import Item from "./Item.vue";
 import AppLink from "./Link.vue";
 import * as Vue from "vue";
-import { getI18nName } from "agilebuilder-ui/src/utils/menu";
+import { getI18nName } from "../../../../utils/menu";
 import tabJs from "../../../../api/tab";
 import { getSystemCode } from "../../../../utils/permissionAuth";
 import authApi from "../../../../utils/auth-api";
@@ -67,7 +67,11 @@ export default {
     basePath: {
       type: String,
       default: "",
-    }
+    },
+				backlogTotal: {
+						type: Number,
+						default: 0
+				}
   },
   data() {
    let frontendUrlKey = '_PLAT_FORM_FRONTEND_URL'

package/src/views/layout/components/Menubar/index.vue

@@ -18,7 +18,7 @@
 				>
 					{{ systemName }}
 				</el-menu-item>
-				<sidebar-item v-for="menu in menus" :key="menu.code" :item="menu"/>
+				<sidebar-item v-for="menu in menus" :backlog-total="backlogTotal" :key="menu.code" :item="menu"/>
 			</el-menu>
 		</el-scrollbar>
 		<hamburger
@@ -73,7 +73,8 @@ export default {
 			defaultActive: '',
 			menus,
 			isSelectFirst,
-			isDevp
+			isDevp,
+			backlogTotal: 0
 		}
 	},
 	computed: {
@@ -98,6 +99,12 @@ export default {
 	},
 	created() {
 		this.firstLeafMenu = this.getFirstMenu(this.menus)
+			console.log('ffff',this.firstLeafMenu)
+			if (this.firstLeafMenu.name === '待办事宜'){
+					window.$vueApp.config.globalProperties.$http.get(window.$vueApp.config.globalProperties.baseAPI + '/task/tasks/to-do-task-nums').then(res => {
+							this.backlogTotal = res.undoneTaskCount
+					})
+			}
 		if (this.firstLeafMenu) {
 			// Breadcrumb组件需要使用window.$vueApp.config.globalProperties._selectMenu的值，格式为：fullPath~~title
 			this.defaultActive =
@@ -246,3 +253,8 @@ export default {
 	},
 }
 </script>
+<style>
+.aa{
+		background-color: red;
+}
+</style>

package/src/views/layout/tab-content-index.vue

@@ -21,7 +21,7 @@
 <script>
 import {Breadcrumb, Menubar} from './components'
 import ResizeMixin from './mixin/ResizeHandler'
-import {isShowMenuRoute} from 'agilebuilder-ui/src/utils/common-util'
+import {isShowMenuRoute} from '../../utils/common-util'
 import TabContent from './components/tabs/tab-content.vue'
 
 export default {