31 changed files with 1197 additions and 106 deletions
|
After Width: | Height: | Size: 144 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
@ -0,0 +1,130 @@ |
|||||
|
// subpages/communitySelfInsp/pages/dissatisfactionDetails/dissatisfactionDetails.js
|
||||
|
import {getInspResult} from "../../../../utils/api" |
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
tableData:[], |
||||
|
pageNo:1, |
||||
|
pageSize:20, |
||||
|
lowerThreshold:'10', |
||||
|
loadMoreVisible:false, |
||||
|
loadMoreType: "none", |
||||
|
nodata:false |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad(options) { |
||||
|
console.log(options); |
||||
|
this.setData({ |
||||
|
satisfactionCategory:options.category, |
||||
|
inspRecordId:options.inspRecordId |
||||
|
}) |
||||
|
this.getInspResult() |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom() { |
||||
|
|
||||
|
}, |
||||
|
onScrollToLower(e){ |
||||
|
if (this.data.loadMoreType === 'more') { |
||||
|
this.setData({ |
||||
|
loadMoreVisible: true, |
||||
|
}) |
||||
|
this.data.pageNo += 1 |
||||
|
this.getInspResult() |
||||
|
} |
||||
|
}, |
||||
|
getInspResult(){ |
||||
|
this.setData({ |
||||
|
loadMoreVisible: true, |
||||
|
nodata: false, |
||||
|
loadMoreType: "more", |
||||
|
}) |
||||
|
let parm = { |
||||
|
inspRecordId:this.data.inspRecordId, |
||||
|
satisfactionCategory:this.data.satisfactionCategory, |
||||
|
satisfactionLevel:'bad', |
||||
|
pageNo:this.data.pageNo, |
||||
|
pageSize:this.data.pageSize |
||||
|
} |
||||
|
if(!parm.type) delete parm.type |
||||
|
getInspResult(parm).then(res=>{ |
||||
|
this.setData({ |
||||
|
loadMoreType: res.data.list.length === this.data.pageSize ? 'more' : 'none', |
||||
|
tableData: this.data.tableData.concat(res.data.list), |
||||
|
}) |
||||
|
if (this.data.tableData.length == 0) { |
||||
|
this.setData({ |
||||
|
loadMoreVisible: false, |
||||
|
nodata: true |
||||
|
}) |
||||
|
} |
||||
|
}).catch(err=>{ |
||||
|
console.log(err); |
||||
|
this.setData({ |
||||
|
loadMoreVisible: false, |
||||
|
nodata: true, |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
handleClickPhone(e){ |
||||
|
wx.makePhoneCall({ |
||||
|
phoneNumber: e.currentTarget.dataset.mobile, |
||||
|
}) |
||||
|
}, |
||||
|
toFollowUpDetails(e){ |
||||
|
console.log(JSON.stringify(e.currentTarget.dataset.item)); |
||||
|
wx.navigateTo({ |
||||
|
url: `/subpages/communitySelfInsp/pages/followUpDetail/followUpDetail?resiInfo=${JSON.stringify(e.currentTarget.dataset.item)}`, |
||||
|
}) |
||||
|
}, |
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage() { |
||||
|
|
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,7 @@ |
|||||
|
{ |
||||
|
"usingComponents": { |
||||
|
"load-more": "../../../../components/loadMore/loadMore", |
||||
|
"no-data": "../../../../components/noData/nodata" |
||||
|
}, |
||||
|
"navigationBarTitleText": "不满意结果明细" |
||||
|
} |
||||
@ -0,0 +1,19 @@ |
|||||
|
<!--subpages/communitySelfInsp/pages/dissatisfactionDetails/dissatisfactionDetails.wxml--> |
||||
|
<view class="content"> |
||||
|
<scroll-view class="scroll" scroll-y="{{true}}" lower-threshold="{{ lowerThreshold }}" bindscrolltolower="onScrollToLower"> |
||||
|
<view class="card" wx:for="{{tableData}}" wx:key="index" > |
||||
|
<view class="title" > |
||||
|
<view>{{item.reporterName}} {{item.reporterMobile}}</view> |
||||
|
<view><text class="red" bind:tap="handleClickPhone" data-mobile="{{item.reporterMobile}}">打电话</text> <text class="blue" bind:tap="toFollowUpDetails" data-item="{{item}}">回访记录</text> </view> |
||||
|
</view> |
||||
|
<view class="{{item.followUpStatus == 1?'blue_small':'red_small'}}"> {{ item.followUpStatus!= null?item.followUpStatus == -1 ?'不接受回访':item.followUpStatus == 1 ?'已回访':'接受回访/未回访':'--' }} |
||||
|
</view> |
||||
|
<view class="bottom"> |
||||
|
不满意原因：{{item.reason}} |
||||
|
</view> |
||||
|
</view> |
||||
|
<load-more loadVisible="{{loadMoreVisible}}" loadType="{{loadMoreType}}" ></load-more> |
||||
|
<no-data isShow="{{nodata}}" wx:if="{{nodata}}"></no-data> |
||||
|
</scroll-view> |
||||
|
|
||||
|
</view> |
||||
@ -0,0 +1,80 @@ |
|||||
|
/* subpages/communitySelfInsp/pages/dissatisfactionDetails/dissatisfactionDetails.wxss */ |
||||
|
page { |
||||
|
width: 100%; |
||||
|
min-height: 100vh; |
||||
|
overflow-y: scroll; |
||||
|
background-color: #f7f7f7; |
||||
|
} |
||||
|
.red, |
||||
|
.blue{ |
||||
|
font-size: 28rpx; |
||||
|
color: #fff; |
||||
|
padding: 8rpx 20rpx ; |
||||
|
border-radius: 40rpx; |
||||
|
box-sizing: border-box; |
||||
|
margin-right: 16rpx; |
||||
|
} |
||||
|
.red{ |
||||
|
background-color: #ff783c; |
||||
|
} |
||||
|
.blue{ |
||||
|
background-color: #4f94ff; |
||||
|
} |
||||
|
.blue_small, |
||||
|
.red_small{ |
||||
|
font-size: 26rpx; |
||||
|
width: fit-content; |
||||
|
padding: 8rpx 16rpx; |
||||
|
border-radius: 40rpx; |
||||
|
box-sizing: border-box; |
||||
|
height: 40rpx; |
||||
|
line-height: 20rpx; |
||||
|
margin: 24rpx 0 ; |
||||
|
|
||||
|
} |
||||
|
.blue_small{ |
||||
|
background-color: #eef4fd; |
||||
|
color: #5693EE; |
||||
|
} |
||||
|
.red_small{ |
||||
|
background-color: #fff1eb; |
||||
|
color: #FF783C; |
||||
|
} |
||||
|
.content{ |
||||
|
width: 100%; |
||||
|
padding:0 20rpx ; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.content .scroll { |
||||
|
height: calc(100vh - 100rpx); |
||||
|
overflow-y: scroll; |
||||
|
} |
||||
|
.content .card{ |
||||
|
width: 100%; |
||||
|
background-color: #fff; |
||||
|
display: flex; |
||||
|
height: 236rpx; |
||||
|
flex-direction: column; |
||||
|
border-radius: 20rpx; |
||||
|
padding: 30rpx 30rpx; |
||||
|
box-sizing: border-box; |
||||
|
margin-top: 20rpx; |
||||
|
overflow: hidden; |
||||
|
color: #333; |
||||
|
|
||||
|
} |
||||
|
.content .card .title{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
/* */ |
||||
|
.content .card .bottom{ |
||||
|
border-bottom: 2rpx #EAEAEA solid; |
||||
|
padding-bottom: 20rpx; |
||||
|
display: -webkit-box; |
||||
|
-webkit-box-orient: vertical; |
||||
|
-webkit-line-clamp: 2; |
||||
|
width: 100%; /* 根据实际情况调整 */ |
||||
|
max-height: 100rpx; /* 根据字体大小和行高调整 */ |
||||
|
min-height:50rpx ; |
||||
|
} |
||||
@ -0,0 +1,106 @@ |
|||||
|
const app = getApp() |
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
resiInfo:{}, |
||||
|
title:'回访记录', |
||||
|
formType:'add', |
||||
|
followUpWayList:[ |
||||
|
{ |
||||
|
label:'电话回访', |
||||
|
value:'1' |
||||
|
}, |
||||
|
{ |
||||
|
label:'上门回访', |
||||
|
value:'2' |
||||
|
} |
||||
|
], |
||||
|
form:{ |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad(options) { |
||||
|
console.log(JSON.parse(options.resiInfo)); |
||||
|
this.setData({ |
||||
|
statusHeight: app.globalData.deviceInfo.statusHeight, |
||||
|
navigationHeight: app.globalData.deviceInfo.navigationHeight, |
||||
|
formType:options.type |
||||
|
}) |
||||
|
if(options.type == 'add'){ |
||||
|
this.setData({ |
||||
|
resiInfo:JSON.parse(options.resiInfo), |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage() { |
||||
|
|
||||
|
}, |
||||
|
bindPickerChangefollowUpWay(e){ |
||||
|
const selectedIndex = e.detail.value; |
||||
|
const selectedVillage = this.data.followUpWayList[selectedIndex]; |
||||
|
this.setData({ |
||||
|
'form.followUpWay': selectedVillage.label, |
||||
|
}); |
||||
|
}, |
||||
|
handleChangeRadio(e){ |
||||
|
console.log(e); |
||||
|
}, |
||||
|
back(){ |
||||
|
wx.navigateBack({ |
||||
|
delta: 1 |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"navigationStyle": "custom", |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1,50 @@ |
|||||
|
<view class="header"> |
||||
|
<image src="../../../../images/back.png" class="back" style=" top: {{statusHeight}}px;width: 30rpx;height: 30rpx;" bindtap="back" mode="" /> |
||||
|
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
||||
|
{{title}} |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="content"> |
||||
|
<view class="content_header"> |
||||
|
<view class="bto_bor"> |
||||
|
<view> 马魁 177777777777</view> |
||||
|
<view class="gray font28" style="margin: 20rpx 0;">河南省鹤壁市</view> |
||||
|
</view> |
||||
|
<view style="margin-top: 20rpx;"> |
||||
|
不满意原因：aacece |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="content_form"> |
||||
|
<view class="bto_bor form_item" style="color:#333;font-weight: bold;">填写回访记录</view> |
||||
|
<view class="form_item bto_bor"> |
||||
|
<view class="label"> |
||||
|
<view class="title" style="color: #333333">回访方式</view> |
||||
|
</view> |
||||
|
<view class="input"> |
||||
|
<picker bindchange="bindPickerChangefollowUpWay" range-key="label" value="{{index}}" range="{{followUpWayList}}"> |
||||
|
<view class="{{form.followUpWay?'':'gray'}}"> |
||||
|
{{followUpWayName?followUpWayName:'请选择'}} |
||||
|
</view> |
||||
|
</picker> |
||||
|
<image src="../../../../images/right.png" mode=""/> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view > |
||||
|
<view style="margin-top: 20rpx; color: #333333">回访情况记录</view> |
||||
|
<view> |
||||
|
<textarea style="background-color: #f7f7f7; border-radius: 10rpx; padding: 30rpx;margin-top: 20rpx;" value="{{form.description}}" placeholder="请详细填写回访情况(不超过500字)"/> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view style="margin-bottom: 80rpx;"> |
||||
|
<view style="margin-top: 20rpx; color: #333333">是否还为不满意风险人员</view> |
||||
|
<view> |
||||
|
<radio-group bindchange="handleChangeRadio" style="margin-top: 20rpx;"> |
||||
|
<radio color="#70acfc" value="{{0}}"/>否 |
||||
|
<radio color="#70acfc" style="margin-left: 20rpx;" value="{{1}}"/>是 |
||||
|
</radio-group> |
||||
|
|
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<button class="fixed_btn" bind:tap="jumpAdd">提交</button> |
||||
@ -0,0 +1,149 @@ |
|||||
|
page { |
||||
|
width: 100%; |
||||
|
min-height: 100vh; |
||||
|
overflow-y: auto; |
||||
|
background-color: #f7f7f7; |
||||
|
} |
||||
|
.header { |
||||
|
width: 100%; |
||||
|
height: 532rpx; |
||||
|
background: linear-gradient(180deg, #7DB5FF 0%, #E8F2FF 66%, #F7F7F7 100%); |
||||
|
} |
||||
|
|
||||
|
.header .header-bg { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
/* position: absolute; |
||||
|
z-index: 10; |
||||
|
left: 0; |
||||
|
top: 0; */ |
||||
|
position: absolute; |
||||
|
height: 100%; |
||||
|
z-index: -999; |
||||
|
} |
||||
|
|
||||
|
.gray{ |
||||
|
color: #666666; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.font28{ |
||||
|
font-size: 28rpx; |
||||
|
} |
||||
|
|
||||
|
.bto_bor{ |
||||
|
border-bottom: 2rpx #EAEAEA solid; |
||||
|
} |
||||
|
.header .navigation { |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
font-size: 32rpx; |
||||
|
position: relative; |
||||
|
z-index: 1; |
||||
|
} |
||||
|
.back { |
||||
|
width: 30rpx; |
||||
|
height: 30rpx; |
||||
|
margin-left: 20rpx; |
||||
|
position: absolute; |
||||
|
margin-top: 25rpx; |
||||
|
border-radius: 0rpx; |
||||
|
z-index: 2; |
||||
|
} |
||||
|
.content{ |
||||
|
height: auto; |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
position: relative; |
||||
|
top: -380rpx; |
||||
|
padding: 0 20rpx; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.content .content_header{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
background: linear-gradient(to bottom right, #d1e7f7 0%, #E8F2FF 20%, #F7F7F7 100%); |
||||
|
border-radius:20rpx; |
||||
|
padding: 30rpx; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.content .content_form{ |
||||
|
height: auto; |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
padding: 0 20rpx; |
||||
|
box-sizing: border-box; |
||||
|
background-color: #FFFFFF; |
||||
|
margin-top: 17rpx; |
||||
|
border-radius: 20rpx; |
||||
|
} |
||||
|
.form_item{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
height: 100rpx; |
||||
|
} |
||||
|
|
||||
|
.form_item .label{ |
||||
|
width: 130rpx; |
||||
|
height: 100%; |
||||
|
line-height: 100rpx; |
||||
|
font-size: 32rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #666666; |
||||
|
position: relative; |
||||
|
} |
||||
|
.form_item .label .must{ |
||||
|
font-size: 32rpx; |
||||
|
font-weight: 500; |
||||
|
color: #FF2A00; |
||||
|
position: absolute; |
||||
|
left: -18rpx; |
||||
|
top: 50%; |
||||
|
transform: translateY(-50rpx); |
||||
|
} |
||||
|
.form_item .input{ |
||||
|
flex: 1; |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
align-items: center; |
||||
|
margin-left: 51rpx; |
||||
|
overflow: hidden; |
||||
|
|
||||
|
} |
||||
|
.form_item .input .residentCategorySty{ |
||||
|
flex: 1; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
.form_item .input picker, |
||||
|
.form_item .input input{ |
||||
|
flex: 1; |
||||
|
} |
||||
|
.form_item image{ |
||||
|
height: 22rpx; |
||||
|
width: 22rpx; |
||||
|
} |
||||
|
button{ |
||||
|
width: 360rpx; |
||||
|
height: 76rpx; |
||||
|
background: linear-gradient(87deg, #81B5FB 0%, #3E92FF 100%); |
||||
|
border-radius: 76rpx !important; |
||||
|
font-size: 32rpx; |
||||
|
font-weight: 400 !important; |
||||
|
font-family: PingFang SC; |
||||
|
color: #FFFFFF; |
||||
|
position: fixed; |
||||
|
bottom: 63rpx; |
||||
|
left: 50%; |
||||
|
transform: translateX(-180rpx); |
||||
|
} |
||||
|
.fixed_btn{ |
||||
|
position: fixed; |
||||
|
bottom: 30rpx; |
||||
|
left: 50%; |
||||
|
transform: translateX(-184rpx); |
||||
|
} |
||||
@ -0,0 +1,120 @@ |
|||||
|
import {getFollowUpList} from "../../../../utils/api" |
||||
|
Page({ |
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
tableData:[], |
||||
|
pageNo:1, |
||||
|
pageSize:20, |
||||
|
lowerThreshold:'10', |
||||
|
loadMoreVisible:false, |
||||
|
loadMoreType: "none", |
||||
|
nodata:false |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad(options) { |
||||
|
console.log(options); |
||||
|
this.setData({ |
||||
|
satisfactionCategory:options.category, |
||||
|
inspRecordId:options.inspRecordId |
||||
|
}) |
||||
|
this.getFollowUpList() |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom() { |
||||
|
|
||||
|
}, |
||||
|
onScrollToLower(e){ |
||||
|
if (this.data.loadMoreType === 'more') { |
||||
|
this.setData({ |
||||
|
loadMoreVisible: true, |
||||
|
}) |
||||
|
this.data.pageNo += 1 |
||||
|
this.getFollowUpList() |
||||
|
} |
||||
|
}, |
||||
|
getFollowUpList(){ |
||||
|
this.setData({ |
||||
|
loadMoreVisible: true, |
||||
|
nodata: false, |
||||
|
loadMoreType: "more", |
||||
|
}) |
||||
|
let parm = { |
||||
|
inspRecordId:'', |
||||
|
pageNo:this.data.pageNo, |
||||
|
pageSize:this.data.pageSize |
||||
|
} |
||||
|
if(!parm.type) delete parm.type |
||||
|
getFollowUpList(parm).then(res=>{ |
||||
|
this.setData({ |
||||
|
loadMoreType: res.data.list.length === this.data.pageSize ? 'more' : 'none', |
||||
|
tableData: this.data.tableData.concat(res.data.list), |
||||
|
}) |
||||
|
if (this.data.tableData.length == 0) { |
||||
|
this.setData({ |
||||
|
loadMoreVisible: false, |
||||
|
nodata: true |
||||
|
}) |
||||
|
} |
||||
|
}).catch(err=>{ |
||||
|
console.log(err); |
||||
|
this.setData({ |
||||
|
loadMoreVisible: false, |
||||
|
nodata: true, |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
handleClickPhone(e){ |
||||
|
wx.makePhoneCall({ |
||||
|
phoneNumber: e.currentTarget.dataset.mobile, |
||||
|
}) |
||||
|
}, |
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage() { |
||||
|
|
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,7 @@ |
|||||
|
{ |
||||
|
"usingComponents": { |
||||
|
"load-more": "../../../../components/loadMore/loadMore", |
||||
|
"no-data": "../../../../components/noData/nodata" |
||||
|
}, |
||||
|
"navigationBarTitleText": "我的回访记录" |
||||
|
} |
||||
@ -0,0 +1,19 @@ |
|||||
|
<!--subpages/communitySelfInsp/pages/dissatisfactionDetails/dissatisfactionDetails.wxml--> |
||||
|
<view class="content"> |
||||
|
<scroll-view class="scroll" scroll-y="{{true}}" lower-threshold="{{ lowerThreshold }}" bindscrolltolower="onScrollToLower"> |
||||
|
<view class="card" wx:for="{{tableData}}" wx:key="index" > |
||||
|
<view class="title" > |
||||
|
<view> |
||||
|
<text class="{{item.followUpWay == '1'?'blue_small':'red_small'}}">{{item.followUpWayName}}</text> |
||||
|
{{item.reporterName}} {{item.reporterMobile}} |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="bottom"> |
||||
|
<view style="color: #999999 ;">{{item.addressDetail != null?item.addressDetail:'--'}}</view> |
||||
|
<view style="color: #C1C1C1;">{{item.followUpTime}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<load-more loadVisible="{{loadMoreVisible}}" loadType="{{loadMoreType}}" ></load-more> |
||||
|
<no-data isShow="{{nodata}}" wx:if="{{nodata}}"></no-data> |
||||
|
</scroll-view> |
||||
|
</view> |
||||
@ -0,0 +1,75 @@ |
|||||
|
page { |
||||
|
width: 100%; |
||||
|
min-height: 100vh; |
||||
|
overflow-y: scroll; |
||||
|
background-color: #f7f7f7; |
||||
|
} |
||||
|
.red, |
||||
|
.blue{ |
||||
|
font-size: 28rpx; |
||||
|
color: #fff; |
||||
|
padding: 8rpx 20rpx ; |
||||
|
border-radius: 40rpx; |
||||
|
box-sizing: border-box; |
||||
|
margin-right: 16rpx; |
||||
|
} |
||||
|
.red{ |
||||
|
background-color: #ff783c; |
||||
|
} |
||||
|
.blue{ |
||||
|
background-color: #4f94ff; |
||||
|
} |
||||
|
.blue_small, |
||||
|
.red_small{ |
||||
|
font-size: 26rpx; |
||||
|
width: fit-content; |
||||
|
padding: 8rpx 16rpx; |
||||
|
border-radius: 40rpx; |
||||
|
box-sizing: border-box; |
||||
|
height: 40rpx; |
||||
|
line-height: 20rpx; |
||||
|
margin: 24rpx 0 ; |
||||
|
|
||||
|
} |
||||
|
.blue_small{ |
||||
|
background-color: #eef4fd; |
||||
|
color: #5693EE; |
||||
|
} |
||||
|
.red_small{ |
||||
|
background-color: #fff1eb; |
||||
|
color: #FF783C; |
||||
|
} |
||||
|
.content{ |
||||
|
width: 100%; |
||||
|
padding:0 20rpx ; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.content .scroll { |
||||
|
height: calc(100vh - 100rpx); |
||||
|
overflow-y: scroll; |
||||
|
} |
||||
|
.content .card{ |
||||
|
width: 100%; |
||||
|
background-color: #fff; |
||||
|
display: flex; |
||||
|
height: 180rpx; |
||||
|
flex-direction: column; |
||||
|
border-radius: 20rpx; |
||||
|
padding: 30rpx 30rpx; |
||||
|
box-sizing: border-box; |
||||
|
margin-top: 20rpx; |
||||
|
overflow: hidden; |
||||
|
color: #333; |
||||
|
} |
||||
|
.content .card .title{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
.content .card .bottom{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
margin-top: 30rpx; |
||||
|
border-bottom: 2rpx #EAEAEA solid; |
||||
|
padding-bottom: 20rpx; |
||||
|
} |
||||
@ -0,0 +1,110 @@ |
|||||
|
// subpages/communitySelfInsp/pages/synthesis/synthesis.js
|
||||
|
const app = getApp() |
||||
|
import {getSynthesis} from '../../../../utils/api' |
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
agencyName:'',//组织名称
|
||||
|
tableData:[], |
||||
|
monthName:'',//月份
|
||||
|
personQty:'',//提交人数
|
||||
|
synthesisScore:'',//综合得分
|
||||
|
inspRecordId:''//自查表Id
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad(options) { |
||||
|
this.setData({ |
||||
|
statusHeight: app.globalData.deviceInfo.statusHeight, |
||||
|
navigationHeight: app.globalData.deviceInfo.navigationHeight, |
||||
|
}) |
||||
|
this.getSynthesis() |
||||
|
}, |
||||
|
|
||||
|
getSynthesis(){ |
||||
|
let parm = { |
||||
|
period:'2023-09', |
||||
|
inspRecordId:'' |
||||
|
} |
||||
|
getSynthesis(parm).then(res=>{ |
||||
|
console.log(res); |
||||
|
this.setData({ |
||||
|
tableData:res.data.categoryDatas, |
||||
|
monthName:res.data.monthName, |
||||
|
synthesisScore:res.data.synthesisScore, |
||||
|
personQty:res.data.personQty, |
||||
|
agencyName:res.data.agencyName, |
||||
|
inspRecordId:res.data.inspRecordId |
||||
|
}) |
||||
|
|
||||
|
}).catch((err)=>{ |
||||
|
console.log(err); |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage() { |
||||
|
|
||||
|
}, |
||||
|
toDissatisfactionDetails(e){ |
||||
|
console.log(e); |
||||
|
let category = e.currentTarget.dataset.item.satisfactionCategory |
||||
|
wx.navigateTo({ |
||||
|
url: `/subpages/communitySelfInsp/pages/dissatisfactionDetails/dissatisfactionDetails?inspRecordId=${this.data.inspRecordId}&category=${category}`, |
||||
|
}) |
||||
|
}, |
||||
|
back(){ |
||||
|
wx.navigateBack({ |
||||
|
delta: 1 |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"navigationStyle": "custom", |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1,63 @@ |
|||||
|
<view class="header"> |
||||
|
<image class="header-bg" src="../../../../images/work/bg.png" mode="widthFix" /> |
||||
|
<image src="../../../../images/back.png" class="back" bind:tap="back" style=" top: {{statusHeight}}px;width: 30rpx;height: 30rpx;" bindtap="back" mode=""/> |
||||
|
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
||||
|
社区满意度自查 |
||||
|
</view> |
||||
|
<view class="content"> |
||||
|
<view class="h2">{{agencyName}}{{monthName}}月份满意度自查</view> |
||||
|
<view class="tag"> <image src="../../../../images/tag.png" mode=""/> 进行中</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="body"> |
||||
|
<view class="top"> |
||||
|
<image src="../../../../images/work/messageBg.png" class="bg" mode=""/> |
||||
|
<view class="top_box"> |
||||
|
<view class="cnm"> |
||||
|
<view class="tagB">提交人数</view> |
||||
|
<view class="blue"> <b>{{personQty}}</b>人 </view> |
||||
|
</view> |
||||
|
<view> |
||||
|
<view class="tagR">目前得分</view> |
||||
|
<view class="red"> <b>{{synthesisScore}}</b>分 </view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="bto"> |
||||
|
<view class="th"> |
||||
|
<view class="tr"> |
||||
|
<view class="td"> |
||||
|
类型 |
||||
|
</view> |
||||
|
<view class="td"> |
||||
|
满意 |
||||
|
</view> |
||||
|
<view class="td"> |
||||
|
基本满意 |
||||
|
</view> |
||||
|
<view class="td"> |
||||
|
不满意 |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="tr {{index%2 == 0?'tr_bg':''}}" wx:for="{{tableData}}" wx:key="index"> |
||||
|
<view class="td"> |
||||
|
{{item.satisfactionCategoryName}} |
||||
|
</view> |
||||
|
<view class="td"> |
||||
|
{{item.veryGoodQty}} |
||||
|
</view> |
||||
|
<view class="td"> |
||||
|
{{item.goodQty}} |
||||
|
</view> |
||||
|
<view class="td" style="color:#FF502E " data-item="{{item}}" bind:tap="toDissatisfactionDetails"> |
||||
|
{{item.badQty}} <image src="../../../../images/work/rightCri.png" mode=""/> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<!-- |
||||
|
<view class="bto_btn"> |
||||
|
<view>分享给好友参与测评</view> |
||||
|
</view> --> |
||||
@ -0,0 +1,162 @@ |
|||||
|
/* subpages/communitySelfInsp/pages/synthesis/synthesis.wxss */ |
||||
|
page { |
||||
|
width: 100%; |
||||
|
min-height: 100vh; |
||||
|
overflow-y: scroll; |
||||
|
background-color: #f7f7f7; |
||||
|
} |
||||
|
.header { |
||||
|
width: 100%; |
||||
|
height: 464rpx; |
||||
|
/* position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
z-index: 1000; */ |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.blue{ |
||||
|
color: #3A80E7 ; |
||||
|
} |
||||
|
.red{ |
||||
|
color: #FF502E; |
||||
|
} |
||||
|
.header .header-bg { |
||||
|
width: 100%; |
||||
|
height: 444rpx; |
||||
|
position: absolute; |
||||
|
height: 100%; |
||||
|
z-index: -997; |
||||
|
} |
||||
|
.header .navigation { |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
color: #333333; |
||||
|
font-size: 32rpx; |
||||
|
position: relative; |
||||
|
z-index: 100; |
||||
|
} |
||||
|
.back{ |
||||
|
width: 30rpx; |
||||
|
height: 30rpx; |
||||
|
margin-left: 20rpx; |
||||
|
position: absolute; |
||||
|
margin-top: 25rpx; |
||||
|
border-radius: 0rpx; |
||||
|
z-index: 2; |
||||
|
} |
||||
|
.header .content{ |
||||
|
margin: 140rpx 0 0 69rpx; |
||||
|
} |
||||
|
.header .content .h2{ |
||||
|
font-size: 44rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 800; |
||||
|
color: #333333; |
||||
|
margin-bottom: 40rpx; |
||||
|
width: 330rpx; |
||||
|
} |
||||
|
.header .content .tag{ |
||||
|
width: 170rpx; |
||||
|
height: 50rpx; |
||||
|
position: relative; |
||||
|
line-height: 48rpx; |
||||
|
font-size: 28rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #FFFFFF; |
||||
|
padding-left: 35rpx; |
||||
|
} |
||||
|
.header .content .tag image { |
||||
|
width: 170rpx; |
||||
|
height: 50rpx; |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
z-index: -888; |
||||
|
} |
||||
|
.body{ |
||||
|
padding: 0 20rpx; |
||||
|
box-sizing: border-box; |
||||
|
position: relative; |
||||
|
top: -30rpx; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.body .top .bg{ |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
width: 100%; |
||||
|
height: 200rpx; |
||||
|
z-index: -996; |
||||
|
} |
||||
|
.body .top .top_box{ |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
} |
||||
|
.body .top .top_box>view{ |
||||
|
width: 50%; |
||||
|
height: 200rpx; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
position: relative; |
||||
|
top: 20rpx; |
||||
|
color: #666666; |
||||
|
} |
||||
|
.body .top .top_box>view b{ |
||||
|
font-size: 50rpx; |
||||
|
} |
||||
|
.body .top .top_box>view .tagB, |
||||
|
.body .top .top_box>view .tagR |
||||
|
{ |
||||
|
position: relative; |
||||
|
} |
||||
|
.body .top .top_box>view .tagB::after{ |
||||
|
display: inline-block; |
||||
|
content: ''; |
||||
|
width:18rpx; |
||||
|
height: 18rpx; |
||||
|
background-color: #3A80E7; |
||||
|
position: absolute; |
||||
|
left: -30rpx; |
||||
|
top: 10rpx; |
||||
|
} |
||||
|
.body .top .top_box>view .tagR::after{ |
||||
|
display: inline-block; |
||||
|
content: ''; |
||||
|
width:18rpx; |
||||
|
height: 18rpx; |
||||
|
background-color: #FF502E ; |
||||
|
position: absolute; |
||||
|
left: -30rpx; |
||||
|
top: 10rpx; |
||||
|
} |
||||
|
.body .bto{ |
||||
|
border-radius: 10rpx; |
||||
|
background-color: #fff; |
||||
|
padding: 30rpx; |
||||
|
margin-top: 20rpx; |
||||
|
} |
||||
|
.body .bto .th .tr{ |
||||
|
color: #333333; |
||||
|
} |
||||
|
.body .bto .tr{ |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
align-items: center; |
||||
|
height: 90rpx; |
||||
|
color: #666666; |
||||
|
} |
||||
|
.body .bto .tr_bg{ |
||||
|
background-color: #f0f5fd; |
||||
|
} |
||||
|
.body .bto .tr .td{ |
||||
|
width: 25%; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.body .bto .tr .td image{ |
||||
|
width: 24rpx; |
||||
|
height: 24rpx; |
||||
|
} |
||||
Loading…
Reference in new issue