修改报名信息

This commit is contained in:
fengachen
2021-09-02 14:43:44 +08:00
parent df40f4492f
commit ac031618ba
4 changed files with 616 additions and 1 deletions
@@ -302,6 +302,7 @@ export default {
* */
handleCancel() {
console.log('取消')
this.$router.go(-1)
},
/*
* 返回上级
@@ -193,7 +193,9 @@ export default {
* 报名信息
* */
handleSignup(record) {
console.log('报名信息')
this.$router.push({
path:'/incomePayments/meetManage/SignUpInfoList'
})
},
/*
* 编辑
@@ -0,0 +1,413 @@
<template>
<div>
<a-card :bordered="false">
<a-spin :spinning="confirmLoading">
<a-form :form="form">
<!--个人信息begin-->
<div class="item-title">个人信息</div>
<a-row :gutter="24">
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="参会企业" :labelCol="labelCol" :wrapperCol="wrapperCol">
<company-select placeholder="请选择参会企业"
v-decorator="['']"
:maxLength='50'>
</company-select>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
<select-contacts :selected-company="selectedCompany"
placeholder="请选择"
v-decorator="['companyContactId']"
:maxLength='50'
ref="selectMailContacts"
@ok="addContactsOk"></select-contacts>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="手机号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入手机号"
@change="(e) => {e.target.value = e.target.value.replace(/[^0-9.]/g,'')}"
:maxLength='11'
disabled
v-decorator="[ '']"></a-input>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="手机号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['paymentMethod']" @change="">
<a-radio :value="1">嘉宾</a-radio>
<a-radio :value="2">参会人</a-radio>
<a-radio :value="3">内部企业</a-radio>
</a-radio-group>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="嘉宾类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['guestType']" @change="">
<a-radio :value="1">VIP</a-radio>
<a-radio :value="2">演讲嘉宾</a-radio>
<a-radio :value="3">特邀嘉宾</a-radio>
<a-radio :value="4">合作伙伴</a-radio>
</a-radio-group>
</a-form-item>
</a-col>
</a-row>
<!--个人信息end-->
<!--演讲信息begin-->
<div class="item-title">演讲信息</div>
<a-row :gutter="24">
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="演讲题目" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入演讲题目"
:maxLength='50'
v-decorator="['']"></a-input>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="演讲ppt" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-upload></j-upload>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="照片" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-image-upload></j-image-upload>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :xl="12" :md="8" :sm="24">
<a-form-item label="个人简介" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
<a-textarea
placeholder="请输入个人简介"
:auto-size="{ minRows: 3, maxRows: 6 }"
v-decorator="['']"
:maxLength='200'
@change="e => {e.target.value = (e.target.value + '').trim()}"/>
</a-form-item>
</a-col>
</a-row>
<!--演讲信息end-->
<!--用餐信息begin-->
<div class="item-title">用餐信息</div>
<a-row :gutter="24">
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="是否用餐" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['guestType']" @change="">
<a-radio :value="1"></a-radio>
<a-radio :value="0"></a-radio>
</a-radio-group>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="是否回民" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['guestType']" @change="">
<a-radio :value="1"></a-radio>
<a-radio :value="0"></a-radio>
</a-radio-group>
</a-form-item>
</a-col>
</a-row>
<!--用餐信息end-->
<div class="center">
<a-button type="primary" @click="nextStep">保存</a-button>
</div>
<!--VIP行程信息begin-->
<div class="item-title">VIP行程信息</div>
<a-row :gutter="24">
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="是否需要接站" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['guestType']" @change="">
<a-radio :value="1"></a-radio>
<a-radio :value="0"></a-radio>
</a-radio-group>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="抵达时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date placeholder="请选择抵达时间" style="width: 100%;" v-decorator="['beginDate']" :trigger-change="true"
date-format="YYYY-MM-DD"/>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="到达站" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入到达站"
:maxLength='50'
v-decorator="[ '']"></a-input>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="离开时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date placeholder="请选择离开时间" style="width: 100%;" v-decorator="['beginDate']" :trigger-change="true"
date-format="YYYY-MM-DD"/>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="是否需要送站" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['guestType']" @change="">
<a-radio :value="1"></a-radio>
<a-radio :value="0"></a-radio>
</a-radio-group>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="离开时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date placeholder="请离开抵达时间" style="width: 100%;" v-decorator="['beginDate']" :trigger-change="true"
date-format="YYYY-MM-DD"/>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="离开站" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入离开站"
:maxLength='50'
v-decorator="[ '']"></a-input>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="离开时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date placeholder="请选择离开时间" style="width: 100%;" v-decorator="['beginDate']" :trigger-change="true"
date-format="YYYY-MM-DD"/>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="同行人" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入离开站"
:maxLength='50'
v-decorator="[ '']"></a-input>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :xl="12" :md="8" :sm="24">
<a-form-item label="备注" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
<a-textarea
placeholder="请输入备注"
:auto-size="{ minRows: 3, maxRows: 6 }"
v-decorator="['']"
:maxLength='200'
@change="e => {e.target.value = (e.target.value + '').trim()}"/>
</a-form-item>>
</a-col>
</a-row>
<!--VIP行程信息end-->
<!--行程信息begin-->
<div class="item-title">行程信息</div>
<a-row :gutter="24">
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="是否住酒店" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['guestType']" @change="">
<a-radio :value="1"></a-radio>
<a-radio :value="0"></a-radio>
</a-radio-group>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="抵达时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date placeholder="请选择抵达时间" style="width: 100%;" v-decorator="['beginDate']" :trigger-change="true"
date-format="YYYY-MM-DD"/>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="离开时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date placeholder="请选择离开时间" style="width: 100%;" v-decorator="['beginDate']" :trigger-change="true"
date-format="YYYY-MM-DD"/>
</a-form-item>
</a-col>
</a-row>
<!--行程信息end-->
<!--邮寄信息begin-->
<div class="item-title">邮寄信息</div>
<a-row :gutter="24">
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="邮寄联系人" :labelCol="labelCol" :wrapperCol="wrapperCol">
<select-contacts :selected-company="selectedCompany"
placeholder="请选择"
v-decorator="['companyContactId']"
:maxLength='50'
ref="selectMailContacts"
@ok="addContactsOk"></select-contacts>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="地址" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入地址"
:maxLength='50'
v-decorator="[ '']"></a-input>
</a-form-item>
</a-col>
</a-row>
<!--邮寄信息end-->
<!--缴费信息begin-->
<div class="item-title">缴费信息</div>
<a-row :gutter="24">
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="缴费方式" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-radio-group v-decorator="['guestType']" @change="">
<a-radio :value="1">汇款</a-radio>
<a-radio :value="2">现场</a-radio>
<a-radio :value="2">打包</a-radio>
</a-radio-group>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="需要发票" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-dict-select-tag style="width: 100%" dict-code="invoice_type" placeholder="请选择发票类型"></j-dict-select-tag>
</a-form-item>
</a-col>
<a-col :xl="6" :md="8" :sm="24">
<a-form-item label="缴费方式" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-image-upload></j-image-upload>
</a-form-item>
</a-col>
</a-row>
<!--缴费信息end-->
<div class="center">
<a-button class="submit" type="primary" @click="handleOk">确定</a-button>
<a-button @click="handleCancel">取消</a-button>
</div>
</a-form>
</a-spin>
</a-card>
</div>
</template>
<script>
import CompanySelect from "@comp/company/CompanySelect";
import SelectContacts from "@comp/company/SelectContacts";
import JDate from "@comp/jero/JDate";
import JImageUpload from "@comp/jero/JImageUpload";
import JDictSelectTag from "@comp/dict/JDictSelectTag";
import JUpload from "@comp/jero/JUpload";
export default {
name: "SignUpInfoEdit",
components:{
CompanySelect,
SelectContacts,
JImageUpload,
JDictSelectTag,
JDate,
JUpload
},
data() {
return {
description:'报名信息编辑页',
form: this.$form.createForm(this),
confirmLoading:false,
selectedCompany:null,
model: {},
labelCol: {
xs: {span: 24},
sm: {span: 6}
},
wrapperCol: {
xs: {span: 24},
sm: {span: 18}
},
remarksLabelCol: {
xs: {span: 24},
sm: {span: 3}
},
remarksWrapperCol: {
xs: {span: 24},
sm: {span: 21}
},
}
},
methods:{
addContactsOk(){
this.$refs.selectContacts.getContactsList()
},
/*
* 保存
* */
nextStep(){
console.log("保存")
},
/*
* 确定
* */
handleOk(){
},
/*
* 取消
* */
handleCancel(){
this.$route.go(-1)
}
}
}
</script>
<style scoped lang="less">
@import '~@assets/less/common.less';
.center {
text-align: center;
.submit {
margin-right: 8px;
}
}
.item-title {
padding-left: 40px;
box-sizing: border-box;
height: 46px;
line-height: 46px;
color: #333;
position: relative;
font-size: 16px;
&::before {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background: #069f99;
top: 50%;
margin-top: -5px;
left: 15px;
}
}
</style>
@@ -0,0 +1,199 @@
<template>
<div>
<page-header-title :img-for-icon="IconImg"></page-header-title>
<a-card :bordered="false">
<!-- 查询区域 -->
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="会议名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入会议名称" v-model="queryParam.projectName"></a-input>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="姓名/手机号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入姓名/手机号" v-model="queryParam.nameOrPhone"></a-input>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="身份" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-dict-select-tag v-model="queryParam.identify" placeholder="请选择身份"
dictCode="meet_identify_type"/>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24" v-if="queryParam.identify === '1' ">
<a-form-item label="嘉宾类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-dict-select-tag v-model="queryParam.guest" placeholder="请选择身份"
dictCode="guest_type"/>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="导入" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select placeholder="请选择导入类型" v-model="queryParam.isExport">
<a-select-option :value="1">已导入</a-select-option>
<a-select-option :value="0">未导入</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
</span>
</a-col>
</a-row>
</a-form>
</div>
<!-- 查询区域-END -->
<!-- 操作按钮区域 -->
<div class="table-operator">
<a-button type="danger" icon="delete" @click="batchDel">批量删除</a-button>
</div>
<!-- table区域-begin -->
<div>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
class="j-table-force-nowrap"
@change="handleTableChange">
<template slot="htmlSlot" slot-scope="text,record">
<div class="primary-color">会议名称</div>
</template>
<template slot="text" slot-scope="text">
<j-ellipsis v-if="text" :value="text" :length="20"></j-ellipsis>
<span v-else></span>
</template>
<span slot="action" slot-scope="text, record" class="action-span-cell">
<a @click="handleEdit(record)">编辑</a>
<a @click="handleDelete(record.id)">删除</a>
<a @click="">详情</a>
</span>
</a-table>
</div>
</a-card>
</div>
</template>
<script>
import {mixinDevice} from '@/utils/mixin'
import {JeroListMixin} from '@/mixins/JeroListMixin'
import JDictSelectTag from "@comp/dict/JDictSelectTag";
import PageHeaderTitle from "@comp/layouts/PageHeaderTitle";
import IconImg from '@/assets/imgs/icon/icon_company_management.png'
export default {
name: "SignUpInfoList",
mixins: [JeroListMixin, mixinDevice],
components: {
JDictSelectTag,
PageHeaderTitle
},
data() {
return {
descripion: "报名信息页面",
IconImg,
columns: [
{
title: '序号',
dataIndex: '',
key: 'rowIndex',
width: 60,
align: "center",
customRender: function (t, r, index) {
return parseInt(index) + 1;
}
},
{
title: '企业名称',
align: "center",
dataIndex: '',
},
{
title: '姓名',
align: "center",
dataIndex: '',
},
{
title: '身份',
align: "center",
dataIndex: '',
},
{
title: '手机号',
align: "center",
dataIndex: '',
},
{
title: '职务',
align: "center",
dataIndex: '',
},
{
title: '邮箱',
align: "center",
dataIndex: '',
},
{
title: '操作',
align: "center",
dataIndex: '',
scopedSlots: {customRender: 'action'}
},
],
labelCol: {
xs: {span: 24},
sm: {span: 6}
},
wrapperCol: {
xs: {span: 24},
sm: {span: 18}
},
url: {
list: "/jero/memberProject/page",
delete: "/jero/memberProject/delete",
deleteBatch: "/jero/memberProject/deleteBatch",
exportXlsUrl: "/jero/memberProject/exportXls",
importExcelUrl: "jero/memberProject/importExcel",
},
}
},
methods: {
/*
* 报名信息编辑
* */
handleEdit() {
this.$router.push({
path:'/incomePayments/meetManage/SignUpInfoEdit'
})
}
}
}
</script>
<style scoped lang="less">
@import '~@assets/less/common.less';
.primary-color {
color: #069f99;
cursor: pointer;
}
</style>