|
|
@@ -1,52 +1,323 @@
|
|
|
<template>
|
|
|
<div class="register">
|
|
|
- <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form" label-width="auto">
|
|
|
- <h3 class="title">账户信息</h3>
|
|
|
- <el-form-item label="账户名称" prop="username">
|
|
|
- <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="密码" prop="password">
|
|
|
- <el-input
|
|
|
- v-model="registerForm.password"
|
|
|
- type="password"
|
|
|
- auto-complete="new-password"
|
|
|
- placeholder="密码"
|
|
|
- @keyup.enter.native="handleRegister">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="确认密码" prop="confirmPassword">
|
|
|
- <el-input
|
|
|
- v-model="registerForm.confirmPassword"
|
|
|
- type="password"
|
|
|
- auto-complete="new-password"
|
|
|
- placeholder="确认密码"
|
|
|
- @keyup.enter.native="handleRegister">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="姓名" prop="username">
|
|
|
- <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="姓名">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="手机号码" prop="username">
|
|
|
- <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="手机号码">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="邮箱地址" prop="username">
|
|
|
- <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="邮箱地址">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item style="width:100%;text-align: center;">
|
|
|
- <el-button
|
|
|
- :loading="loading"
|
|
|
- size="medium"
|
|
|
- type="primary"
|
|
|
- @click.native.prevent="handleRegister" style="width: 100px;">
|
|
|
- <span v-if="!loading">下一步</span>
|
|
|
- <span v-else>注 册 中...</span>
|
|
|
- </el-button>
|
|
|
- <el-button size="medium" type="primary" style="width: 100px;">取消</el-button>
|
|
|
- </el-form-item>
|
|
|
+ <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form" label-width="160px">
|
|
|
+ <h3 class="title">注册信息</h3>
|
|
|
+ <el-collapse v-model="activeName">
|
|
|
+ <el-collapse-item title="账户信息" name="1">
|
|
|
+ <el-row :gutter="40">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="账户名称" prop="userName">
|
|
|
+ <el-input v-model="registerForm.userName" type="text" auto-complete="off" placeholder="账号">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="密码" prop="password">
|
|
|
+ <el-input
|
|
|
+ v-model="registerForm.password"
|
|
|
+ type="password"
|
|
|
+ auto-complete="new-password"
|
|
|
+ placeholder="密码">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="确认密码" prop="confirmPassword">
|
|
|
+ <el-input
|
|
|
+ v-model="registerForm.confirmPassword"
|
|
|
+ type="password"
|
|
|
+ auto-complete="new-password"
|
|
|
+ placeholder="确认密码">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-collapse-item>
|
|
|
+ <el-collapse-item title="账户联系人信息" name="2">
|
|
|
+ <el-row :gutter="40">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="姓名" prop="nickName">
|
|
|
+ <el-input v-model="registerForm.nickName" type="text" auto-complete="off" placeholder="姓名">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="手机号码" prop="phonenumber">
|
|
|
+ <el-input v-model="registerForm.phonenumber" type="text" auto-complete="off" placeholder="手机号码">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="邮箱地址" prop="email">
|
|
|
+ <el-input v-model="registerForm.email" type="text" auto-complete="off" placeholder="邮箱地址">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-collapse-item>
|
|
|
+ <el-collapse-item title="企业信息" name="3">
|
|
|
+ <el-row :gutter="40">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="企业名称" prop="entName">
|
|
|
+ <el-input v-model="registerForm.entName" type="text" auto-complete="off" placeholder="请输入企业名称">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="统一社会信用代码" prop="license">
|
|
|
+ <el-input type="text"
|
|
|
+ v-model="registerForm.license"
|
|
|
+ placeholder="请输入统一社会信用代码">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="注册资金" prop="regCapital">
|
|
|
+ <el-input type="text"
|
|
|
+ v-model="registerForm.regCapital"
|
|
|
+ placeholder="请输入注册资金">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="工商注册时间" prop="regDate">
|
|
|
+ <el-date-picker v-model="registerForm.regDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="工商注册类型" prop="regType">
|
|
|
+ <el-select v-model="registerForm.regType" filterable>
|
|
|
+ <el-option v-for="item in regTypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="主营产品(服务)所属技术领域" prop="mainProductArray">
|
|
|
+ <el-checkbox-group v-model="registerForm.mainProductArray">
|
|
|
+ <el-checkbox v-for="(item, index) in mainProductsOptions" :label="item.dictLabel" :key="index">{{item.dictLabel}}</el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="通信地址" prop="address">
|
|
|
+ <el-input v-model="registerForm.address" type="text" auto-complete="off" placeholder="请输入通信地址">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="邮政编码" prop="zipCode">
|
|
|
+ <el-input v-model="registerForm.zipCode" type="text" auto-complete="off" placeholder="请输入邮政编码">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="企业所属行政区域" prop="provinceId">
|
|
|
+ <el-select v-model="registerForm.provinceId" placeholder="省" @change="getCityData" style="width: 220px;" filterable>
|
|
|
+ <el-option v-for="(item,index) in provinceDataList" :key="index" :label="item.name" :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item prop="cityId" label-width="60px">
|
|
|
+ <el-select v-model="registerForm.cityId" placeholder="市" @change="getDistrictData" style="width: 220px;" filterable>
|
|
|
+ <el-option v-for="(item, index) in cityDataList" :key="index" :label="item.name" :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label-width="0px" prop="districtId">
|
|
|
+ <el-select v-model="registerForm.districtId" placeholder="区" style="width: 220px;" filterable>
|
|
|
+ <el-option v-for="(item, index) in districtDataList" :key="index" :label="item.name" :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="企业所得税主管税务机关" prop="taxOffice">
|
|
|
+ <el-input v-model="registerForm.taxOffice" type="text" auto-complete="off" placeholder="请输入企业所得税主管税务机关">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-collapse-item>
|
|
|
+ <el-collapse-item title="法人信息" name="4">
|
|
|
+ <el-row :gutter="40">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="姓名" prop="legalName">
|
|
|
+ <el-input v-model="registerForm.legalName" type="text" auto-complete="off" placeholder="请输入法人姓名">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="身份证号码" prop="legalIdCard">
|
|
|
+ <el-input v-model="registerForm.legalIdCard" type="text" auto-complete="off" placeholder="请输入法人身份证号码">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="手机号码" prop="legalMobile">
|
|
|
+ <el-input v-model="registerForm.legalMobile" type="text" auto-complete="off" placeholder="手机号码">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="固定电话" prop="legalPhone">
|
|
|
+ <el-input v-model="registerForm.legalPhone" type="text" auto-complete="off" placeholder="请输入固定电话">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="传真" prop="legalFax">
|
|
|
+ <el-input v-model="registerForm.legalFax" type="text" auto-complete="off" placeholder="请输入法人传真">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="E-mail" prop="legalEmail">
|
|
|
+ <el-input v-model="registerForm.legalEmail" type="text" auto-complete="off" placeholder="请输入法人邮箱">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-collapse-item>
|
|
|
+ <el-collapse-item title="联系人信息" name="5">
|
|
|
+ <el-row :gutter="40">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="姓名" prop="linkName">
|
|
|
+ <el-input v-model="registerForm.linkName" type="text" auto-complete="off" placeholder="请输入联系人姓名">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="身份证号码" prop="linkIdCard">
|
|
|
+ <el-input v-model="registerForm.linkIdCard" type="text" auto-complete="off" placeholder="请输入联系人身份证号码">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="手机号码" prop="linkMobile">
|
|
|
+ <el-input v-model="registerForm.linkMobile" type="text" auto-complete="off" placeholder="请填入手机号码">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="固定电话" prop="linkPhone">
|
|
|
+ <el-input v-model="registerForm.linkPhone" type="text" auto-complete="off" placeholder="请输入联系人固定电话">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="传真" prop="linkFax">
|
|
|
+ <el-input v-model="registerForm.linkFax" type="text" auto-complete="off" placeholder="请输入联系人传真">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="E-mail" prop="linkEmail">
|
|
|
+ <el-input v-model="registerForm.linkEmail" type="text" auto-complete="off" placeholder="请输入联系人邮箱">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-collapse-item>
|
|
|
+ <el-collapse-item title="企业上市信息" name="6">
|
|
|
+ <el-row :gutter="40">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="企业是否上市" prop="listedFlag">
|
|
|
+ <el-radio-group v-model="registerForm.listedFlag">
|
|
|
+ <el-radio label="1">是</el-radio>
|
|
|
+ <el-radio label="0">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="企业上市代码" prop="listingCode">
|
|
|
+ <el-input v-model="registerForm.listingCode" type="text" auto-complete="off" placeholder="请输入企业上市代码">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-collapse-item>
|
|
|
+ <el-collapse-item title="风险投资信息" name="7">
|
|
|
+ <el-row :gutter="40">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="是否引入风险投资" prop="investFlag">
|
|
|
+ <el-radio-group v-model="registerForm.investFlag">
|
|
|
+ <el-radio label="1">是</el-radio>
|
|
|
+ <el-radio label="0">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="风险投资金额" prop="investCapital">
|
|
|
+ <el-input v-model="registerForm.investCapital" type="text" auto-complete="off" placeholder="请输入风险投资金额">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-collapse-item>
|
|
|
+ <el-collapse-item title="高新企业" name="8">
|
|
|
+ <el-row :gutter="40">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="是否为高新企业" prop="techFlag">
|
|
|
+ <el-radio-group v-model="registerForm.techFlag">
|
|
|
+ <el-radio label="1">是</el-radio>
|
|
|
+ <el-radio label="0">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="高新企业编号" prop="techCode">
|
|
|
+ <el-input v-model="registerForm.techCode" type="text" auto-complete="off" placeholder="请输入高新企业编号">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-collapse-item>
|
|
|
+ <el-collapse-item title="上年度是否做加计扣除" name="9">
|
|
|
+ <el-row :gutter="40">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="是否引入风险投资" prop="deductionFlag">
|
|
|
+ <el-radio-group v-model="registerForm.deductionFlag">
|
|
|
+ <el-radio label="1">是</el-radio>
|
|
|
+ <el-radio label="0">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-collapse-item>
|
|
|
+ <el-collapse-item title="附件" name="10">
|
|
|
+ <el-form-item label="企业营业执照" prop="licensePath">
|
|
|
+ <FileUpload :file="{url: registerForm.licensePath, name: registerForm.fileName}" @input="handleSuccess">上传材料</FileUpload>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="其他附件" prop="attachIds">
|
|
|
+ <FileUpload :files="registerForm.attachIds" @input="handleSaleSuccess" :multiple="true">上传材料</FileUpload>
|
|
|
+ </el-form-item>
|
|
|
+ </el-collapse-item>
|
|
|
+ <el-collapse-item title="文件水印" name="11">
|
|
|
+ </el-collapse-item>
|
|
|
+ <el-collapse-item title="服务时间" name="12">
|
|
|
+ <el-form-item label="服务时间段" prop="serviceDate">
|
|
|
+ <el-date-picker v-model="serviceDate" placeholder="选择日期" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-collapse-item>
|
|
|
+ </el-collapse>
|
|
|
+ <el-row :gutter="40">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item style="width:100%;text-align: center;" label-width="0px">
|
|
|
+ <el-button
|
|
|
+ :loading="loading"
|
|
|
+ size="medium"
|
|
|
+ type="primary"
|
|
|
+ @click.native.prevent="handleRegister" style="width: 100px;">
|
|
|
+ <span v-if="!loading">下一步</span>
|
|
|
+ <span v-else>注 册 中...</span>
|
|
|
+ </el-button>
|
|
|
+ <el-button size="medium" type="primary" style="width: 100px;">取消</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
</el-form>
|
|
|
<!-- 底部 -->
|
|
|
<div class="el-register-footer">
|
|
|
@@ -55,11 +326,18 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
-<script>
|
|
|
-import { getCodeImg, register } from "@/api/login";
|
|
|
+<script>
|
|
|
+
|
|
|
+import { getCodeImg, registerEntApi } from "@/api/login";
|
|
|
+import {getProvinceDataApi,getRegionChildrenApi} from "@/api/common/common"
|
|
|
+import { regTypeOptions,mainProductsOptions,signatoriesOptions } from "@/utils/dataFormat"
|
|
|
+import FileUpload from '@/components/FileUpload'
|
|
|
|
|
|
export default {
|
|
|
- name: "First",
|
|
|
+ name: "First",
|
|
|
+ components: {
|
|
|
+ FileUpload
|
|
|
+ },
|
|
|
data() {
|
|
|
const equalToPassword = (rule, value, callback) => {
|
|
|
if (this.registerForm.password !== value) {
|
|
|
@@ -68,14 +346,33 @@ export default {
|
|
|
callback();
|
|
|
}
|
|
|
};
|
|
|
- return {
|
|
|
- codeUrl: "",
|
|
|
- registerForm: {
|
|
|
+ return {
|
|
|
+ activeName: '1',
|
|
|
+ serviceDate: [],
|
|
|
+ provinceName: '',
|
|
|
+ cityName: '',
|
|
|
+ districtName: '',
|
|
|
+ codeUrl: "",
|
|
|
+ regTypeOptions: regTypeOptions,
|
|
|
+ mainProductsOptions: mainProductsOptions,
|
|
|
+ signatoriesOptions: signatoriesOptions,
|
|
|
+ provinceDataList: [],
|
|
|
+ cityDataList: [],
|
|
|
+ districtDataList: [],
|
|
|
+ registerForm: {
|
|
|
+ startDate: '',
|
|
|
+ endDate: '',
|
|
|
+ attachIds: [],
|
|
|
+ provinceId: '',
|
|
|
+ cityId: '',
|
|
|
+ districtId: '',
|
|
|
+ mainProductArray: [],
|
|
|
+ mainProducts: '',
|
|
|
username: "",
|
|
|
password: "",
|
|
|
confirmPassword: "",
|
|
|
code: "",
|
|
|
- uuid: ""
|
|
|
+ // uuid: ""
|
|
|
},
|
|
|
registerRules: {
|
|
|
username: [
|
|
|
@@ -97,9 +394,46 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
- this.getCode();
|
|
|
+ this.getCode();
|
|
|
+ this.getProvinceData()
|
|
|
},
|
|
|
- methods: {
|
|
|
+ methods: {
|
|
|
+ handleSuccess(file) {
|
|
|
+ console.log(file)
|
|
|
+ this.registerForm.licensePath = file.url;
|
|
|
+ this.registerForm.fileName = file.name;
|
|
|
+ },
|
|
|
+ handleSaleSuccess(files) {
|
|
|
+ files.forEach(item => {
|
|
|
+ this.registerForm.attachIds.push(item.response.data.id)
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //选择省份
|
|
|
+ getCityData() {
|
|
|
+ this.registerForm.cityId = ''
|
|
|
+ this.registerForm.districtId = ''
|
|
|
+ getRegionChildrenApi(this.registerForm.provinceId).then(res => {
|
|
|
+ if(res.code == 200) {
|
|
|
+ this.cityDataList = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //选择市
|
|
|
+ getDistrictData() {
|
|
|
+ this.registerForm.districtId = ''
|
|
|
+ getRegionChildrenApi(this.registerForm.cityId).then(res => {
|
|
|
+ if(res.code == 200) {
|
|
|
+ this.districtDataList = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getProvinceData() {
|
|
|
+ getProvinceDataApi().then(res => {
|
|
|
+ if(res.code == 200) {
|
|
|
+ this.provinceDataList = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
getCode() {
|
|
|
getCodeImg().then(res => {
|
|
|
this.captchaOnOff = res.captchaOnOff === undefined ? true : res.captchaOnOff;
|
|
|
@@ -110,28 +444,45 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
handleRegister() {
|
|
|
- this.$router.push("/registerSecond");
|
|
|
- // this.$refs.registerForm.validate(valid => {
|
|
|
- // if (valid) {
|
|
|
- // this.loading = true;
|
|
|
- // register(this.registerForm).then(res => {
|
|
|
- // const username = this.registerForm.username;
|
|
|
- // this.$alert("<font color='red'>恭喜你,您的账号 " + username + " 注册成功!</font>", '系统提示', {
|
|
|
- // dangerouslyUseHTMLString: true,
|
|
|
- // type: 'success'
|
|
|
- // }).then(() => {
|
|
|
- // this.$router.push("/login");
|
|
|
- // }).catch(() => {});
|
|
|
- // }).catch(() => {
|
|
|
- // this.loading = false;
|
|
|
- // if (this.captchaOnOff) {
|
|
|
- // this.getCode();
|
|
|
- // }
|
|
|
- // })
|
|
|
- // }
|
|
|
- // });
|
|
|
+ this.registerForm.mainProducts = this.registerForm.mainProductArray.join(',')
|
|
|
+ this.$refs.registerForm.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ this.loading = true;
|
|
|
+ registerEntApi(this.registerForm).then(res => {
|
|
|
+ const username = this.registerForm.username;
|
|
|
+ this.$alert("<font color='red'>恭喜你,您的账号 " + username + " 注册成功!</font>", '系统提示', {
|
|
|
+ dangerouslyUseHTMLString: true,
|
|
|
+ type: 'success'
|
|
|
+ }).then(() => {
|
|
|
+ this.$router.push("/login");
|
|
|
+ }).catch(() => {});
|
|
|
+ }).catch(() => {
|
|
|
+ this.loading = false;
|
|
|
+ if (this.captchaOnOff) {
|
|
|
+ this.getCode();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ 'registerForm.provinceId' (val) {
|
|
|
+ if (this.registerForm.provinceId) {
|
|
|
+ let obj = this.provinceDataList.find(item => {
|
|
|
+ return item.id == this.registerForm.provinceId
|
|
|
+ })
|
|
|
+ this.provinceName = obj.name
|
|
|
+ this.registerForm.taxOffice = '国家税务总局'+this.provinceName+'税务局'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 'resetForm.serviceDate'(val) {
|
|
|
+ if(this.serviceDate) {
|
|
|
+ this.resetForm.startDate = this.serviceDate[0]
|
|
|
+ this.registerForm.endDate = this.servideDate[1]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
@@ -140,7 +491,10 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
- height: 100%;
|
|
|
+ // height: 100%;
|
|
|
+ height: 900px;
|
|
|
+ overflow-y: auto;
|
|
|
+ scroll-behavior: auto;
|
|
|
background-image: url("../../assets/images/login-background.jpg");
|
|
|
background-size: cover;
|
|
|
}
|
|
|
@@ -153,7 +507,9 @@ export default {
|
|
|
.register-form {
|
|
|
border-radius: 6px;
|
|
|
background: #ffffff;
|
|
|
- width: 600px;
|
|
|
+ width: 1200px;
|
|
|
+ height: 800px;
|
|
|
+ overflow-y: auto;
|
|
|
padding: 25px 25px 5px 25px;
|
|
|
.el-input {
|
|
|
height: 38px;
|
|
|
@@ -195,5 +551,42 @@ export default {
|
|
|
}
|
|
|
.register-code-img {
|
|
|
height: 38px;
|
|
|
+}
|
|
|
+/* =============自定义样式============== */
|
|
|
+$border: #ddd;
|
|
|
+/* 工具栏 */
|
|
|
+.toolbar {
|
|
|
+ margin: 0 0 15px;
|
|
|
+ &>.title {
|
|
|
+ position: relative;
|
|
|
+ padding-left: 15px;
|
|
|
+ margin-right: 15px;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 28px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #363636;
|
|
|
+ &:before {
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(0, -50%);
|
|
|
+ width: 5px;
|
|
|
+ height: 16px;
|
|
|
+ background-color: #409EFF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &:after {
|
|
|
+ content: "";
|
|
|
+ clear: both;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ &>.tip {
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: normal;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|