修复bug,修改图片路径地址
This commit is contained in:
@@ -1,8 +1,5 @@
|
||||
<template>
|
||||
<view class="contentStyle">
|
||||
<view class="status-bar"></view>
|
||||
<uni-nav-bar title="投诉建议" backgroundColor="transparent" :border="false" left-icon="left" @clickLeft="goBack">
|
||||
</uni-nav-bar>
|
||||
|
||||
<!-- 表单区域 -->
|
||||
<scroll-view class="page" scroll-y>
|
||||
@@ -578,9 +575,4 @@ const submitForm = async () => {
|
||||
font-weight: 600;
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
|
||||
.status-bar {
|
||||
width: 100vw;
|
||||
height: 46px;
|
||||
}
|
||||
</style>
|
||||
@@ -49,7 +49,7 @@
|
||||
<view class="photo-section" v-if="photoList.length > 0">
|
||||
<text class="photo-label">问题照片</text>
|
||||
<view class="photo-list">
|
||||
<image v-for="(img, index) in photoList" :key="index" :src="img" mode="aspectFill"
|
||||
<image v-for="(img, index) in photoList" :key="index" :src="img" mode="aspectFit"
|
||||
class="photo-item" @click="previewImage(index)"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -31,7 +31,7 @@
|
||||
|
||||
<view class="img-scroll-container">
|
||||
<view v-for="(img, imgIndex) in item.imgList" :key="imgIndex" class="img-item">
|
||||
<image :src="img" mode="aspectFill" class="card-img"></image>
|
||||
<image :src="img" mode="aspectFit" class="card-img"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -74,10 +74,10 @@ const statusMap = {
|
||||
}
|
||||
// 接口数据映射为模板所需格式
|
||||
const mapItem = (item) => {
|
||||
// 图片:单 URL 转数组
|
||||
//列表默认只展示前三张
|
||||
let imgList = []
|
||||
if (item.problemImageUrl) {
|
||||
imgList = [item.problemImageUrl]
|
||||
imgList = item.problemImageUrl.split(',').filter(url => url.trim()).slice(0, 3)
|
||||
}
|
||||
return {
|
||||
id: item.id,
|
||||
@@ -285,7 +285,7 @@ const addComplaintsSuggestions = () => {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20rpx;
|
||||
margin: 10rpx 0px 20rpx 0px;
|
||||
margin: 10rpx 0px 40rpx 0px;
|
||||
}
|
||||
|
||||
.img-item {
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<view v-if="dataList.length === 0" class="empty-state">
|
||||
<uni-icons type="info" size="30" color="#ccc"></uni-icons>
|
||||
<text class="empty-text">
|
||||
{{ '暂无数据'}}
|
||||
暂无数据
|
||||
</text>
|
||||
</view>
|
||||
<view class="property-card" v-for="item,index in dataList" :key="index">
|
||||
@@ -80,7 +80,7 @@ import { getManagePhoneData } from '../api/apiSub.js'
|
||||
if (res.code === 200 && res.data) {
|
||||
const d = res.data
|
||||
dataList.value = [{
|
||||
src: d.villageImageUrl || 'http://47.104.199.163:9090/images/propertyImgs/community1.png',
|
||||
src: d.villageImageUrl || 'http://wuye.ckdzkj.com/images/propertyImgs/community1.png',
|
||||
propertyName: d.villageName || '',
|
||||
propertyAddress: d.address || '',
|
||||
phoneList: d.managePhone ? [{ phoneNum: d.managePhone }] : []
|
||||
@@ -152,6 +152,7 @@ import { getManagePhoneData } from '../api/apiSub.js'
|
||||
height: 60px;
|
||||
border-radius: 8rpx;
|
||||
margin-right: 24rpx;
|
||||
margin-top: 20rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@@ -173,7 +174,8 @@ import { getManagePhoneData } from '../api/apiSub.js'
|
||||
.property-address {
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
line-height: 24rpx;
|
||||
line-height: 35rpx;
|
||||
|
||||
}
|
||||
|
||||
.phone-item {
|
||||
|
||||
Reference in New Issue
Block a user