LK/income_payments_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[需求变更] 工作组会议新增/编辑页面添加会议费用提示语

Browse Source
This commit is contained in:
zhaoxiao
2021-10-28 11:45:53 +08:00
parent 0ab50be5b0
commit e848ab6fa7
1 changed files with 52 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/incomePayments/meetManage/AddOrDetailMeet.vue
+52 -42
View File
@@ -181,7 +181,11 @@
<!--邀请码end--> <!--邀请码end-->
<!--会议费用begin--> <!--会议费用begin-->
<div class="item-title">会议费用</div> <div>
<span class="item-title">会议费用</span>
<!-- 工作组会议添加的需求变更-->
<span class="working-group-remind" v-if="isWorkGroupMeetType">不收费请填写0元</span>
</div>
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :xxl="8" :xl="12" :sm="24"> <a-col :xxl="8" :xl="12" :sm="24">
@@ -329,9 +333,9 @@
</template> </template>
<script> <script>
import {getUserInfo, getMeetInfoById} from '@api/incomeMeetingApi' import { getUserInfo, getMeetInfoById } from '@api/incomeMeetingApi'
import {isRepeat} from '@/utils/util' import { isRepeat } from '@/utils/util'
import {httpAction} from '@api/manage' import { httpAction } from '@api/manage'
import JDictSelectTag from '@comp/dict/JDictSelectTag' import JDictSelectTag from '@comp/dict/JDictSelectTag'
import JYearDate from '@comp/jero/JYearDate' import JYearDate from '@comp/jero/JYearDate'
import JUpload from '@comp/jero/JUpload' import JUpload from '@comp/jero/JUpload'
@@ -344,9 +348,9 @@ import pick from 'lodash.pick'
import meetingValidate from '@views/incomePayments/meetManage/meetingValidate' import meetingValidate from '@views/incomePayments/meetManage/meetingValidate'
import PageHeaderTitle from '@comp/layouts/PageHeaderTitle' import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
import JImageUpload from '@comp/jero/JImageUpload' import JImageUpload from '@comp/jero/JImageUpload'
import {checkMeetingName} from '@/utils/validateOnly' import { checkMeetingName } from '@/utils/validateOnly'
import {addZero} from '@/utils/util' import { addZero } from '@/utils/util'
import {money} from '@/utils/validate' import { money } from '@/utils/validate'
export default { export default {
name: 'AddOrDetailMeet', name: 'AddOrDetailMeet',
@@ -369,26 +373,26 @@ export default {
form: this.$form.createForm(this), form: this.$form.createForm(this),
model: {}, model: {},
labelCol: { labelCol: {
xxl: {span: 7}, xxl: { span: 7 },
xs: {span: 24}, xs: { span: 24 },
sm: {span: 6} sm: { span: 6 }
}, },
wrapperCol: { wrapperCol: {
xxl: {span: 17}, xxl: { span: 17 },
xs: {span: 24}, xs: { span: 24 },
sm: {span: 18} sm: { span: 18 }
}, },
remarksLabelCol: { remarksLabelCol: {
xxl: {span: 3}, xxl: { span: 3 },
xl: {span: 4}, xl: { span: 4 },
xs: {span: 24}, xs: { span: 24 },
sm: {span: 3} sm: { span: 3 }
}, },
remarksWrapperCol: { remarksWrapperCol: {
xxl: {span: 21}, xxl: { span: 21 },
xl: {span: 20}, xl: { span: 20 },
xs: {span: 24}, xs: { span: 24 },
sm: {span: 21} sm: { span: 21 }
}, },
// 详细地址 // 详细地址
address: '', address: '',
@@ -396,39 +400,39 @@ export default {
validateInviteCode: { validateInviteCode: {
invitationCode: { invitationCode: {
rules: [ rules: [
{required: true, validator: this.validateCode}, { required: true, validator: this.validateCode }
], ],
validateTrigger: ['blur'] validateTrigger: ['blur']
}, },
meetingName: { meetingName: {
rules: [ rules: [
{required: true, validator: this.validaeMeetingName}, { required: true, validator: this.validaeMeetingName }
], ],
validateTrigger: ['blur'] validateTrigger: ['blur']
}, },
particularYear: { particularYear: {
rules: [ rules: [
{required: true, validator: this.validateYear}, { required: true, validator: this.validateYear }
], ],
validateTrigger: ['blur', 'change'], validateTrigger: ['blur', 'change'],
initialValue: this.$store.getters.currentYear initialValue: this.$store.getters.currentYear
}, },
meetingCosts: { meetingCosts: {
rules: [ rules: [
{required: true, validator: this.validateMeetingCosts}, { required: true, validator: this.validateMeetingCosts }
], ],
validateTrigger: ['blur'] validateTrigger: ['blur']
}, },
meetingCostsVip: { meetingCostsVip: {
rules: [ rules: [
{required: true, validator: this.validateMeetingCostsVip}, { required: true, validator: this.validateMeetingCostsVip }
], ],
validateTrigger: ['blur'] validateTrigger: ['blur']
}, }
}, },
url: { url: {
add: '/meeting/payMeeting/add', add: '/meeting/payMeeting/add',
edit: '/meeting/payMeeting/edit', edit: '/meeting/payMeeting/edit'
}, },
// 召开时间 // 召开时间
newConvokeTime: '', newConvokeTime: '',
@@ -439,9 +443,9 @@ export default {
// 收费二维码显示 // 收费二维码显示
QRcodeBool: true, QRcodeBool: true,
// 召开地点border颜色控制 // 召开地点border颜色控制
hasError:false, hasError: false,
// 会议类型 // 会议类型
meetingType: '', meetingType: ''
} }
}, },
computed: { computed: {
@@ -460,13 +464,13 @@ export default {
} else { } else {
return false return false
} }
}, }
}, },
mounted() { mounted() {
this.pcaData = new AreaPca() this.pcaData = new AreaPca()
// 编辑获取会议信息 有id就是编辑走编辑 // 编辑获取会议信息 有id就是编辑走编辑
if (this.$route.query.id) { if (this.$route.query.id) {
getMeetInfoById({id: this.$route.query.id}).then(res => { getMeetInfoById({ id: this.$route.query.id }).then(res => {
if (res.success) { if (res.success) {
this.edit(res.result) this.edit(res.result)
} }
@@ -538,7 +542,7 @@ export default {
} }
// 如果是工作组会议 赋值工作组 // 如果是工作组会议 赋值工作组
if (this.meetingType === '1') { if (this.meetingType === '1') {
this.form.setFieldsValue(pick(this.model, 'workingGroupId',)) this.form.setFieldsValue(pick(this.model, 'workingGroupId'))
} }
// 如果是国际研讨会则赋值邀请码 // 如果是国际研讨会则赋值邀请码
if (this.meetingType === '3') { if (this.meetingType === '3') {
@@ -568,7 +572,7 @@ export default {
httpurl = this.url.add httpurl = this.url.add
} }
let placeName = values.convokeLocale let placeName = values.convokeLocale
const formData = Object.assign(this.model, values, {venue: this.getPcaText(placeName)}) const formData = Object.assign(this.model, values, { venue: this.getPcaText(placeName) })
// 如果会议的费用未为0 不能上传缴费凭证 // 如果会议的费用未为0 不能上传缴费凭证
if (values.meetingCosts === '0.00') { if (values.meetingCosts === '0.00') {
delete formData.paymentQrCode delete formData.paymentQrCode
@@ -611,8 +615,8 @@ export default {
/* /*
* *
* */ * */
changeConvoke(val){ changeConvoke(val) {
if(val){ if (val) {
this.hasError = false this.hasError = false
} }
}, },
@@ -648,10 +652,10 @@ export default {
* 会议负责人 * 会议负责人
* */ * */
selectPerson(val) { selectPerson(val) {
getUserInfo({id: val}).then(res => { getUserInfo({ id: val }).then(res => {
if (res.success) { if (res.success) {
this.$nextTick(() => { this.$nextTick(() => {
this.form.setFieldsValue({directorPhone: res.result.phone}) this.form.setFieldsValue({ directorPhone: res.result.phone })
}) })
} }
}) })
@@ -664,7 +668,7 @@ export default {
this.$message.warning('最多添加5个酒店联系人') this.$message.warning('最多添加5个酒店联系人')
return return
} }
const {form} = this const { form } = this
const obj = { const obj = {
hotelContacts: '', hotelContacts: '',
hotelContactsPhone: '' hotelContactsPhone: ''
@@ -687,7 +691,7 @@ export default {
if (this.model.hotelContactsList.length === 1) { if (this.model.hotelContactsList.length === 1) {
return return
} }
const {form} = this const { form } = this
// // can use data-binding to get // // can use data-binding to get
const hotelContactsList = form.getFieldValue('hotelContactsList') const hotelContactsList = form.getFieldValue('hotelContactsList')
// 把循环的dom元素删除 // 把循环的dom元素删除
@@ -796,7 +800,7 @@ export default {
} }
const year = new Date().getFullYear() const year = new Date().getFullYear()
if (Number(value) < year) { if (Number(value) < year) {
callback(`请选择${year}年或之后的年份`) callback(`请选择${ year }年或之后的年份`)
} else { } else {
callback() callback()
} }
@@ -836,7 +840,7 @@ export default {
} else { } else {
callback('请输入合法的金额数字，最多2位小数,10位正数') callback('请输入合法的金额数字，最多2位小数,10位正数')
} }
}, }
} }
} }
</script> </script>
@@ -870,6 +874,12 @@ export default {
} }
} }
/*会议费用添加的提示语*/
.working-group-remind {
color: red;
margin-left: 10px;
}
/* 新建会议 */ /* 新建会议 */
.project-base-info-title { .project-base-info-title {