duanliangtao
2 years ago
11 changed files with 653 additions and 3 deletions
@ -0,0 +1,239 @@ |
|||
import {getComplainList,getShengList,getPunchRecord,getShequList,getshijianList,getxuqiuList,getfuwuList} from "../../utils/businessRecords"; |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
tabList: [{ |
|||
label: "12345投诉", |
|||
value: '12345' |
|||
}, { |
|||
label: '满意度调查', |
|||
value: 'provinceSurvey' |
|||
}, { |
|||
label: '满意度自查', |
|||
value: 'selfSurvey' |
|||
}, { |
|||
label: '上报事件', |
|||
value: 'event' |
|||
}, { |
|||
label: '居民需求', |
|||
value: 'need' |
|||
}, { |
|||
label: '社区服务', |
|||
value: 'serve' |
|||
}, { |
|||
label: '打卡记录', |
|||
value: 'punchRecord' |
|||
}], |
|||
tabValue: '12345', |
|||
data: {}, |
|||
residIds:["1704792537883688962","1705416782032064514"] |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
this.setData({ |
|||
tabValue: "12345" |
|||
}) |
|||
this.show12345("12345"); |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
}, |
|||
|
|||
tabChange({currentTarget: {dataset:{index}}}) { |
|||
this.setData({ |
|||
tabValue: index |
|||
}) |
|||
if(index === "12345"){ |
|||
this.show12345(index); |
|||
}else if(index === "provinceSurvey"){ |
|||
let params = { |
|||
"residList": this.data.residIds |
|||
} |
|||
getShengList(params).then(res => { |
|||
if (res.data && res.data.length > 0) { |
|||
let renamedArray = []; |
|||
res.data.forEach(item => { |
|||
let renamedItem = { |
|||
categorycode: item.scope, |
|||
eventcontent: item.problemDesc |
|||
}; |
|||
renamedArray.push(renamedItem); |
|||
}); |
|||
this.data.data[index]= renamedArray; |
|||
this.setData({ |
|||
data: this.data.data |
|||
}) |
|||
} |
|||
}) |
|||
}else if(index === "selfSurvey"){ |
|||
let params = { |
|||
"residList": this.data.residIds |
|||
} |
|||
getShequList(params).then(res => { |
|||
if (res.data && res.data.length > 0) { |
|||
let renamedArray = []; |
|||
res.data.forEach(item => { |
|||
let renamedItem = { |
|||
categorycode: item.scope, |
|||
eventcontent: item.problemDesc |
|||
}; |
|||
renamedArray.push(renamedItem); |
|||
}); |
|||
this.data.data[index]= renamedArray; |
|||
this.setData({ |
|||
data: this.data.data |
|||
}) |
|||
} |
|||
}) |
|||
}else if(index === "event"){ |
|||
let params = { |
|||
"residList": this.data.residIds |
|||
} |
|||
getshijianList(params).then(res => { |
|||
if (res.data && res.data.length > 0) { |
|||
let renamedArray = []; |
|||
res.data.forEach(item => { |
|||
let renamedItem = { |
|||
categorycode: item.categorycode, |
|||
eventcontent: item.eventcontent |
|||
}; |
|||
renamedArray.push(renamedItem); |
|||
}); |
|||
this.data.data[index]= renamedArray; |
|||
this.setData({ |
|||
data: this.data.data |
|||
}) |
|||
} |
|||
}) |
|||
}else if(index === "need"){ |
|||
let params = { |
|||
"residList": this.data.residIds |
|||
} |
|||
getxuqiuList(params).then(res => { |
|||
if (res.data && res.data.length > 0) { |
|||
let renamedArray = []; |
|||
res.data.forEach(item => { |
|||
let renamedItem = { |
|||
categorycode: item.parentName, |
|||
eventcontent: item.content |
|||
}; |
|||
renamedArray.push(renamedItem); |
|||
}); |
|||
this.data.data[index]= renamedArray; |
|||
this.setData({ |
|||
data: this.data.data |
|||
}) |
|||
} |
|||
}) |
|||
}else if(index === "serve"){ |
|||
let params = { |
|||
"residList": this.data.residIds |
|||
} |
|||
getfuwuList(params).then(res => { |
|||
if (res.data && res.data.length > 0) { |
|||
let renamedArray = []; |
|||
res.data.forEach(item => { |
|||
let renamedItem = { |
|||
categorycode: item.serviceCategoryKey, |
|||
eventcontent: item.serviceName |
|||
}; |
|||
renamedArray.push(renamedItem); |
|||
}); |
|||
this.data.data[index]= renamedArray; |
|||
this.setData({ |
|||
data: this.data.data |
|||
}) |
|||
} |
|||
}) |
|||
}else if(index === "punchRecord"){ |
|||
let params = { |
|||
"residList": this.data.residIds |
|||
} |
|||
getPunchRecord(params).then(res => { |
|||
if (res.data && res.data.length > 0) { |
|||
let renamedArray = []; |
|||
res.data.forEach(item => { |
|||
let renamedItem = { |
|||
categorycode: item.scope, |
|||
eventcontent: item.problemDesc |
|||
}; |
|||
renamedArray.push(renamedItem); |
|||
}); |
|||
this.data.data[index]= renamedArray; |
|||
this.setData({ |
|||
data: this.data.data |
|||
}) |
|||
} |
|||
}) |
|||
}else{ |
|||
console.log("else"); |
|||
} |
|||
|
|||
}, |
|||
show12345(index){ |
|||
console.log("init") |
|||
let params = { |
|||
"residList": this.data.residIds, |
|||
"eventType": "3" |
|||
} |
|||
getComplainList(params).then(res => { |
|||
this.data.data[index]= res.data.list; |
|||
this.setData({ |
|||
data: this.data.data |
|||
}) |
|||
console.log(this.data.data[index]); |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,23 @@ |
|||
<view class="tag-list"> |
|||
<view wx:for="{{tabList}}" |
|||
class="tag {{item.value === tabValue?'cur':''}}" |
|||
wx:key="index" |
|||
bind:tap="tabChange" |
|||
data-index="{{item.value}}"> |
|||
{{item.label}} |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="table"> |
|||
<view class="row header"> |
|||
<view class="cell">事件类型</view> |
|||
<view class="cell">事件描述</view> |
|||
</view> |
|||
<!-- <block wx:for="{{data[tabValue]}}" wx:for-item="item" wx:for-index="index"> --> |
|||
<block bind:tap="gotopage" data-obj="{{item}}" wx:for="{{data[tabValue]}}" wx:key="index"> |
|||
<view class="row {{index % 2 == 0 ? 'even' : 'odd'}}"> |
|||
<view class="cell">{{item.categorycode}}</view> |
|||
<view class="cell">{{item.eventcontent}}</view> |
|||
</view> |
|||
</block> |
|||
</view> |
|||
@ -0,0 +1,132 @@ |
|||
.tag-list { |
|||
display: flex; |
|||
flex-wrap: wrap; /* 使得元素可以换行显示 */ |
|||
margin: 0 -8rpx; |
|||
margin-bottom: 15px; |
|||
} |
|||
.tag-list .tag { |
|||
padding: 10rpx 20rpx; |
|||
font-size: 23rpx; |
|||
margin: 10rpx 8rpx; |
|||
text-align: center; /* 使标签文本居中 */ |
|||
} |
|||
.tag-list .tag.cur { |
|||
border-bottom: 3px solid #3A80E7; |
|||
color: #3A80E7; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
.frequency { |
|||
width: 80rpx; |
|||
flex: 0 0 80rpx; |
|||
margin-right: 20rpx; |
|||
border-radius: 20rpx; |
|||
padding: 20rpx 0; |
|||
text-align: center; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.frequency .num { |
|||
font-size: 40rpx; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.frequency .txt { |
|||
font-size: 20rpx; |
|||
font-weight: 500; |
|||
} |
|||
.frequency.orange { |
|||
background: #FFEBE2; |
|||
color: #FC7031; |
|||
} |
|||
.frequency.purple { |
|||
background: #E2E2FF; |
|||
color: #8482F7; |
|||
} |
|||
.frequency.blue { |
|||
background: #D3EDFF; |
|||
color: #4AA2E2; |
|||
} |
|||
|
|||
|
|||
.right-con { |
|||
flex: 0 0 calc(100% - 100rpx); |
|||
width: calc(100% - 100rpx); |
|||
} |
|||
|
|||
.right-con .right-con-txt { |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
color: #333333; |
|||
line-height: 42rpx; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical; |
|||
height: 84rpx; |
|||
} |
|||
.right-con-address { |
|||
display: flex; |
|||
align-items: center; |
|||
margin-right: 14rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
.right-con-address .icon { |
|||
width: 24rpx; |
|||
height: 30rpx; |
|||
} |
|||
|
|||
.right-con-address .right-con-address-txt { |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
/* 表格样式 */ |
|||
.table { |
|||
width: 100%; |
|||
} |
|||
|
|||
.row { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.header { |
|||
font-weight: bold; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.cell { |
|||
flex: 1; |
|||
padding: 10px 0; |
|||
font-size: 23rpx; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.cell:nth-child(1) { |
|||
flex-basis: 30%; |
|||
font-size: 23rpx; |
|||
} |
|||
|
|||
.cell:nth-child(2) { |
|||
flex-basis: 70%; |
|||
font-size: 23rpx; |
|||
} |
|||
|
|||
.even { |
|||
background-color: #f0f4fd; |
|||
} |
|||
|
|||
.odd { |
|||
background-color: #fff; |
|||
} |
|||
|
|||
@ -0,0 +1,86 @@ |
|||
// subpages/house/pages/housePortrait/housePortrait.js
|
|||
import api from "../../../../utils/api" |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
detail: {}, |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
this.setData({ |
|||
houseId:options.houseId |
|||
}) |
|||
this.getData() |
|||
}, |
|||
getData() { |
|||
api.getClearHouseDeatilById(this.data.houseId).then((res) => { |
|||
this.setData({ |
|||
detail: res.data |
|||
}) |
|||
}).catch((error) => { |
|||
console.error("发生错误:", error); |
|||
}); |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
}, |
|||
|
|||
gotopage({currentTarget: {dataset}}) { |
|||
const {url} = dataset |
|||
console.log(url) |
|||
wx.navigateTo({ |
|||
url |
|||
}) |
|||
}, |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"BusinessRecord": "../../../businessRecord/businessRecord" |
|||
} |
|||
} |
|||
@ -0,0 +1,49 @@ |
|||
<view class="housePortrait-container"> |
|||
<view class="card"> |
|||
<view class="title"> |
|||
<text>{{detail.fullName?detail.fullName:'-'}}</text> |
|||
<view class="view" bind:tap="gotopage" data-url="/subpages/addhouse/pages/addhouse/addhouse?type=edit&houseId={{houseId}}"> |
|||
编辑 |
|||
<image mode="widthFix" src="../../../../images/right.png"></image> |
|||
</view> |
|||
</view> |
|||
<view> |
|||
<view class="line"> |
|||
<view class="field">房屋类型：{{detail.houseTypeName?detail.houseTypeName:'-'}}</view> |
|||
<view class="field">房屋用途：{{detail.purposeName?detail.purposeName:'-'}}</view> |
|||
<view class="field">房屋状态：{{detail.rentName?detail.rentName:'-'}}</view> |
|||
</view> |
|||
<view class="field">房主姓名：{{detail.ownerName?detail.ownerName:'-'}}</view> |
|||
<view class="field">联系电话：{{detail.ownerPhone?detail.ownerPhone:'-'}}</view> |
|||
<view class="field">房主证件号：{{detail.ownerIdCard?detail.ownerIdCard:'-'}}</view> |
|||
<view class="field">备注：{{detail.remark?detail.remark:'-'}}</view> |
|||
<view class="field">创建时间：{{detail.createdTime?detail.createdTime:'-'}}</view> |
|||
<view class="field">更新时间：{{detail.updatedTime?detail.updatedTime:'-'}}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="card"> |
|||
<view class="title"> |
|||
<text>关系图谱</text> |
|||
<view class="view" bind:tap="gotopage" data-url="/subpages/statistics/pages/problemList/problemList?type={{tabValue}}"> |
|||
新增居民 |
|||
<image mode="widthFix" src="../../../../images/right.png"></image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="card"> |
|||
<view class="title"> |
|||
<text>业务记录</text> |
|||
</view> |
|||
<BusinessRecord/> |
|||
</view> |
|||
|
|||
<view class="card"> |
|||
<view class="title"> |
|||
<text>更新记录</text> |
|||
</view> |
|||
<ProblemList bind:change="tabChange"/> |
|||
</view> |
|||
|
|||
</view> |
|||
@ -0,0 +1,65 @@ |
|||
.housePortrait-container { |
|||
padding: 20rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.card { |
|||
background: #fff; |
|||
border-radius: 20rpx; |
|||
padding: 30rpx; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
|
|||
.card .title { |
|||
font-size: 34rpx; |
|||
font-weight: bold; |
|||
color: #333333; |
|||
display: flex; |
|||
align-items: center; |
|||
margin-left: -30rpx; |
|||
margin-bottom: 39rpx; |
|||
position: relative; |
|||
} |
|||
.card .title:before { |
|||
content: ''; |
|||
display: block; |
|||
width: 10rpx; |
|||
height: 28rpx; |
|||
background: #3A80E7; |
|||
border-radius: 4rpx; |
|||
margin-right: 20rpx; |
|||
} |
|||
.card .title .view { |
|||
font-size: 28rpx; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
display: flex; |
|||
align-items: center; |
|||
position: absolute; |
|||
right: 0; |
|||
top: 0; |
|||
} |
|||
|
|||
.card .title .view image { |
|||
width: 24rpx; |
|||
} |
|||
|
|||
.card .field { |
|||
font-size: 24rpx; |
|||
font-weight: 500; |
|||
color: #999999; |
|||
margin-top: 20rpx; |
|||
} |
|||
|
|||
.card .line { |
|||
display: flex; |
|||
flex-wrap: nowrap; |
|||
} |
|||
|
|||
.card .line .field { |
|||
font-size: 24rpx; |
|||
font-weight: 500; |
|||
color: #999999; |
|||
margin-top: 20rpx; |
|||
flex: 0 0 30%; |
|||
} |
|||
@ -0,0 +1,45 @@ |
|||
var request = require('./request.js') |
|||
const paramsFormat = function (params) { |
|||
let strArray = [] |
|||
for(let key in params) { |
|||
if(params[key] || params[key] == 0 || params[key] == '0') { |
|||
strArray.push(key+'='+params[key]) |
|||
} |
|||
} |
|||
return strArray.join('&') |
|||
} |
|||
|
|||
// 12345事件
|
|||
export function getComplainList(params) { |
|||
return request.post(`actual/base/peopleRoomOverview/eventPageList`, params) |
|||
} |
|||
|
|||
// 省满意度
|
|||
export function getShengList(params) { |
|||
return request.post(`actual/base/peopleRoomOverview/provincialSatisfactionPageList`, params) |
|||
} |
|||
|
|||
// 满意度自查
|
|||
export function getShequList(params) { |
|||
return request.post(`actual/base/peopleRoomOverview/communitySatisfactionPageList`, params) |
|||
} |
|||
|
|||
// 上报事件
|
|||
export function getshijianList(params) { |
|||
return request.post(`actual/base/peopleRoomOverview/eventPageList`, params) |
|||
} |
|||
|
|||
// 居民需求
|
|||
export function getxuqiuList(params) { |
|||
return request.post(`actual/base/peopleRoomOverview/demandOfResidentsPageList`, params) |
|||
} |
|||
|
|||
// 社区服务
|
|||
export function getfuwuList(params) { |
|||
return request.post(`actual/base/peopleRoomOverview/communityServicePageList`, params) |
|||
} |
|||
|
|||
// 打卡记录
|
|||
export function getPunchRecord(params) { |
|||
return request.post(`actual/base/peopleRoomOverview/provincialSatisfactionPageList`, params) |
|||
} |
|||
Loading…
Reference in new issue