|
|
@@ -7,105 +7,7 @@
|
|
|
<rich-text :content="content"></rich-text>
|
|
|
<u-popup :show="show" :round="5" mode="bottom" :closeOnClickOverlay="true" :overlay="true" @close="popClose">
|
|
|
<view class="pop-form-content">
|
|
|
- <u--form
|
|
|
- labelPosition="left"
|
|
|
- :model="model1"
|
|
|
- :rules="rules"
|
|
|
- ref="uForm"
|
|
|
- @submit="onSubmit"
|
|
|
- >
|
|
|
- <u-form-item
|
|
|
- label="姓名"
|
|
|
- prop="userInfo.usrName"
|
|
|
- borderBottom
|
|
|
- >
|
|
|
- <u--input
|
|
|
- placeholder="输入姓名"
|
|
|
- v-model="model1.userInfo.usrName"
|
|
|
- border="none"
|
|
|
- ></u--input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item
|
|
|
- label="单位名称"
|
|
|
- prop="userInfo.orgUnitName"
|
|
|
- borderBottom
|
|
|
- >
|
|
|
- <u--input
|
|
|
- placeholder="输入单位名称"
|
|
|
- v-model="model1.userInfo.orgUnitName"
|
|
|
- border="none"
|
|
|
- ></u--input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item
|
|
|
- label="职务"
|
|
|
- prop="userInfo.uniLevel"
|
|
|
- borderBottom
|
|
|
- >
|
|
|
- <u--input
|
|
|
- placeholder="输入职务"
|
|
|
- v-model="model1.userInfo.uniLevel"
|
|
|
- border="none"
|
|
|
- ></u--input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item
|
|
|
- label="联系电话"
|
|
|
- prop="userInfo.tel"
|
|
|
- borderBottom
|
|
|
- >
|
|
|
- <u--input
|
|
|
- placeholder="输入联系电话"
|
|
|
- border="none"
|
|
|
- type="number"
|
|
|
- maxlength="11"
|
|
|
- v-model="model1.userInfo.tel"
|
|
|
- ></u--input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item
|
|
|
- label="邮箱"
|
|
|
- prop="userInfo.email"
|
|
|
- borderBottom
|
|
|
- >
|
|
|
- <u--input
|
|
|
- placeholder="输入邮箱"
|
|
|
- border="none"
|
|
|
- v-model="model1.userInfo.email"
|
|
|
- ></u--input>
|
|
|
- </u-form-item>
|
|
|
- <u-form-item
|
|
|
- label="人员类型"
|
|
|
- prop="userInfo.usrType"
|
|
|
- borderBottom
|
|
|
- >
|
|
|
- <u-radio-group
|
|
|
- v-model="model1.userInfo.usrType"
|
|
|
- placement="row"
|
|
|
- >
|
|
|
- <u-radio
|
|
|
- :style="{
|
|
|
- marginRight: '20rpx'
|
|
|
- }"
|
|
|
- v-for="(item, index) in USR_TYPE_LIST"
|
|
|
- :key="index"
|
|
|
- :label="item.name"
|
|
|
- :name="item.value"
|
|
|
- >
|
|
|
- </u-radio>
|
|
|
- </u-radio-group>
|
|
|
- </u-form-item>
|
|
|
- </u--form>
|
|
|
- <u-button
|
|
|
- :style="{
|
|
|
- marginTop: 'auto',
|
|
|
- marginBottom: '80rpx'
|
|
|
- }"
|
|
|
- type="primary"
|
|
|
- text="提交"
|
|
|
- :disabled="loading"
|
|
|
- :loading="loading"
|
|
|
- loadingText="正在提交..."
|
|
|
- @click="onSubmit"
|
|
|
- >
|
|
|
- </u-button>
|
|
|
+ <RegistForm v-if="rules" :rules="rules" ref="registForm" @onSubmitHandle="onSubmit"></RegistForm>
|
|
|
</view>
|
|
|
</u-popup>
|
|
|
<view class="regist-btn">
|
|
|
@@ -120,15 +22,22 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { fetchContentDetail, putUsrRegist } from '@/common/api';
|
|
|
+import { fetchContentDetail, formCfg, putUsrRegist } from '@/common/api';
|
|
|
import { CONTENT_TYPE, USR_TYPE_LIST } from '@/common/EnumConst';
|
|
|
+import RegistForm from '@/components/RegistForm';
|
|
|
import RichText from '@/components/RichText/index.vue';
|
|
|
-import { authLogin, getStorageObj, getUserInfo, storageKey } from '@/util';
|
|
|
+import { authLogin, getStorageObj, storageKey } from '@/util';
|
|
|
|
|
|
+const staticRules = {
|
|
|
+ 'userInfo.email': {
|
|
|
+ pattern: /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/,
|
|
|
+ },
|
|
|
+};
|
|
|
export default {
|
|
|
name: 'content',
|
|
|
components: {
|
|
|
RichText,
|
|
|
+ RegistForm,
|
|
|
},
|
|
|
props: {},
|
|
|
data() {
|
|
|
@@ -149,46 +58,7 @@ export default {
|
|
|
conferenceFlag: '1',
|
|
|
},
|
|
|
},
|
|
|
- rules: {
|
|
|
- 'userInfo.usrName': {
|
|
|
- type: 'string',
|
|
|
- required: true,
|
|
|
- message: '请填写姓名',
|
|
|
- trigger: ['blur', 'change'],
|
|
|
- },
|
|
|
- 'userInfo.tel': {
|
|
|
- type: 'string',
|
|
|
- len: 11,
|
|
|
- required: true,
|
|
|
- message: '请填写11位手机号',
|
|
|
- trigger: ['blur', 'change'],
|
|
|
- },
|
|
|
- 'userInfo.email': {
|
|
|
- type: 'string',
|
|
|
- required: true,
|
|
|
- message: '请填写邮箱',
|
|
|
- pattern: /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/,
|
|
|
- trigger: ['blur', 'change'],
|
|
|
- },
|
|
|
- 'userInfo.orgUnitName': {
|
|
|
- type: 'string',
|
|
|
- required: true,
|
|
|
- message: '请填写单位名称',
|
|
|
- trigger: ['blur', 'change'],
|
|
|
- },
|
|
|
- 'userInfo.uniLevel': {
|
|
|
- type: 'string',
|
|
|
- required: true,
|
|
|
- message: '请填写职务',
|
|
|
- trigger: ['blur', 'change'],
|
|
|
- },
|
|
|
- 'userInfo.usrType': {
|
|
|
- type: 'string',
|
|
|
- required: true,
|
|
|
- message: '请填写人员类型',
|
|
|
- trigger: ['blur', 'change'],
|
|
|
- },
|
|
|
- },
|
|
|
+ rules: null,
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -197,35 +67,44 @@ export default {
|
|
|
// 登录返回之后的页面
|
|
|
this.queryParams = getStorageObj(storageKey.regtheme);
|
|
|
this.getContentInfo();
|
|
|
- this.restForm();
|
|
|
- //如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。
|
|
|
- this.$refs.uForm.setRules(this.rules);
|
|
|
+ formCfg('theme_form_cfg').then(res => {
|
|
|
+ const { msg } = res;
|
|
|
+ if (msg) {
|
|
|
+ const cfgJson = JSON.parse(msg);
|
|
|
+ Object.keys(staticRules).forEach(item => {
|
|
|
+ if (!cfgJson[item]) {
|
|
|
+ Object.assign(cfgJson[item], staticRules[item]);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.rules = cfgJson;
|
|
|
+ }
|
|
|
+ this.$refs.registForm?.setFormRules();
|
|
|
+ });
|
|
|
},
|
|
|
methods: {
|
|
|
- onSubmit() {
|
|
|
- this.loading = true;
|
|
|
- this.$refs.uForm.validate().then(async (res) => {
|
|
|
- const { code } = await putUsrRegist({
|
|
|
- ...this.model1.userInfo,
|
|
|
- contentId: this.queryParams.id,
|
|
|
- }, this.queryParams.type);
|
|
|
- this.loading = false;
|
|
|
- if (code !== 200) {
|
|
|
- return;
|
|
|
- }
|
|
|
- uni.showToast({
|
|
|
- mask: true,
|
|
|
- title: '报名完成',
|
|
|
- icon: 'success',
|
|
|
- success: async () => {
|
|
|
- this.show = false;
|
|
|
- },
|
|
|
- });
|
|
|
- }).catch(errors => {
|
|
|
- this.loading = false;
|
|
|
+ async onSubmit(userInfo) {
|
|
|
+ const {
|
|
|
+ id,
|
|
|
+ type,
|
|
|
+ } = this.queryParams;
|
|
|
+ const { code } = await putUsrRegist({
|
|
|
+ ...userInfo,
|
|
|
+ contentId: id,
|
|
|
+ }, type);
|
|
|
+ if (code !== 200) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ uni.showToast({
|
|
|
+ mask: true,
|
|
|
+ title: '报名完成',
|
|
|
+ icon: 'success',
|
|
|
+ success: async () => {
|
|
|
+ this.show = false;
|
|
|
+ },
|
|
|
});
|
|
|
},
|
|
|
popClose() {
|
|
|
+ console.log(this.queryParams);
|
|
|
this.show = false;
|
|
|
},
|
|
|
async getContentInfo() {
|
|
|
@@ -247,26 +126,15 @@ export default {
|
|
|
});
|
|
|
this.date = uni.$u.timeFormat(createTime, 'yyyy-mm-dd');
|
|
|
},
|
|
|
- restForm() {
|
|
|
- this.model1 = {
|
|
|
- userInfo: {
|
|
|
- usrName: '',
|
|
|
- },
|
|
|
- };
|
|
|
- const user = getUserInfo();
|
|
|
- if (user) {
|
|
|
- this.model1.userInfo.usrName = user.usrName;
|
|
|
- this.model1.userInfo.tel = user.tel;
|
|
|
- }
|
|
|
- },
|
|
|
+
|
|
|
onRegistClick() {
|
|
|
authLogin(async (usr) => {
|
|
|
this.show = true;
|
|
|
- this.restForm();
|
|
|
- this.$refs.uForm.clearValidate();
|
|
|
+ this.$refs.registForm?.restForm();
|
|
|
+ this.$refs.registForm?.clearValidate();
|
|
|
});
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" src="./index.scss" />;
|
