<template>
|
<view class="pColumn">
|
<view class="inPColumn" >
|
<view class="left" @click="chating">
|
<view class="top">
|
<view class="userImg">
|
<img class="img" :src=Pdata.avatar>
|
</view>
|
<view class="t-type">{{Pdata.recipientName}}</view>
|
<view class="t-id">{{Pdata.postTime}}</view>
|
</view>
|
<view class="bottom">{{Pdata.postMessage}}</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
props: ['fromW', 'Pdata'],
|
data() {
|
return {
|
popuShow: false,
|
bmainb: ''
|
}
|
},
|
methods: {
|
beginObj() {
|
this.bmainb = '3rem';
|
//#ifdef MP-WEIXIN
|
this.bmainb = '0';
|
//#endif
|
},
|
receives() {
|
var url = this.$store.state.piAPI + "/alarm/alarm/APP-setAlarm",
|
Pid = this.Pdata.id,
|
id = this.$store.state.puserID, //警察id
|
name = this.$store.state.puserName, //警察id
|
data = {
|
id: Pid,
|
securityId: id,
|
alarmPeople: name
|
},
|
that = this;
|
// console.log(data);
|
wx.request({
|
url: url,
|
data: data,
|
header: {
|
"content-type": "application/x-www-form-urlencoded"
|
},
|
method: 'POST',
|
success(res) {
|
// console.log(res.data.msg);
|
}
|
})
|
},
|
chating(){
|
//发起聊天
|
var datas = this.Pdata;
|
//alert(datas.name)
|
uni.navigateTo({
|
url: '/pages/groupChat/chating?chatID=' + datas.recipientId.toString()
|
});
|
},
|
onClose() { //触摸遮罩事件
|
this.setData({
|
popuShow: false
|
});
|
},
|
popupBY() {
|
this.receives();
|
// console.log('接收成功');
|
this.$emit('refreshTask', this.fromW)
|
// this.triggerEvent('myevent', this.data.fromW);
|
this.popuShow = false;
|
},
|
popupBN() {
|
// console.log('接收取消');
|
this.popuShow = false;
|
}
|
},
|
mounted() {
|
this.beginObj();
|
}
|
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
/* components/pColumn/pColumn.wxss */
|
.pColumn,
|
.inPColumn,
|
.left,
|
.right,
|
.top {
|
display: flex;
|
}
|
|
.userImg {
|
// border: 1px solid #007AFF;
|
|
.img {
|
width: 100rpx;
|
height: 100rpx;
|
border-radius: 100rpx;
|
// border: 1px solid #007AFF;
|
}
|
}
|
|
.pColumn {
|
width: 100%;
|
align-items: center;
|
justify-content: center;
|
padding-top: 0.5rem;
|
|
.inPColumn {
|
margin: 0.2rem 0 0.4rem 0;
|
width: 95%;
|
height: 4rem;
|
border-bottom: 1px rgb(207, 207, 207) solid;
|
align-items: center;
|
justify-content: space-between;
|
|
.left {
|
width: 80%;
|
/* border: 1px rgb(114, 250, 159) solid; */
|
flex-direction: column;
|
|
.top {
|
.t-type {
|
padding-left: 0.7rem;
|
font-size: 1.1rem;
|
color: #000000;
|
}
|
|
.t-id {
|
color: #8b8b8b;
|
font-size: 0.8rem;
|
line-height: 1.6rem;
|
position: absolute;
|
right: 1.2rem;
|
}
|
}
|
|
.bottom {
|
color: #8b8b8b;
|
font-size: 0.9rem;
|
position: relative;
|
bottom: 1rem;
|
left: 4rem;
|
}
|
}
|
|
.right {
|
width: 20%;
|
/* border: 1px rgb(143, 114, 250) solid; */
|
justify-content: space-around;
|
|
/* align-items: center; */
|
.butPopup {
|
z-index: 4;
|
position: fixed;
|
top: 0;
|
left: 0;
|
width: 100%;
|
height: 100%;
|
background-color: rgba($color: #000000, $alpha: 0.5);
|
|
.b-main {
|
position: absolute;
|
z-index: 2;
|
// bottom: 3rem;//小程序不兼容
|
width: 100%;
|
// border: 1px solid #007AFF;
|
border-radius: 1.5rem;
|
background-color: #fff;
|
|
// height: 20rem;
|
.b-m-title {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 100%;
|
height: 2.8rem;
|
}
|
|
.b-m-Y,
|
.b-m-N {
|
color: #fff;
|
border-radius: 0;
|
}
|
|
.b-m-Y {
|
background-color: #07C160 !important;
|
}
|
|
.b-m-Y-hove {
|
background-color: #048c44 !important;
|
}
|
|
.b-m-N {
|
background-color: #FF976A !important;
|
}
|
|
.b-m-N-hove {
|
background-color: #e1855d !important;
|
}
|
}
|
}
|
}
|
}
|
}
|
|
|
|
|
// .buttitle {
|
// display: flex;
|
// align-items: center;
|
// justify-content: center;
|
// width: 100%;
|
// height: 2.8rem;
|
// }
|
|
// .popups {
|
// width: 100%;
|
// padding-bottom: 0 !important;
|
// /* border: 1px solid seagreen; */
|
// }
|
</style>
|
