bug,换行,隐藏公共报修房屋字段

This commit is contained in:
Zy
2026-08-29 08:43:36 +08:00
parent 8153325a68
commit 35ff3b034e
7 changed files with 168 additions and 136 deletions

View File

@@ -125,7 +125,7 @@ function getlist() {
return return
} }
isLoading.value = true isLoading.value = true
getSystemUsers_employee('complainUser', queryParmas.value.keyword) getSystemUsers_employee('', queryParmas.value.keyword)
.then(res => { .then(res => {
searchlist.value = res.data searchlist.value = res.data
}) })

View File

@@ -276,6 +276,8 @@ function handlePrivew(lists, index) {
font-size: 28rpx; font-size: 28rpx;
color: #666666; color: #666666;
line-height: 36rpx; line-height: 36rpx;
word-wrap: break-word; // 单词/中文自动换行
word-break: break-all; // 长英文无空格强制截断换行
} }
} }
} }

View File

@@ -385,14 +385,20 @@ function handlePrivew(items, index) {
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.card-title { .card-title {
margin-right: 20rpx; flex: 1;
margin-right: 10rpx;
font-size: 32rpx; font-size: 32rpx;
color: #222222; color: #222222;
line-height: 40rpx; line-height: 40rpx;
white-space: pre-wrap;
/* 允许在数字内部断开,消除“整串数字,字母集体跳下一行” */
word-break: break-all;
overflow-wrap: break-word;
} }
/* 状态标签 */ /* 状态标签 */
.status-tag { .status-tag {
min-width: 82rpx;
width: 82rpx; width: 82rpx;
height: 30rpx; height: 30rpx;
border-radius: 15rpx; border-radius: 15rpx;

View File

@@ -30,7 +30,7 @@
<text>保修信息</text> <text>保修信息</text>
</view> </view>
<view class="info_body"> <view class="info_body">
<view class="item"> <view class="item" v-if="repairInfo.houseId">
<view class="label"> <text>报修房屋</text> </view> <view class="label"> <text>报修房屋</text> </view>
<view class="value"> <view class="value">
<text>{{ repairInfo.houseName }}</text> <text>{{ repairInfo.houseName }}</text>
@@ -428,7 +428,7 @@ function handlePrivew(items, index = 0) {
font-size: 28rpx; font-size: 28rpx;
color: #666666; color: #666666;
line-height: 36rpx; line-height: 36rpx;
word-wrap: break-word; word-break: break-all;
overflow-wrap: break-word; overflow-wrap: break-word;
} }
} }

View File

@@ -58,7 +58,13 @@
</scroll-view> </scroll-view>
<!-- submit --> <!-- submit -->
<view class="action_btn" @tap="handleSelecthouse"> <view
class="action_btn"
:class="{
disabled: disabled
}"
@tap="handleSelecthouse"
>
<text>确定派单</text> <text>确定派单</text>
</view> </view>
</view> </view>
@@ -141,10 +147,12 @@ function resetList() {
getlist() getlist()
} }
//searchlist---------------------- //searchlist----------------------
const disabled = ref(true)
const checkoutUserid = ref(null) const checkoutUserid = ref(null)
const checkoutInfo = ref(null) const checkoutInfo = ref(null)
function radioChange(val) { function radioChange(val) {
checkoutUserid.value = val.detail.value checkoutUserid.value = val.detail.value
disabled.value = false
const find = searchlist.value.find(item => item.userId === val.detail.value) const find = searchlist.value.find(item => item.userId === val.detail.value)
if (find) { if (find) {
checkoutInfo.value = find checkoutInfo.value = find
@@ -159,15 +167,24 @@ onMounted(() => {
eventChannel = instance.getOpenerEventChannel() eventChannel = instance.getOpenerEventChannel()
} }
}) })
/* 确定派单 */ /* 确定派单 */
function handleSelecthouse() { function handleSelecthouse() {
// api if (checkoutUserid.value) {
if (eventChannel) { // api
eventChannel.emit('backData', { if (eventChannel) {
checkoutUserid: checkoutUserid.value eventChannel.emit('backData', {
checkoutUserid: checkoutUserid.value
})
// 3. 返回上一页
uni.navigateBack()
}
} else {
uni.showToast({
mask: true,
icon: 'error',
title: '请选择派单人员'
}) })
// 3. 返回上一页
uni.navigateBack()
} }
} }
// =========================================== // ===========================================
@@ -247,6 +264,10 @@ function handleSelecthouse() {
margin-top: 20rpx; margin-top: 20rpx;
background: #4d5dfa; background: #4d5dfa;
border-radius: 8rpx 8rpx 8rpx 8rpx; border-radius: 8rpx 8rpx 8rpx 8rpx;
&.disabled {
background-color: #f3f3f3;
color: #333333;
}
} }
} }
} }

View File

@@ -1,129 +1,129 @@
<template> <template>
<view class="content-class"> <view class="content-class">
<template v-if="isLoggedIn"> <template v-if="isLoggedIn">
<!-- 顶部渐变背景层 --> <!-- 顶部渐变背景层 -->
<view class="bg-gradient"></view> <view class="bg-gradient"></view>
<!-- 页面内容区 --> <!-- 页面内容区 -->
<view class="page-content"> <view class="page-content">
<view class="sticky-header"> <view class="sticky-header">
<!-- 状态栏占位 --> <!-- 状态栏占位 -->
<view class="status_bar" :style="{ height: statusBarHeight + 'px' }"></view> <view class="status_bar" :style="{ height: statusBarHeight + 'px' }"></view>
<!-- 导航栏 --> <!-- 导航栏 -->
<view class="nav-bar"> <view class="nav-bar">
<text class="nav-title">首页</text> <text class="nav-title">首页</text>
</view> </view>
<!-- 小区选择 --> <!-- 小区选择 -->
<view class="header-container" @click="navigateToPage"> <view class="header-container" @click="navigateToPage">
<view class="location-area"> <view class="location-area">
<view class="location-icon"> <view class="location-icon">
<image
src="https://wuyeadmin.bugtc.com/images/imgs/adress.png"
style="height: 100%; width: 100%"
></image>
</view>
<view class="community-selector">
<text class="community-name">{{ currentCommunity }}</text>
<view class="community-icon">
<image <image
src="https://wuyeadmin.bugtc.com/images/imgs/三角形.png" src="https://wuyeadmin.bugtc.com/images/imgs/adress.png"
style="height: 100%; width: 100%" style="height: 100%; width: 100%"
></image> ></image>
</view> </view>
<view class="community-selector">
<text class="community-name">{{ currentCommunity }}</text>
<view class="community-icon">
<image
src="https://wuyeadmin.bugtc.com/images/imgs/三角形.png"
style="height: 100%; width: 100%"
></image>
</view>
</view>
</view> </view>
</view> </view>
</view> </view>
</view>
<!-- 可滚动内容区 --> <!-- 可滚动内容区 -->
<view class="scroll-content"> <view class="scroll-content">
<!-- banner --> <!-- banner -->
<view class="bannarClass" v-if="bannerList && bannerList.length > 0"> <view class="bannarClass" v-if="bannerList && bannerList.length > 0">
<up-swiper <up-swiper
:list="bannerList" :list="bannerList"
indicator indicator
indicatorMode="dot" indicatorMode="dot"
radius="15" radius="15"
height="180" height="180"
keyName="url" keyName="url"
circular circular
>
<template #default="{ item, index }">
<image :src="item.url || item" mode="aspectFill" class="banner-img"></image>
</template>
</up-swiper>
</view>
<!-- banner 占位 -->
<view class="bannarClass" v-else>
<view class="banner-placeholder">
<text>暂无轮播图</text>
</view>
</view>
<!-- 巡检 -->
<view class="inspectionClass">
<!-- 消息通知栏 -->
<view class="noticeClass">
<view class="notice-left">
<image
src="https://wuyeadmin.bugtc.com/images/imgs/notice.png"
class="notice-icon"
></image>
<view class="notice-line"></view>
</view>
<view class="notice-right" @click="getNoticeMore">
<uni-notice-bar
:text="noticeText"
type="line"
:showIcon="false"
show-get-more
scrollable
color="#fff"
background-color="transparent"
moreColor="#fff"
no-border
>
</uni-notice-bar>
</view>
</view>
<!-- 巡检数据统计区 -->
<view class="statistics-wrap">
<view class="statistics-item" @click="goToInspectionRecord">
<text class="num">{{ allCount }}</text>
<text class="label">全部巡检</text>
</view>
<view class="statistics-item" @click="goToDaysInspection">
<text class="num">{{ pendingCount }}</text>
<text class="label">待巡检</text>
</view>
<view class="statistics-item">
<text class="num">{{ InspectedCount }}</text>
<text class="label">已巡检</text>
</view>
</view>
</view>
<!-- 网格布局功能 -->
<view class="function-container">
<template v-for="item in functionList" :key="item.action">
<view
class="function-item"
@click="handleFunctionClick(item)"
v-if="permStore.hasPermi(item.permKey)"
> >
<image class="item-icon" :src="item.icon" mode="aspectFit"></image> <template #default="{ item, index }">
<text class="item-text">{{ item.text }}</text> <image :src="item.url || item" mode="aspectFill" class="banner-img"></image>
<view </template>
v-if="item.permKey === 'butler:workOrder:mine' && MyOrderNum > 0" </up-swiper>
class="todoNum" </view>
>{{ MyOrderNum > 99 ? '99' : MyOrderNum }}</view <!-- banner 占位 -->
> <view class="bannarClass" v-else>
<view class="banner-placeholder">
<text>暂无轮播图</text>
</view> </view>
</template> </view>
<!-- 巡检 -->
<view class="inspectionClass">
<!-- 消息通知栏 -->
<view class="noticeClass">
<view class="notice-left">
<image
src="https://wuyeadmin.bugtc.com/images/imgs/notice.png"
class="notice-icon"
></image>
<view class="notice-line"></view>
</view>
<view class="notice-right" @click="getNoticeMore">
<uni-notice-bar
:text="noticeText"
type="line"
:showIcon="false"
show-get-more
scrollable
color="#fff"
background-color="transparent"
moreColor="#fff"
no-border
>
</uni-notice-bar>
</view>
</view>
<!-- 巡检数据统计区 -->
<view class="statistics-wrap">
<view class="statistics-item" @click="goToInspectionRecord">
<text class="num">{{ allCount }}</text>
<text class="label">全部巡检</text>
</view>
<view class="statistics-item" @click="goToDaysInspection">
<text class="num">{{ pendingCount }}</text>
<text class="label">待巡检</text>
</view>
<view class="statistics-item">
<text class="num">{{ InspectedCount }}</text>
<text class="label">已巡检</text>
</view>
</view>
</view>
<!-- 网格布局功能 -->
<view class="function-container">
<template v-for="item in functionList" :key="item.action">
<view
class="function-item"
@click="handleFunctionClick(item)"
v-if="permStore.hasPermi(item.permKey)"
>
<image class="item-icon" :src="item.icon" mode="aspectFit"></image>
<text class="item-text">{{ item.text }}</text>
<view
v-if="item.permKey === 'butler:workOrder:mine' && MyOrderNum > 0"
class="todoNum"
>{{ MyOrderNum > 99 ? '99' : MyOrderNum }}</view
>
</view>
</template>
</view>
</view> </view>
</view> </view>
</view>
</template> </template>
<view v-else class="launch-placeholder"></view> <view v-else class="launch-placeholder"></view>
</view> </view>
@@ -288,7 +288,7 @@ const functionList = [
action: 'goToRevenueStatistics' action: 'goToRevenueStatistics'
}, },
{ {
permKey: 'butler:feeOverview:view', permKey: 'butler:feeOverview:stats',
icon: 'https://wuye.ckdzkj.com/images/imgs/fee-overview.png', icon: 'https://wuye.ckdzkj.com/images/imgs/fee-overview.png',
text: '收费总览', text: '收费总览',
action: 'goToFeeOverview' action: 'goToFeeOverview'
@@ -351,8 +351,12 @@ const getInspectionData = () => {
} }
// 获取消息通知 // 获取消息通知
const getNoticeData = () => { const getNoticeData = () => {
getNewNoticeData().then(res => { getNewNoticeData()
const notice = res.code === 200 && res.data ? `${res.data.notice || ''} : ${res.data.item || ''}` : '暂无公告' .then(res => {
const notice =
res.code === 200 && res.data
? `${res.data.notice || ''} : ${res.data.item || ''}`
: '暂无公告'
// 仅在内容真正变化时才更新 // 仅在内容真正变化时才更新
if (noticeText.value !== notice) { if (noticeText.value !== notice) {
noticeText.value = notice noticeText.value = notice

View File

@@ -25,7 +25,7 @@
</scroll-view> </scroll-view>
<!-- 底部备案号展示 --> <!-- 底部备案号展示 -->
<view class="icp-footer"> <view class="icp-footer">
<text class="icp-text">ICP备案号:鲁ICP备2024131497号-5A</text> <text class="icp-text">ICP备案号:鲁ICP备2024131497号-5A</text>
</view> </view>
</view> </view>
</template> </template>
@@ -40,7 +40,6 @@ import { getSettingInfo } from '../../api/api.js'
const list = ref([ const list = ref([
{ icon: 'https://wuyeadmin.bugtc.com/images/imgs/shangbao.png', title: '上报记录' }, { icon: 'https://wuyeadmin.bugtc.com/images/imgs/shangbao.png', title: '上报记录' },
{ icon: 'https://wuyeadmin.bugtc.com/images/imgs/xunjian.png', title: '巡检记录' }, { icon: 'https://wuyeadmin.bugtc.com/images/imgs/xunjian.png', title: '巡检记录' },
{ icon: 'https://wuye.ckdzkj.com/images/home/updateDevice.png', title: '仪表换新' },
{ icon: 'https://wuyeadmin.bugtc.com/images/propertyImgs/setting.png', title: '设置' } { icon: 'https://wuyeadmin.bugtc.com/images/propertyImgs/setting.png', title: '设置' }
]) ])
@@ -179,15 +178,15 @@ const onItemClick = item => {
margin-right: 10rpx; margin-right: 10rpx;
flex-shrink: 0; flex-shrink: 0;
} }
.icp-footer { .icp-footer {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 20rpx 0; padding: 20rpx 0;
} }
.icp-text { .icp-text {
font-size: 22rpx; font-size: 22rpx;
color: #999999; color: #999999;
} }
</style> </style>