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:
fengachen
2021-12-14 16:41:01 +08:00
parent f1a10730cf
commit ea8fd99479
9 changed files with 169 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/incomePayments/meetManage/AddOrDetailMeet.vue
+46 -47
View File
@@ -239,8 +239,7 @@
v-decorator="['directorPhone']"></a-input>
</a-form-item>
</a-col>
<!--标协会议才有-->
<a-col :xxl="8" :xl="12" :sm="24" v-if="meetingType === '2' ">
<a-col :xxl="8" :xl="12" :sm="24">
<a-form-item label="酒店名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入酒店名称"
:maxLength='50'
@@ -249,7 +248,7 @@
</a-form-item>
</a-col>
<!--标协会议才有-->
<a-col :xxl="8" :xl="12" :sm="24" v-if="meetingType === '2' ">
<a-col :xxl="8" :xl="12" :sm="24">
<a-form-item label="酒店地址" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入酒店地址"
:maxLength='50'
@@ -259,7 +258,8 @@
</a-col>
</a-row>
<!--标协会议-->
<section v-if="meetingType === '2'">
<!--变更后所有的会议都有酒店信息管理了-->
<section>
<a-row :gutter="24" v-for="(hotel, index) in model.hotelContactsList" :key="index">
<a-col :xxl="8" :xl="10" :md="12">
<a-form-item label="酒店联系人" :labelCol="labelCol" :wrapperCol="wrapperCol">
@@ -333,9 +333,9 @@
</template>
<script>
import { getUserInfo, getMeetInfoById } from '@api/incomeMeetingApi'
import { isRepeat } from '@/utils/util'
import { httpAction } from '@api/manage'
import {getUserInfo, getMeetInfoById} from '@api/incomeMeetingApi'
import {isRepeat} from '@/utils/util'
import {httpAction} from '@api/manage'
import JDictSelectTag from '@comp/dict/JDictSelectTag'
import JYearDate from '@comp/jero/JYearDate'
import JUpload from '@comp/jero/JUpload'
@@ -348,9 +348,9 @@ import pick from 'lodash.pick'
import meetingValidate from '@views/incomePayments/meetManage/meetingValidate'
import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
import JImageUpload from '@comp/jero/JImageUpload'
import { checkMeetingName } from '@/utils/validateOnly'
import { addZero } from '@/utils/util'
import { money } from '@/utils/validate'
import {checkMeetingName} from '@/utils/validateOnly'
import {addZero} from '@/utils/util'
import {money} from '@/utils/validate'
export default {
name: 'AddOrDetailMeet',
@@ -373,26 +373,26 @@ export default {
form: this.$form.createForm(this),
model: {},
labelCol: {
xxl: { span: 7 },
xs: { span: 24 },
sm: { span: 6 }
xxl: {span: 7},
xs: {span: 24},
sm: {span: 6}
},
wrapperCol: {
xxl: { span: 17 },
xs: { span: 24 },
sm: { span: 18 }
xxl: {span: 17},
xs: {span: 24},
sm: {span: 18}
},
remarksLabelCol: {
xxl: { span: 3 },
xl: { span: 4 },
xs: { span: 24 },
sm: { span: 3 }
xxl: {span: 3},
xl: {span: 4},
xs: {span: 24},
sm: {span: 3}
},
remarksWrapperCol: {
xxl: { span: 21 },
xl: { span: 20 },
xs: { span: 24 },
sm: { span: 21 }
xxl: {span: 21},
xl: {span: 20},
xs: {span: 24},
sm: {span: 21}
},
// 详细地址
address: '',
@@ -400,32 +400,32 @@ export default {
validateInviteCode: {
invitationCode: {
rules: [
{ required: true, validator: this.validateCode }
{required: true, validator: this.validateCode}
],
validateTrigger: ['blur']
},
meetingName: {
rules: [
{ required: true, validator: this.validaeMeetingName }
{required: true, validator: this.validaeMeetingName}
],
validateTrigger: ['blur']
},
particularYear: {
rules: [
{ required: true, validator: this.validateYear }
{required: true, validator: this.validateYear}
],
validateTrigger: ['blur', 'change'],
initialValue: this.$store.getters.currentYear
},
meetingCosts: {
rules: [
{ required: true, validator: this.validateMeetingCosts }
{required: true, validator: this.validateMeetingCosts}
],
validateTrigger: ['blur']
},
meetingCostsVip: {
rules: [
{ required: true, validator: this.validateMeetingCostsVip }
{required: true, validator: this.validateMeetingCostsVip}
],
validateTrigger: ['blur']
}
@@ -470,7 +470,7 @@ export default {
this.pcaData = new AreaPca()
// 编辑获取会议信息 有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) {
this.edit(res.result)
}
@@ -503,20 +503,18 @@ export default {
// 编辑根据接口返回的会议类型获取不同的会议url
this.url = this.createUrlByMeetingType(this.meetingType)
// 判断会议费用是否为 0 缴费二维码显示
if(this.model.meetingCosts === '0.00' ){
if (this.model.meetingCosts === '0.00') {
this.QRcodeBool = false
}else {
} else {
this.QRcodeBool = true
}
} else {
this.title = '新增会议'
// 如果是标协会会议需要显示酒店联系人
if (this.$route.query.meetingType && this.$route.query.meetingType === '2') {
this.model.hotelContactsList = [{
hotelContacts: '',
hotelContactsPhone: ''
}]
}
// 所有的会议都显示酒店联系人
this.model.hotelContactsList = [{
hotelContacts: '',
hotelContactsPhone: ''
}]
// 新增取路由参数
this.meetingType = this.$route.query.meetingType
// 新增根据路由参数 会议类型更换不同的接口
@@ -539,12 +537,12 @@ export default {
this.$nextTick(() => {
// 加定时器是因为有可能赋值不成功
setTimeout(() => {
this.form.setFieldsValue(pick(this.model, 'notice', 'paymentQrCode', 'meetingName', 'meetingType', 'convokeTime', 'particularYear', 'estimatedNumber', 'meetingFiles', 'registerDeadline', 'meetingContent', 'convokeLocale', 'address', 'meetingCosts', 'directorId', 'remark', 'directorPhone')), 200
this.form.setFieldsValue(pick(this.model, 'notice','hotelContactsList', 'paymentQrCode', 'meetingName', 'meetingType', 'convokeTime', 'particularYear', 'estimatedNumber', 'meetingFiles', 'registerDeadline', 'meetingContent', 'convokeLocale', 'address', 'meetingCosts', 'directorId', 'remark', 'directorPhone')), 200
})
// 如果是标协会议则回显 标协会议的字段
if (this.meetingType === '2') {
console.log('this.model', this.model)
this.form.setFieldsValue(pick(this.model, 'signInTime', 'hotelContactsList', 'tbMeetingType', 'meetingCostsVip', 'hotelName', 'hotelAddress'))
this.form.setFieldsValue(pick(this.model, 'signInTime', 'tbMeetingType', 'meetingCostsVip', 'hotelName', 'hotelAddress'))
}
// 如果是工作组会议 赋值工作组
if (this.meetingType === '1') {
@@ -578,7 +576,7 @@ export default {
httpurl = this.url.add
}
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 不能上传缴费凭证
if (values.meetingCosts === '0.00') {
delete formData.paymentQrCode
@@ -635,6 +633,7 @@ export default {
},
/*
* 监听会议类型变化
* 这个没用了
* */
changeMeetingType(val) {
this.meetingType = val
@@ -658,10 +657,10 @@ export default {
* 会议负责人
* */
selectPerson(val) {
getUserInfo({ id: val }).then(res => {
getUserInfo({id: val}).then(res => {
if (res.success) {
this.$nextTick(() => {
this.form.setFieldsValue({ directorPhone: res.result.phone })
this.form.setFieldsValue({directorPhone: res.result.phone})
})
}
})
@@ -674,7 +673,7 @@ export default {
this.$message.warning('最多添加5个酒店联系人')
return
}
const { form } = this
const {form} = this
const obj = {
hotelContacts: '',
hotelContactsPhone: ''
@@ -697,7 +696,7 @@ export default {
if (this.model.hotelContactsList.length === 1) {
return
}
const { form } = this
const {form} = this
// // can use data-binding to get
const hotelContactsList = form.getFieldValue('hotelContactsList')
// 把循环的dom元素删除
@@ -806,7 +805,7 @@ export default {
}
const year = new Date().getFullYear()
if (Number(value) < year) {
callback(`请选择${ year }年或之后的年份`)
callback(`请选择${year}年或之后的年份`)
} else {
callback()
}