|
|
|
@ -58,20 +58,18 @@ |
|
|
|
label-width="150px" |
|
|
|
prop="actStartTime"> |
|
|
|
<el-date-picker v-model="formData.actStartTime" |
|
|
|
:picker-options="startPickerOptions" |
|
|
|
class="list_item_width_1" |
|
|
|
type="date" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
value="yyyy-MM-dd" |
|
|
|
class="list_item_width_3" |
|
|
|
type="datetime" |
|
|
|
value-format="yyyy-MM-dd HH:mm" |
|
|
|
format="yyyy-MM-dd HH:mm" |
|
|
|
placeholder="开始时间"> |
|
|
|
</el-date-picker> |
|
|
|
<span class="data-tag">至</span> |
|
|
|
<el-date-picker v-model="formData.actEndTime" |
|
|
|
:picker-options="endPickerOptions" |
|
|
|
class="list_item_width_1 data-tag" |
|
|
|
type="date" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
value="yyyy-MM-dd" |
|
|
|
class="list_item_width_3 data-tag" |
|
|
|
type="datetime" |
|
|
|
value-format="yyyy-MM-dd HH:mm" |
|
|
|
format="yyyy-MM-dd HH:mm" |
|
|
|
placeholder="结束时间"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
@ -137,8 +135,9 @@ |
|
|
|
prop="signUpEndTime" |
|
|
|
label-width="150px"> |
|
|
|
<el-date-picker v-model="formData.signUpEndTime" |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
type="date" |
|
|
|
value-format="yyyy-MM-dd HH:mm" |
|
|
|
format="yyyy-MM-dd HH:mm" |
|
|
|
type="datetime" |
|
|
|
placeholder="选择事件"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
@ -160,20 +159,18 @@ |
|
|
|
label-width="150px" |
|
|
|
prop="signInStartTime"> |
|
|
|
<el-date-picker v-model="formData.signInStartTime" |
|
|
|
:picker-options="startPickerOptions" |
|
|
|
class="list_item_width_1" |
|
|
|
type="date" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
value="yyyy-MM-dd" |
|
|
|
class="list_item_width_3" |
|
|
|
type="datetime" |
|
|
|
value-format="yyyy-MM-dd HH:mm" |
|
|
|
format="yyyy-MM-dd HH:mm" |
|
|
|
placeholder="开始时间"> |
|
|
|
</el-date-picker> |
|
|
|
<span class="data-tag">至</span> |
|
|
|
<el-date-picker v-model="formData.signInEndTime" |
|
|
|
:picker-options="endPickerOptions" |
|
|
|
class="list_item_width_1 data-tag" |
|
|
|
type="date" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
value="yyyy-MM-dd" |
|
|
|
class="list_item_width_3 data-tag" |
|
|
|
type="datetime" |
|
|
|
value-format="yyyy-MM-dd HH:mm" |
|
|
|
format="yyyy-MM-dd HH:mm" |
|
|
|
placeholder="结束时间"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
@ -191,7 +188,7 @@ |
|
|
|
<div class="form_flex"> |
|
|
|
<div class="form_item"> |
|
|
|
<el-form-item label="活动地点" |
|
|
|
prop="longitude" |
|
|
|
prop="actAddress" |
|
|
|
label-width="150px"> |
|
|
|
<div style="width: 400px"> |
|
|
|
<el-input class="item_width_4" |
|
|
|
@ -226,7 +223,7 @@ |
|
|
|
</div> |
|
|
|
<div class="form_item"> |
|
|
|
<el-form-item label="签到地点" |
|
|
|
prop="longitude" |
|
|
|
prop="signInAddress" |
|
|
|
label-width="150px"> |
|
|
|
<div style="width: 400px"> |
|
|
|
<el-input class="item_width_4" |
|
|
|
@ -261,7 +258,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-form-item label="活动内容" |
|
|
|
prop="longitude" |
|
|
|
prop="actContent" |
|
|
|
label-width="150px"> |
|
|
|
<!-- <div style="width:400px"> --> |
|
|
|
<Tinymce class="tinymce_view" |
|
|
|
@ -316,11 +313,11 @@ export default { |
|
|
|
data () { |
|
|
|
let endDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键 |
|
|
|
let nowData = Date.now() |
|
|
|
if (this.formData.serviceTimeStart) { |
|
|
|
let serviceTimeStart = new Date(this.formData.serviceTimeStart) |
|
|
|
return time.getTime() > nowData || time.getTime() < serviceTimeStart || time.getTime() === serviceTimeStart |
|
|
|
if (this.formData.actStartTime) { |
|
|
|
let startTime = new Date(this.formData.actStartTime + ':00') |
|
|
|
return time.getTime() < startTime |
|
|
|
} else { |
|
|
|
return time.getTime() > nowData |
|
|
|
return '' |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
@ -399,7 +396,12 @@ export default { |
|
|
|
uploadUlr: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadvariedfile', |
|
|
|
// upload_url: '', // 上传URL |
|
|
|
upload_name: '', // 图片或视频名称 |
|
|
|
replayImgList: [], |
|
|
|
replayImgList: [ |
|
|
|
{ |
|
|
|
id: '1', |
|
|
|
url: 'https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet/test/20220629/db05fed5cc56417299364ab8362ac9a0.png' |
|
|
|
} |
|
|
|
], |
|
|
|
hideUploadBtn: false |
|
|
|
|
|
|
|
} |
|
|
|
@ -409,6 +411,8 @@ export default { |
|
|
|
this.customerId = localStorage.getItem('customerId') |
|
|
|
this.initMap() |
|
|
|
this.loadSponsorlist() |
|
|
|
|
|
|
|
// this.replayImgList.push() |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
@ -495,20 +499,20 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
async handleComfirm () { |
|
|
|
|
|
|
|
this.btnDisable = true |
|
|
|
setTimeout(() => { |
|
|
|
this.btnDisable = false |
|
|
|
}, 10000) |
|
|
|
this.$refs['ref_form'].validate((valid, messageObj) => { |
|
|
|
if (!valid) { |
|
|
|
app.util.validateRule(messageObj) |
|
|
|
this.btnDisable = false |
|
|
|
} else { |
|
|
|
this.addRecord() |
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
console.log(this.formData) |
|
|
|
// this.btnDisable = true |
|
|
|
// setTimeout(() => { |
|
|
|
// this.btnDisable = false |
|
|
|
// }, 10000) |
|
|
|
// this.$refs['ref_form'].validate((valid, messageObj) => { |
|
|
|
// if (!valid) { |
|
|
|
// app.util.validateRule(messageObj) |
|
|
|
// this.btnDisable = false |
|
|
|
// } else { |
|
|
|
// this.addRecord() |
|
|
|
// } |
|
|
|
|
|
|
|
// }) |
|
|
|
|
|
|
|
}, |
|
|
|
async addRecord () { |
|
|
|
@ -546,8 +550,8 @@ export default { |
|
|
|
|
|
|
|
removePic (file, fileList) { |
|
|
|
|
|
|
|
this.formData.imageList.splice(this.formData.imageList.findIndex(item => item === file.url), 1) |
|
|
|
this.replayImgList.splice(this.replayImgList.findIndex(item => item.uid === file.uid), 1) |
|
|
|
this.formData.coverPic = '' |
|
|
|
this.replayImgList = [] |
|
|
|
this.hideUploadBtn = fileList.length >= 1; |
|
|
|
|
|
|
|
}, |
|
|
|
@ -562,7 +566,7 @@ export default { |
|
|
|
}, |
|
|
|
handleSuccess (response, file, fileList) { |
|
|
|
this.replayImgList.push(file) |
|
|
|
this.formData.imageList.push(response.data.url) |
|
|
|
this.formData.coverPic = response.data.url |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
@ -745,16 +749,41 @@ export default { |
|
|
|
|
|
|
|
resetData () { |
|
|
|
this.formData = { |
|
|
|
gridId: '',//网格Id |
|
|
|
ninePlaceVal: '',//九小场所类型value值 |
|
|
|
placeOrgId: '',//场所下的组织Id-场所名称 |
|
|
|
placePatrolTeamId: '',//场所下分队Id |
|
|
|
inspectorArray: [],//检查人员数组 |
|
|
|
inspectors: '',//检查人员Id，逗号分隔 |
|
|
|
firstTime: '',//首次巡查时间 |
|
|
|
detailed: '',//隐患明细 |
|
|
|
firstResult: '',//首次检查结果【0:合格 1:不合格】 |
|
|
|
reviewTime: '',//拟复查时间 |
|
|
|
actAddress: "市北区海泊桥青岛市市北区政府(延吉路北)", |
|
|
|
actContent: "", |
|
|
|
actDraftId: "", |
|
|
|
actEndTime: "2022-08-30 13:34", |
|
|
|
actId: "", |
|
|
|
actLatitude: 36.08743, |
|
|
|
actLongitude: 120.37479, |
|
|
|
actQuota: "10", |
|
|
|
actStartTime: "2022-07-30 13:34", |
|
|
|
actType: "heart", |
|
|
|
auditSwitch: true, |
|
|
|
coverPic: "https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet/test/20220629/db05fed5cc56417299364ab8362ac9a0.png", |
|
|
|
coverPicAuditStatus: "", |
|
|
|
customerId: "45687aa479955f9d06204d415238f7cc", |
|
|
|
|
|
|
|
noticePassedPeople: false, |
|
|
|
requirement: "", |
|
|
|
reward: "10", |
|
|
|
|
|
|
|
signInAddress: "市北区海泊桥青岛市市北区政府(延吉路北)", |
|
|
|
signInEndTime: "2022-07-30 10:34", |
|
|
|
signInLatitude: 36.08743, |
|
|
|
signInLongitude: 120.37479, |
|
|
|
signInRadius: "100", |
|
|
|
signInStartTime: "2022-07-29 13:34", |
|
|
|
signUpEndTime: "2022-07-28 13:34", |
|
|
|
sponsorContacts: "张三", |
|
|
|
sponsorId: "7b6f9a9f9f38d5f9fa7ce94a93d6eb28", |
|
|
|
sponsorName: "市北区", |
|
|
|
sponsorTel: "15111111111", |
|
|
|
sponsorType: "agency", |
|
|
|
target: "", |
|
|
|
title: "312313", |
|
|
|
|
|
|
|
volunteerLimit: false, |
|
|
|
} |
|
|
|
}, |
|
|
|
// 开启加载动画 |
|
|
|
@ -815,5 +844,21 @@ export default { |
|
|
|
|
|
|
|
<style lang="scss" scoped > |
|
|
|
@import "@/assets/scss/modules/management/form-main.scss"; |
|
|
|
|
|
|
|
.avatar-uploader { |
|
|
|
margin: 0 0 0 20px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
.el-dialog__body { |
|
|
|
padding: 0 10px 20px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.hide { |
|
|
|
.el-upload--picture-card { |
|
|
|
display: none !important; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
|
jiangyy
3 years ago