Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
E
enterprise-serevice-platform-web
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
张伯涛
enterprise-serevice-platform-web
Commits
b58d14dc
Commit
b58d14dc
authored
Oct 19, 2022
by
高宇
Browse files
Options
Browse Files
Download
Plain Diff
Merge remote-tracking branch 'origin/master'
parents
26825583
f15b4fa3
Changes
10
Hide whitespace changes
Inline
Side-by-side
Showing
10 changed files
with
201 additions
and
70 deletions
+201
-70
yibaoming.png
src/assets/image/yibaoming.png
+0
-0
element-ui.scss
src/styles/element-ui.scss
+1
-0
index.vue
src/views/OneClickService/index.vue
+17
-2
policySearchDetails.vue
src/views/PolicyDirect/components/policySearchDetails.vue
+18
-5
details.vue
src/views/activityInformation/details.vue
+34
-12
index.vue
src/views/activityInformation/index.vue
+3
-2
messageCenter.vue
src/views/personalCenter/components/messageCenter.vue
+32
-7
myDeclaration.vue
src/views/personalCenter/components/myDeclaration.vue
+16
-1
index.vue
src/views/personalCenter/index.vue
+36
-33
messageDetails.vue
src/views/personalCenter/messageDetails.vue
+44
-8
No files found.
src/assets/image/yibaoming.png
0 → 100644
View file @
b58d14dc
6.56 KB
src/styles/element-ui.scss
View file @
b58d14dc
...
@@ -434,6 +434,7 @@ label {
...
@@ -434,6 +434,7 @@ label {
// 分页器居右显示
// 分页器居右显示
.el-pagination
{
.el-pagination
{
font-weight
:
unset
!
important
;
text-align
:
right
;
text-align
:
right
;
}
}
...
...
src/views/OneClickService/index.vue
View file @
b58d14dc
...
@@ -32,7 +32,7 @@
...
@@ -32,7 +32,7 @@
>
>
<div
class=
"os-card"
>
<div
class=
"os-card"
>
<img
:src=
"item.urlPath"
class=
"os-img"
>
<img
:src=
"item.urlPath"
class=
"os-img"
>
<span
style=
"padding-left: 10px;max-height: 40px;overflow: hidden;width: 155px
"
>
<span
class=
"nameClass
"
>
<div
:title=
"item.title"
>
{{
item
.
title
}}
</div>
<div
:title=
"item.title"
>
{{
item
.
title
}}
</div>
</span>
</span>
</div>
</div>
...
@@ -181,9 +181,11 @@ export default {
...
@@ -181,9 +181,11 @@ export default {
text-align
:
center
!
important
;
text-align
:
center
!
important
;
}
}
.oneClick-service-content
{
.oneClick-service-content
{
padding
:
40px
40px
0
40px
;
padding
:
34px
40px
3px
40px
;
background-color
:
white
;
background-color
:
white
;
.os-card
{
.os-card
{
color
:
#333333
;
border-radius
:
6px
6px
6px
6px
;
width
:
100%
;
width
:
100%
;
cursor
:
pointer
;
cursor
:
pointer
;
margin-bottom
:
10px
;
margin-bottom
:
10px
;
...
@@ -193,10 +195,20 @@ export default {
...
@@ -193,10 +195,20 @@ export default {
border
:
1px
solid
#d6d6d6
;
border
:
1px
solid
#d6d6d6
;
display
:
inline-flex
;
display
:
inline-flex
;
align-items
:
center
;
align-items
:
center
;
.nameClass
{
padding-left
:
10px
;
max-height
:
40px
;
overflow
:
hidden
;
width
:
155px
;
}
.os-img
{
.os-img
{
width
:
60px
;
width
:
60px
;
height
:
60px
height
:
60px
}
}
&
:hover
{
color
:
#1A78E5
;
border
:
1px
solid
#1A78E5
;
}
}
}
}
}
.oneClick-service-title
{
.oneClick-service-title
{
...
@@ -235,6 +247,9 @@ export default {
...
@@ -235,6 +247,9 @@ export default {
padding
:
0
25px
;
padding
:
0
25px
;
width
:
149px
;
width
:
149px
;
text-align
:
center
;
text-align
:
center
;
&
:hover
{
color
:
#1A78E5
;
}
}
}
.sf-menu-item
:not
(
:last-of-type
)
{
.sf-menu-item
:not
(
:last-of-type
)
{
//border-right: 1px solid rgba(255, 255, 255, 0.7490196078431373);
//border-right: 1px solid rgba(255, 255, 255, 0.7490196078431373);
...
...
src/views/PolicyDirect/components/policySearchDetails.vue
View file @
b58d14dc
...
@@ -378,6 +378,8 @@ export default {
...
@@ -378,6 +378,8 @@ export default {
policyId
:
0
,
policyId
:
0
,
// 当前用户id
// 当前用户id
userId
:
0
,
userId
:
0
,
// 用户当前关联企业id
currentEnterpriseId
:
0
,
// 当前用户有关企业
// 当前用户有关企业
enterpriseWithUser
:
[],
enterpriseWithUser
:
[],
// 政策发文部门
// 政策发文部门
...
@@ -413,13 +415,16 @@ export default {
...
@@ -413,13 +415,16 @@ export default {
// 申报按钮是否禁用
// 申报按钮是否禁用
declareButtonDisable
()
{
declareButtonDisable
()
{
const
enterpriseWithUser
=
this
.
enterpriseWithUser
const
enterpriseWithUser
=
this
.
enterpriseWithUser
// 获取当前用户已申报
// 用户未登录时不进行按钮禁用
return
this
.
otherInfo
.
disableDeclareButton
||
return
this
.
userId
!==
null
&&
(
// 获取当前用户已申报
this
.
otherInfo
.
disableDeclareButton
||
// 当前用户未绑定企业
// 当前用户未绑定企业
enterpriseWithUser
.
length
<=
0
||
enterpriseWithUser
.
length
<=
0
||
// 当前用户只绑定一个企业 并且不满足申报要求
// 当前用户只绑定一个企业 并且不满足申报要求
enterpriseWithUser
.
length
===
1
&&
!
enterpriseWithUser
[
0
].
canDeclare
||
enterpriseWithUser
.
length
===
1
&&
!
enterpriseWithUser
[
0
].
canDeclare
||
!
this
.
info
.
onTheDeadline
!
this
.
info
.
onTheDeadline
)
},
},
...
mapGetters
(
'policyDirect'
,
[
'getLabel'
])
...
mapGetters
(
'policyDirect'
,
[
'getLabel'
])
},
},
...
@@ -448,7 +453,15 @@ export default {
...
@@ -448,7 +453,15 @@ export default {
this
.
detailType
=
type
this
.
detailType
=
type
},
},
handleAddDeclare
()
{
handleAddDeclare
()
{
if
(
this
.
otherInfo
.
disableDeclareButton
===
null
)
{
if
(
this
.
userId
===
null
)
{
// 未登录
this
.
$router
.
replace
({
path
:
'/login/index'
,
query
:
{
redirect
:
this
.
$route
.
fullPath
}})
return
}
else
if
(
this
.
enterpriseWithUser
.
length
===
0
)
{
// 未绑定企业
this
.
$message
.
warning
(
`请绑定企业后进行申报`
)
return
}
else
if
(
this
.
otherInfo
.
disableDeclareButton
===
null
)
{
// 未判断是否收藏
// 未判断是否收藏
this
.
$message
.
warning
(
'请等待数据加载后进行操作'
)
this
.
$message
.
warning
(
'请等待数据加载后进行操作'
)
return
return
...
@@ -649,9 +662,9 @@ export default {
...
@@ -649,9 +662,9 @@ export default {
// 高频操作拦截
// 高频操作拦截
if
(
this
.
mask
.
changeStar
)
return
if
(
this
.
mask
.
changeStar
)
return
this
.
mask
.
changeStar
=
true
this
.
mask
.
changeStar
=
true
// 验证是否登录, 未登录
弹窗提示
// 验证是否登录, 未登录
路由跳转
if
(
this
.
userId
===
null
&&
!
getToken
())
{
if
(
this
.
userId
===
null
&&
!
getToken
())
{
this
.
MessageTipsForLogin
(
)
this
.
$router
.
replace
({
path
:
'/login/index'
,
query
:
{
redirect
:
this
.
$route
.
fullPath
}}
)
// 延时取消遮罩
// 延时取消遮罩
setTimeout
(()
=>
{
setTimeout
(()
=>
{
this
.
mask
.
changeStar
=
false
this
.
mask
.
changeStar
=
false
...
...
src/views/activityInformation/details.vue
View file @
b58d14dc
...
@@ -21,8 +21,8 @@
...
@@ -21,8 +21,8 @@
type=
"primary"
type=
"primary"
:disabled=
"registrationButton"
:disabled=
"registrationButton"
@
click=
"handleAdd"
@
click=
"handleAdd"
>
我要报名
</el-button>
>
<span
class=
"top-button-title"
>
我要报名
</span>
</el-button>
<el-image
v-if=
"image"
style=
"width:
100px;height: 80
px"
:src=
"registration"
/>
<el-image
v-if=
"image"
style=
"width:
62px;height: 62
px"
:src=
"registration"
/>
</div>
</div>
<el-form
ref=
"form"
:model=
"form"
label-width=
"auto"
class=
"form"
>
<el-form
ref=
"form"
:model=
"form"
label-width=
"auto"
class=
"form"
>
<el-row>
<el-row>
...
@@ -67,7 +67,7 @@
...
@@ -67,7 +67,7 @@
</el-form-item>
</el-form-item>
</el-col>
</el-col>
<el-col
:span=
"12"
>
<el-col
:span=
"12"
>
<el-form-item
:label=
"form.registrationWay === '1' ? '报名人数
:' : '限制人数:
'"
>
<el-form-item
:label=
"form.registrationWay === '1' ? '报名人数
:' : '限制人数:
'"
>
<span
class=
"formdate-text"
>
{{
registrationNumber
}}
</span>
<span
class=
"formdate-text"
>
{{
registrationNumber
}}
</span>
</el-form-item>
</el-form-item>
</el-col>
</el-col>
...
@@ -97,7 +97,7 @@
...
@@ -97,7 +97,7 @@
<el-dialog
:close-on-click-modal=
"false"
class=
"signupDialog"
title=
"我要报名"
:visible
.
sync=
"open"
width=
"40%"
append-to-body
>
<el-dialog
:close-on-click-modal=
"false"
class=
"signupDialog"
title=
"我要报名"
:visible
.
sync=
"open"
width=
"40%"
append-to-body
>
<el-form
ref=
"addForm"
:rules=
"rules"
:model=
"addForm"
label-width=
"auto"
>
<el-form
ref=
"addForm"
:rules=
"rules"
:model=
"addForm"
label-width=
"auto"
>
<el-form-item
label=
"参与企业"
prop=
"signUpDept"
>
<el-form-item
label=
"参与企业"
prop=
"signUpDept"
>
<el-select
v-model=
"addForm.signUpDept"
style=
"width: 100%
"
placeholder=
"请输入参与企业"
>
<el-select
size=
"medium"
v-model=
"addForm.signUpDept"
class=
"input
"
placeholder=
"请输入参与企业"
>
<el-option
<el-option
v-for=
"item in enterprises"
v-for=
"item in enterprises"
:key=
"item.id"
:key=
"item.id"
...
@@ -107,18 +107,18 @@
...
@@ -107,18 +107,18 @@
</el-select>
</el-select>
</el-form-item>
</el-form-item>
<el-form-item
label=
"联系人"
prop=
"contact"
>
<el-form-item
label=
"联系人"
prop=
"contact"
>
<el-input
v-model
.
trim=
"addForm.contact"
maxlength=
"30"
placeholder=
"请输入联系人"
/>
<el-input
size=
"medium"
class=
"input"
v-model
.
trim=
"addForm.contact"
maxlength=
"30"
placeholder=
"请输入联系人"
/>
</el-form-item>
</el-form-item>
<el-form-item
label=
"联系电话"
prop=
"phone"
>
<el-form-item
label=
"联系电话"
prop=
"phone"
>
<el-input
v-model
.
trim=
"addForm.phone"
maxlength=
"16"
placeholder=
"请输入联系电话"
/>
<el-input
size=
"medium"
class=
"input"
v-model
.
trim=
"addForm.phone"
maxlength=
"16"
placeholder=
"请输入联系电话"
/>
</el-form-item>
</el-form-item>
<el-form-item
label=
"参与人数"
prop=
"peopleNumber"
>
<el-form-item
label=
"参与人数"
prop=
"peopleNumber"
>
<el-input
v-model
.
trim=
"addForm.peopleNumber"
maxlength=
"10"
oninput=
"value=value.replace(/\D/g,'')"
placeholder=
"请输入参与人数"
/>
<el-input
size=
"medium"
class=
"input"
v-model
.
trim=
"addForm.peopleNumber"
maxlength=
"10"
oninput=
"value=value.replace(/\D/g,'')"
placeholder=
"请输入参与人数"
/>
</el-form-item>
</el-form-item>
</el-form>
</el-form>
<div
class=
"footer"
>
<div
class=
"footer"
>
<el-button
@
click=
"open=false"
>
关闭
</el-button>
<el-button
class=
"cancelBtn"
@
click=
"open=false"
>
关闭
</el-button>
<el-button
type=
"primary"
@
click=
"add"
>
确定
</el-button>
<el-button
class=
"confirmBtn"
type=
"primary"
@
click=
"add"
>
确定
</el-button>
</div>
</div>
</el-dialog>
</el-dialog>
</div>
</div>
...
@@ -148,7 +148,7 @@ export default {
...
@@ -148,7 +148,7 @@ export default {
// 我要报名按钮
// 我要报名按钮
registrationButton
:
false
,
registrationButton
:
false
,
// 已报名图片
// 已报名图片
registration
:
require
(
'@/assets/image/
registrationStatus
.png'
),
registration
:
require
(
'@/assets/image/
yibaoming
.png'
),
// 活动总限制人数
// 活动总限制人数
peopleTotal
:
0
,
peopleTotal
:
0
,
// 活动目前人数
// 活动目前人数
...
@@ -505,6 +505,8 @@ export default {
...
@@ -505,6 +505,8 @@ export default {
font-family
:
Source
Han
Sans
CN-Regular
,
Source
Han
Sans
CN
;
font-family
:
Source
Han
Sans
CN-Regular
,
Source
Han
Sans
CN
;
color
:
#707070
;
color
:
#707070
;
-webkit-background-clip
:
text
;
-webkit-background-clip
:
text
;
max-width
:
1203px
;
text-overflow
:ellipsis
;
}
}
.item.el-form-item__label
{
.item.el-form-item__label
{
color
:
#333333
;
color
:
#333333
;
...
@@ -523,14 +525,14 @@ export default {
...
@@ -523,14 +525,14 @@ export default {
}
}
}
}
.form
{
.form
{
margin-top
:
40
px
;
margin-top
:
15
px
;
}
}
.details-body
{
.details-body
{
margin-top
:
12px
;
margin-top
:
12px
;
//background-color: #d6d6d6;
//background-color: #d6d6d6;
background-color
:
#FFFFFF
;
background-color
:
#FFFFFF
;
padding
:
34px
40px
;
padding
:
34px
40px
;
margin-bottom
:
40
px
;
margin-bottom
:
34
px
;
.title
{
.title
{
text-align
:
center
;
text-align
:
center
;
font-weight
:
bold
;
font-weight
:
bold
;
...
@@ -553,6 +555,7 @@ export default {
...
@@ -553,6 +555,7 @@ export default {
}
}
}
}
.signupDialog
{
.signupDialog
{
padding
:
0px
67px
;
.footer
{
.footer
{
padding
:
20px
10px
0
0
;
padding
:
20px
10px
0
0
;
float
:
right
;
float
:
right
;
...
@@ -565,4 +568,23 @@ export default {
...
@@ -565,4 +568,23 @@ export default {
color
:
#333333
;
color
:
#333333
;
-webkit-background-clip
:
text
;
-webkit-background-clip
:
text
;
}
}
.top-button-title
{
font-size
:
15px
;
font-family
:
Source
Han
Sans
CN-Regular
,
Source
Han
Sans
CN
;
font-weight
:
400
;
color
:
#FFFFFF
;
-webkit-background-clip
:
text
;
}
::v-deep
.el-row
{
margin-bottom
:
4px
;
}
.input
{
width
:
362px
;
height
:
36px
;
line-height
:
32px
;
background
:
#FFFFFF
;
border-radius
:
6px
6px
6px
6px
;
opacity
:
1
;
border
:
1px
solid
#E4E4E4
;
}
</
style
>
</
style
>
src/views/activityInformation/index.vue
View file @
b58d14dc
...
@@ -30,7 +30,7 @@
...
@@ -30,7 +30,7 @@
</el-col>
</el-col>
</el-row>
</el-row>
</div>
</div>
<el-divider
/
>
<!--
<el-divider
/>
--
>
<!-- 列表栏-->
<!-- 列表栏-->
<div
class=
"dateAndInfo"
>
<div
class=
"dateAndInfo"
>
<el-row
:gutter=
"10"
>
<el-row
:gutter=
"10"
>
...
@@ -212,7 +212,7 @@ export default {
...
@@ -212,7 +212,7 @@ export default {
.activityInfo-content
{
.activityInfo-content
{
padding
:
356px
0
0
0
;
padding
:
356px
0
0
0
;
//padding: 360px 260px 0;
//padding: 360px 260px 0;
background-
image
:
linear-gradient
(
to
bottom
right
,
#E8F5FA
,
#FFFFFF
)
;
background-
color
:
#F3F3F3
;
.child
{
.child
{
width
:
1400px
;
width
:
1400px
;
margin
:
auto
;
margin
:
auto
;
...
@@ -228,6 +228,7 @@ export default {
...
@@ -228,6 +228,7 @@ export default {
background
:
#FFFFFF
;
background
:
#FFFFFF
;
opacity
:
1
;
opacity
:
1
;
border
:
1px
solid
#E4E4E4
;
border
:
1px
solid
#E4E4E4
;
margin-bottom
:
12px
;
//background-color: #FFFFFF;
//background-color: #FFFFFF;
.top-row
{
.top-row
{
margin-left
:
20px
;
margin-left
:
20px
;
...
...
src/views/personalCenter/components/messageCenter.vue
View file @
b58d14dc
...
@@ -27,21 +27,21 @@
...
@@ -27,21 +27,21 @@
size=
"mini"
size=
"mini"
type=
"primary"
type=
"primary"
@
click=
"handleCheckDetails(scope.row)"
@
click=
"handleCheckDetails(scope.row)"
>
查看
</el-button>
>
<span
class=
"button-primary-title"
>
查看
</span>
</el-button>
<el-button
<el-button
v-if=
"scope.row.readFlag === '未读'"
v-if=
"scope.row.readFlag === '未读'"
class=
"button-warning"
class=
"button-warning"
size=
"mini"
size=
"mini"
type=
"warning"
type=
"warning"
@
click=
"handleSignRead(scope.row)"
@
click=
"handleSignRead(scope.row)"
><span
style=
"margin-left: -6px"
>
标记
为已读
</span></el-button>
><span
class=
"button-primary-title"
>
标
为已读
</span></el-button>
<el-button
<el-button
v-if=
"scope.row.readFlag === '已读'"
v-if=
"scope.row.readFlag === '已读'"
class=
"button-danger"
class=
"button-danger"
size=
"mini"
size=
"mini"
type=
"danger"
type=
"danger"
@
click=
"handleDel(scope.row)"
@
click=
"handleDel(scope.row)"
>
删除
</el-button>
>
<span
class=
"button-primary-title"
>
删除
</span>
</el-button>
</
template
>
</
template
>
</el-table-column>
</el-table-column>
</el-table>
</el-table>
...
@@ -60,8 +60,10 @@
...
@@ -60,8 +60,10 @@
<
script
>
<
script
>
import
{
getMessageList
,
updateMessage
}
from
'@/views/personalCenter/apis'
import
{
getMessageList
,
updateMessage
}
from
'@/views/personalCenter/apis'
import
ScrollPane
from
"@/layout/components/TagsView/ScrollPane"
;
export
default
{
export
default
{
name
:
'MessageCenter'
,
name
:
'MessageCenter'
,
components
:
{
ScrollPane
},
data
()
{
data
()
{
return
{
return
{
loading
:
false
,
loading
:
false
,
...
@@ -161,7 +163,6 @@ export default {
...
@@ -161,7 +163,6 @@ export default {
<
style
scoped
lang=
"scss"
>
<
style
scoped
lang=
"scss"
>
.messageCenter-module
{
.messageCenter-module
{
width
:
1126px
;
//margin: auto;
//margin: auto;
.info-top
{
.info-top
{
display
:
flex
;
display
:
flex
;
...
@@ -189,7 +190,7 @@ export default {
...
@@ -189,7 +190,7 @@ export default {
font-size
:
15px
;
font-size
:
15px
;
color
:
#333333
;
color
:
#333333
;
font-weight
:
bold
;
font-weight
:
bold
;
padding
:
0
3
0px
;
margin-left
:
6
0px
;
cursor
:
pointer
;
cursor
:
pointer
;
display
:
block
;
display
:
block
;
float
:
left
;
float
:
left
;
...
@@ -215,6 +216,7 @@ export default {
...
@@ -215,6 +216,7 @@ export default {
background
:
#1A78E5
;
background
:
#1A78E5
;
border-color
:
#1A78E5
;
border-color
:
#1A78E5
;
opacity
:
1
;
opacity
:
1
;
border-radius
:
3px
;
}
}
.button-danger
{
.button-danger
{
width
:
78px
;
width
:
78px
;
...
@@ -227,11 +229,34 @@ export default {
...
@@ -227,11 +229,34 @@ export default {
width
:
78px
;
width
:
78px
;
height
:
30px
;
height
:
30px
;
background-color
:
#F18F18
;
background-color
:
#F18F18
;
border-color
:
#F18F18
border-color
:
#F18F18
;
padding
:
0px
;
}
}
.table
{
.table
{
width
:
10
0%
;
width
:
10
66px
;
margin-bottom
:
28px
;
margin-bottom
:
28px
;
}
}
.button-primary-title
{
font-size
:
15px
;
font-family
:
Source
Han
Sans
CN-Regular
,
Source
Han
Sans
CN
;
font-weight
:
400
;
color
:
#FFFFFF
;
-webkit-background-clip
:
text
;
}
::v-deep
.el-table
th
.cell
{
font-size
:
17px
;
padding-left
:
10px
;
display
:
-
webkit-box
;
display
:
-
ms-flexbox
;
display
:
flex
;
height
:
31px
;
-webkit-box-pack
:
start
;
-ms-flex-pack
:
start
;
justify-content
:
flex-start
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
color
:
#333333
;
}
}
}
</
style
>
</
style
>
src/views/personalCenter/components/myDeclaration.vue
View file @
b58d14dc
...
@@ -88,7 +88,6 @@ export default {
...
@@ -88,7 +88,6 @@ export default {
</
script
>
</
script
>
<
style
scoped
lang=
"scss"
>
<
style
scoped
lang=
"scss"
>
.myDeclaration-module
{
.myDeclaration-module
{
width
:
1126px
;
//margin: auto;
//margin: auto;
.el-divider--horizontal
{
.el-divider--horizontal
{
background-color
:
black
!
important
;
background-color
:
black
!
important
;
...
@@ -109,6 +108,7 @@ export default {
...
@@ -109,6 +108,7 @@ export default {
}
}
.body
{
.body
{
padding-top
:
30px
;
padding-top
:
30px
;
padding-right
:
30px
;
::v-deep
.el-table
th
{
::v-deep
.el-table
th
{
background-color
:
white
!
important
;
background-color
:
white
!
important
;
}
}
...
@@ -135,5 +135,20 @@ export default {
...
@@ -135,5 +135,20 @@ export default {
color
:
#1A78E5
;
color
:
#1A78E5
;
-webkit-background-clip
:
text
;
-webkit-background-clip
:
text
;
}
}
::v-deep
.el-table
th
.cell
{
font-size
:
17px
;
padding-left
:
10px
;
display
:
-
webkit-box
;
display
:
-
ms-flexbox
;
display
:
flex
;
height
:
31px
;
-webkit-box-pack
:
start
;
-ms-flex-pack
:
start
;
justify-content
:
flex-start
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
color
:
#333333
;
}
}
}
</
style
>
</
style
>
src/views/personalCenter/index.vue
View file @
b58d14dc
<
template
>
<
template
>
<div
class=
"personalCenter-module"
>
<div
class=
"personalCenter-module"
>
<div
class=
"topHeader"
>
<div
class=
"topHeader"
>
<HomeSearch/>
<HomeSearch
/>
<nav-list
:list=
"navList"
:current-menu=
"'/personalCenter/index'"
/>
<nav-list
:list=
"navList"
:current-menu=
"'/personalCenter/index'"
/>
</div>
</div>
<div
class=
"personalCenter-content"
>
<div
class=
"personalCenter-content"
>
<div
class=
"body"
>
<div
class=
"body"
>
<el-row
:gutter=
"20"
>
<el-row
:gutter=
"20"
>
<el-col
:span=
"1"
>
<el-col
:span=
"1"
>
<i
class=
"el-icon-arrow-left"
style=
"color: #1A78E5;font-weight: bold;padding-top: 40px"
<i
@
click=
"handleGoBack"
/>
class=
"el-icon-arrow-left"
style=
"color: #1A78E5;font-weight: bold;padding-top: 40px"
@
click=
"handleGoBack"
/>
<!--
<el-button
type=
"primary"
icon=
"el-icon-arrow-left"
circle
@
click=
"handleGoBack"
/>
-->
<!--
<el-button
type=
"primary"
icon=
"el-icon-arrow-left"
circle
@
click=
"handleGoBack"
/>
-->
</el-col>
</el-col>
<el-col
:span=
"5"
>
<el-col
:span=
"5"
>
...
@@ -40,25 +43,25 @@
...
@@ -40,25 +43,25 @@
<el-col
:span=
"18"
>
<el-col
:span=
"18"
>
<div
class=
"right-region"
>
<div
class=
"right-region"
>
<div
v-if=
"choseMenu === '个人信息'"
>
<div
v-if=
"choseMenu === '个人信息'"
>
<personal-info/>
<personal-info
/>
</div>
</div>
<div
v-if=
"choseMenu === '关联企业'"
>
<div
v-if=
"choseMenu === '关联企业'"
>
<AffiliatedEnterprises/>
<AffiliatedEnterprises
/>
</div>
</div>
<div
v-if=
"choseMenu === '我的收藏'"
>
<div
v-if=
"choseMenu === '我的收藏'"
>
<my-collection/>
<my-collection
/>
</div>
</div>
<div
v-if=
"choseMenu === '我的申报'"
>
<div
v-if=
"choseMenu === '我的申报'"
>
<my-declaration/>
<my-declaration
/>
</div>
</div>
<div
v-if=
"choseMenu === '我的活动'"
>
<div
v-if=
"choseMenu === '我的活动'"
>
<my-activities/>
<my-activities
/>
</div>
</div>
<div
v-if=
"choseMenu === '修改密码'"
>
<div
v-if=
"choseMenu === '修改密码'"
>
<change-password
@
changeRouter=
"changeRouter"
/>
<change-password
@
changeRouter=
"changeRouter"
/>
</div>
</div>
<div
v-if=
"choseMenu === '消息中心'"
>
<div
v-if=
"choseMenu === '消息中心'"
>
<message-center/>
<message-center
/>
</div>
</div>
</div>
</div>
</el-col>
</el-col>
...
@@ -78,8 +81,8 @@ import myDeclaration from './components/myDeclaration'
...
@@ -78,8 +81,8 @@ import myDeclaration from './components/myDeclaration'
import
personalInfo
from
'./components/personalInfo'
import
personalInfo
from
'./components/personalInfo'
import
HomeSearch
from
'@/views/homePage/components/searchHome/index'
import
HomeSearch
from
'@/views/homePage/components/searchHome/index'
import
NavList
from
'@/views/homePage/components/NavList/index'
import
NavList
from
'@/views/homePage/components/NavList/index'
import
{
myMessage
}
from
'@/views/personalCenter/apis'
import
{
myMessage
}
from
'@/views/personalCenter/apis'
import
{
idGetImg
}
from
'@/views/OneClickService/apis'
import
{
idGetImg
}
from
'@/views/OneClickService/apis'
import
Cookies
from
'js-cookie'
import
Cookies
from
'js-cookie'
import
headImg
from
'../../assets/image/touxiang.png'
import
headImg
from
'../../assets/image/touxiang.png'
...
@@ -101,13 +104,13 @@ export default {
...
@@ -101,13 +104,13 @@ export default {
loading
:
true
,
// 头像遮罩
loading
:
true
,
// 头像遮罩
choseMenu
:
'个人信息'
,
// 选择的模块
choseMenu
:
'个人信息'
,
// 选择的模块
options
:
[
options
:
[
{
name
:
'个人信息'
},
{
name
:
'个人信息'
},
{
name
:
'关联企业'
},
{
name
:
'关联企业'
},
{
name
:
'我的收藏'
},
{
name
:
'我的收藏'
},
{
name
:
'我的申报'
},
{
name
:
'我的申报'
},
{
name
:
'我的活动'
},
{
name
:
'我的活动'
},
{
name
:
'修改密码'
},
{
name
:
'修改密码'
},
{
name
:
'消息中心'
}
{
name
:
'消息中心'
}
],
],
form
:
{
form
:
{
// img: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
// img: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
...
@@ -115,25 +118,25 @@ export default {
...
@@ -115,25 +118,25 @@ export default {
nickName
:
''
nickName
:
''
},
},
personalCenterList
:
[
personalCenterList
:
[
{
img
:
require
(
'@/assets/image/gongju-pic1.jpg'
),
name
:
'石家庄政务服务'
},
{
img
:
require
(
'@/assets/image/gongju-pic1.jpg'
),
name
:
'石家庄政务服务'
},
{
img
:
require
(
'@/assets/image/gongju-pic2.jpg'
),
name
:
'石家庄政务服务'
},
{
img
:
require
(
'@/assets/image/gongju-pic2.jpg'
),
name
:
'石家庄政务服务'
},
{
img
:
require
(
'@/assets/image/gongju-pic3.jpg'
),
name
:
'石家庄政务服务'
},
{
img
:
require
(
'@/assets/image/gongju-pic3.jpg'
),
name
:
'石家庄政务服务'
},
{
img
:
require
(
'@/assets/image/gongju-pic4.jpg'
),
name
:
'石家庄政务服务'
},
{
img
:
require
(
'@/assets/image/gongju-pic4.jpg'
),
name
:
'石家庄政务服务'
},
{
img
:
require
(
'@/assets/image/gongju-pic5.jpg'
),
name
:
'石家庄政务服务'
},
{
img
:
require
(
'@/assets/image/gongju-pic5.jpg'
),
name
:
'石家庄政务服务'
},
{
img
:
require
(
'@/assets/image/gongju-pic6.jpg'
),
name
:
'石家庄政务服务'
}
{
img
:
require
(
'@/assets/image/gongju-pic6.jpg'
),
name
:
'石家庄政务服务'
}
]
]
}
}
},
},
computed
:
{
computed
:
{
navList
()
{
navList
()
{
const
navArray
=
[
const
navArray
=
[
{
menuName
:
'首页'
,
path
:
'/'
,
query
:
{}},
{
menuName
:
'首页'
,
path
:
'/'
,
query
:
{}},
{
menuName
:
'政策直达'
,
path
:
'/PolicyDirect/index'
,
query
:
{}},
{
menuName
:
'政策直达'
,
path
:
'/PolicyDirect/index'
,
query
:
{}},
{
menuName
:
'服务共享'
,
path
:
'/ServiceShare/index'
},
{
menuName
:
'服务共享'
,
path
:
'/ServiceShare/index'
},
{
menuName
:
'企业诉求'
,
path
:
'/EnterpriseAppeal/index'
,
query
:
{}},
{
menuName
:
'企业诉求'
,
path
:
'/EnterpriseAppeal/index'
,
query
:
{}},
{
menuName
:
'一键办事'
,
path
:
'/OneClickService/index'
,
query
:
{}},
{
menuName
:
'一键办事'
,
path
:
'/OneClickService/index'
,
query
:
{}},
{
menuName
:
'活动信息'
,
path
:
'/activityInformation/index'
,
query
:
{}},
{
menuName
:
'活动信息'
,
path
:
'/activityInformation/index'
,
query
:
{}},
{
menuName
:
'个人中心'
,
path
:
'/personalCenter/index'
,
query
:
{}}
{
menuName
:
'个人中心'
,
path
:
'/personalCenter/index'
,
query
:
{}}
]
]
return
navArray
return
navArray
}
}
...
...
src/views/personalCenter/messageDetails.vue
View file @
b58d14dc
...
@@ -7,17 +7,19 @@
...
@@ -7,17 +7,19 @@
<el-row>
<el-row>
<el-col
:span=
"1"
>
<el-col
:span=
"1"
>
<!--
<el-button
class=
"back-button"
type=
"primary"
icon=
"el-icon-arrow-left"
circle
@
click=
"handleGoBack"
/>
-->
<!--
<el-button
class=
"back-button"
type=
"primary"
icon=
"el-icon-arrow-left"
circle
@
click=
"handleGoBack"
/>
-->
<i
class=
"el-icon-arrow-left"
style=
"color: #1A78E5;font-weight: bold;padding-top: 40px"
@
click=
"handleGoBack"
/>
<i
class=
"el-icon-arrow-left"
@
click=
"handleGoBack"
/>
</el-col>
</el-col>
<el-col
:span=
"23"
>
<el-col
:span=
"23"
>
<div
style=
"background-color: #ffffff;padding:
50
px 30px 20px 30px;min-height: 500px"
>
<div
style=
"background-color: #ffffff;padding:
29
px 30px 20px 30px;min-height: 500px"
>
<div
class=
"info-top"
>
<div
class=
"info-top"
>
<div
class=
"title"
>
消息详情
</div>
<div
class=
"title"
>
消息详情
</div>
<el-button
type=
"text"
class=
"updataBtn"
@
click=
"handleDel"
>
删除
</el-button>
<el-button
type=
"text"
class=
"updataBtn"
@
click=
"handleDel"
>
<i
class=
"el-icon-delete-solid"
/>
删除
</el-button>
</div>
</div>
<!--
<el-divider
/>
-->
<!--
<el-divider
/>
-->
<div
class=
"body"
>
<div
class=
"body"
>
<div
class=
"title"
>
{{
form
.
title
}}
</div>
<div
class=
"
form-
title"
>
{{
form
.
title
}}
</div>
<div
class=
"value"
>
{{
form
.
content
}}
</div>
<div
class=
"value"
>
{{
form
.
content
}}
</div>
<div
class=
"time"
>
{{
form
.
createTime
}}
</div>
<div
class=
"time"
>
{{
form
.
createTime
}}
</div>
</div>
</div>
...
@@ -106,7 +108,8 @@ export default {
...
@@ -106,7 +108,8 @@ export default {
width
:
100%
;
width
:
100%
;
}
}
.messageDetails-content
{
.messageDetails-content
{
padding
:
310px
120px
40px
;
width
:
1400px
;
padding
:
312px
120px
34px
;
//margin-top: 30px;
//margin-top: 30px;
.back-button
{
.back-button
{
margin-top
:
30px
;
margin-top
:
30px
;
...
@@ -120,13 +123,18 @@ export default {
...
@@ -120,13 +123,18 @@ export default {
.title
{
.title
{
font-weight
:
bold
;
font-weight
:
bold
;
font-size
:
17px
;
font-size
:
17px
;
color
:
#333333
;
}
}
.updataBtn
{
.updataBtn
{
font-size
:
15px
;
font-family
:
Source
Han
Sans
CN-Regular
,
Source
Han
Sans
CN
;
font-weight
:
400
;
color
:
#1A78E5
;
-webkit-background-clip
:
text
;
}
}
}
}
.body
{
.body
{
padding-top
:
40
px
;
padding-top
:
34
px
;
.title
{
.title
{
text-align
:
center
;
text-align
:
center
;
font-weight
:
bold
;
font-weight
:
bold
;
...
@@ -134,13 +142,41 @@ export default {
...
@@ -134,13 +142,41 @@ export default {
padding-bottom
:
35px
;
padding-bottom
:
35px
;
}
}
.value
{
.value
{
text-indent
:
2em
;
font-size
:
15px
;
font-family
:
Source
Han
Sans
CN-Regular
,
Source
Han
Sans
CN
;
font-weight
:
400
;
color
:
#333333
;
line-height
:
25px
;
-webkit-background-clip
:
text
;
}
}
.time
{
.time
{
padding-top
:
30px
;
padding-top
:
30px
;
float
:
right
;
float
:
right
;
font-size
:
15px
;
font-family
:
Source
Han
Sans
CN-Regular
,
Source
Han
Sans
CN
;
font-weight
:
400
;
color
:
#333333
;
line-height
:
24px
;
-webkit-background-clip
:
text
;
}
.form-title
{
text-align
:
center
;
font-size
:
19px
;
font-family
:
Source
Han
Sans
CN-Bold
,
Source
Han
Sans
CN
;
font-weight
:
bold
;
color
:
#333333
;
-webkit-background-clip
:
text
;
line-height
:
24px
;
padding-bottom
:
36px
;
}
}
}
}
}
}
.el-icon-arrow-left
{
color
:
#1A78E5
;
font-weight
:
bold
;
padding-top
:
41px
;
float
:
right
;
margin-right
:
20px
;
}
}
}
</
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