liangjian/QSY-lvjuxcx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 新增工单中心、房间巡查、失物招领等业务模块

Browse Source 
- 新增工单中心(ticket_center)与工单工作台(ticket_workbench)页面
- 新增房间巡查(room_inspection)与失物招领发布(lost_found_publish)页面
- 预约看样流程新增房型/楼栋/楼层选择器组件
- 新增工具模块: booking-entry、privacy、reservation-flow
- api/index.js 补充楼层列表、看样提交等接口
- locales/messages.js 补充多语言文案
- manifest.json 开启微信小程序隐私检查
- 完善登录、注册、申请详情、账单等相关页面交互
This commit is contained in:
liangjian
2026-07-24 09:35:46 +08:00
parent 9fea127de1
commit 445bd850f4
36 changed files with 9281 additions and 340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

314
pkgService/submit_request/components/BuildingSelector.vue Normal file
View File

@@ -0,0 +1,314 @@
<template>
<view class="building-selector">
<view
class="selector-header tn-flex tn-flex-row-between tn-flex-col-center"
:class="{ 'selector-header--disabled': !areaCode }"
@click="handleOpen"
>
<view class="selected-info">
<view class="selected-name tn-text-ellipsis" :class="{ 'is-empty': !selectedBuilding }">
{{ selectedBuilding ? getBuildingDisplayName(selectedBuilding) : placeholderText }}
</view>
</view>
<text class="tn-icon-right" :class="areaCode ? 'tn-color-gray' : 'tn-color-disabled'"></text>
</view>
<tn-popup v-model="showPopup" mode="bottom" length="72%" :borderRadius="32" :closeBtn="true">
<view class="popup-content">
<view class="popup-header">
<text class="popup-title">{{ t('popupTitle') }}</text>
</view>
<scroll-view scroll-y class="building-list-scroll">
<view v-if="isLoading" class="loading-state tn-padding-xl tn-text-center">
<tn-loading mode="circle"></tn-loading>
<view class="tn-margin-top-sm tn-color-gray">{{ t('loadingText') }}</view>
</view>
<view v-else-if="!buildingList.length" class="empty-state tn-padding-xl tn-text-center">
<text class="tn-color-gray">{{ t('emptyText') }}</text>
</view>
<view v-else class="building-list">
<view
v-for="item in buildingList"
:key="item.code"
class="building-item"
:class="{ 'is-active': selectedBuilding && selectedBuilding.code === item.code }"
@click="handleSelect(item)"
>
<text class="building-name">{{ getBuildingDisplayName(item) }}</text>
<text v-if="selectedBuilding && selectedBuilding.code === item.code" class="tn-icon-success-circle-fill building-check"></text>
</view>
</view>
</scroll-view>
</view>
</tn-popup>
</view>
</template>
<script>
import { buildingPagination } from '@/api/index.js'
function normalizeText(value) {
if (value === undefined || value === null) {
return ''
}
return String(value).trim()
}
function normalizeBuildingItem(item = {}) {
return {
areaCode: normalizeText(item.areaCode),
code: normalizeText(item.code),
name: normalizeText(item.name),
nameEn: normalizeText(item.nameEn),
sort: Number(item.sort || 0),
buildingSections: Array.isArray(item.buildingSections) ? item.buildingSections : []
}
}
export default {
name: 'BuildingSelector',
props: {
value: {
type: String,
default: ''
},
areaCode: {
type: String,
default: ''
},
roomTypeCode: {
type: String,
default: ''
}
},
data() {
return {
showPopup: false,
isLoading: false,
buildingList: [],
selectedBuilding: null
}
},
computed: {
language() {
return this.$getLanguage ? this.$getLanguage() : 'zh'
},
placeholderText() {
return this.areaCode ? this.t('selectBuilding') : this.t('selectAreaFirst')
}
},
watch: {
value() {
this.syncSelection()
},
language() {
this.loadData(true)
},
areaCode() {
this.handleAreaChange()
},
roomTypeCode(newVal, oldVal) {
if (newVal !== oldVal) {
this.handleRoomTypeChange()
}
}
},
mounted() {
this.loadData()
},
methods: {
t(key, params) {
return this.$tm('pkgService.submit_request.components.BuildingSelector', key, params)
},
handleOpen() {
if (!this.areaCode) {
uni.showToast({
title: this.t('selectAreaFirst'),
icon: 'none'
})
return
}
this.showPopup = true
this.loadData()
},
handleAreaChange() {
this.buildingList = []
this.selectedBuilding = null
if (this.value) {
this.$emit('input', '')
this.$emit('change', { building: null })
}
if (!this.areaCode) {
return
}
this.loadData(true)
},
handleRoomTypeChange() {
this.buildingList = []
this.selectedBuilding = null
if (this.value) {
this.$emit('input', '')
this.$emit('change', { building: null })
}
if (!this.areaCode) {
return
}
this.loadData(true)
},
loadData(force = false) {
if (!this.areaCode) {
return Promise.resolve()
}
if (!force && this.buildingList.length) {
this.syncSelection()
return Promise.resolve()
}
this.isLoading = true
return buildingPagination({
AreaCode: this.areaCode,
PageIndex: 1,
PageSize: 100
}, this.language)
.then((res) => {
const payload = res && res.data ? res.data : res
const rawList = Array.isArray(payload && payload.data)
? payload.data
: (Array.isArray(payload) ? payload : [])
this.buildingList = rawList
.map(item => normalizeBuildingItem(item))
.filter(item => item.code)
.sort((a, b) => a.sort - b.sort || a.code.localeCompare(b.code))
this.syncSelection()
})
.catch((error) => {
console.error('load building list error', error)
this.buildingList = []
this.selectedBuilding = null
uni.showToast({
title: this.t('loadFailed'),
icon: 'none'
})
})
.finally(() => {
this.isLoading = false
})
},
syncSelection() {
if (!this.value || !this.buildingList.length) {
this.selectedBuilding = null
return
}
this.selectedBuilding = this.buildingList.find(item => item.code === this.value) || null
},
handleSelect(item) {
this.selectedBuilding = item
this.$emit('input', item.code)
this.$emit('change', { building: item })
this.showPopup = false
},
getBuildingDisplayName(item = {}) {
if (this.language === 'en') {
return item.nameEn || item.name || item.code || ''
}
return item.name || item.nameEn || item.code || ''
}
}
}
</script>
<style scoped lang="scss">
.building-selector {
width: 100%;
}
.selector-header {
background: #FFFFFF;
border-radius: 20rpx;
padding: 26rpx 32rpx;
border: 1rpx solid rgba($brand-primary, 0.15);
box-shadow: 0 4rpx 12rpx rgba($brand-primary, 0.05);
min-height: 100rpx;
}
.selector-header--disabled {
opacity: 0.72;
}
.selected-info {
flex: 1;
overflow: hidden;
}
.selected-name {
font-size: 28rpx;
color: #1A2233;
font-weight: 600;
&.is-empty {
color: #A0B0C0;
font-weight: normal;
}
}
.popup-content {
display: flex;
flex-direction: column;
height: 100%;
background: #F8FAFF;
}
.popup-header {
padding: 40rpx 30rpx 20rpx;
text-align: center;
border-bottom: 1px dashed rgba($brand-primary, 0.15);
background: #FFFFFF;
}
.popup-title {
font-size: 32rpx;
font-weight: 700;
color: #1A2233;
}
.building-list-scroll {
flex: 1;
height: 0;
padding: 20rpx 30rpx 60rpx;
}
.building-list {
display: flex;
flex-direction: column;
gap: 18rpx;
}
.building-item {
display: flex;
align-items: center;
justify-content: space-between;
background: #FFFFFF;
border-radius: 20rpx;
padding: 28rpx 30rpx;
border: 1rpx solid rgba($brand-primary, 0.12);
transition: all 0.2s ease;
&.is-active {
border-color: rgba($brand-primary, 0.5);
box-shadow: 0 8rpx 20rpx rgba($brand-primary, 0.08);
}
}
.building-name {
font-size: 28rpx;
color: #1A2233;
}
.building-check {
color: $brand-primary;
font-size: 30rpx;
}
</style>

308
pkgService/submit_request/components/FloorSelector.vue Normal file
View File

@@ -0,0 +1,308 @@
<template>
<view class="floor-selector">
<view
class="selector-header tn-flex tn-flex-row-between tn-flex-col-center"
@click="handleOpen"
>
<view class="selected-info">
<view class="selected-name tn-text-ellipsis" :class="{ 'is-empty': !selectedFloor }">
{{ selectedFloor ? getFloorDisplayName(selectedFloor) : placeholderText }}
</view>
</view>
<text class="tn-icon-right tn-color-gray"></text>
</view>
<tn-popup v-model="showPopup" mode="bottom" length="72%" :borderRadius="32" :closeBtn="true">
<view class="popup-content">
<view class="popup-header">
<text class="popup-title">{{ t('popupTitle') }}</text>
</view>
<scroll-view scroll-y class="floor-list-scroll">
<view v-if="isLoading" class="loading-state tn-padding-xl tn-text-center">
<tn-loading mode="circle"></tn-loading>
<view class="tn-margin-top-sm tn-color-gray">{{ t('loadingText') }}</view>
</view>
<view v-else-if="!floorList.length" class="empty-state tn-padding-xl tn-text-center">
<text class="tn-color-gray">{{ t('emptyText') }}</text>
</view>
<view v-else class="floor-list">
<view
class="floor-item floor-item--clear"
:class="{ 'is-active': !selectedFloor }"
@click="handleClear"
>
<text class="floor-name">{{ t('clearSelection') }}</text>
<text v-if="!selectedFloor" class="tn-icon-success-circle-fill floor-check"></text>
</view>
<view
v-for="item in floorList"
:key="item.value"
class="floor-item"
:class="{ 'is-active': selectedFloor && selectedFloor.value === item.value }"
@click="handleSelect(item)"
>
<text class="floor-name">{{ getFloorDisplayName(item) }}</text>
<text v-if="selectedFloor && selectedFloor.value === item.value" class="tn-icon-success-circle-fill floor-check"></text>
</view>
</view>
</scroll-view>
</view>
</tn-popup>
</view>
</template>
<script>
import { getEnums } from '@/api/index.js'
function pickFirstDefined(...values) {
const matched = values.find(value => value !== undefined && value !== null && value !== '')
return matched === undefined ? '' : matched
}
function normalizeFloorValue(value) {
if (value === undefined || value === null) {
return ''
}
return String(value).trim()
}
function resolveFloorList(response) {
const payload = response && response.data !== undefined ? response.data : response
if (Array.isArray(payload)) {
const floorEnum = payload.find(item => item && item.code === 'FloorLevelEnum')
if (floorEnum && Array.isArray(floorEnum.data)) {
return floorEnum.data
}
return payload
}
if (payload && Array.isArray(payload.data)) {
return payload.data
}
if (payload && payload.data && Array.isArray(payload.data.data)) {
return payload.data.data
}
if (payload && Array.isArray(payload.items)) {
return payload.items
}
if (payload && Array.isArray(payload.records)) {
return payload.records
}
return []
}
function normalizeFloorItem(item = {}) {
const code = normalizeFloorValue(pickFirstDefined(item.key, item.code, item.value))
const name = normalizeFloorValue(pickFirstDefined(item.cname, item.nameZh, item.labelZh, item.name, item.value))
const nameEn = normalizeFloorValue(pickFirstDefined(item.ename, item.nameEn, item.labelEn, item.descriptionEn, ''))
return {
value: code || name,
code,
name,
nameEn,
sort: Number(pickFirstDefined(item.sort, item.key, 0))
}
}
export default {
name: 'FloorSelector',
props: {
value: {
type: [String, Number],
default: ''
}
},
data() {
return {
showPopup: false,
isLoading: false,
floorList: [],
selectedFloor: null
}
},
computed: {
language() {
return this.$getLanguage ? this.$getLanguage() : 'zh'
},
placeholderText() {
return this.t('selectFloor')
}
},
watch: {
value() {
this.syncSelection()
},
language() {
this.loadData(true)
}
},
mounted() {
this.loadData()
},
methods: {
t(key, params) {
return this.$tm('pkgService.submit_request.components.FloorSelector', key, params)
},
handleOpen() {
this.showPopup = true
this.loadData()
},
loadData(force = false) {
if (!force && this.floorList.length) {
this.syncSelection()
return Promise.resolve()
}
this.isLoading = true
return getEnums({}, this.language)
.then((res) => {
const rawList = resolveFloorList(res)
this.floorList = rawList
.map(item => normalizeFloorItem(item))
.filter(item => item.value)
.sort((a, b) => a.sort - b.sort || a.value.localeCompare(b.value))
this.syncSelection()
})
.catch((error) => {
console.error('load floor list error', error)
this.floorList = []
this.selectedFloor = null
uni.showToast({
title: this.t('loadFailed'),
icon: 'none'
})
})
.finally(() => {
this.isLoading = false
})
},
syncSelection() {
const currentValue = normalizeFloorValue(this.value)
if (!currentValue || !this.floorList.length) {
this.selectedFloor = null
return
}
this.selectedFloor = this.floorList.find(item => item.value === currentValue) || null
},
handleSelect(item) {
this.selectedFloor = item
this.$emit('input', item.value)
this.$emit('change', { floor: item })
this.showPopup = false
},
handleClear() {
this.selectedFloor = null
this.$emit('input', '')
this.$emit('change', { floor: null })
this.showPopup = false
},
getFloorDisplayName(item = {}) {
if (this.language === 'en') {
return item.nameEn || item.name || item.code || ''
}
return item.name || item.nameEn || item.code || ''
}
}
}
</script>
<style scoped lang="scss">
.floor-selector {
width: 100%;
}
.selector-header {
background: #FFFFFF;
border-radius: 20rpx;
padding: 26rpx 32rpx;
border: 1rpx solid rgba($brand-primary, 0.15);
box-shadow: 0 4rpx 12rpx rgba($brand-primary, 0.05);
min-height: 100rpx;
}
.selected-info {
flex: 1;
overflow: hidden;
}
.selected-name {
font-size: 28rpx;
color: #1A2233;
font-weight: 600;
&.is-empty {
color: #A0B0C0;
font-weight: normal;
}
}
.popup-content {
display: flex;
flex-direction: column;
height: 100%;
background: #F8FAFF;
}
.popup-header {
padding: 40rpx 30rpx 20rpx;
text-align: center;
border-bottom: 1px dashed rgba($brand-primary, 0.15);
background: #FFFFFF;
}
.popup-title {
font-size: 32rpx;
font-weight: 700;
color: #1A2233;
}
.floor-list-scroll {
flex: 1;
height: 0;
padding: 20rpx 30rpx 60rpx;
}
.floor-list {
display: flex;
flex-direction: column;
gap: 18rpx;
}
.floor-item {
display: flex;
align-items: center;
justify-content: space-between;
background: #FFFFFF;
border-radius: 20rpx;
padding: 28rpx 30rpx;
border: 1rpx solid rgba($brand-primary, 0.12);
transition: all 0.2s ease;
&.is-active {
border-color: rgba($brand-primary, 0.5);
box-shadow: 0 8rpx 20rpx rgba($brand-primary, 0.08);
}
}
.floor-item--clear {
border-style: dashed;
}
.floor-name {
font-size: 28rpx;
color: #1A2233;
}
.floor-check {
color: $brand-primary;
font-size: 30rpx;
}
</style>

52
pkgService/submit_request/components/RoomTypeSelector.vue
View File

@@ -1,6 +1,6 @@
<template>
<view class="room-type-selector">
<view class="selector-header tn-flex tn-flex-row-between tn-flex-col-center" @click="showPopup = true">
<view class="selector-header tn-flex tn-flex-row-between tn-flex-col-center" @click="openSelector">
<view class="selected-info">
<view class="selected-name tn-text-ellipsis" :class="{ 'is-empty': !selectedRoomType }">
{{ selectedRoomType ? getRoomTypeDisplayName(selectedRoomType) : t('selectRoomType') }}
@@ -24,11 +24,11 @@
<view class="tn-margin-top-sm tn-color-gray">{{ t('loadingRoomTypes') }}</view>
</view>
<view v-else-if="!areaList.length" class="empty-state tn-padding-xl tn-text-center">
<view v-else-if="!displayAreaList.length" class="empty-state tn-padding-xl tn-text-center">
<text class="tn-color-gray">{{ t('emptyRoomTypes') }}</text>
</view>
<view v-else class="area-group" v-for="(area, index) in areaList" :key="area.code">
<view v-else class="area-group" v-for="(area, index) in displayAreaList" :key="area.code">
<view class="area-title tn-flex tn-flex-row-between tn-flex-col-center" @click="toggleArea(index)">
<view class="tn-flex tn-flex-col-center">
<text class="area-dot"></text>
@@ -69,6 +69,10 @@ export default {
initialAreaCode: {
type: String,
default: ''
},
buildingCode: {
type: String,
default: ''
}
},
data() {
@@ -84,6 +88,19 @@ export default {
computed: {
language() {
return this.$getLanguage ? this.$getLanguage() : 'zh'
},
displayAreaList() {
if (!this.buildingCode) {
return this.areaList
}
return this.areaList
.map(area => ({
...area,
roomTypes: Array.isArray(area.roomTypes)
? area.roomTypes.filter(roomType => !roomType.buildingCode || roomType.buildingCode === this.buildingCode)
: []
}))
.filter(area => area.roomTypes && area.roomTypes.length > 0)
}
},
watch: {
@@ -92,6 +109,9 @@ export default {
},
language() {
this.loadData(true)
},
buildingCode() {
this.syncSelection()
}
},
mounted() {
@@ -101,6 +121,10 @@ export default {
t(key) {
return this.$translate(this.i18n, key)
},
openSelector() {
this.showPopup = true
this.loadData()
},
loadData(force = false) {
if (!force && this.areaList.length > 0) return
@@ -131,14 +155,16 @@ export default {
})
},
syncSelection() {
if (!this.areaList.length) return
if (!this.displayAreaList.length) return
let foundArea = null
let foundRoom = null
const previousAreaCode = this.selectedArea && this.selectedArea.code ? this.selectedArea.code : ''
const previousRoomCode = this.selectedRoomType && this.selectedRoomType.code ? this.selectedRoomType.code : ''
// Try to find by room type code
if (this.value) {
for (const area of this.areaList) {
for (const area of this.displayAreaList) {
const room = area.roomTypes.find(r => r.code === this.value)
if (room) {
foundArea = area
@@ -150,7 +176,7 @@ export default {
// If not found by room, try to find by initial area code
if (!foundRoom && this.initialAreaCode) {
foundArea = this.areaList.find(a => a.code === this.initialAreaCode)
foundArea = this.displayAreaList.find(a => a.code === this.initialAreaCode)
}
if (foundArea) {
@@ -159,11 +185,17 @@ export default {
this.selectedRoomType = foundRoom
}
// If we found the room, or we just want to initialize the area but no room yet
if (foundRoom && this.value !== foundRoom.code) {
this.$emit('input', foundRoom.code)
this.$emit('change', { area: foundArea, roomType: foundRoom })
if (foundRoom) {
if (this.value !== foundRoom.code) {
this.$emit('input', foundRoom.code)
}
if (previousAreaCode !== foundArea.code || previousRoomCode !== foundRoom.code) {
this.$emit('change', { area: foundArea, roomType: foundRoom })
}
}
} else {
this.selectedArea = null
this.selectedRoomType = null
}
},
handleSelect(area, roomType) {