diff --git a/src/assets/scss/modules/management/form-main.scss b/src/assets/scss/modules/management/form-main.scss index d4fe24c3..f864cd5d 100644 --- a/src/assets/scss/modules/management/form-main.scss +++ b/src/assets/scss/modules/management/form-main.scss @@ -22,6 +22,11 @@ width: 135px; } + .list_item_width_3 { + width: 185px; + } + + .item_width_5{ width: 320px; } diff --git a/src/views/modules/communityParty/heart/heartForm.vue b/src/views/modules/communityParty/heart/heartForm.vue index 0feba963..cf907040 100644 --- a/src/views/modules/communityParty/heart/heartForm.vue +++ b/src/views/modules/communityParty/heart/heartForm.vue @@ -58,20 +58,18 @@ label-width="150px" prop="actStartTime"> @@ -137,8 +135,9 @@ prop="signUpEndTime" label-width="150px"> @@ -160,20 +159,18 @@ label-width="150px" prop="signInStartTime"> @@ -191,7 +188,7 @@
{//这个关键属性我们一定要写在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 { + + diff --git a/src/views/modules/communityParty/heart/heartList.vue b/src/views/modules/communityParty/heart/heartList.vue index 4cb2d955..3e1f0930 100644 --- a/src/views/modules/communityParty/heart/heartList.vue +++ b/src/views/modules/communityParty/heart/heartList.vue @@ -17,33 +17,33 @@ - - + - + prop="status"> @@ -97,17 +97,17 @@ min-width="180"> - - @@ -141,8 +141,28 @@ class="div-table-button--edit" size="small" @click="handleEdit(scope.row)">修改 + 报名审核 + 取消活动 + 查看人员 + 结束活动 + 添加回顾 - 复查记录 + @click="handleReview(scope.row)">报名审核
@@ -165,7 +185,7 @@ size="small" class="div-table-button--more" slot="reference">更多 - + --> @@ -187,7 +207,7 @@ :close-on-click-modal="false" :close-on-press-escape="false" :title="formTitle" - width="1250px" + width="1350px" top="5vh" class="dialog-h" @closed="diaClose"> @@ -196,18 +216,51 @@ @dialogOk="addFormOk"> + + + +
+ + +
+ 取消 + 确定 +
+
+ +
+ + @closed="diaClose"> + @reviewDiaClose="diaClose">
@@ -227,9 +280,9 @@ export default { data () { let endDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面,这是动态改变区间的关键 let nowData = Date.now() - if (this.formData.startTime) { - let startTime = new Date(this.formData.startTime) - return time.getTime() > nowData || time.getTime() < startTime || time.getTime() === startTime + if (this.formData.actactStartTime) { + let actStartTime = new Date(this.formData.actactStartTime + ':00') + return time.getTime() < actStartTime || time.getTime() === actStartTime } else { return time.getTime() > nowData } @@ -253,18 +306,18 @@ export default { }, agencyId: '', - gridList: [],//所属网格list--场所区域 + statusList: [ { - value: '0', + value: 'published', label: '进行中' }, { - value: '1', + value: 'finished', label: '已结束' }, { - value: '2', + value: 'canceled', label: '已取消' } ],//是否合格list @@ -272,12 +325,9 @@ export default { formData: { title: '',//活动标题 - firstResult: '',//首次检查结果【0:合格 1:不合格】 - gridId: '',//场所区域【网格Id】 - ninePlaceVal: '',//场所类型【九小场所Value值】 - finalResult: '',//最终检查结果【0:合格 1:不合格】 - startTime: '', - endTime: '' + actStartTime: '', + actEndTime: '', + status: '' }, tableData: [], @@ -285,8 +335,14 @@ export default { //form相关 formShow: false, formTitle: '新增巡查', + actId: '', - reviewShow: false + cancelReason: '', + cancleShow: false,//活动取消 + auditShow: false,//报名审核 + personShow: false,//查看人员 + finishShow: false,//活动结束 + reviewShow: false,//添加回顾 } }, @@ -351,6 +407,15 @@ export default { this.reviewShow = false }, + diaClose () { + + this.cancleShow = false//活动取消 + this.auditShow = false//报名审核 + this.personShow = false//查看人员 + this.finishShow = false//活动结束 + this.reviewShow = false//添加回顾 + }, + handleDetail (row) { this.formTitle = '详情' this.formShow = true @@ -375,7 +440,7 @@ export default { }) }, - handleReview (row) { + handleAudit (row) { this.reviewShow = true this.$nextTick(() => { this.$refs.ref_review.initTable(row.placePatrolRecordId) @@ -391,38 +456,27 @@ export default { this.loadTable() }, - async handleDelete (row) { - - this.$confirm("确认删除?", "提示", { - confirmButtonText: "确定", - cancelButtonText: "取消", - type: "warning" - }) - .then(() => { - this.deleteRecord(row) - }) - .catch(err => { - if (err == "cancel") { - - } - - }); + async handleCancleAct (row) { + this.cancleShow = true + this.actId = row.actId }, - async deleteRecord (row) { - const url = "/gov/org/placepatrolrecord/del" + async cancleAct () { + const url = "/heart/work/act/cancelact" // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/placepatrolrecord/del" let params = { - placePatrolRecordId: row.placePatrolRecordId + actId: this.actId, + cancelReason: this.cancelReason, } const { data, code, msg } = await requestPost(url, params) if (code === 0) { + this.cancleShow = false this.$message({ type: "success", - message: "删除成功" + message: "取消成功" }); this.loadTable() @@ -431,17 +485,30 @@ export default { } }, + cancleDiaClose () { + this.cancelReason = '' + this.cancleShow = false//活动取消 + }, + + diaClose () { + + + this.auditShow = false//报名审核 + this.personShow = false//查看人员 + this.finishShow = false//活动结束 + this.reviewShow = false//添加回顾 + }, + //重置搜索条件 resetSearch () { this.formData = { - title: '',//活动标题 - mobile: '',//联系电话 - scale: '',//场所规模【 0:10人以下 1:10-20人 2:21-40人 3:41-100人 4:100人以上】 - gridId: '',//场所区域【网格Id】 - ninePlaceVal: '',//场所类型【九小场所Value值】 - isPage: true,//是否分页(是:true 否:false) 有这个参数是给新增巡查记录时用的,默认是 + title: '',//活动标题 + + actStartTime: '', + actEndTime: '', + status: '' } - this.pageSize = 10 + this.pageSize = 20 this.pageNo = 0 this.loadTable() },