Commit b58d14dc authored by 高宇's avatar 高宇

Merge remote-tracking branch 'origin/master'

parents 26825583 f15b4fa3
...@@ -434,6 +434,7 @@ label { ...@@ -434,6 +434,7 @@ label {
// 分页器居右显示 // 分页器居右显示
.el-pagination { .el-pagination {
font-weight: unset!important;
text-align: right; text-align: right;
} }
......
...@@ -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);
......
...@@ -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
......
...@@ -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: 80px" :src="registration" /> <el-image v-if="image" style="width: 62px;height: 62px" :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: 40px; margin-top: 15px;
} }
.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: 40px; margin-bottom: 34px;
.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>
...@@ -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;
......
...@@ -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 30px; margin-left: 60px;
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: 100%; width: 1066px;
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>
...@@ -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>
<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
} }
......
...@@ -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: 50px 30px 20px 30px;min-height: 500px"> <div style="background-color: #ffffff;padding: 29px 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: 40px; padding-top: 34px;
.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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment