Skip to content

P
portalhtml
Commit 97ab0493 authored by qinj's avatar qinj
Browse files
Options

注册页

parent d8d4f664
Show whitespace changes
Inline Side-by-side
Showing with 450 additions and 0 deletions
src/router/index.js
View file @ 97ab0493
......@@ -70,6 +70,16 @@ export const constantRoutes = [
component: () => import('@/views/login/index'),
hidden: true
},
{
path: '/prov-register',
component: () => import('@/views/login/prov-register/index'),
hidden: true
},
{
path: '/city-register',
component: () => import('@/views/login/city-register/index'),
hidden: true
},
{
path: '/auth-redirect',
component: () => import('@/views/login/auth-redirect'),
......
src/views/login/city-register/index.vue 0 → 100644
View file @ 97ab0493
<template>
<div class="register-container">
<div class="register-main">
<el-row class="border-bottom"><h4>城市代理商注册</h4></el-row>
<el-form id="registerForm" :model="formData" status-icon label-position="right">
<el-row class="border-bottom">
<el-col :span="24">
<el-form-item label="基本信息" />
</el-col>
<el-col :span="12" :offset="1" class="padding-bottom">
<el-form-item label="公司全称:" prop="name" label-width="150px" required>
<el-input v-model="formData.name" placeholder="点击查询获取公司信息,不可编辑" disabled style="width: 80%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="5" :offset="1" class="padding-bottom">
<el-button type="primary">查询</el-button>
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="公司全称曾用名:" prop="shortName" label-width="150px">
<el-input v-model="formData.shortName" placeholder="" style="width: 80%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="11" class="padding-bottom">
<el-form-item label="统一社会信用代码:" label-width="150px" required>
<template>
<el-input v-model="formData.englishName" placeholder="企查查获取" style="width: 80%" class="filter-item" clearable />
</template>
</el-form-item>
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="注册资本(万元):" label-width="150px" required>
<el-input v-model="formData.enterpriseCode" :disabled="inputEnter" style="width: 80%" placeholder="企查查获取" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="11" class="padding-bottom">
<el-form-item label="法人:" label-width="150px" required>
<template>
<el-input v-model="formData.enterpriseCode" :disabled="inputEnter" style="width: 80%" placeholder="企查查获取" class="filter-item" clearable />
</template>
</el-form-item>
</el-col>
</el-row>
<el-row class="border-bottom">
<el-col :span="24">
<el-form-item label="地址信息" />
</el-col>
<el-col :span="7" :offset="1" class="padding-bottom">
<el-form-item label="省份:" prop="cerInfo.district" label-width="80px" required>
<el-cascader ref="cascader" v-model="countryArea" clearable style="width: 80%"/>
</el-form-item>
</el-col>
<el-col :span="7" class="padding-bottom">
<el-form-item label="地市:" prop="cerInfo.district" label-width="80px" required >
<el-cascader ref="cascader" v-model="countryArea" clearablestyle="width: 80%" />
</el-form-item>
</el-col>
<el-col :span="7" class="padding-bottom">
<el-form-item label="县市:" prop="cerInfo.district" label-width="80px" required>
<el-cascader ref="cascader" v-model="countryArea" clearable style="width: 80%" />
</el-form-item>
</el-col>
<el-col :span="20" :offset="1" class="padding-bottom">
<el-form-item label="详细经营地址:" label-width="150px" required>
<el-input v-model="formData.cerInfo" placeholder="" autocomplete="off" style="width: 80%" clearable />
</el-form-item>
</el-col>
</el-row>
<el-row class="border-bottom">
<el-col :span="24">
<el-form-item label="联系信息" />
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="公司负责人姓名:" prop="legalPerson" label-width="150px" required>
<el-input v-model="formData.legalPerson" placeholder="" style="width: 80%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="12" class="padding-bottom">
<el-form-item label="公司负责人联系电话:" prop="legalEmail" label-width="160px" class="filter-icon-none" required>
<el-input v-model="formData.legalEmail" placeholder="" style="width: 80%" class="filter-item" clearable />
</el-form-item>
</el-col>
<!-- <el-col v-if="showForm.legalPersonNumber" :span="7" class="padding-bottom">
<el-form-item label="法人手机号" prop="legalIdPhone" label-width="100px" class="filter-icon-none">
<el-input v-model="supplierBase.legalIdPhone" placeholder="法人手机号" style="width: 83%" class="filter-item" clearable />
</el-form-item>
</el-col> -->
<el-col :span="15" :offset="1" class="padding-bottom">
<el-form-item label="公司负责人邮箱:" prop="legalIdCard" label-width="150px" class="filter-icon-none" required>
<el-input v-model="formData.legalIdCard" placeholder="" style="width: 52%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="Unis业务负责人姓名:" prop="email" label-width="160px" required>
<el-input v-model="formData.email" placeholder="" style="width: 80%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="11" class="padding-bottom">
<el-form-item label="Unis业务负责人电话:" prop="mobile" label-width="160px" required>
<el-input v-model="formData.mobile" placeholder="" style="width: 90%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom" >
<el-form-item label="Unis业务负责人邮箱:" prop="financerMobile" label-width="160px" class="filter-icon-none" required>
<el-input v-model="formData.financerMobile" placeholder="" style="width: 80%" class="filter-item" clearable />
</el-form-item>
</el-col>
</el-row>
<el-row >
<el-col :span="24">
<el-form-item label="上传附件" />
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="营业执照:" prop="financerMobile" label-width="100px" class="filter-icon-none" required>
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-row>
<el-col align="center">
<el-button type="primary" @click="handleNext">提交</el-button>
</el-col>
</el-row>
</div>
</div>
</template>
<script>
export default {
name: 'city-register',
data() {
return {
formData:{},
inputEnter:false,
countryArea:'',
title: '城市代理商注册',
loading: false,
fileList:[],
supplierBaseRules: {
name: [{ required: true, message: '请选择公司全称', trigger: ['change', 'blur'] }],
},
}
},
watch: {
},
created() {
},
methods: {
handlePreview(){},
handleRemove(){},
beforeRemove(){},
handleExceed(){},
fileList(){},
handleNext(){}
}
}
</script>
<style lang="scss" scoped>
.register-container {
margin: 10px auto;
padding: 0px 0px;
width: 1024px;
background-color: rgba(241, 243, 245, 0.877);
}
.register-main {
margin: 0px 30px;
padding: 15px 0px;
}
#registerForm .padding-bottom {
padding-bottom: 20px;
}
.border-bottom {
border-bottom: solid 2px #409eff;
}
</style>
src/views/login/prov-register/index.vue 0 → 100644
View file @ 97ab0493
<template>
<div class="register-container">
<div class="register-main">
<el-row class="border-bottom"><h4>省级代理商注册</h4></el-row>
<el-form id="registerForm" :model="formData" status-icon label-position="right">
<el-row class="border-bottom">
<el-col :span="24">
<el-form-item label="基本信息" />
</el-col>
<el-col :span="13" class="padding-bottom">
<el-form-item label="公司全称:" prop="name" label-width="150px" required>
<!-- <el-input v-model="formData.name" placeholder="点击查询获取公司信息,不可编辑" disabled style="width: 80%" class="filter-item" clearable /> -->
<lov
v-model="formData.companyId"
:default-text="formData.companyName"
clearable
@returnFn="data=>{}"
/>
</el-form-item>
</el-col>
<!-- <el-col :span="5" :offset="1" class="padding-bottom">
<el-button type="primary">查询</el-button>
</el-col> -->
<el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="公司全称曾用名:" prop="shortName" label-width="150px">
<el-input v-model="formData.shortName" placeholder="" style="width: 80%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="11" class="padding-bottom">
<el-form-item label="统一社会信用代码:" label-width="150px" required>
<template>
<el-input v-model="formData.englishName" placeholder="企查查获取" style="width: 80%" class="filter-item" clearable />
</template>
</el-form-item>
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="注册资本(万元):" label-width="150px" required>
<el-input v-model="formData.enterpriseCode" :disabled="inputEnter" style="width: 80%" placeholder="企查查获取" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="11" class="padding-bottom">
<el-form-item label="法人:" label-width="150px" required>
<template>
<el-input v-model="formData.enterpriseCode" :disabled="inputEnter" style="width: 80%" placeholder="企查查获取" class="filter-item" clearable />
</template>
</el-form-item>
</el-col>
</el-row>
<el-row class="border-bottom">
<el-col :span="24">
<el-form-item label="地址信息" />
</el-col>
<el-col :span="7" :offset="1" class="padding-bottom">
<el-form-item label="省份:" prop="cerInfo.district" label-width="80px" required>
<el-cascader ref="cascader" v-model="countryArea" clearable style="width: 80%"/>
</el-form-item>
</el-col>
<el-col :span="7" class="padding-bottom">
<el-form-item label="地市:" prop="cerInfo.district" label-width="80px" required >
<el-cascader ref="cascader" v-model="countryArea" clearablestyle="width: 80%" />
</el-form-item>
</el-col>
<el-col :span="7" class="padding-bottom">
<el-form-item label="县市:" prop="cerInfo.district" label-width="80px" required>
<el-cascader ref="cascader" v-model="countryArea" clearable style="width: 80%" />
</el-form-item>
</el-col>
<el-col :span="20" :offset="1" class="padding-bottom">
<el-form-item label="详细经营地址:" label-width="150px" required>
<el-input v-model="formData.cerInfo" placeholder="" autocomplete="off" style="width: 80%" clearable />
</el-form-item>
</el-col>
</el-row>
<el-row class="border-bottom">
<el-col :span="24">
<el-form-item label="联系信息" />
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="公司负责人姓名:" prop="legalPerson" label-width="150px" required>
<el-input v-model="formData.legalPerson" placeholder="" style="width: 80%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="12" class="padding-bottom">
<el-form-item label="公司负责人联系电话:" prop="legalEmail" label-width="160px" class="filter-icon-none" required>
<el-input v-model="formData.legalEmail" placeholder="" style="width: 80%" class="filter-item" clearable />
</el-form-item>
</el-col>
<!-- <el-col v-if="showForm.legalPersonNumber" :span="7" class="padding-bottom">
<el-form-item label="法人手机号" prop="legalIdPhone" label-width="100px" class="filter-icon-none">
<el-input v-model="supplierBase.legalIdPhone" placeholder="法人手机号" style="width: 83%" class="filter-item" clearable />
</el-form-item>
</el-col> -->
<el-col :span="15" :offset="1" class="padding-bottom">
<el-form-item label="公司负责人邮箱:" prop="legalIdCard" label-width="150px" class="filter-icon-none" required>
<el-input v-model="formData.legalIdCard" placeholder="" style="width: 52%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="Unis业务负责人姓名:" prop="email" label-width="160px" required>
<el-input v-model="formData.email" placeholder="" style="width: 80%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="11" class="padding-bottom">
<el-form-item label="Unis业务负责人电话:" prop="mobile" label-width="160px" required>
<el-input v-model="formData.mobile" placeholder="" style="width: 90%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom" >
<el-form-item label="Unis业务负责人邮箱:" prop="financerMobile" label-width="160px" class="filter-icon-none" required>
<el-input v-model="formData.financerMobile" placeholder="" style="width: 80%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="商务负责人姓名:" prop="email" label-width="150px" required>
<el-input v-model="formData.email" placeholder="" style="width: 80%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="11" class="padding-bottom">
<el-form-item label="商务负责人电话:" prop="mobile" label-width="150px" required>
<el-input v-model="formData.mobile" placeholder="" style="width: 90%" class="filter-item" clearable />
</el-form-item>
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom" >
<el-form-item label="商务负责人邮箱:" prop="financerMobile" label-width="160px" class="filter-icon-none" required>
<el-input v-model="formData.financerMobile" placeholder="" style="width: 80%" class="filter-item" clearable />
</el-form-item>
</el-col>
</el-row>
<el-row class="border-bottom">
<el-col :span="24">
<el-form-item label="签约信息" />
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="签约渠道类型:" prop="cerInfo.district" label-width="120px" required>
<el-cascader ref="cascader" v-model="countryArea" clearable style="width: 80%"/>
</el-form-item>
</el-col>
<el-col :span="12" class="padding-bottom">
<el-form-item label="签约产品组:" prop="cerInfo.district" label-width="120px" required >
<el-cascader ref="cascader" v-model="countryArea" clearablestyle="width: 90%" />
</el-form-item>
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="签约总代:" prop="cerInfo.district" label-width="100px" required>
<el-cascader ref="cascader" v-model="countryArea" clearable style="width: 80%" />
</el-form-item>
</el-col>
</el-row>
<el-row >
<el-col :span="24">
<el-form-item label="上传附件" />
</el-col>
<el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="营业执照:" prop="financerMobile" label-width="100px" class="filter-icon-none" required>
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-row>
<el-col align="center">
<el-button type="primary" @click="handleNext">提交</el-button>
</el-col>
</el-row>
</div>
</div>
</template>
<script>
export default {
name: 'city-register',
data() {
return {
formData:{},
inputEnter:false,
countryArea:'',
title: '城市代理商注册',
loading: false,
fileList:[],
supplierBaseRules: {
name: [{ required: true, message: '请选择公司全称', trigger: ['change', 'blur'] }],
},
}
},
watch: {
},
created() {
},
methods: {
handlePreview(){},
handleRemove(){},
beforeRemove(){},
handleExceed(){},
fileList(){},
handleNext(){}
}
}
</script>
<style lang="scss" scoped>
.register-container {
margin: 10px auto;
padding: 0px 0px;
width: 1024px;
background-color: rgba(241, 243, 245, 0.877);
}
.register-main {
margin: 0px 30px;
padding: 15px 0px;
}
#registerForm .padding-bottom {
padding-bottom: 20px;
}
.border-bottom {
border-bottom: solid 2px #409eff;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment