|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
<view class="">
|
|
|
- <cu-custom :isBack="true" bgColor="bg-gradual-blue">
|
|
|
- <block slot="backText">返回</block>
|
|
|
+ <cu-custom :isBack="false" :backUrl="'/pages/test/luckyDraw/LuckyDrawEvents'" bgColor="bg-gradual-blue">
|
|
|
+<!-- <block slot="backText">返回</block>-->
|
|
|
<block slot="content">活动详情</block>
|
|
|
</cu-custom>
|
|
|
</view>
|
|
@@ -40,24 +40,69 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 表单 -->
|
|
|
- <form @submit="formSubmit">
|
|
|
+ <u--form :model="inputForm" labelWidth="60px" class="u-form" labelPosition="left" :rules="rules" ref="inputForm">
|
|
|
+ <u-form-item label="姓名: " prop="name" :required="true"
|
|
|
+ :rules="[
|
|
|
+ ]">
|
|
|
+ <u--input v-model="inputForm.name" placeholder="请输入姓名" clearable></u--input>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="公司: " prop="companyName" :required="true"
|
|
|
+ :rules="[
|
|
|
+ ]">
|
|
|
+ <jp-picker v-model="inputForm.companyName" rangeKey="label" rangeValue="value" :range="[
|
|
|
+ { label: '评估公司', value: '评估公司' },
|
|
|
+ { label: '会计师事务所', value: '会计师事务所' },
|
|
|
+ { label: '中审分所', value: '中审分所' },
|
|
|
+ { label: '项目公司', value: '项目公司' },
|
|
|
+ { label: '咨询公司', value: '咨询公司' },
|
|
|
+ { label: '其他', value: '其他' }
|
|
|
+ ]" ></jp-picker>
|
|
|
+ </u-form-item>
|
|
|
+
|
|
|
+ <u-form-item label="部门: " prop="officeName" :required="true"
|
|
|
+ :rules="[
|
|
|
+ ]">
|
|
|
+ <u--input v-model="inputForm.officeName" placeholder="请输入部门" clearable></u--input>
|
|
|
+ </u-form-item>
|
|
|
+
|
|
|
+ <u-form-item label="电话号码: " prop="phone" :required="true"
|
|
|
+ :rules="[
|
|
|
+ ]">
|
|
|
+ <u--input v-model="inputForm.phone" placeholder="请输入电话号码" clearable></u--input>
|
|
|
+ </u-form-item>
|
|
|
+
|
|
|
+ <u-form-item style="margin-top: 20px; text-align: center;">
|
|
|
+ <el-button type="primary" :disabled="isSubmitting" @click="formSubmit" style="width: 100%;">
|
|
|
+ {{ isSubmitting ? '提交中...' : '报名' }}
|
|
|
+ </el-button>
|
|
|
+ </u-form-item>
|
|
|
+ </u--form>
|
|
|
+ <!--<form @submit="formSubmit">
|
|
|
<view class="cu-form-group margin-top">
|
|
|
<view class="title"><text class="red-color ">* </text>姓名</view>
|
|
|
<input style=" margin-top: 30px;" placeholder="请输入姓名" name="name" v-model="inputForm.name"></input>
|
|
|
</view>
|
|
|
+ <view class="cu-form-group ">
|
|
|
+ <view class="title"><text class="red-color ">* </text>公司</view>
|
|
|
+<!– <picker @change="changeCompany" :value="companyIndex" :range="companyList">–>
|
|
|
+<!– <view class="picker" >–>
|
|
|
+<!– {{companyIndex > -1 ? companyList[companyIndex] : '请选择'}}–>
|
|
|
+<!– </view>–>
|
|
|
+<!– </picker>–>
|
|
|
+ <jp-picker v-model="inputForm.companyName" rangeKey="label" rangeValue="value" :range="[
|
|
|
+ { label: '评估公司', value: '评估公司' },
|
|
|
+ { label: '会计师事务所', value: '会计师事务所' },
|
|
|
+ { label: '中审分所', value: '中审分所' },
|
|
|
+ { label: '项目公司', value: '项目公司' },
|
|
|
+ { label: '咨询公司', value: '咨询公司' },
|
|
|
+ { label: '其他', value: '其他' }
|
|
|
+ ]" ></jp-picker>
|
|
|
+ </view>
|
|
|
<view class="cu-form-group margin-top">
|
|
|
<view class="title"><text class="red-color ">* </text>部门</view>
|
|
|
<input style=" margin-top: 30px;" placeholder="请输入部门" name="officeName" v-model="inputForm.officeName"></input>
|
|
|
</view>
|
|
|
<view class="cu-form-group ">
|
|
|
- <view class="title"><text class="red-color ">* </text>公司</view>
|
|
|
- <picker @change="changeCompany" :value="companyIndex" :range="companyList">
|
|
|
- <view class="picker" >
|
|
|
- {{companyIndex > -1 ? companyList[companyIndex] : '请选择'}}
|
|
|
- </view>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- <view class="cu-form-group ">
|
|
|
<view class="title"><text class="red-color ">* </text>电话号码</view>
|
|
|
<input style=" margin-top: 30px;" placeholder="请输入电话号码" name="phone" v-model="inputForm.phone"></input>
|
|
|
</view>
|
|
@@ -66,7 +111,7 @@
|
|
|
{{ isSubmitting ? '提交中...' : '报名' }}
|
|
|
</button>
|
|
|
</view>
|
|
|
- </form>
|
|
|
+ </form>-->
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
@@ -136,8 +181,8 @@
|
|
|
//定义表单规则
|
|
|
var rule = [
|
|
|
{name:"name", checkType : "notnull", checkRule:"", errorMsg:"姓名不能为空"},
|
|
|
- {name:"officeName", checkType : "notnull", checkRule:"", errorMsg:"部门不能为空"},
|
|
|
{name:"companyName", checkType : "notnull", checkRule:"", errorMsg:"公司不能为空"},
|
|
|
+ {name:"officeName", checkType : "notnull", checkRule:"", errorMsg:"部门不能为空"},
|
|
|
{name:"phone", checkType : "notnull", checkRule:"", errorMsg:"电话号码不能为空"},
|
|
|
{name:"phone", checkType : "isMobileNumber", checkRule:"", errorMsg:"电话号码格式不正确"}
|
|
|
];
|