This commit is contained in:
liuye
2024-03-11 11:59:02 +08:00
parent 07212f3ac7
commit 0ade3a59f1
3 changed files with 133 additions and 71 deletions

View File

@@ -1,14 +1,16 @@
div<template> div<template>
<div class="Detail" v-if="pageShow"> <div class="Detail" v-if="pageShow">
<div class="top"> <div class="top">
<div :class="name == '婚礼' ? 'top-pad marry-css' : 'top-pad'">
<div class="item-top"> <div class="item-top">
<image :src="info.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'" /> <image :src="info.createUserAvatar || 'https://cdn.cunwuyun.cn/fengdu/avatar.png'" />
<div class="right"> <div class="right">
<h3>{{ info.createUserName }}</h3> <h3>{{ info.createUserName }}</h3>
<span v-if="info.publishDepartName">{{ info.publishDepartName }}</span> <span v-if="info.publishDepartName">{{ info.publishDepartName }}</span>
</div> </div>
<div class="top-btn" v-if="info.integralTaskId && info.integralTaskInfo.status != 2 && info.showSignBtn" @click="toTask">去参与</div> <div class="top-btn" v-if="info.integralTaskId && info.integralTaskInfo.status != 2 && info.showSignBtn" @click="toTask">去参与</div>
</div> </div>
<image src="https://cdn.cunwuyun.cn/fengdu/marry-top.png" class="marry-top" v-if="name == '婚礼'" />
<div class="item-content"> <div class="item-content">
<span v-if="name" @click="toTopic('./TopicDetail?themeId=' + themeId + '&name=' + name)">#{{ name }}</span> <span v-if="name" @click="toTopic('./TopicDetail?themeId=' + themeId + '&name=' + name)">#{{ name }}</span>
<text v-if="info.integralTaskId">{{ info.integralTaskInfo.detail }}</text> <text v-if="info.integralTaskId">{{ info.integralTaskInfo.detail }}</text>
@@ -36,7 +38,12 @@ div<template>
<div class="item-imgs" v-if="info.files && info.files.length"> <div class="item-imgs" v-if="info.files && info.files.length">
<image mode="aspectFill" @click="previewImage(item.url, info.files)" v-for="(item, index) in info.files" :key="index" :src="item.url" /> <image mode="aspectFill" @click="previewImage(item.url, info.files)" v-for="(item, index) in info.files" :key="index" :src="item.url" />
</div> </div>
<div class="time-flex">
<p>{{ info.createTime }}</p> <p>{{ info.createTime }}</p>
<image src="https://cdn.cunwuyun.cn/fengdu/marry-bottom.png" class="marry-bottom" v-if="name == '婚礼'" />
</div>
</div>
<div class="item-bottom"> <div class="item-bottom">
<button open-type="share"> <button open-type="share">
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-zhuanfa.png" /> <image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-zhuanfa.png" />
@@ -647,7 +654,7 @@ div<template>
} }
& > .top { & > .top {
padding: 32px 32px 0; // padding: 32px 32px 0;
background: #ffffff; background: #ffffff;
position: relative; position: relative;
@@ -780,5 +787,29 @@ div<template>
right: 32px; right: 32px;
} }
} }
.top-pad {
padding: 32px;
}
.marry-css {
background-image: linear-gradient(191deg, #FFE0E4 0%, #FFFFFF 89%);
position: relative;
.marry-top {
width: 216px;
height: 100px;
position: absolute;
top: 18px;
right: 12px;
}
.time-flex {
display: flex;
justify-content: space-between;
.marry-bottom {
width: 300px;
height: 40px;
margin-top: -4px;
}
}
}
} }
</style> </style>

View File

@@ -33,6 +33,7 @@
<AiItem label="性别" :value="$dict.getLabel('sex', info.judgeSex)"/> <AiItem label="性别" :value="$dict.getLabel('sex', info.judgeSex)"/>
<AiItem label="联系电话" :value="info.judgePhone"/> <AiItem label="联系电话" :value="info.judgePhone"/>
<AiItem label="家庭住址" :value="info.judgeAddress"/> <AiItem label="家庭住址" :value="info.judgeAddress"/>
<AiItem label="纠纷类别" :value="$dict.getLabel('qujingDisputeCategory', info.judgeDisputeCategory)"/>
<AiItem label="排查内容" class="not-line"> <AiItem label="排查内容" class="not-line">
<span v-for="(item, index) in info.judgeRiskList" :key="index"> <span v-for="(item, index) in info.judgeRiskList" :key="index">
<span v-if="index > 0">,</span>{{ $dict.getLabel('qujingRisk', item) }} <span v-if="index > 0">,</span>{{ $dict.getLabel('qujingRisk', item) }}
@@ -106,7 +107,7 @@ export default {
onLoad(query) { onLoad(query) {
this.id = query.id this.id = query.id
this.getInfo() this.getInfo()
this.$dict.load(['qujingEventStatus', 'qujingDoStatus', 'qujingEventType', 'sex', 'qujingRisk', 'qujingRiskLevel']) this.$dict.load(['qujingEventStatus', 'qujingDoStatus', 'qujingEventType', 'sex', 'qujingRisk', 'qujingRiskLevel', 'qujingDisputeCategory'])
}, },
methods: { methods: {
getInfo() { getInfo() {

View File

@@ -1,6 +1,7 @@
<template> <template>
<div class="Detail" v-if="pageShow"> <div class="Detail" v-if="pageShow">
<div class="top"> <div class="top">
<div :class="name == '婚礼' ? 'top-pad marry-css' : 'top-pad'">
<div class="item-top"> <div class="item-top">
<image :src="info.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'"/> <image :src="info.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'"/>
<div class="right"> <div class="right">
@@ -11,6 +12,7 @@
@click="toTask">去参与 @click="toTask">去参与
</div> </div>
</div> </div>
<image src="https://cdn.cunwuyun.cn/fengdu/marry-top.png" class="marry-top" v-if="name == '婚礼'" />
<div class="item-content"> <div class="item-content">
<span v-if="name" @click="toTopic('./TopicDetail?themeId=' + themeId + '&name=' + name)">#{{ name }}</span> <span v-if="name" @click="toTopic('./TopicDetail?themeId=' + themeId + '&name=' + name)">#{{ name }}</span>
<text v-if="info.integralTaskId">{{ info.integralTaskInfo.detail }}</text> <text v-if="info.integralTaskId">{{ info.integralTaskInfo.detail }}</text>
@@ -41,7 +43,11 @@
<image mode="aspectFill" @click="previewImage(item.url, info.files)" v-for="(item, index) in info.files" <image mode="aspectFill" @click="previewImage(item.url, info.files)" v-for="(item, index) in info.files"
:key="index" :src="item.url"/> :key="index" :src="item.url"/>
</div> </div>
<div class="time-flex">
<p>{{ info.createTime }}</p> <p>{{ info.createTime }}</p>
<image src="https://cdn.cunwuyun.cn/fengdu/marry-bottom.png" class="marry-bottom" v-if="name == '婚礼'" />
</div>
</div>
<div class="item-bottom"> <div class="item-bottom">
<button open-type="share"> <button open-type="share">
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-zhuanfa.png"/> <image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-zhuanfa.png"/>
@@ -651,7 +657,7 @@ export default {
} }
& > .top { & > .top {
padding: 32px 32px 0; // padding: 32px 32px 0;
background: #ffffff; background: #ffffff;
position: relative; position: relative;
@@ -786,6 +792,30 @@ export default {
top: 52px; top: 52px;
right: 32px; right: 32px;
} }
.top-pad {
padding: 32px;
}
.marry-css {
background-image: linear-gradient(191deg, #FFE0E4 0%, #FFFFFF 89%);
position: relative;
.marry-top {
width: 216px;
height: 100px;
position: absolute;
top: 18px;
right: 12px;
}
.time-flex {
display: flex;
justify-content: space-between;
.marry-bottom {
width: 300px;
height: 40px;
margin-top: -4px;
}
}
}
} }
} }
</style> </style>