Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
C
confucius
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
罗超
confucius
Commits
c4fd31f7
Commit
c4fd31f7
authored
Aug 03, 2021
by
罗超
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
1
parent
41887c3e
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
583 additions
and
364 deletions
+583
-364
documentApproval.vue
src/pages/administration/documentApproval.vue
+583
-364
No files found.
src/pages/administration/documentApproval.vue
View file @
c4fd31f7
<
template
>
<
template
>
<div
class=
"page-body document"
>
<div
class=
"page-body document"
>
<q-tabs
style=
"margin-bottom:20px;"
v-model=
"tabCheck"
@
input=
"tabChange()"
narrow-indicator
dense
align=
"left"
<q-tabs
class=
"text-primary"
>
style=
"margin-bottom: 20px"
v-model=
"tabCheck"
@
input=
"tabChange()"
narrow-indicator
dense
align=
"left"
class=
"text-primary"
>
<q-tab
:ripple=
"false"
name=
"first"
label=
"待审批"
/>
<q-tab
:ripple=
"false"
name=
"first"
label=
"待审批"
/>
<q-tab
:ripple=
"false"
name=
"second"
label=
"我审批的"
/>
<q-tab
:ripple=
"false"
name=
"second"
label=
"我审批的"
/>
</q-tabs>
</q-tabs>
...
@@ -9,16 +16,44 @@
...
@@ -9,16 +16,44 @@
<div
class=
"page-search row items-center"
>
<div
class=
"page-search row items-center"
>
<div
class=
"col row wrap q-mr-lg q-col-gutter-md"
>
<div
class=
"col row wrap q-mr-lg q-col-gutter-md"
>
<div
class=
"col-3"
>
<div
class=
"col-3"
>
<q-input
clearable
@
change=
"getList"
standout=
"bg-primary text-white"
v-model=
"msg.Title"
label=
"公文标题"
<q-input
@
clear=
"getList"
/>
clearable
@
change=
"getList"
standout=
"bg-primary text-white"
v-model=
"msg.Title"
label=
"公文标题"
@
clear=
"getList"
/>
</div>
</div>
<div
class=
"col-3"
>
<div
class=
"col-3"
>
<q-input
clearable
@
change=
"getList"
standout=
"bg-primary text-white"
v-model=
"msg.Number"
label=
"编号"
<q-input
@
clear=
"getList"
/>
clearable
@
change=
"getList"
standout=
"bg-primary text-white"
v-model=
"msg.Number"
label=
"编号"
@
clear=
"getList"
/>
</div>
</div>
<q-select
@
input=
"getList"
filled
stack-label
option-value=
"Id"
option-label=
"EmployeeName"
use-input
<q-select
v-model=
"msg.UpdateBy"
ref=
"DeptTier"
:options=
"PersionList"
label=
"发布人"
:dense=
"false"
@
input=
"getList"
class=
"col-3 q-pr-lg"
emit-value
map-options
@
filter=
"filterFn"
clearable
@
clear=
"getList"
>
filled
stack-label
option-value=
"Id"
option-label=
"EmployeeName"
use-input
v-model=
"msg.UpdateBy"
ref=
"DeptTier"
:options=
"PersionList"
label=
"发布人"
:dense=
"false"
class=
"col-3 q-pr-lg"
emit-value
map-options
@
filter=
"filterFn"
clearable
@
clear=
"getList"
>
<template
v-slot:no-option
>
<template
v-slot:no-option
>
<q-item>
<q-item>
<q-item-section
class=
"text-grey"
>
<q-item-section
class=
"text-grey"
>
...
@@ -30,56 +65,135 @@
...
@@ -30,56 +65,135 @@
</div>
</div>
</div>
</div>
<div
class=
"page-content"
>
<div
class=
"page-content"
>
<q-table
:pagination=
"msg"
:loading=
"loading"
no-data-label=
"暂无相关数据"
flat
class=
"sticky-tow-column-table"
<q-table
separator=
"none"
title=
""
:data=
"data"
:columns=
"columns"
row-key=
"name"
>
:pagination=
"msg"
<
template
v-slot:top=
"props"
>
:loading=
"loading"
</
template
>
no-data-label=
"暂无相关数据"
flat
class=
"sticky-tow-column-table"
separator=
"none"
title=
""
:data=
"data"
:columns=
"columns"
row-key=
"name"
>
<
template
v-slot:top=
"props"
>
</
template
>
<
template
v-slot:body-cell-NoticeStateName=
"props"
>
<
template
v-slot:body-cell-NoticeStateName=
"props"
>
<q-td
:props=
"props"
>
<q-td
:props=
"props"
>
<div
class=
"row"
style=
"line-height: 30px"
>
<div
class=
"row"
style=
"line-height: 30px"
>
<img
v-if=
"props.row.NoticeState==2"
src=
"../../assets/images/dcaogao.png"
class=
"NoticeStateNimg"
/>
<img
<img
v-if=
"props.row.NoticeState==3"
src=
"../../assets/images/dchehui.png"
class=
"NoticeStateNimg"
/>
v-if=
"props.row.NoticeState == 2"
<img
v-if=
"props.row.NoticeState==1"
src=
"../../assets/images/dfabu.png"
class=
"NoticeStateNimg"
/>
src=
"../../assets/images/dcaogao.png"
class=
"NoticeStateNimg"
/>
<img
v-if=
"props.row.NoticeState == 3"
src=
"../../assets/images/dchehui.png"
class=
"NoticeStateNimg"
/>
<img
v-if=
"props.row.NoticeState == 1"
src=
"../../assets/images/dfabu.png"
class=
"NoticeStateNimg"
/>
<span
<span
:style=
"
{color:props.row.NoticeState==1?'#02C499':(props.row.NoticeState==2?'#2961FE':'#F72E52')}">
{{
props
.
row
.
NoticeStateName
}}
</span>
:style=
"
{
color:
props.row.NoticeState == 1
? '#02C499'
: props.row.NoticeState == 2
? '#2961FE'
: '#F72E52',
}"
>
{{
props
.
row
.
NoticeStateName
}}
</span
>
</div>
</div>
</q-td>
</q-td>
</
template
>
</
template
>
<
template
v-slot:body-cell-IsTop=
"props"
>
<
template
v-slot:body-cell-IsTop=
"props"
>
<q-td
:props=
"props"
>
<q-td
:props=
"props"
>
<span
v-if=
"props.row.Is_Top
==
1"
>
是
</span>
<span
v-if=
"props.row.Is_Top
==
1"
>
是
</span>
<span
v-if=
"props.row.Is_Top
==
2"
>
否
</span>
<span
v-if=
"props.row.Is_Top
==
2"
>
否
</span>
</q-td>
</q-td>
</
template
>
</
template
>
<
template
v-slot:body-cell-optioned=
"props"
>
<
template
v-slot:body-cell-optioned=
"props"
>
<q-td
:props=
"props"
>
<q-td
:props=
"props"
>
<q-btn
flat
size=
"xs"
icon=
"iconfont icon-xiangqing-"
style=
"font-weight:400;color: #3FC4FF"
<q-btn
class=
"q-mr-xs"
label=
"详情"
@
click=
"EditConfig(props.row.Id)"
/>
flat
<q-btn
flat
size=
"xs"
icon=
"iconfont icon-xiangqing-"
style=
"font-weight:400;color: #3FC4FF"
size=
"xs"
class=
"q-mr-xs"
label=
"审批"
@
click=
"showApproval(props.row.Id)"
v-if=
"shenpiId==loginId"
/>
icon=
"iconfont icon-xiangqing-"
style=
"font-weight: 400; color: #3fc4ff"
class=
"q-mr-xs"
label=
"详情"
@
click=
"EditConfig(props.row.Id)"
/>
<q-btn
flat
size=
"xs"
icon=
"iconfont icon-xiangqing-"
style=
"font-weight: 400; color: #3fc4ff"
class=
"q-mr-xs"
label=
"审批"
@
click=
"showApproval(props.row.Id)"
v-if=
"shenpiId == loginId"
/>
</q-td>
</q-td>
</
template
>
</
template
>
<
template
v-slot:bottom
>
<
template
v-slot:bottom
>
<q-pagination
class=
"full-width justify-end"
v-model=
"msg.PageIndex"
color=
"primary"
:max=
"pageCount"
<q-pagination
:input=
"true"
@
input=
"changePage"
/>
class=
"full-width justify-end"
v-model=
"msg.PageIndex"
color=
"primary"
:max=
"pageCount"
:input=
"true"
@
input=
"changePage"
/>
</
template
>
</
template
>
</q-table>
</q-table>
</div>
</div>
</template>
</template>
<
template
v-if=
"tabCheck == 'second'"
>
<
template
v-if=
"tabCheck == 'second'"
>
<div
class=
"page-search row items-center"
>
<div
class=
"page-search row items-center"
>
<div
class=
"col row wrap q-mr-lg q-col-gutter-md"
>
<div
class=
"col row wrap q-mr-lg q-col-gutter-md"
>
<div
class=
"col-3"
>
<div
class=
"col-3"
>
<q-input
clearable
@
change=
"getMyList"
standout=
"bg-primary text-white"
v-model=
"mymsg.Title"
label=
"公文标题"
<q-input
@
clear=
"getMyList"
/>
clearable
@
change=
"getMyList"
standout=
"bg-primary text-white"
v-model=
"mymsg.Title"
label=
"公文标题"
@
clear=
"getMyList"
/>
</div>
</div>
<div
class=
"col-3"
>
<div
class=
"col-3"
>
<q-input
clearable
@
change=
"getMyList"
standout=
"bg-primary text-white"
v-model=
"mymsg.Number"
label=
"编号"
<q-input
@
clear=
"getMyList"
/>
clearable
@
change=
"getMyList"
standout=
"bg-primary text-white"
v-model=
"mymsg.Number"
label=
"编号"
@
clear=
"getMyList"
/>
</div>
</div>
<q-select
@
input=
"getMyList"
filled
stack-label
option-value=
"Id"
option-label=
"EmployeeName"
use-input
<q-select
v-model=
"mymsg.UpdateBy"
ref=
"DeptTier"
:options=
"PersionList"
label=
"发布人"
:dense=
"false"
@
input=
"getMyList"
class=
"col-3 q-pr-lg"
emit-value
map-options
@
filter=
"filterFn"
clearable
@
clear=
"getMyList"
>
filled
stack-label
option-value=
"Id"
option-label=
"EmployeeName"
use-input
v-model=
"mymsg.UpdateBy"
ref=
"DeptTier"
:options=
"PersionList"
label=
"发布人"
:dense=
"false"
class=
"col-3 q-pr-lg"
emit-value
map-options
@
filter=
"filterFn"
clearable
@
clear=
"getMyList"
>
<template
v-slot:no-option
>
<template
v-slot:no-option
>
<q-item>
<q-item>
<q-item-section
class=
"text-grey"
>
<q-item-section
class=
"text-grey"
>
...
@@ -91,65 +205,120 @@
...
@@ -91,65 +205,120 @@
</div>
</div>
</div>
</div>
<div
class=
"page-content"
>
<div
class=
"page-content"
>
<q-table
:pagination=
"mymsg"
:loading=
"loading"
no-data-label=
"暂无相关数据"
flat
class=
"sticky-tow-column-table"
<q-table
separator=
"none"
title=
""
:data=
"mydata"
:columns=
"mycolumns"
row-key=
"name"
>
:pagination=
"mymsg"
<
template
v-slot:top=
"props"
>
:loading=
"loading"
</
template
>
no-data-label=
"暂无相关数据"
flat
class=
"sticky-tow-column-table"
separator=
"none"
title=
""
:data=
"mydata"
:columns=
"mycolumns"
row-key=
"name"
>
<
template
v-slot:top=
"props"
>
</
template
>
<
template
v-slot:body-cell-IsTop=
"props"
>
<
template
v-slot:body-cell-IsTop=
"props"
>
<q-td
:props=
"props"
>
<q-td
:props=
"props"
>
<span
v-if=
"props.row.Is_Top
==
1"
>
是
</span>
<span
v-if=
"props.row.Is_Top
==
1"
>
是
</span>
<span
v-if=
"props.row.Is_Top
==
2"
>
否
</span>
<span
v-if=
"props.row.Is_Top
==
2"
>
否
</span>
</q-td>
</q-td>
</
template
>
</
template
>
<
template
v-slot:body-cell-optioned=
"props"
>
<
template
v-slot:body-cell-optioned=
"props"
>
<q-td
:props=
"props"
>
<q-td
:props=
"props"
>
<q-btn
flat
size=
"xs"
icon=
"iconfont icon-xiangqing-"
style=
"font-weight:400;color: #3FC4FF"
<q-btn
class=
"q-mr-xs"
label=
"详情"
@
click=
"EditConfig(props.row.Id)"
/>
flat
size=
"xs"
icon=
"iconfont icon-xiangqing-"
style=
"font-weight: 400; color: #3fc4ff"
class=
"q-mr-xs"
label=
"详情"
@
click=
"EditConfig(props.row.Id)"
/>
</q-td>
</q-td>
</
template
>
</
template
>
<
template
v-slot:bottom
>
<
template
v-slot:bottom
>
<q-pagination
class=
"full-width justify-end"
v-model=
"mymsg.PageIndex"
color=
"primary"
:max=
"mypageCount"
<q-pagination
:input=
"true"
@
input=
"myChangePage"
/>
class=
"full-width justify-end"
v-model=
"mymsg.PageIndex"
color=
"primary"
:max=
"mypageCount"
:input=
"true"
@
input=
"myChangePage"
/>
</
template
>
</
template
>
</q-table>
</q-table>
</div>
</div>
</template>
</template>
<q-dialog
v-model=
"persistent2"
maximized
full-height
seamless
position=
"right"
>
<q-dialog
<q-card
style=
"margin-top:21px;width:800px"
class=
"no-border-radius classinfo_Dialog"
>
v-model=
"persistent2"
<q-img
:src=
"NInfo.BgImage"
v-if=
"NInfo.BgImage"
spinner-color=
"white"
style=
" width: 100%;height: 76px"
/>
maximized
full-height
seamless
position=
"right"
>
<q-card
style=
"margin-top: 21px; width: 800px"
class=
"no-border-radius classinfo_Dialog"
>
<q-img
:src=
"NInfo.BgImage"
v-if=
"NInfo.BgImage"
spinner-color=
"white"
style=
"width: 100%; height: 76px"
/>
<div
style=
"padding: 20px"
>
<div
style=
"padding: 20px"
>
<div
class=
"col-12 g row"
style=
"margin-bottom:10px;"
>
<div
class=
"col-12 g row"
style=
"margin-bottom: 10px"
>
<div
class=
"col-6"
>
<div
class=
"col-6"
>
Fr:{{ NInfo.From }}
</div>
Fr:{{NInfo.From}}
<div
class=
"col-6"
style=
"text-align: right"
>
</div>
编号:{{ NInfo.Number }}
<div
class=
"col-6 "
style=
"text-align: right"
>
编号:{{NInfo.Number}}
</div>
</div>
</div>
</div>
<div
class=
"col-12 row"
style=
"margin-bottom:10px;"
>
<div
class=
"col-12 row"
style=
"margin-bottom: 10px"
>
To:
<span
v-for=
"(item,index) in NInfo.toList"
To:
<span
v-for=
"(item, index) in NInfo.toList"
:index=
"index"
:index=
"index"
>
{{item.DeptName}}{{NInfo.toList.length==index+1?'':'、'}}
</span>
>
{{ item.DeptName
}}{{ NInfo.toList.length == index + 1 ? "" : "、" }}
</span
>
</div>
</div>
<div
class=
"col-12 row"
style=
"margin-bottom:10px;"
>
<div
class=
"col-12 row"
style=
"margin-bottom: 10px"
>
Cc:
<span
v-for=
"(item,index) in NInfo.ccList"
Cc:
<span
v-for=
"(item, index) in NInfo.ccList"
:index=
"index"
:index=
"index"
>
{{item.EmName}}{{NInfo.ccList.length==index+1?'':'、'}}
</span>
>
{{ item.EmName
}}{{ NInfo.ccList.length == index + 1 ? "" : "、" }}
</span
>
</div>
</div>
<div
class=
"col-12
row"
style=
"margin-bottom:10px;
"
>
<div
class=
"col-12
row"
style=
"margin-bottom: 10px
"
>
Time:{{
NInfo.UpdateTime
}}
Time:{{
NInfo.UpdateTime
}}
</div>
</div>
<div
class=
"col-12
row"
style=
"margin-top: 20px;line-height:26px;
"
>
<div
class=
"col-12
row"
style=
"margin-top: 20px; line-height: 26px
"
>
<span
v-html=
"NInfo.Content"
></span>
<span
v-html=
"NInfo.Content"
></span>
</div>
</div>
<div
class=
"col-12 row"
style=
"margin-top: 20px"
v-if=
"NInfo.fileList&&NInfo.fileList.length>0"
>
<div
<div
style=
"margin-top:3px;"
>
附件:
</div>
class=
"col-12 row"
style=
"margin-top: 20px"
v-if=
"NInfo.fileList && NInfo.fileList.length > 0"
>
<div
style=
"margin-top: 3px"
>
附件:
</div>
<
template
>
<
template
>
<div
style=
"max-width: 350px;margin-left:10px;"
>
<div
style=
"max-width: 350px; margin-left: 10px"
>
<div
class=
"noticeFile"
v-if=
"NInfo.fileList.length>0"
v-for=
"(file,fIndex) in NInfo.fileList"
<div
:key=
"fIndex"
>
class=
"noticeFile"
<span
style=
"cursor:pointer;"
>
v-if=
"NInfo.fileList.length > 0"
<a
:href=
"file.FileUrl"
style=
"color:#2961FE;text-decoration:none;"
target=
"_blank"
>
v-for=
"(file, fIndex) in NInfo.fileList"
<i
class=
"iconfont icon-Download"
style=
"margin-right:5px;"
></i>
{{
file
.
FileName
}}
</a>
:key=
"fIndex"
>
<span
style=
"cursor: pointer"
>
<a
:href=
"file.FileUrl"
style=
"color: #2961fe; text-decoration: none"
target=
"_blank"
>
<i
class=
"iconfont icon-Download"
style=
"margin-right: 5px"
></i
>
{{
file
.
FileName
}}
</a
>
</span>
</span>
</div>
</div>
</div>
</div>
...
@@ -157,23 +326,53 @@
...
@@ -157,23 +326,53 @@
</div>
</div>
</div>
</div>
</q-card>
</q-card>
<div
class=
"dialog-out-close"
@
click=
"persistent2=false"
<div
style=
"height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;"
>
class=
"dialog-out-close"
@
click=
"persistent2 = false"
style=
"
height: 40px !important;
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
"
>
<q-icon
name=
"iconfont icon-jujue1"
size=
"26px"
/>
<q-icon
name=
"iconfont icon-jujue1"
size=
"26px"
/>
</div>
</div>
</q-dialog>
</q-dialog>
<q-dialog
v-model=
"persistent3"
>
<q-dialog
v-model=
"persistent3"
persistent
>
<q-card
style=
"margin-top:
21px;width:
800px"
class=
"q-pa-sm"
>
<q-card
style=
"margin-top:
21px; width:
800px"
class=
"q-pa-sm"
>
<q-card-section
class=
"flex"
>
<q-card-section
class=
"flex"
>
<div
class=
"text-h6"
>
审批
</div>
<div
class=
"text-h6"
>
审批
</div>
<q-space
/>
<q-space
/>
<q-btn
icon=
"close"
flat
round
dense
v-close-popup
/>
<q-btn
icon=
"close"
flat
round
dense
v-close-popup
@
click=
"resetShenpiForm"
/>
</q-card-section>
</q-card-section>
<q-input
standout=
"bg-primary text-white"
type=
"textarea"
v-model=
"approvalMsg.LogContent"
label=
"审核备注"
/>
<div
class=
"q-gutter-sm row flex items-center"
>
<q-card-actions
align=
"right"
>
<div
class=
"text-grey-6"
>
审批结果:
</div>
<q-btn
flat
label=
"取消"
size=
"sm"
color=
"primary"
v-close-popup
/>
<q-radio
v-model=
"approvalMsg.ReviewStatus"
:val=
"1"
label=
"通过"
/>
<q-btn
label=
"拒绝"
size=
"sm"
color=
"primary"
@
click=
"saveApproval(2)"
/>
<q-radio
v-model=
"approvalMsg.ReviewStatus"
:val=
"2"
label=
"驳回"
/>
<q-btn
label=
"同意"
size=
"sm"
color=
"primary"
@
click=
"saveApproval(1)"
/>
</div>
<q-input
filled
type=
"textarea"
v-model=
"approvalMsg.LogContent"
label=
"审批备注"
/>
<q-card-actions
align=
"right"
>
<q-btn
flat
label=
"取消"
size=
"sm"
color=
"primary"
v-close-popup
@
click=
"resetShenpiForm"
/>
<q-btn
label=
"确认"
size=
"sm"
color=
"primary"
@
click=
"saveApproval"
/>
</q-card-actions>
</q-card-actions>
</q-card>
</q-card>
</q-dialog>
</q-dialog>
...
@@ -181,312 +380,332 @@
...
@@ -181,312 +380,332 @@
</template>
</template>
<
script
>
<
script
>
import
{
getConten
}
from
'../../api/system/notiveSysSet'
import
{
getConten
}
from
"../../api/system/notiveSysSet"
;
import
{
import
{
getNoticePageList
,
getNoticePageList
,
GetNoticeInfo
,
//公告详情
GetNoticeInfo
,
//公告详情
setReviewNotice
,
//公告审批
setReviewNotice
,
//公告审批
getMyApproval
,
//我审批的公告
getMyApproval
,
//我审批的公告
}
from
'../../api/administration/document'
;
}
from
"../../api/administration/document"
;
import
{
import
{
queryEmployee
}
from
"../../api/users/user"
;
queryEmployee
import
extEditor
from
"../../components/common/ext-editor"
;
}
from
'../../api/users/user'
import
selectTree
from
"../../components/common/select-tree"
;
import
extEditor
from
'../../components/common/ext-editor'
import
selectTree
from
'../../components/common/select-tree'
export
default
{
export
default
{
meta
:
{
meta
:
{
title
:
"行政公告审批"
title
:
"行政公告审批"
,
},
},
components
:
{
components
:
{
extEditor
,
extEditor
,
selectTree
selectTree
,
},
},
name
:
"document"
,
name
:
"document"
,
data
()
{
data
()
{
return
{
return
{
tabCheck
:
'first'
,
tabCheck
:
"first"
,
msg
:
{
msg
:
{
PageIndex
:
1
,
PageIndex
:
1
,
PageSize
:
12
,
PageSize
:
12
,
rowsPerPage
:
12
,
rowsPerPage
:
12
,
Title
:
''
,
Title
:
""
,
Number
:
''
,
Number
:
""
,
NoticeState
:
4
,
NoticeState
:
4
,
Is_Top
:
0
,
Is_Top
:
0
,
UpdateBy
:
""
UpdateBy
:
""
,
},
mymsg
:
{
PageIndex
:
1
,
PageSize
:
12
,
rowsPerPage
:
12
,
Title
:
""
,
Number
:
""
,
NoticeState
:
1
,
Is_Top
:
0
,
UpdateBy
:
""
,
},
loading
:
true
,
//公告审批column
columns
:
[
{
name
:
"NoticeStateName"
,
label
:
"状态"
,
align
:
"left"
,
},
},
mymsg
:
{
{
PageIndex
:
1
,
name
:
"Number"
,
PageSize
:
12
,
field
:
"Number"
,
rowsPerPage
:
12
,
label
:
"编号"
,
Title
:
''
,
align
:
"left"
,
Number
:
''
,
NoticeState
:
1
,
Is_Top
:
0
,
UpdateBy
:
""
},
},
loading
:
true
,
{
//公告审批column
name
:
"Title"
,
columns
:
[{
label
:
"标题"
,
name
:
'NoticeStateName'
,
field
:
"Title"
,
label
:
'状态'
,
align
:
"left"
,
align
:
'left'
},
},
{
{
name
:
"ReadNum"
,
name
:
'Number'
,
label
:
"阅读情况"
,
field
:
'Number'
,
field
:
"ReadNum"
,
label
:
'编号'
,
align
:
"left"
,
align
:
'left'
,
},
},
{
{
name
:
"IsTop"
,
name
:
'Title'
,
label
:
"是否置顶"
,
label
:
'标题'
,
align
:
"left"
,
field
:
'Title'
,
},
align
:
'left'
{
},
name
:
"UpdateByName"
,
{
label
:
"发布人"
,
name
:
'ReadNum'
,
field
:
"UpdateByName"
,
label
:
'阅读情况'
,
align
:
"left"
,
field
:
'ReadNum'
,
},
align
:
'left'
{
},
name
:
"UpdateTime"
,
{
label
:
"发布时间"
,
name
:
'IsTop'
,
align
:
"left"
,
label
:
'是否置顶'
,
field
:
"UpdateTime"
,
align
:
'left'
},
},
{
{
name
:
"optioned"
,
name
:
'UpdateByName'
,
label
:
"操作"
,
label
:
'发布人'
,
field
:
"DeptId"
,
field
:
'UpdateByName'
,
},
align
:
'left'
],
},
//我审批的column
{
mycolumns
:
[
name
:
'UpdateTime'
,
{
label
:
'发布时间'
,
name
:
"NoticeStateName"
,
align
:
'left'
,
label
:
"状态"
,
field
:
'UpdateTime'
field
:
"ReviewStatusStr"
,
},
{
align
:
"left"
,
name
:
'optioned'
,
},
label
:
'操作'
,
{
field
:
'DeptId'
name
:
"Number"
,
}
field
:
"Number"
,
],
label
:
"编号"
,
//我审批的column
align
:
"left"
,
mycolumns
:
[{
},
name
:
'NoticeStateName'
,
{
label
:
'状态'
,
name
:
"Title"
,
field
:
"ReviewStatusStr"
,
label
:
"标题"
,
align
:
'left'
field
:
"Title"
,
},
align
:
"left"
,
{
name
:
'Number'
,
field
:
'Number'
,
label
:
'编号'
,
align
:
'left'
,
},
{
name
:
'Title'
,
label
:
'标题'
,
field
:
'Title'
,
align
:
'left'
},
{
name
:
'ReadNum'
,
label
:
'阅读情况'
,
field
:
'ReadNum'
,
align
:
'left'
},
{
name
:
'IsTop'
,
label
:
'是否置顶'
,
align
:
'left'
},
{
name
:
'UpdateByName'
,
label
:
'发布人'
,
field
:
'UpdateByName'
,
align
:
'left'
},
{
name
:
'UpdateTime'
,
label
:
'发布时间'
,
align
:
'left'
,
field
:
'UpdateTime'
},
{
name
:
'LogContent'
,
label
:
'审批备注'
,
align
:
'left'
,
field
:
'LogContent'
},
{
name
:
'optioned'
,
label
:
'操作'
,
field
:
'DeptId'
}
],
data
:
[],
pageCount
:
0
,
NoticeList
:
[],
PersionList
:
[],
//员工列表
AllemployeeList
:
[],
//所有员工
NInfo
:
{},
//详情内容
persistent2
:
false
,
persistent3
:
false
,
approvalMsg
:{
NoticeId
:
0
,
ReviewStatus
:
0
,
LogContent
:
""
},
},
mydata
:[],
{
mypageCount
:
0
,
name
:
"ReadNum"
,
shenpiId
:
0
,
//审批人Id
label
:
"阅读情况"
,
loginId
:
0
,
//登录人Id
field
:
"ReadNum"
,
align
:
"left"
,
},
{
name
:
"IsTop"
,
label
:
"是否置顶"
,
align
:
"left"
,
},
{
name
:
"UpdateByName"
,
label
:
"发布人"
,
field
:
"UpdateByName"
,
align
:
"left"
,
},
{
name
:
"UpdateTime"
,
label
:
"发布时间"
,
align
:
"left"
,
field
:
"UpdateTime"
,
},
{
name
:
"LogContent"
,
label
:
"审批备注"
,
align
:
"left"
,
field
:
"LogContent"
,
},
{
name
:
"optioned"
,
label
:
"操作"
,
field
:
"DeptId"
,
},
],
data
:
[],
pageCount
:
0
,
NoticeList
:
[],
PersionList
:
[],
//员工列表
AllemployeeList
:
[],
//所有员工
NInfo
:
{},
//详情内容
persistent2
:
false
,
persistent3
:
false
,
approvalMsg
:
{
NoticeId
:
0
,
ReviewStatus
:
2
,
LogContent
:
""
,
},
mydata
:
[],
mypageCount
:
0
,
shenpiId
:
0
,
//审批人Id
loginId
:
0
,
//登录人Id
};
},
created
()
{
let
data
=
JSON
.
parse
(
localStorage
.
getItem
(
"loginUserInfo"
));
this
.
loginId
=
data
.
data
.
Id
;
},
mounted
()
{
this
.
getList
();
this
.
getEmployee
();
this
.
getshenpiren
();
},
methods
:
{
tabChange
()
{
if
(
this
.
tabCheck
==
"first"
)
{
this
.
getList
();
}
else
if
(
this
.
tabCheck
==
"second"
)
{
this
.
getMyList
();
}
}
},
},
created
(){
getList
()
{
let
data
=
JSON
.
parse
(
localStorage
.
getItem
(
'loginUserInfo'
))
this
.
loading
=
false
;
this
.
loginId
=
data
.
data
.
Id
getNoticePageList
(
this
.
msg
)
},
.
then
((
res
)
=>
{
mounted
()
{
this
.
getList
();
this
.
getEmployee
();
this
.
getshenpiren
();
},
methods
:
{
tabChange
()
{
if
(
this
.
tabCheck
==
'first'
)
{
this
.
getList
();
}
else
if
(
this
.
tabCheck
==
'second'
)
{
this
.
getMyList
()
}
},
getList
()
{
this
.
loading
=
false
;
getNoticePageList
(
this
.
msg
).
then
(
res
=>
{
this
.
data
=
res
.
Data
.
PageData
;
this
.
data
=
res
.
Data
.
PageData
;
this
.
loading
=
false
;
this
.
loading
=
false
;
this
.
pageCount
=
res
.
Data
.
PageCount
;
this
.
pageCount
=
res
.
Data
.
PageCount
;
}).
catch
(()
=>
{
this
.
loading
=
false
})
})
},
.
catch
(()
=>
{
//筛选员工
this
.
loading
=
false
;
filterFn
(
val
,
update
)
{
});
update
(()
=>
{
},
if
(
val
===
''
)
{
//筛选员工
this
.
PersionList
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
AllemployeeList
))
filterFn
(
val
,
update
)
{
}
else
{
update
(()
=>
{
const
needle
=
val
.
toLowerCase
()
if
(
val
===
""
)
{
this
.
PersionList
=
this
.
AllemployeeList
.
filter
(
v
=>
v
.
EmployeeName
.
toLowerCase
().
indexOf
(
needle
)
>
-
1
)
this
.
PersionList
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
AllemployeeList
));
}
}
else
{
})
const
needle
=
val
.
toLowerCase
();
},
this
.
PersionList
=
this
.
AllemployeeList
.
filter
(
//获取员工列表
(
v
)
=>
v
.
EmployeeName
.
toLowerCase
().
indexOf
(
needle
)
>
-
1
getEmployee
()
{
);
var
qMsg
=
{
EmployeeName
:
""
}
}
queryEmployee
(
qMsg
).
then
(
res
=>
{
});
if
(
res
.
Code
==
1
)
{
},
let
obj
=
{
//获取员工列表
EmployeeName
:
'不限'
,
getEmployee
()
{
Id
:
-
1
var
qMsg
=
{
}
EmployeeName
:
""
,
res
.
Data
.
unshift
(
obj
)
};
var
jsonData
=
res
.
Data
;
queryEmployee
(
qMsg
).
then
((
res
)
=>
{
if
(
jsonData
&&
jsonData
.
length
>
0
)
{
if
(
res
.
Code
==
1
)
{
this
.
AllemployeeList
=
JSON
.
parse
(
JSON
.
stringify
(
jsonData
));
let
obj
=
{
this
.
PersionList
=
JSON
.
parse
(
JSON
.
stringify
(
jsonData
));;
EmployeeName
:
"不限"
,
}
Id
:
-
1
,
};
res
.
Data
.
unshift
(
obj
);
var
jsonData
=
res
.
Data
;
if
(
jsonData
&&
jsonData
.
length
>
0
)
{
this
.
AllemployeeList
=
JSON
.
parse
(
JSON
.
stringify
(
jsonData
));
this
.
PersionList
=
JSON
.
parse
(
JSON
.
stringify
(
jsonData
));
}
}
})
}
},
});
//分页改变
},
changePage
(
val
)
{
//分页改变
this
.
msg
.
PageIndex
=
val
;
changePage
(
val
)
{
this
.
getList
()
this
.
msg
.
PageIndex
=
val
;
},
this
.
getList
();
// 获取详情
},
getNInfo
(
id
)
{
// 获取详情
GetNoticeInfo
({
getNInfo
(
id
)
{
NoticeId
:
id
GetNoticeInfo
({
}).
then
(
res
=>
{
NoticeId
:
id
,
})
.
then
((
res
)
=>
{
if
(
res
.
Code
==
1
)
{
if
(
res
.
Code
==
1
)
{
this
.
NInfo
=
JSON
.
parse
(
JSON
.
stringify
(
res
.
Data
));
this
.
NInfo
=
JSON
.
parse
(
JSON
.
stringify
(
res
.
Data
));
}
}
}).
catch
(()
=>
{})
},
EditConfig
(
id
)
{
this
.
persistent2
=
true
;
this
.
getNInfo
(
id
);
},
//显示审批弹窗
showApproval
(
id
)
{
this
.
persistent3
=
true
this
.
approvalMsg
.
NoticeId
=
id
},
//提交审批结果
saveApproval
(
val
){
if
(
val
===
2
&&
this
.
approvalMsg
.
LogContent
==
""
){
this
.
$message
.
error
(
"请填写拒绝原因"
)
return
}
this
.
approvalMsg
.
ReviewStatus
=
val
setReviewNotice
(
this
.
approvalMsg
).
then
(
res
=>
{
if
(
res
.
Code
===
1
){
this
.
$message
.
success
(
"操作成功"
);
this
.
persistent3
=
false
this
.
getList
()
}
else
{
this
.
$message
.
error
(
res
.
Message
)
}
})
})
},
.
catch
(()
=>
{});
getMyList
()
{
},
this
.
loading
=
false
;
EditConfig
(
id
)
{
getMyApproval
(
this
.
mymsg
).
then
(
res
=>
{
this
.
persistent2
=
true
;
this
.
getNInfo
(
id
);
},
//显示审批弹窗
showApproval
(
id
)
{
this
.
persistent3
=
true
;
this
.
approvalMsg
.
NoticeId
=
id
;
},
//提交审批结果
saveApproval
()
{
if
(
this
.
approvalMsg
.
ReviewStatus
===
2
&&
this
.
approvalMsg
.
LogContent
==
""
)
{
this
.
$message
.
error
(
"请填写驳回原因"
);
return
;
}
console
.
log
(
632
,
this
.
approvalMsg
);
setReviewNotice
(
this
.
approvalMsg
).
then
((
res
)
=>
{
if
(
res
.
Code
===
1
)
{
this
.
$message
.
success
(
"操作成功"
);
this
.
persistent3
=
false
;
this
.
getList
();
this
.
approvalMsg
.
ReviewStatus
=
2
;
this
.
approvalMsg
.
LogContent
=
""
;
}
else
{
this
.
$message
.
error
(
res
.
Message
);
}
});
},
getMyList
()
{
this
.
loading
=
false
;
getMyApproval
(
this
.
mymsg
)
.
then
((
res
)
=>
{
this
.
mydata
=
res
.
Data
.
PageData
;
this
.
mydata
=
res
.
Data
.
PageData
;
this
.
loading
=
false
;
this
.
loading
=
false
;
this
.
mypageCount
=
res
.
Data
.
PageCount
;
this
.
mypageCount
=
res
.
Data
.
PageCount
;
}).
catch
(()
=>
{
this
.
loading
=
false
})
},
//分页改变
myChangePage
(
val
)
{
this
.
mymsg
.
PageIndex
=
val
;
this
.
getMyList
()
},
//获取审批人
getshenpiren
()
{
getConten
({}).
then
(
res
=>
{
if
(
res
.
Code
===
1
)
{
this
.
shenpiId
=
parseInt
(
res
.
Data
.
Content
)
}
})
})
},
.
catch
(()
=>
{
}
this
.
loading
=
false
;
}
});
},
//分页改变
myChangePage
(
val
)
{
this
.
mymsg
.
PageIndex
=
val
;
this
.
getMyList
();
},
//获取审批人
getshenpiren
()
{
getConten
({}).
then
((
res
)
=>
{
if
(
res
.
Code
===
1
)
{
this
.
shenpiId
=
parseInt
(
res
.
Data
.
Content
);
}
});
},
//重置审批表单
resetShenpiForm
()
{
this
.
approvalMsg
=
{
NoticeId
:
0
,
ReviewStatus
:
2
,
LogContent
:
""
,
};
},
},
};
</
script
>
</
script
>
<
style
scoped
>
<
style
scoped
>
.document
.NoticeStateNimg
{
.document
.NoticeStateNimg
{
width
:
30px
;
width
:
30px
;
height
:
30px
;
height
:
30px
;
margin-right
:
5px
;
margin-right
:
5px
;
}
}
.document
.q-pr-lg
{
padding-right
:
0
;
}
.document
.noticeFile
{
.document
.q-pr-lg
{
color
:
#2961FE
;
padding-right
:
0
;
font-size
:
13px
;
}
}
.document
.noticeFile
{
color
:
#2961fe
;
font-size
:
13px
;
}
</
style
>
</
style
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment