初始化产品库
This commit is contained in:
aixianling
69
src/pages/snapshot/components/handlePage/handlePage.vue
Normal file
69
src/pages/snapshot/components/handlePage/handlePage.vue
Normal file
@@ -0,0 +1,69 @@
|
||||
<template>
|
||||
<div class="result-page">
|
||||
<img :src="imgSrc" alt="">
|
||||
<text>{{text}}</text>
|
||||
<u-button type="primary" :custom-style="{width:'100%',borderRadius:'4px',marginTop:'48px'}" @click="goBack">{{btnText}}</u-button>
|
||||
<back></back>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Back from "../../../../components/AiBack"
|
||||
export default {
|
||||
name: "handlePage",
|
||||
components: {Back},
|
||||
data() {
|
||||
return {
|
||||
flag: true
|
||||
}
|
||||
},
|
||||
onLoad(val) {
|
||||
if (val.flag) {
|
||||
this.flag = val.flag
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
uni.navigateBack({
|
||||
delta:2
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
text(){
|
||||
return this.flag ? '处理成功！' : '处理失败'
|
||||
},
|
||||
btnText(){
|
||||
return this.flag ? '查看详情' : '我知道了'
|
||||
},
|
||||
imgSrc(){
|
||||
return this.flag ? (this.imgOtherUrl + 'kztcg.png') : (this.imgOtherUrl + 'kztsb.png')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.result-page {
|
||||
min-height: 100%;
|
||||
background-color: #ffffff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 96px ;
|
||||
|
||||
img {
|
||||
width: 192px;
|
||||
height: 192px;
|
||||
}
|
||||
|
||||
text{
|
||||
font-size: 36px;
|
||||
font-weight: 800;
|
||||
color: #333333;
|
||||
line-height: 50px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
310
src/pages/snapshot/handleResult.vue
Normal file
310
src/pages/snapshot/handleResult.vue
Normal file
@@ -0,0 +1,310 @@
|
||||
<template>
|
||||
<div class="report-wrapper">
|
||||
<div class="report-form">
|
||||
<div class="form-item">
|
||||
<div class="form-item__left" shrink>
|
||||
<i>*</i>
|
||||
<label>上报类型</label>
|
||||
</div>
|
||||
<div class="form-item__right">
|
||||
<ai-select :list="reportTypes" @data="selectReportType"/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="reportType" class="form-item">
|
||||
<div class="form-item__left" shrink>
|
||||
<i>*</i>
|
||||
<label>事件类型</label>
|
||||
</div>
|
||||
<div class="form-item__right">
|
||||
<ai-select :list="eventTypes" :value="eventType" @data="selectEventType"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-item" v-if="!!eventType">
|
||||
<div class="form-item__left">
|
||||
<i>*</i>
|
||||
<label>信用积分</label>
|
||||
</div>
|
||||
<div class="form-item__right">
|
||||
<span class="score"> {{ integralType }}{{ integralScore }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-area">
|
||||
<div class="form-area__top">
|
||||
<i>*</i>
|
||||
<label>处理结果</label>
|
||||
</div>
|
||||
<textarea
|
||||
placeholder="请输入处理结果描述（200字以内）"
|
||||
:maxlength="200"
|
||||
v-model="explain"
|
||||
></textarea>
|
||||
</div>
|
||||
<div class="form-area">
|
||||
<div class="form-area__top">
|
||||
<!-- <i>*</i>-->
|
||||
<label>图片上传（最多9张）</label>
|
||||
</div>
|
||||
<div class="uploader">
|
||||
<ai-uploader
|
||||
:limit="9"
|
||||
multiple
|
||||
@data="e=>files.push(e.file)"
|
||||
@change="e=>files = e"
|
||||
></ai-uploader>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div bottom>
|
||||
<u-button type="primary" @click="handleSubmit">提交</u-button>
|
||||
</div>
|
||||
<back></back>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AiUploader from '../../components/AiUploader'
|
||||
import Back from '../../components/AiBack'
|
||||
import AiSelect from '../../components/AiSelect'
|
||||
|
||||
export default {
|
||||
name: 'handleResult',
|
||||
computed: {
|
||||
eventTypes() {
|
||||
return this.eventTypeList.map(e => ({value: e.id, label: e.ruleName}))
|
||||
},
|
||||
reportTypes() {
|
||||
return this.$dict.getDict('integralDetailType').map(e => ({value: e.dictValue, label: e.dictName}))
|
||||
},
|
||||
integralScore() {
|
||||
return (
|
||||
this.eventTypeList?.find(e => e.id == this.eventType)?.integral || 0
|
||||
)
|
||||
},
|
||||
integralType() {
|
||||
return this.integralScore == 0
|
||||
? ''
|
||||
: this.eventTypeList?.find(e => e.id == this.eventType)?.integralType ==
|
||||
0
|
||||
? ''
|
||||
: '+'
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
eventType: '',//事件类型
|
||||
reportType: '',//上报类型
|
||||
dictList: [],
|
||||
eventTypeList: [],
|
||||
id: null,
|
||||
reportIndex: null,
|
||||
files: [],
|
||||
explain: ''
|
||||
}
|
||||
},
|
||||
components: {AiSelect, Back, AiUploader},
|
||||
onLoad(opt) {
|
||||
if (opt) {
|
||||
let {id, reportType} = opt
|
||||
this.id = id
|
||||
this.reportType = reportType
|
||||
this.$dict.load(['integralDetailType']).then(() => {
|
||||
this.getDetailTypes(reportType)
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
selectEventType(selecteds) {
|
||||
this.eventType = selecteds?.[0]?.value
|
||||
},
|
||||
selectReportType(selecteds) {
|
||||
this.reportType = ""
|
||||
this.$nextTick(() => {
|
||||
this.reportType = selecteds?.[0]?.value
|
||||
this.eventType = ""
|
||||
this.getDetailTypes(this.reportType)
|
||||
})
|
||||
},
|
||||
getDetailTypes(classification) {
|
||||
this.$http.post(`/app/appvillagerintegralrule/listForWx`, null, {
|
||||
params: {classification, current: 1, size: 999, ruleStatus: 1}
|
||||
}).then(res => {
|
||||
if (res?.data) {
|
||||
this.eventTypeList = res.data.records
|
||||
}
|
||||
})
|
||||
},
|
||||
handleSubmit() {
|
||||
if (!this.reportType) {
|
||||
return this.$u.toast("请选择上报类型")
|
||||
}
|
||||
if (!this.eventType) {
|
||||
return this.$u.toast("请选择事件类型")
|
||||
}
|
||||
if (this.explain == '') {
|
||||
return this.$u.toast("请填写处理结果")
|
||||
}
|
||||
this.$http.post(`/app/appreportatwillinfo/handle`, {
|
||||
handleFiles: this.files,
|
||||
reportType: this.reportType,
|
||||
ruleId: this.eventType,
|
||||
handleResult: this.explain,
|
||||
id: this.id
|
||||
})
|
||||
.then(res => {
|
||||
if (res?.code == 0) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/snapshot/components/handlePage/handlePage'
|
||||
})
|
||||
}
|
||||
})
|
||||
.catch(e => {
|
||||
this.$u.toast(e || '网络异常')
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.report-wrapper {
|
||||
min-height: 100%;
|
||||
padding-bottom: 112px;
|
||||
box-sizing: border-box;
|
||||
background-color: #f3f6f9;
|
||||
|
||||
.report-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 112px;
|
||||
line-height: 112px;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
font-size: 34px;
|
||||
font-weight: 600;
|
||||
background: #135ab8;
|
||||
}
|
||||
}
|
||||
|
||||
.phone {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.address {
|
||||
max-width: 400px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
::v-deep .picker {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 112px;
|
||||
line-height: 112px;
|
||||
font-size: 32px;
|
||||
|
||||
span {
|
||||
position: relative;
|
||||
top: -10px;
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .picker .AiArea {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 112px;
|
||||
line-height: 112px;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
.form-area {
|
||||
margin-bottom: 16px;
|
||||
padding: 34px 32px 34px 32px;
|
||||
background: #fff;
|
||||
|
||||
.form-area__top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 32px;
|
||||
|
||||
i {
|
||||
margin-right: 4px;
|
||||
color: #ff4466;
|
||||
}
|
||||
|
||||
label {
|
||||
color: #333333 !important;
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
height: 140px;
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
.uploader {
|
||||
padding-left: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 112px;
|
||||
margin-bottom: 16px;
|
||||
padding: 0 32px 0 32px;
|
||||
background: #fff;
|
||||
|
||||
.form-item__left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
i {
|
||||
margin-right: 4px;
|
||||
color: #ff4466;
|
||||
}
|
||||
|
||||
label {
|
||||
color: #333333 !important;
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-item__right {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
margin-left: 16px;
|
||||
|
||||
span {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.score {
|
||||
font-size: 34px;
|
||||
font-weight: 600;
|
||||
color: #e6736e;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .AiSelect {
|
||||
.display {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.selectedLabel {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
281
src/pages/snapshot/snapshot.vue
Normal file
281
src/pages/snapshot/snapshot.vue
Normal file
@@ -0,0 +1,281 @@
|
||||
<template>
|
||||
<div class="snapshot">
|
||||
<div class="banner">
|
||||
<picker :range="dictList" @change="bindPickerChange" range-key="dictName">
|
||||
<div class="picker">
|
||||
{{ reportType }}
|
||||
<u-icon
|
||||
name="arrow-down"
|
||||
:custom-style="{ margin: '0 4px' }"
|
||||
></u-icon>
|
||||
</div>
|
||||
</picker>
|
||||
<u-search
|
||||
placeholder="请输入标题"
|
||||
:show-action="false"
|
||||
v-model="keyword"
|
||||
@clear="search"
|
||||
@search="search"
|
||||
/>
|
||||
</div>
|
||||
<u-tabs
|
||||
class="nav"
|
||||
:list="tabs"
|
||||
:is-scroll="false"
|
||||
:current="currentType"
|
||||
font-size="32"
|
||||
bar-width="192"
|
||||
height="96"
|
||||
@change="handleTabClick"
|
||||
/>
|
||||
<div class="body" v-if="eventList.length > 0">
|
||||
<div
|
||||
class="item"
|
||||
v-for="(item, index) in eventList"
|
||||
:key="index"
|
||||
@click="detail(item)"
|
||||
>
|
||||
<u-row justify="between">
|
||||
<u-row>
|
||||
<img
|
||||
class="avatar"
|
||||
:src="item.portrait ? item.portrait : imgOtherUrl + 'tx.png'"
|
||||
alt=""/>
|
||||
<div class="wrap">
|
||||
<span class="name">{{ item.nickName }}</span>
|
||||
<span class="date">{{ item.createTime }}</span>
|
||||
</div>
|
||||
</u-row>
|
||||
<u-row>
|
||||
<u-icon :name="$cdn + 'Location2@2x.png'" :custom-style="{width:'20px',height:'20px'}"></u-icon>
|
||||
<span class="date">{{item.areaName}}</span>
|
||||
</u-row>
|
||||
</u-row>
|
||||
<div class="content">
|
||||
<span class="text">
|
||||
<span class="targ" v-if="item.reportType">{{
|
||||
$dict.getLabel('atWillReportTypeForCp', item.reportType)
|
||||
}}</span>
|
||||
{{ item.explain }}</span>
|
||||
</div>
|
||||
<div class="photos">
|
||||
<img
|
||||
:src="photo.url"
|
||||
v-for="(photo, idx) in item.files.slice(0,3)"
|
||||
:key="idx"
|
||||
@click.stop="previewImage(index, idx)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<AiEmpty v-else/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AiEmpty from '../../components/AiEmpty/AiEmpty'
|
||||
import {mapState} from "vuex"
|
||||
|
||||
export default {
|
||||
name: "snapshot",
|
||||
components: {AiEmpty},
|
||||
data() {
|
||||
return {
|
||||
dictList: [],
|
||||
index: 0,
|
||||
keyword: '',
|
||||
currentCategory: '',
|
||||
currentType: 0,
|
||||
reportType: '上报类型',
|
||||
reportIndex: '',
|
||||
pageNum: 1,
|
||||
pages: 2,
|
||||
eventList: [],
|
||||
}
|
||||
},
|
||||
|
||||
onShow() {
|
||||
this.$dict.load('atWillReportTypeForCp').then(() => {
|
||||
this.dictList = this.$dict.getDict('atWillReportTypeForCp')
|
||||
this.getList()
|
||||
})
|
||||
},
|
||||
|
||||
methods: {
|
||||
detail(item) {
|
||||
uni.navigateTo({
|
||||
url: "/pages/snapshot/snapshotDetail?id=" + item.id
|
||||
})
|
||||
},
|
||||
bindPickerChange(e) {
|
||||
this.pageNum = 1;
|
||||
this.pages = 2;
|
||||
let index = e.detail.value
|
||||
this.reportType = this.dictList[index].dictName
|
||||
this.reportIndex = index
|
||||
this.getList()
|
||||
},
|
||||
handleTabClick(i) {
|
||||
this.currentType = i
|
||||
this.pageNum = 1;
|
||||
this.pages = 2;
|
||||
this.getList()
|
||||
},
|
||||
search() {
|
||||
this.pageNum = 1;
|
||||
this.pages = 2;
|
||||
this.getList()
|
||||
},
|
||||
previewImage(index, idx) {
|
||||
uni.previewImage({
|
||||
urls: this.eventList[index]['files'].map(e => e.url),
|
||||
current: this.eventList[index]['files'][idx].url
|
||||
})
|
||||
},
|
||||
getList() {
|
||||
if (this.pageNum > this.pages) return
|
||||
this.$http.post(`/app/appreportatwillinfo/list`, null, {
|
||||
params: {
|
||||
current: this.pageNum,
|
||||
size: 10,
|
||||
status: this.currentType,
|
||||
reportType: this.reportIndex == 6 ? null : this.reportIndex,
|
||||
address: this.keyword,
|
||||
areaId:this.user?.areaId
|
||||
}
|
||||
}).then(res => {
|
||||
if (res?.code == 0) {
|
||||
const eventList = this.pageNum > 1 ? [...this.eventList, ...res.data.records] : res.data.records
|
||||
this.pages = Math.ceil(res.data.total / 10)
|
||||
this.eventList = eventList
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
onReachBottom() {
|
||||
this.pageNum = this.pageNum + 1
|
||||
this.getList()
|
||||
},
|
||||
|
||||
computed: {
|
||||
...mapState(["user"]),
|
||||
tabs() {
|
||||
return [
|
||||
{name: "待处理", value: 0},
|
||||
{name: "处理完成", value: 1},
|
||||
]
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.snapshot {
|
||||
min-height: 100%;
|
||||
background: #F5F5F5;
|
||||
|
||||
.banner {
|
||||
background-color: #ffffff;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
padding: 0 30px;
|
||||
|
||||
.picker {
|
||||
font-size: 30px;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.nav {
|
||||
background-color: #ffffff;
|
||||
height: 96px;
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
.body {
|
||||
.item {
|
||||
background-color: #ffffff;
|
||||
box-sizing: border-box;
|
||||
padding: 30px;
|
||||
margin-top: 16px;
|
||||
|
||||
.avatar {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
border-radius: 50%;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
.name {
|
||||
font-size: 26px;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.date {
|
||||
font-size: 22px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 18px 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.text {
|
||||
font-size: 26px;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
line-height: 44px;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 3;
|
||||
|
||||
.targ {
|
||||
padding: 6px;
|
||||
background: #E8EFFF;
|
||||
border-radius: 8px;
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
color: #2266FF;
|
||||
margin-right: 8px;
|
||||
line-height: 34px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.photos {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
& > img {
|
||||
width: 224px;
|
||||
height: 224px;
|
||||
margin: 0 8px 8px 0;
|
||||
|
||||
&:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
226
src/pages/snapshot/snapshotDetail.vue
Normal file
226
src/pages/snapshot/snapshotDetail.vue
Normal file
@@ -0,0 +1,226 @@
|
||||
<template>
|
||||
<div class="snapshot-detail">
|
||||
<div class="info">
|
||||
<div class="info-item">
|
||||
<text>上报人：</text>
|
||||
<text>{{ detail.nickName }}</text>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<text>联系电话：</text>
|
||||
<text>{{ detail.phone }}</text>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<text>上报时间：</text>
|
||||
<text>{{ detail.createTime }}</text>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<text>处理状态：</text>
|
||||
<text>{{ $dict.getLabel('reportAtWillHandleStatus', detail.status) }}</text>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body">
|
||||
<u-row class="location" justify="space-between">
|
||||
<text>{{ detail.address }}</text>
|
||||
<u-icon :name="$cdn + 'Location2@2x.png'" :custom-style="{width:'24px',height:'24px'}"></u-icon>
|
||||
</u-row>
|
||||
<u-row justify="space-between" class="type" v-if="detail.reportType">
|
||||
<text>上报类型</text>
|
||||
<text>{{ $dict.getLabel('integralDetailType', detail.reportType) }}</text>
|
||||
</u-row>
|
||||
<text class="title">事件描述</text>
|
||||
<div class="content">{{ detail.explain }}</div>
|
||||
<div class="photos">
|
||||
<img :src="item.url" alt="" v-for="(item,index) in detail.files" :key="index" @click.stop="previewImage(detail.files,index)">
|
||||
</div>
|
||||
<template v-if="detail.handleResult">
|
||||
<u-row justify="space-between" class="result">
|
||||
<text class="title">处理结果</text>
|
||||
<text>{{detail.integral|formt}}</text>
|
||||
</u-row>
|
||||
<div class="content">{{ detail.handleResult }}</div>
|
||||
<div class="photos">
|
||||
<img :src="item.url" alt="" v-for="(item,index) in detail.handleFiles" :key="index"
|
||||
@click.stop="previewImage(detail.handleFiles,index)">
|
||||
</div>
|
||||
<u-row justify="space-between" class="type">
|
||||
<div shrink>事件类型</div>
|
||||
<text>{{ detail.ruleName }}</text>
|
||||
</u-row>
|
||||
<u-row justify="space-between" class="type">
|
||||
<text>处理人</text>
|
||||
<text class="nonmal">{{ detail.handleUserName }}</text>
|
||||
</u-row>
|
||||
<!-- <u-row justify="space-between" class="type">-->
|
||||
<!-- <text>联系电话</text>-->
|
||||
<!-- <text class="nonmal">18707170017</text>-->
|
||||
<!-- </u-row>-->
|
||||
<u-row justify="space-between" class="type">
|
||||
<text>处理时间</text>
|
||||
<text class="nonmal">{{ detail.handleTime }}</text>
|
||||
</u-row>
|
||||
</template>
|
||||
|
||||
</div>
|
||||
<div bottom v-if="!detail.handleResult">
|
||||
<u-button type="primary" v-if="!detail.handleResult" @click="handle">去处理</u-button>
|
||||
</div>
|
||||
<back></back>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Back from "../../components/AiBack";
|
||||
|
||||
export default {
|
||||
name: "snapshotDetail",
|
||||
components: {Back},
|
||||
onLoad(opt) {
|
||||
if (opt.id) {
|
||||
this.id = opt.id
|
||||
}
|
||||
},
|
||||
|
||||
onShow() {
|
||||
this.$dict.load('reportAtWillHandleStatus', 'integralDetailType').then(() => {
|
||||
this.getDetail()
|
||||
})
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
detail: {},
|
||||
id: null,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
previewImage(data,index) {
|
||||
uni.previewImage({
|
||||
urls: data.map(e => e.url),
|
||||
current: data[index].url
|
||||
})
|
||||
},
|
||||
handle() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/snapshot/handleResult?id=${this.id}&reportType=${this.detail.reportType}`
|
||||
})
|
||||
},
|
||||
getDetail() {
|
||||
this.$http.post(`/app/appreportatwillinfo/queryDetailById`, null, {
|
||||
params: {
|
||||
id: this.id
|
||||
}
|
||||
}).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.detail = res.data
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
filters:{
|
||||
formt(val){
|
||||
return +val > 0 ? `+${val}` : val
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.snapshot-detail {
|
||||
min-height: 100%;
|
||||
background-color: #F3F6F9;
|
||||
padding-bottom: 160px;
|
||||
|
||||
.info {
|
||||
height: 384px;
|
||||
background-color: #3975C6;
|
||||
box-sizing: border-box;
|
||||
padding: 32px;
|
||||
|
||||
.info-item {
|
||||
font-size: 28px;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
line-height: 40px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.body {
|
||||
width: 686px;
|
||||
margin: 0 auto;
|
||||
margin-top: -96px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.02);
|
||||
border-radius: 8px;
|
||||
box-sizing: border-box;
|
||||
padding: 34px 32px;
|
||||
|
||||
.location {
|
||||
& > text {
|
||||
font-size: 32px;
|
||||
font-weight: 800;
|
||||
color: #333333;
|
||||
line-height: 44px;
|
||||
}
|
||||
}
|
||||
|
||||
.type {
|
||||
font-size: 32px;
|
||||
margin: 68px 0;
|
||||
|
||||
& > text:nth-child(1) {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
& > text:nth-child(2) {
|
||||
color: #135AB8;
|
||||
}
|
||||
|
||||
.nonmal {
|
||||
color: #333333 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 32px;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: 10px;
|
||||
font-size: 32px;
|
||||
color: #333333;
|
||||
line-height: 44px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.photos {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 30px 0;
|
||||
|
||||
& > img {
|
||||
width: 196px;
|
||||
height: 196px;
|
||||
margin: 0 14px 14px 0;
|
||||
flex-shrink: 0;
|
||||
|
||||
&:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.result {
|
||||
margin-top: 48px;
|
||||
|
||||
& > text:nth-child(2) {
|
||||
font-size: 34px;
|
||||
font-weight: 600;
|
||||
color: #E6736E;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user