@ -1,53 +1,68 @@
< template >
< nav class = "site-navbar" : class = "'site-navbar--' + navbarLayoutType" >
< div class = "site-navbar__header" >
<!-- @ click = "$router.push({ name: 'home' })" -- >
< h1 class = "site-navbar__brand" >
<!-- @ click = "$router.push({ name: 'home' })" -- >
< h1 class = "site-navbar__brand" >
< el -menu
class = "site-navbar__menu"
mode = "horizontal" >
< el -menu -item class = "site-navbar__switch" index = "0" @ click = "sidebarFold = !sidebarFold" >
< icon -svg name = "zhedie" > < / i c o n - s v g >
< icon -svg name = "zhedie" > < / i c o n - s v g >
< / e l - m e n u - i t e m >
< / e l - m e n u >
< a class = "site-navbar__brand-lg" href = "javascript:;" > { { pageLanguage . XjSysManage } } < / a >
< a class = "site-navbar__brand-lg" href = "javascript:;" > { { pageLanguage . XjSysManage } } < / a >
< a class = "site-navbar__brand-mini" href = "javascript:;" > { { pageLanguage . abbreviation } } < / a >
< / h1 >
< / div >
< div class = "site-navbar__body clearfix" >
< el -menu
class = "site-navbar__menu site-navbar__menu--right"
mode = "horizontal" >
< el -menu -item class = "site-navbar__avatar" index = "1" >
< el -menu -item v-if ="isAuth('review:show')" class="site-navbar__avatar" index="1" >
< span class = "el-dropdown-link" >
< router -link : to = "{path:'purchaseorder-procurementReview',query:{'': ''}}" >
工具待审核
< / r o u t e r - l i n k >
< el -badge isAuth :value ="pending.pendingReview" class = "item" style = "margin-top: 10px" / >
< / span >
< / e l - m e n u - i t e m >
< el -menu -item class = "site-navbar__avatar" index = "2" >
< span style = " color: #909399;" @click ="helpFileList()" >
帮助
<!-- < icon -svg name = "help" style = "width: 25px;height: 25px;margin-top: 5px" > < / i c o n - s v g > - - >
<!-- < icon -svg name = "help" style = "width: 25px;height: 25px;margin-top: 5px" > < / i c o n - s v g > - - >
< / span >
< / e l - m e n u - i t e m >
< el -submenu index = "2" >
< el -submenu index = "3 " >
< template slot = "title" > { { pageLanguage . setting } } < / template >
< el -submenu index = "2-1" >
< el -submenu index = "2-1" >
< template slot = "title" > { { pageLanguage . languageSetting } } < / template >
< el -menu -item index = "2-1-1" :key ="index" :value ="item.languageCode" v-for ="(item,index) in languageList " @click.native="switch_the_language(item.languageCode)" > {{ item.languageName }} < / el -menu -item >
< el -menu -item index = "2-1-1" :key ="index" :value ="item.languageCode" v -for = " ( item , index ) in languageList "
@ click . native = "switch_the_language(item.languageCode)" > { { item . languageName } }
< / e l - m e n u - i t e m >
< / e l - s u b m e n u >
< el -submenu index = "2-2" >
< template slot = "title" > { { pageLanguage . userSetting } } < / template >
< el -menu -item index = "2-2-1" @click.native ="updatePasswordHandle()" > { { pageLanguage . updatePassword } } < / e l - m e n u - i t e m >
< el -menu -item index = "2-2-2" @click.native ="updateLanguageHandle()" > { { pageLanguage . updateDefaultLanguage } } < / e l - m e n u - i t e m >
< el -menu -item index = "2-2-1" @click.native ="updatePasswordHandle()" > { { pageLanguage . updatePassword } }
< / e l - m e n u - i t e m >
< el -menu -item index = "2-2-2" @click.native ="updateLanguageHandle()" > { { pageLanguage . updateDefaultLanguage } }
< / e l - m e n u - i t e m >
< / e l - s u b m e n u >
< el -menu -item index = "2-3" @ click = "$router.push({ name: 'theme' })" > { { pageLanguage . cssSetting } } < / e l - m e n u - i t e m >
< el -menu -item index = "2-3" @ click = "$router.push({ name: 'theme' })" > { { pageLanguage . cssSetting } }
< / e l - m e n u - i t e m >
< el -menu -item index = "2-4" @click ="printList()" > {{ pageLanguage.printSetting }} < / el -menu -item >
< / e l - s u b m e n u >
< el -menu -item class = "site-navbar__avatar" index = "3 " >
< el -dropdown :show-timeout ="0" placement = "bottom" >
< el -menu -item class = "site-navbar__avatar" index = "4 " >
< el -dropdown :show-timeout ="0" placement = "bottom" >
< span class = "el-dropdown-link" >
< img src = "~@/assets/img/avatar.png" :alt ="userName" > { { userName } }
< / span >
< el -dropdown -menu slot = "dropdown" >
< el -dropdown -item @click.native ="logoutHandle()" > 退出 < / e l - d r o p d o w n - i t e m >
< / e l - d r o p d o w n - m e n u >
< / e l - d r o p d o w n >
< el -dropdown -menu slot = "dropdown" >
< el -dropdown -item @click.native ="logoutHandle()" > 退出 < / e l - d r o p d o w n - i t e m >
< / e l - d r o p d o w n - m e n u >
< / e l - d r o p d o w n >
< / e l - m e n u - i t e m >
< / e l - m e n u >
@ -57,7 +72,7 @@
<!-- 弹窗 , 修改默认语言 -- >
< update -language v-if ="updateLanguageVisible" ref="updateLanguage" > < / update -language >
<!-- 文件列表 -- >
< FileListView ref = "fileListView" v-if ="helpFileVisible" > < / FileListView >
< FileListView ref = "fileListView" v-if ="helpFileVisible" > < / FileListView >
<!-- 打印机列表 -- >
< UserPrintList ref = "userPrintList" v-if ="printListVisible" > < / UserPrintList >
< / nav >
@ -74,13 +89,19 @@
saveButtonList ,
searchSysLanguage ,
} from "@/api/sysLanguage.js"
import {
getReviewToolCount
} from '@/api/purchaseorder/procurementReview.js'
export default {
data ( ) {
return {
updatePassowrdVisible : false ,
updateLanguageVisible : false ,
helpFileVisible : false ,
printListVisible : false ,
helpFileVisible : false ,
printListVisible : false ,
message : this . $t ( 'language.name' ) ,
languageList : [ ] ,
pageLanguage : {
@ -167,9 +188,26 @@
tableId : "systemInformation"
}
] ,
pending : {
pendingReview : 0 ,
pendingSum : 0 ,
} ,
queryToolReview : {
site : this . $store . state . user . site ,
userId : this . $store . state . user . name ,
strUserId : this . $store . state . user . id ,
} ,
toolReviewTimer : null ,
}
} ,
watch : {
pending : {
deep : true ,
handler : function ( newV , oldV ) {
this . pending . pendingSum = this . pending . pendingReview
}
} ,
} ,
components : {
UpdatePassword ,
UpdateLanguage ,
@ -206,23 +244,37 @@
} ,
activated ( ) {
} ,
mounted ( ) {
this . toolReviewTimer = setInterval ( this . getReviewToolCount , 1000 * 60 ) ;
} ,
beforeDestroy ( ) {
clearInterval ( this . toolReviewTimer ) ;
} ,
methods : {
/ / 获 取 待 审 核 的 是 工 具 申 请 单 数 量
getReviewToolCount ( ) {
getReviewToolCount ( this . queryToolReview ) . then ( ( { data } ) => {
if ( data . code == 0 ) {
this . pending . pendingReview = data . data
}
} )
} ,
/ / 打 印 机 列 表
printList ( ) {
printList ( ) {
this . printListVisible = true ;
this . $nextTick ( ( ) => {
this . $refs . userPrintList . init ( )
} )
} ,
/ / 帮 助 文 档 列 表
helpFileList ( ) {
let fileMappingDto = {
fileId : '' ,
fileType : '功能帮助文档' ,
orderRef1 : this . $route . meta . menuId ,
orderRef2 : '' ,
orderRef3 : '' ,
helpFileList ( ) {
let fileMappingDto = {
fileId : '' ,
fileType : '功能帮助文档' ,
orderRef1 : this . $route . meta . menuId ,
orderRef2 : '' ,
orderRef3 : '' ,
}
this . helpFileVisible = true ;
this . $nextTick ( ( ) => {
@ -231,17 +283,17 @@
} ,
/ / 获 取 多 语 言 列 表
getLanguageList ( ) {
searchSysLanguage ( { languageCode : this . $i18n . locale } ) . then ( ( { data } ) => {
searchSysLanguage ( { languageCode : this . $i18n . locale } ) . then ( ( { data } ) => {
this . languageList = data . rows
} )
} ,
/ / 获 取 页 面 多 语 言 数 据
getFunctionButtonList ( ) {
let queryButton = {
functionId : 'systemInformation' ,
tableId : 'systemInformation' ,
languageCode : this . $i18n . locale ,
objectType : 'label'
let queryButton = {
functionId : 'systemInformation' ,
tableId : 'systemInformation' ,
languageCode : this . $i18n . locale ,
objectType : 'label'
}
searchFunctionButtonList ( queryButton ) . then ( ( { data } ) => {
if ( data . code === 0 ) {
@ -266,9 +318,9 @@
} )
} ,
/ / 修 改 用 户 默 认 语 言
updateLanguageHandle ( ) {
updateLanguageHandle ( ) {
this . updateLanguageVisible = true
this . $nextTick ( ( ) => {
this . $nextTick ( ( ) => {
this . $refs . updateLanguage . init ( )
} )
} ,
@ -296,6 +348,7 @@
created ( ) {
this . getLanguageList ( )
this . getFunctionButtonList ( )
this . getReviewToolCount ( )
}
}
< / script >
@ -304,8 +357,9 @@
. icon - svg {
width : 2 em ;
}
. el - menu -- collapse . el - menu . el - submenu , . el - menu -- popup , . el - menu - item {
min - width : 50 px ! important ;
. el - menu -- collapse . el - menu . el - submenu , . el - menu -- popup , . el - menu - item {
min - width : 50 px ! important ;
}
. site - navbar__brand - lg , . site - navbar__brand - mini {
@ -313,7 +367,8 @@
color : # fff ;
margin - left : - 45 px ;
}
. el - menu -- horizontal > . el - menu - item {
. el - menu -- horizontal > . el - menu - item {
color : # 3 b4249 ;
}