You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
541 lines
12 KiB
541 lines
12 KiB
import { inputSync, nextTick, doAfterLogin } from "@utils/tools";
|
|
import { formatTimestamp } from "@utils/common";
|
|
import {
|
|
wxShowModal,
|
|
wxRequestPost,
|
|
wxNavigateTo,
|
|
} from "@utils/promise-wx-api";
|
|
import getLocation from "../../../../utils/location";
|
|
|
|
|
|
import validate from "@utils/validate/index.js";
|
|
|
|
const app = getApp();
|
|
|
|
Page({
|
|
|
|
data: {
|
|
iniLoaded: false,
|
|
gridId: "",
|
|
customerId: "",
|
|
blurType:'',//是否添加焦点到输入框或语音
|
|
|
|
orgList:[],
|
|
selectOrgIndex:0,
|
|
selectOrgList:[],
|
|
|
|
selectedNpc:{},
|
|
npcList:[],
|
|
selectNpcIndex:-1,
|
|
|
|
showedHint: false,
|
|
viewHeight: '100%',
|
|
submitStatus: "not-started",
|
|
|
|
fmData: {
|
|
gridId:"",//用户所在网格id
|
|
eventContent:"",//事件内容，最多1000
|
|
latitude:"",//纬度
|
|
longitude:"",//经度
|
|
address:"",//地址
|
|
attachmentList: [],//附件列表
|
|
npcUserList: [],//被@的人大代表
|
|
orgList: [],//报给谁？
|
|
|
|
voiceList: [], // 语音文件
|
|
},
|
|
|
|
// 最大上传图片数量
|
|
maxLimitImg: 3,
|
|
|
|
submitBtnIsAllowed: false,
|
|
dateStart:formatTimestamp(),
|
|
|
|
tabRecord: false,
|
|
dialogVisible: false,
|
|
},
|
|
|
|
|
|
// 更新data数据后需主动触发
|
|
$afterUpdateData() {
|
|
this.computeSubmitBtnIsAllowed();
|
|
},
|
|
|
|
computeSubmitBtnIsAllowed(isQuiet = true) {
|
|
const { fmData, submitStatus } = this.data,
|
|
vlt = validate(fmData, {
|
|
eventContent: [
|
|
{
|
|
rule: "required",
|
|
message: "请填写内容"
|
|
}
|
|
],
|
|
|
|
});
|
|
if (!vlt.valid) {
|
|
if (!isQuiet) {
|
|
wx.showToast({
|
|
title: vlt.error,
|
|
icon: "none",
|
|
duration: 1500
|
|
});
|
|
}
|
|
this.setData({
|
|
submitBtnIsAllowed: false
|
|
});
|
|
return false;
|
|
} else {
|
|
this.setData({
|
|
submitBtnIsAllowed: submitStatus !== "success"
|
|
});
|
|
return true;
|
|
}
|
|
},
|
|
|
|
async onLoad(query) {
|
|
const { blurType } = query;
|
|
this.setData(
|
|
{
|
|
blurType
|
|
});
|
|
console.log(1111111)
|
|
console.log(this.data.blurType)
|
|
if(blurType==='voice'){
|
|
this.setData({
|
|
tabRecord: true,
|
|
});
|
|
// this.computedViewHeight();
|
|
}
|
|
await doAfterLogin();
|
|
|
|
this.setData(
|
|
{
|
|
gridId:app.globalData.gridId,
|
|
customerId:app.globalData.customerId
|
|
});
|
|
|
|
await this.getOrgList()
|
|
await this.getNpcList()
|
|
|
|
this.getLocation();
|
|
|
|
this.setData({
|
|
iniLoaded: true
|
|
});
|
|
},
|
|
|
|
onShow() {},
|
|
onReady() {
|
|
this.computedViewHeight()
|
|
},
|
|
inputSync,
|
|
|
|
|
|
// 获取组织列表
|
|
async getOrgList() {
|
|
const { gridId } = this.data;
|
|
|
|
const {
|
|
data: {
|
|
data: { code, data },
|
|
},
|
|
msg,
|
|
} = await wxRequestPost(
|
|
'resi/home/resi-event/report-target-level-list',
|
|
{
|
|
gridId,
|
|
},
|
|
{
|
|
// isMock: true
|
|
}
|
|
);
|
|
|
|
if (msg === 'success' && code === 0) {
|
|
let { orgList,selectOrgIndex,selectOrgList} = this.data;
|
|
orgList = data.reportTargets
|
|
selectOrgList = []
|
|
if(orgList.length>0){
|
|
selectOrgIndex=0
|
|
selectOrgList.push(orgList[0])
|
|
}else{
|
|
selectOrgIndex=-1
|
|
}
|
|
|
|
this.setData({ orgList,selectOrgIndex,selectOrgList });
|
|
}
|
|
},
|
|
|
|
//选择网格列表
|
|
handleSelectOrg(e){
|
|
let {selectOrgIndex,orgList,selectOrgList}=this.data
|
|
const {
|
|
currentTarget: {
|
|
dataset: { index },
|
|
},
|
|
} = e;
|
|
|
|
selectOrgIndex = index
|
|
selectOrgList=[]
|
|
selectOrgList.push(orgList[index])
|
|
|
|
this.setData(
|
|
{selectOrgIndex,selectOrgList}
|
|
)
|
|
},
|
|
|
|
// 强行获取地址信息，或打扰用户给予授权
|
|
toughGetLocation() {
|
|
this.getLocation(false);
|
|
wx.chooseLocation({
|
|
success: res => {
|
|
console.log('resadddres', res)
|
|
const { fmData } = this.data;
|
|
this.setData({
|
|
fmData: {
|
|
...fmData,
|
|
address: res.address,
|
|
longitude: res.longitude,
|
|
latitude: res.latitude
|
|
}
|
|
});
|
|
}
|
|
})
|
|
},
|
|
|
|
// 获取地理位置信息
|
|
async getLocation(isQuiet = true) {
|
|
const { msg, data } = await getLocation(isQuiet);
|
|
console.log(msg, data);
|
|
if (msg === "success") {
|
|
const { fmData } = this.data;
|
|
this.setData({
|
|
fmData: {
|
|
...fmData,
|
|
address: data.address,
|
|
longitude: data.longitude,
|
|
latitude: data.latitude,
|
|
|
|
}
|
|
});
|
|
|
|
}
|
|
},
|
|
|
|
async addImg() {
|
|
await this.selectComponent("#uploadImg").selectImage()
|
|
|
|
},
|
|
|
|
// 获取人大代表列表
|
|
async getNpcList() {
|
|
const { customerId } = this.data;
|
|
this.setData({
|
|
initLoading: true,
|
|
});
|
|
|
|
const url = "resi/home/resi-event/npc-list";
|
|
|
|
const {
|
|
data: {
|
|
data: { code, data },
|
|
},
|
|
msg,
|
|
} = await wxRequestPost(
|
|
url,
|
|
{
|
|
customerId,
|
|
},
|
|
{
|
|
// isMock: true,
|
|
// isQuiet: true
|
|
}
|
|
);
|
|
|
|
this.setData({
|
|
initLoading: false,
|
|
});
|
|
|
|
if (msg === "success" && code === 0) {
|
|
let { npcList,selectNpc,selectNpcIndex } =this.data
|
|
npcList = data.reportTargets
|
|
|
|
// if(npcList.length>0){
|
|
// selectNpcIndex=0
|
|
// selectNpc=npcList[0]
|
|
// }else{
|
|
// selectNpcIndex=-1
|
|
// selectNpc={}
|
|
// }
|
|
|
|
this.setData({
|
|
npcList,selectNpc,selectNpcIndex
|
|
});
|
|
}
|
|
},
|
|
|
|
//选择人大代表弹出框
|
|
async atNpc() {
|
|
const $selectNpc = this.selectComponent("#selectNpc");
|
|
let {selectNpcIndex,npcList,selectedNpc}= this.data
|
|
|
|
let result=await $selectNpc.show();
|
|
|
|
if(result!=='cancal'){
|
|
selectNpcIndex = result
|
|
selectedNpc=npcList[selectNpcIndex]
|
|
}
|
|
|
|
this.setData({ selectedNpc,selectNpcIndex });
|
|
},
|
|
|
|
//删除人大代表
|
|
delNpc(){
|
|
this.setData({
|
|
selectNpcIndex:-1,
|
|
selectedNpc:{}
|
|
});
|
|
},
|
|
|
|
// 提交通知
|
|
async submit(e) {
|
|
let { fmData, gridId,selectOrgList,selectNpcIndex,selectedNpc } = this.data;
|
|
|
|
// if (!this.computeSubmitBtnIsAllowed(false)) {
|
|
// return;
|
|
// }
|
|
fmData.eventContent = fmData.eventContent.trim();
|
|
|
|
if (fmData.eventContent === "" && fmData.voiceList.length === 0) {
|
|
console.log("fmData.voiceList.length", fmData.voiceList.length);
|
|
return wx.showToast({
|
|
title: "报事内容或报事语音不能为空",
|
|
icon: "none",
|
|
duration: 1500,
|
|
});
|
|
}
|
|
|
|
const retConfirm = await wxShowModal({
|
|
title: "确认提交？",
|
|
});
|
|
if (retConfirm.msg !== "success" || !retConfirm.data.confirm) {
|
|
return;
|
|
}
|
|
let paramsFile={
|
|
customerId:app.globalData.customerId
|
|
}
|
|
|
|
const {
|
|
msg: uploadMsg,
|
|
data: imageList,
|
|
error: uploadError,
|
|
} = await this.selectComponent("#uploadImg").upload("oss/file/upload-resi-event-file",paramsFile);
|
|
// } = await this.selectComponent("#uploadImg").upload();
|
|
if (uploadMsg === "invalid") {
|
|
const { msg: contiueSubmit } = await wxShowModal({
|
|
content: uploadError,
|
|
cancelText: "继续提交",
|
|
confirmText: "去修改",
|
|
});
|
|
if (contiueSubmit === "success") {
|
|
return;
|
|
}
|
|
} else if (uploadMsg === "error") {
|
|
return wx.showToast({
|
|
title: uploadError,
|
|
icon: "none",
|
|
duration: 2000,
|
|
});
|
|
}
|
|
|
|
if(selectOrgList.length==0){
|
|
return wx.showToast({
|
|
title: "请选择上报组织",
|
|
icon: "none",
|
|
duration: 1500
|
|
});
|
|
}
|
|
|
|
// fmData.eventContent = fmData.eventContent.trim()
|
|
fmData.attachmentList = imageList
|
|
fmData.gridId = gridId;
|
|
fmData.orgList=selectOrgList
|
|
fmData.npcUserList=[]
|
|
|
|
if(!(selectNpcIndex<0)){
|
|
fmData.npcUserList.push(selectedNpc)
|
|
}
|
|
console.log(fmData.npcUserList)
|
|
|
|
|
|
|
|
let url ="gov/project/resievent/report"
|
|
let params=fmData
|
|
|
|
this.setData({ fmData });
|
|
|
|
wx.showLoading({
|
|
title: "正在提交中",
|
|
mask: true
|
|
});
|
|
const {
|
|
data: { data },
|
|
msg
|
|
} = await wxRequestPost(url, params, {
|
|
// isMock: true
|
|
});
|
|
wx.hideLoading();
|
|
|
|
if (msg === "success" && data.code === 0) {
|
|
this.setData({
|
|
submitStatus: "success"
|
|
});
|
|
// this.setData({
|
|
// dialogVisible: true,
|
|
// });
|
|
// await nextTick(1000);
|
|
// this.resetData()
|
|
wx.redirectTo({
|
|
url: "/subpages/index/pages/report/create"
|
|
})
|
|
|
|
|
|
// wx.navigateBack({
|
|
// delta: 1
|
|
// });
|
|
|
|
}
|
|
},
|
|
|
|
// async submitComfire() {
|
|
// this.setData({
|
|
// dialogVisible: false,
|
|
// });
|
|
// if (this.data.templateList && this.data.templateList.length > 0) {
|
|
// await this.handleRequestMsg();
|
|
// } else {
|
|
// this.setData({
|
|
// submitStatus: "success",
|
|
// });
|
|
// if (this.data.topicId) {
|
|
// wx.reLaunch({
|
|
// url: "/subpages/mine/pages/works/topic-part/start-topic/index",
|
|
// });
|
|
// return;
|
|
// }
|
|
// // this.computeSubmitBtnIsAllowed();
|
|
|
|
// await nextTick(1000);
|
|
|
|
// wx.navigateBack({
|
|
// delta: 1,
|
|
// });
|
|
// }
|
|
// },
|
|
|
|
//重置列表
|
|
resetData(){
|
|
let {fmData,orgList,selectOrgIndex,selectOrgList,selectedNpc} = this.data
|
|
fmData= {
|
|
gridId:"",//用户所在网格id
|
|
eventContent:"",//事件内容，最多1000
|
|
latitude:"",//纬度
|
|
longitude:"",//经度
|
|
address:"",//地址
|
|
attachmentList: [],//附件列表
|
|
npcUserList: [],//被@的人大代表
|
|
orgList: [],//报给谁？
|
|
}
|
|
|
|
if(orgList.length>0){
|
|
selectOrgIndex=0
|
|
selectOrgList.push(orgList[0])
|
|
}else{
|
|
selectOrgIndex=-1
|
|
selectOrgList=[]
|
|
}
|
|
|
|
selectedNpc={}
|
|
this.getLocation();
|
|
|
|
this.setData(
|
|
{
|
|
fmData,selectOrgIndex,selectOrgList,selectedNpc
|
|
}
|
|
)
|
|
},
|
|
|
|
// 动态计算轮播高度
|
|
computedViewHeight1() {
|
|
const ress = wx.getSystemInfoSync()
|
|
let _height = 230
|
|
let _h = 0
|
|
_h = (ress.windowHeight - _height)
|
|
this.setData({
|
|
viewHeight: _h + 'px'
|
|
})
|
|
},
|
|
// 动态计算轮播高度
|
|
computedViewHeight(height = 0) {
|
|
let that = this;
|
|
let query = wx.createSelectorQuery().in(this);
|
|
const ress = wx.getSystemInfoSync();
|
|
let _height = height || 120;
|
|
query
|
|
.selectAll(".row_myreport,.position-hints,.btn, .topic-record")
|
|
.boundingClientRect(function (res) {
|
|
|
|
console.log(ress.windowHeight, res[0].height, res[1].height, res[2].height, res[3].height);
|
|
let _h = 0;
|
|
_h = ress.windowHeight - res[0].height - res[1].height - res[2].height - _height;
|
|
if (res[3].height) _h = ress.windowHeight - res[3].height - _height;
|
|
|
|
console.log("++++++", _h);
|
|
that.setData({
|
|
viewHeight: _h + "px",
|
|
});
|
|
})
|
|
.exec();
|
|
},
|
|
//跳转到我的报事
|
|
toMyReport(){
|
|
wxNavigateTo("/subpages/index/pages/report/myReport/index", {
|
|
groupId: "b596a7cf119ebd812a2d9e16dcb315de"
|
|
});
|
|
},
|
|
handleTapRecord('tab') {
|
|
this.setData({
|
|
tabRecord: !this.data.tabRecord,
|
|
});
|
|
this.computedViewHeight();
|
|
},
|
|
handleRecordFinish(e) {
|
|
let {
|
|
fmData: { voiceList },
|
|
} = this.data;
|
|
const { url, duration } = e.detail;
|
|
voiceList.push({
|
|
url,
|
|
duration,
|
|
format:'mp3' });
|
|
console.log("eeeeee", e.detail);
|
|
this.setData({
|
|
"fmData.voiceList": voiceList,
|
|
tabRecord: false,
|
|
submitBtnIsAllowed: true,
|
|
});
|
|
this.computedViewHeight();
|
|
},
|
|
handleAudioDel() {
|
|
let {
|
|
fmData: { voiceList },
|
|
} = this.data;
|
|
voiceList.shift();
|
|
this.setData({
|
|
"fmData.voiceList": voiceList,
|
|
});
|
|
this.computeSubmitBtnIsAllowed();
|
|
console.log("dddddddddel");
|
|
},
|
|
|
|
|
|
});
|
|
|