all
This commit is contained in:
我是个攻城狮
@@ -0,0 +1,389 @@
|
||||
<template>
|
||||
<Layout :index="-1" :banner="0" :img="'/static/img/about.jpg'" :titles="'个人中心'" :title_content="'个人中心'">
|
||||
<view class="bg ptm-80">
|
||||
<view class="content">
|
||||
<view class="content_left">
|
||||
<memberleft :index="'5'"></memberleft>
|
||||
</view>
|
||||
<view class="content_right">
|
||||
<view class="tops">
|
||||
<view class="mtitle">
|
||||
<image src="../static/img/member/back.png" class="bimg" @tap="goBack()"></image>
|
||||
<image src="../static/img/member/tz.png" class="mimg"></image>
|
||||
信息详情
|
||||
</view>
|
||||
<view class="del" @tap="ndel()">
|
||||
<image src="../static/img/member/del.png" class="delimg"></image>
|
||||
删除
|
||||
</view>
|
||||
</view>
|
||||
<view class="lines"></view>
|
||||
|
||||
<view class="content_r">
|
||||
<view class="notice_title">
|
||||
{{detailData.title}}
|
||||
</view>
|
||||
<view class="notice_time">
|
||||
{{detailData.create_time}}
|
||||
</view>
|
||||
<view class="notice_desc">
|
||||
<!-- 用于处理 \n 换行和多空行安全显示 -->
|
||||
<view v-html="(detailData.content || '').replace(/\n/g, '<br>')"></view>
|
||||
</view>
|
||||
<!-- 合同信息 -->
|
||||
<view class="contract" v-if="1==2">
|
||||
<view class="contract_title">
|
||||
合同信息
|
||||
</view>
|
||||
<view class="contract_list">
|
||||
<view class="contract_item">
|
||||
<view class="contract_item_title">
|
||||
合同名称
|
||||
</view>
|
||||
<view class="contract_item_content">
|
||||
xxxxxx资产项目与平台签署的评估服务协议
|
||||
</view>
|
||||
</view>
|
||||
<view class="contract_item">
|
||||
<view class="contract_item_title">
|
||||
合同编号
|
||||
</view>
|
||||
<view class="contract_item_content">
|
||||
HT202405200001
|
||||
</view>
|
||||
</view>
|
||||
<!-- 签约时间 生效日期 到期时间 -->
|
||||
<view class="contract_item">
|
||||
<view class="contract_item_title">
|
||||
签约时间
|
||||
</view>
|
||||
<view class="contract_item_content">
|
||||
2026-04-16 10:30:25
|
||||
</view>
|
||||
</view>
|
||||
<view class="contract_item">
|
||||
<view class="contract_item_title">
|
||||
生效日期
|
||||
</view>
|
||||
<view class="contract_item_content">
|
||||
2026-04-16 10:30:25
|
||||
</view>
|
||||
</view>
|
||||
<view class="contract_item">
|
||||
<view class="contract_item_title">
|
||||
到期时间
|
||||
</view>
|
||||
<view class="contract_item_content">
|
||||
2026-04-16 10:30:25
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 相关操作 -->
|
||||
|
||||
<view class="notice_btn" v-if="1==2">
|
||||
<view class="notice_cz">相关操作</view>
|
||||
<button class="btn">下载服务合同</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</Layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Layout from './part/layouts.vue';
|
||||
import memberleft from './part/member_left.vue';
|
||||
export default {
|
||||
components:{
|
||||
Layout,
|
||||
memberleft
|
||||
},
|
||||
data(){
|
||||
return {
|
||||
page: 1,
|
||||
list_rows: 10,
|
||||
detailData: [],
|
||||
total: 0,
|
||||
name:'',
|
||||
id:''
|
||||
}
|
||||
},
|
||||
created() {
|
||||
const width = window.innerWidth;
|
||||
const height = window.innerHeight;
|
||||
const mobileWidth = 768; // 可以根据需要调整这个值
|
||||
const isMobile = width <= mobileWidth || height <= mobileWidth;
|
||||
if(isMobile){
|
||||
this.list_rows = 30;
|
||||
}
|
||||
let obj = this.$Route.query;
|
||||
if(obj.hasOwnProperty('id')){
|
||||
this.id = obj.id;
|
||||
}
|
||||
this.getData();
|
||||
console.log(this.id,222222222);
|
||||
},
|
||||
onShow() {
|
||||
},
|
||||
|
||||
methods:{
|
||||
goBack(){
|
||||
uni.navigateTo({
|
||||
url: '/notice_list'
|
||||
});
|
||||
|
||||
},
|
||||
downloadPDF(e) {
|
||||
if(!e){
|
||||
this.$message.error('评估报告生成中~');
|
||||
}else{
|
||||
window.open(e, '_blank');
|
||||
}
|
||||
// 下载
|
||||
// const pdfUrl = e;
|
||||
// const a = document.createElement('a');
|
||||
// a.href = pdfUrl;
|
||||
// a.download = '评估报告.pdf';
|
||||
// a.click();
|
||||
// document.body.removeChild(a);
|
||||
},
|
||||
goEdit(e){
|
||||
this.$router.push({
|
||||
path: 'notice_details',
|
||||
query: {
|
||||
id: e
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
/*每页多少条*/
|
||||
handleSizeChange(val){
|
||||
this.list_rows = val;
|
||||
this.getData();
|
||||
},
|
||||
/*选择第几页*/
|
||||
handleCurrentChange(val){
|
||||
this.page = val;
|
||||
this.getData();
|
||||
},
|
||||
getData(){
|
||||
this._get('notice.Notice/detail',{
|
||||
notice_id: this.id,
|
||||
},res=>{
|
||||
this.detailData = res.data;
|
||||
}
|
||||
,err=>{
|
||||
uni.showToast({
|
||||
icon:'none',
|
||||
title: err.data.msg
|
||||
})
|
||||
return;
|
||||
// this.$message(err.data.msg);
|
||||
}
|
||||
);
|
||||
},
|
||||
ndel() {
|
||||
// 优化加上二次确认
|
||||
this.$confirm && typeof this.$confirm === 'function'
|
||||
? this.$confirm('确定要删除该通知信息吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this._post('/notice.Notice/delete', {
|
||||
notice_id: this.id,
|
||||
}, res => {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: '操作成功'
|
||||
})
|
||||
setTimeout(() => {
|
||||
this.$router.push({ path: 'notice_list' });
|
||||
}, 1500);
|
||||
}, err => {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: err.data.msg
|
||||
})
|
||||
return;
|
||||
});
|
||||
}).catch(() => {
|
||||
// 用户取消了删除，不做处理
|
||||
})
|
||||
:'';
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.bg{
|
||||
width: 100%;
|
||||
background: #F1F1F1;
|
||||
min-height: 800px;
|
||||
}
|
||||
.content{
|
||||
width: 1290px;
|
||||
margin: 0 auto;
|
||||
padding-top: 14px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.content_left{
|
||||
width: 245px;
|
||||
min-height: 789px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 10px 0px rgba(78,89,105,0.06);
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
}
|
||||
.content_right{
|
||||
width: 1024px;
|
||||
min-height: 789px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 10px 0px rgba(78,89,105,0.06);
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
}
|
||||
.mtitle{
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
color: #3D3D3D;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
display: flex;
|
||||
width: 500px;
|
||||
align-items: center;
|
||||
}
|
||||
.lines{
|
||||
width: 985px;
|
||||
height: 0px;
|
||||
border: 1px solid #D8D8D8;
|
||||
opacity: 0.6;
|
||||
margin:0 auto;
|
||||
}
|
||||
.bimg{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 14px;
|
||||
margin-left: 38px;
|
||||
}
|
||||
.mimg{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.content_r{
|
||||
padding: 30px 40px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.tops{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.del{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 54px;
|
||||
margin-right: 52px;
|
||||
font-family: Source Han Sans, Source Han Sans;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #7B7B7B;
|
||||
line-height: 22px;
|
||||
text-align: right;
|
||||
cursor: pointer;
|
||||
}
|
||||
.delimg{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.notice_title{
|
||||
font-family: Source Han Sans, Source Han Sans;
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
color: #3D3D3D;
|
||||
line-height: 22px;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.notice_time{
|
||||
font-family: Source Han Sans, Source Han Sans;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #767676;
|
||||
line-height: 22px;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.notice_desc{
|
||||
width: 765px;
|
||||
min-height: 134px;
|
||||
font-family: Source Han Sans, Source Han Sans;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #3D3D3D;
|
||||
line-height: 22px;
|
||||
text-align: left;
|
||||
margin-top: 32px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.contract{
|
||||
width: 568px;
|
||||
height: 238px;
|
||||
border-radius: 10px;
|
||||
background-color: #f7f9f8;
|
||||
padding: 26px 0;
|
||||
}
|
||||
.contract_title{
|
||||
color: #3D3D3D;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
margin-left: 21px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.contract_item{
|
||||
display: flex;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.contract_item_title{
|
||||
font-size: 16px;
|
||||
color: #767d8c;
|
||||
margin-left: 21px;
|
||||
}
|
||||
.contract_item_content{
|
||||
margin-left: 80px;
|
||||
font-size: 16px;
|
||||
color: #434a5a;
|
||||
}
|
||||
.notice_cz{
|
||||
margin-top: 30px;
|
||||
margin-bottom: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.notice_btn .btn{
|
||||
width: 154px;
|
||||
height: 46px;
|
||||
border-radius: 4px;
|
||||
background-color: #F78A30;
|
||||
line-height: 46px;
|
||||
text-align: center;
|
||||
margin-left: 0;
|
||||
color: #ffffff;
|
||||
font-size: 16px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user