Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
P
portalhtml
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
rex
portalhtml
Commits
94d9e1fd
Commit
94d9e1fd
authored
Oct 12, 2021
by
qinj
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
注册联调
parent
e31c7a6d
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
482 additions
and
135 deletions
+482
-135
qcc.js
src/api/qcc.js
+4
-0
index.vue
src/views/login/city-register/index.vue
+46
-25
index.vue
src/views/login/prov-register/index.vue
+432
-110
No files found.
src/api/qcc.js
View file @
94d9e1fd
...
...
@@ -11,3 +11,7 @@ export const Country = {
export
const
Customer
=
{
searchUrl
:
'/customer/create'
,
}
export
const
Common
=
{
searchUrl
:
'/commonSession/searchAll'
,
}
\ No newline at end of file
src/views/login/city-register/index.vue
View file @
94d9e1fd
...
...
@@ -63,7 +63,7 @@
class=
"padding-bottom"
>
<el-form-item
label=
"注册资本(万元):"
label-width=
"150px"
required
>
prop=
"extRegisteredCapital_SDK"
>
<el-input
v-model=
"formData.extRegisteredCapital_SDK"
:disabled=
"inputEnter"
style=
"width: 80%"
...
...
@@ -77,7 +77,7 @@
class=
"padding-bottom"
>
<el-form-item
label=
"法人:"
label-width=
"150px"
required
>
prop=
"extCorporateName_SDK"
>
<
template
>
<el-input
v-model=
"formData.extCorporateName_SDK"
:disabled=
"inputEnter"
...
...
@@ -99,9 +99,9 @@
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"省份:"
prop=
"
cerInfo.district
"
prop=
"
extProvinceName_SDK
"
label-width=
"80px"
required
>
>
<el-select
v-model=
"formData.extProvinceName_SDK"
style=
"width: 91%"
filterable
placeholder=
"请选择省份"
no-match-text=
"无匹配数据"
@
change=
"handleSelect"
>
<el-option
v-for=
"item in countryOptions"
...
...
@@ -115,7 +115,7 @@
<el-col
:span=
"7"
class=
"padding-bottom"
>
<el-form-item
label=
"市:"
prop=
"
cerInfo.district
"
prop=
"
extCityName_SDK
"
label-width=
"80px"
required
>
<el-select
v-model=
"formData.extCityName_SDK"
style=
"width: 91%"
filterable
placeholder=
"请选择市"
@
change=
"handleSelectCity"
>
...
...
@@ -131,7 +131,7 @@
<el-col
:span=
"7"
class=
"padding-bottom"
>
<el-form-item
label=
"区:"
prop=
"
cerInfo.district
"
prop=
"
extDistrictName_SDK
"
label-width=
"80px"
required
>
<el-select
v-model=
"formData.extDistrictName_SDK"
style=
"width: 91%"
filterable
placeholder=
"请选择区"
no-match-text=
"无匹配数据"
>
...
...
@@ -149,7 +149,7 @@
class=
"padding-bottom"
>
<el-form-item
label=
"详细经营地址:"
label-width=
"150px"
required
>
prop=
"extAddressDetail_SDK"
>
<el-input
v-model=
"formData.extAddressDetail_SDK"
placeholder=
""
autocomplete=
"off"
...
...
@@ -166,9 +166,9 @@
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"公司负责人姓名:"
prop=
"
legalPerson
"
prop=
"
extLeader_SDK
"
label-width=
"150px"
required
>
>
<el-input
v-model=
"formData.extLeader_SDK"
placeholder=
""
style=
"width: 80%"
...
...
@@ -179,10 +179,10 @@
<el-col
:span=
"12"
class=
"padding-bottom"
>
<el-form-item
label=
"公司负责人联系电话:"
prop=
"
legalEmail
"
prop=
"
extLeaderPhone_SDK
"
label-width=
"160px"
class=
"filter-icon-none"
required
>
>
<el-input
v-model=
"formData.extLeaderPhone_SDK"
placeholder=
""
style=
"width: 80%"
...
...
@@ -199,10 +199,10 @@
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"公司负责人邮箱:"
prop=
"
legalIdCard
"
prop=
"
extLeaderEmail_SDK
"
label-width=
"150px"
class=
"filter-icon-none"
required
>
>
<el-input
v-model=
"formData.extLeaderEmail_SDK"
placeholder=
""
style=
"width: 52%"
...
...
@@ -215,9 +215,9 @@
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"Unis业务负责人姓名:"
prop=
"e
mail
"
prop=
"e
xtUnis_SDK
"
label-width=
"160px"
required
>
>
<el-input
v-model=
"formData.extUnis_SDK"
placeholder=
""
style=
"width: 80%"
...
...
@@ -228,9 +228,9 @@
<el-col
:span=
"11"
class=
"padding-bottom"
>
<el-form-item
label=
"Unis业务负责人电话:"
prop=
"
mobile
"
prop=
"
extUnisPhone_SDK
"
label-width=
"160px"
required
>
>
<el-input
v-model=
"formData.extUnisPhone_SDK"
placeholder=
""
style=
"width: 90%"
...
...
@@ -242,10 +242,10 @@
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"Unis业务负责人邮箱:"
prop=
"
financerMobile
"
prop=
"
extUnisEmail_SDK
"
label-width=
"160px"
class=
"filter-icon-none"
required
>
>
<el-input
v-model=
"formData.extUnisEmail_SDK"
placeholder=
""
style=
"width: 80%"
...
...
@@ -268,12 +268,15 @@
class=
"filter-icon-none"
required
>
<el-upload
class=
"upload-demo"
:headers=
"myHeader"
action=
"https://jsonplaceholder.typicode.com/posts/"
:on-preview=
"handlePreview"
:on-remove=
"handleRemove"
:http-request=
"uploadFile"
:before-remove=
"beforeRemove"
multiple
:limit=
"1"
:on-change=
"handelOnChange"
:on-exceed=
"handleExceed"
:file-list=
"fileList"
>
<el-button
size=
"small"
...
...
@@ -361,12 +364,20 @@ export default {
cityOptions
:[],
disOptions
:[],
supplierBaseRules
:
{
Name
:
[{
required
:
true
,
message
:
'请选择公司全称'
,
trigger
:
[
'change'
]
}],
extSocialUnifiedCreditCode_SDK
:
[{
required
:
true
,
message
:
'请选择公司全称'
,
trigger
:
[
'change'
]
}],
name
:
[{
required
:
true
,
message
:
'请选择公司全称'
,
trigger
:
[
'change'
]
}],
name
:
[{
required
:
true
,
message
:
'请选择公司全称'
,
trigger
:
[
'change'
]
}],
name
:
[{
required
:
true
,
message
:
'请选择公司全称'
,
trigger
:
[
'change'
]
}],
name
:
[{
required
:
true
,
message
:
'请选择公司全称'
,
trigger
:
[
'change'
]
}],
Name
:
[{
required
:
true
,
message
:
'请选择公司名称'
,
trigger
:
'blur'
}],
extSocialUnifiedCreditCode_SDK
:
[{
required
:
true
,
message
:
'请输入统一社会信用代码'
,
trigger
:
'blur'
}],
extRegisteredCapital_SDK
:
[{
required
:
true
,
message
:
'请输入注册资本(万元)'
,
trigger
:
'blur'
}],
extCorporateName_SDK
:
[{
required
:
true
,
message
:
'请输入法人'
,
trigger
:
'blur'
}],
extProvinceName_SDK
:
[{
required
:
true
,
message
:
'请选择省份'
,
trigger
:
'blur'
}],
extCityName_SDK
:
[{
required
:
true
,
message
:
'请选择市'
,
trigger
:
'blur'
}],
extDistrictName_SDK
:
[{
required
:
true
,
message
:
'请选择区'
,
trigger
:
'blur'
}],
extAddressDetail_SDK
:
[{
required
:
true
,
message
:
'请输入详细经营地址'
,
trigger
:
'blur'
}],
extLeader_SDK
:
[{
required
:
true
,
message
:
'请输入公司负责人姓名'
,
trigger
:
'blur'
}],
extLeaderPhone_SDK
:
[{
required
:
true
,
message
:
'请输入公司负责人联系电话'
,
trigger
:
'blur'
}],
extLeaderEmail_SDK
:
[{
required
:
true
,
message
:
'请输入公司负责人邮箱'
,
trigger
:
'blur'
}],
extUnis_SDK
:
[{
required
:
true
,
message
:
'请输入Unis业务负责人姓名'
,
trigger
:
'blur'
}],
extUnisPhone_SDK
:
[{
required
:
true
,
message
:
'请输入Unis业务负责人电话'
,
trigger
:
'blur'
}],
extUnisEmail_SDK
:
[{
required
:
true
,
message
:
'请输入Unis业务负责人邮箱'
,
trigger
:
'blur'
}],
},
dialogTableVisible
:
false
,
page
:
{
...
...
@@ -429,6 +440,16 @@ export default {
handleClose
()
{
this
.
dialogTableVisible
=
false
},
uploadFile
(
file
){
},
handelOnChange
(
res
,
file
){
const
formData
=
new
FormData
();
formData
.
append
(
"file"
,
file
)
},
myHeader
(){
return
{
'Content-Type'
:
'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq'
}
},
onSubmit
()
{
},
handlePreview
()
{
},
handleRemove
()
{
},
...
...
src/views/login/prov-register/index.vue
View file @
94d9e1fd
<
template
>
<div
class=
"register-container"
>
<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-row
class=
"border-bottom"
>
<h4>
省级代理商注册
</h4>
</el-row>
<el-form
id=
"registerForm"
:model=
"formData"
status-icon
ref=
"formData"
:rules=
"supplierBaseRules"
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-col
:span=
"13"
class=
"padding-bottom"
>
<el-form-item
label=
"公司全称:"
prop=
"Name"
label-width=
"150px"
>
<el-input
v-model=
"formData.Name"
placeholder=
'请选择公司'
style=
"width: 100%"
>
<i
slot=
"suffix"
class=
"el-input__icon el-icon-search"
@
click=
"createLovTable"
/>
</el-input>
</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-col
:span=
"11"
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"公司全称曾用名:"
label-width=
"150px"
>
<el-input
v-model=
"formData.extSecondName_SDK"
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
>
<el-col
:span=
"11"
class=
"padding-bottom"
>
<el-form-item
label=
"统一社会信用代码:"
label-width=
"150px"
prop=
"extSocialUnifiedCreditCode_SDK"
>
<template>
<el-input
v-model=
"formData.englishName"
placeholder=
"企查查获取"
style=
"width: 80%"
class=
"filter-item"
clearable
/>
<el-input
v-model=
"formData.extSocialUnifiedCreditCode_SDK"
placeholder=
"企查查获取"
style=
"width: 80%"
readonly
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-col
:span=
"11"
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"注册资本(万元):"
label-width=
"150px"
prop=
"extRegisteredCapital_SDK"
>
<el-input
v-model=
"formData.extRegisteredCapital_SDK"
:disabled=
"inputEnter"
style=
"width: 80%"
readonly
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
>
<el-col
:span=
"11"
class=
"padding-bottom"
>
<el-form-item
label=
"法人:"
label-width=
"150px"
prop=
"extCorporateName_SDK"
>
<
template
>
<el-input
v-model=
"formData.enterpriseCode"
:disabled=
"inputEnter"
style=
"width: 80%"
placeholder=
"企查查获取"
class=
"filter-item"
clearable
/>
<el-input
v-model=
"formData.extCorporateName_SDK"
:disabled=
"inputEnter"
style=
"width: 80%"
readonly
placeholder=
"企查查获取"
class=
"filter-item"
clearable
/>
</
template
>
</el-form-item>
</el-col>
...
...
@@ -51,39 +96,99 @@
<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-col
:span=
"7"
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"省份:"
prop=
"extProvinceName_SDK"
label-width=
"80px"
>
<el-select
v-model=
"formData.extProvinceName_SDK"
style=
"width: 91%"
filterable
placeholder=
"请选择省份"
no-match-text=
"无匹配数据"
@
change=
"handleSelect"
>
<el-option
v-for=
"item in countryOptions"
:key=
"item.Code"
:label=
"item.Name"
:value=
"item.Code"
/>
</el-select>
</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-col
:span=
"7"
class=
"padding-bottom"
>
<el-form-item
label=
"市:"
prop=
"extCityName_SDK"
label-width=
"80px"
>
<el-select
v-model=
"formData.extCityName_SDK"
style=
"width: 91%"
filterable
placeholder=
"请选择市"
@
change=
"handleSelectCity"
>
<el-option
v-for=
"item in cityOptions"
:key=
"item.Code"
:label=
"item.Name"
:value=
"item.Code"
/>
</el-select>
</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-col
:span=
"7"
class=
"padding-bottom"
>
<el-form-item
label=
"区:"
prop=
"extDistrictName_SDK"
label-width=
"80px"
>
<el-select
v-model=
"formData.extDistrictName_SDK"
style=
"width: 91%"
filterable
placeholder=
"请选择区"
no-match-text=
"无匹配数据"
>
<el-option
v-for=
"item in disOptions"
:key=
"item.Code"
:label=
"item.Name"
:value=
"item.Code"
/>
</el-select>
</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-col
:span=
"20"
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"详细经营地址:"
label-width=
"150px"
prop=
"extAddressDetail_SDK"
>
<el-input
v-model=
"formData.extAddressDetail_SDK"
placeholder=
""
autocomplete=
"off"
style=
"width: 80%"
clearable
/>
</el-form-item>
</el-col>
</el-row>
<el-row
class=
"border-bottom"
>
<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-col
:span=
"11"
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"公司负责人姓名:"
prop=
"extLeader_SDK"
label-width=
"150px"
>
<el-input
v-model=
"formData.extLeader_SDK"
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-col
:span=
"12"
class=
"padding-bottom"
>
<el-form-item
label=
"公司负责人联系电话:"
prop=
"extLeaderPhone_SDK"
label-width=
"160px"
class=
"filter-icon-none"
>
<el-input
v-model=
"formData.extLeaderPhone_SDK"
placeholder=
""
style=
"width: 80%"
class=
"filter-item"
clearable
/>
</el-form-item>
</el-col>
<!-- <el-col v-if="showForm.legalPersonNumber" :span="7" class="padding-bottom">
...
...
@@ -91,130 +196,347 @@
<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-col
:span=
"15"
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"公司负责人邮箱:"
prop=
"extLeaderEmail_SDK"
label-width=
"150px"
class=
"filter-icon-none"
>
<el-input
v-model=
"formData.extLeaderEmail_SDK"
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-col
:span=
"11"
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"Unis业务负责人姓名:"
prop=
"extUnis_SDK"
label-width=
"160px"
>
<el-input
v-model=
"formData.extUnis_SDK"
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-col
:span=
"11"
class=
"padding-bottom"
>
<el-form-item
label=
"Unis业务负责人电话:"
prop=
"extUnisPhone_SDK"
label-width=
"160px"
>
<el-input
v-model=
"formData.extUnisPhone_SDK"
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-col
:span=
"11"
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"Unis业务负责人邮箱:"
prop=
"extUnisEmail_SDK"
label-width=
"160px"
class=
"filter-icon-none"
>
<el-input
v-model=
"formData.extUnisEmail_SDK"
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=
"e
mail"
label-width=
"150px"
required
>
<el-input
v-model=
"formData.e
mail
"
placeholder=
""
style=
"width: 80%"
class=
"filter-item"
clearable
/>
<el-form-item
label=
"商务负责人姓名:"
prop=
"e
xtBusiness_SDK"
label-width=
"150px"
>
<el-input
v-model=
"formData.e
xtBusiness_SDK
"
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-col
:span=
"11"
class=
"padding-bottom"
>
<el-form-item
label=
"商务负责人电话:"
prop=
"
extBusinessPhone_SDK"
label-width=
"150px"
>
<el-input
v-model=
"formData.
extBusinessPhone_SDK
"
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
label=
"商务负责人邮箱:"
prop=
"
extBusinessEmail_SDK"
label-width=
"160px"
class=
"filter-icon-none"
>
<el-input
v-model=
"formData.
extBusinessEmail_SDK
"
placeholder=
""
style=
"width: 80%"
class=
"filter-item"
clearable
/>
</el-form-item>
</el-col>
</el-row>
<el-row
class=
"border-bottom"
>
<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
label=
"签约渠道类型:"
prop=
"ExtChannelType_SDK"
label-width=
"120px"
>
<el-select
v-model=
"formData.ExtChannelType_SDK"
style=
"width: 91%"
filterable
placeholder=
"请选择"
no-match-text=
"无匹配数据"
>
<el-option
v-for=
"item in aOptions"
:key=
"item.id"
:label=
"item.content"
:value=
"item.keyword"
/>
</el-select>
</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
label=
"签约产品组:"
prop=
"ExtProductGroup_SDK"
label-width=
"120px"
>
<el-select
v-model=
"formData.ExtProductGroup_SDK"
style=
"width: 91%"
filterable
placeholder=
"请选择"
no-match-text=
"无匹配数据"
>
<el-option
v-for=
"item in bOptions"
:key=
"item.id"
:label=
"item.content"
:value=
"item.keyword"
/>
</el-select>
</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
label=
"签约总代:"
prop=
"extTotalAgent_SDK"
label-width=
"100px"
>
<el-select
v-model=
"formData.extTotalAgent_SDK"
style=
"width: 91%"
filterable
placeholder=
"请选择"
no-match-text=
"无匹配数据"
>
<el-option
v-for=
"item in cOptions"
:key=
"item.id"
:label=
"item.content"
:value=
"item.keyword"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<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-col
:span=
"11"
:offset=
"1"
class=
"padding-bottom"
>
<el-form-item
label=
"营业执照:"
prop=
"financerMobile"
label-width=
"100px"
class=
"filter-icon-none"
required
>
<el-upload
ref=
"uploadExcel"
action=
"https://jsonplaceholder.typicode.com/posts/"
:limit=
'1'
:auto-upload=
"false"
:before-upload=
"beforeUploadFile"
:on-change=
"fileChange"
:on-exceed=
"exceedFile"
:on-success=
"handleSuccess"
:on-error=
"handleError"
: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-row>
<el-col
align=
"center"
>
<el-button
type=
"primary"
@
click=
"handle
Next
"
>
提交
</el-button>
<el-button
type=
"primary"
@
click=
"handle
Approve(formData)
"
>
提交
</el-button>
</el-col>
</el-row>
</el-form>
<el-dialog
title=
"请选择公司"
:visible
.
sync=
"dialogTableVisible"
width=
"50%"
:before-close=
"handleClose"
>
<el-form
:inline=
"true"
:model=
"formInline"
class=
"demo-form-inline"
>
<el-form-item
label=
"公司名称:"
>
<el-input
v-model=
"formInline.Name"
placeholder=
""
></el-input>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
@
click=
"getList"
>
获取企查查信息
</el-button>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
@
click=
"reSet"
>
重置
</el-button>
</el-form-item>
</el-form>
<el-table
:data=
"tableData"
border
@
row-click=
"select"
style=
"width: 100%"
>
<el-table-column
prop=
"Status"
label=
"状态"
>
</el-table-column>
<el-table-column
prop=
"Name"
label=
"公司"
>
</el-table-column>
<el-table-column
prop=
"OperName"
label=
"法定代表人"
>
</el-table-column>
<el-table-column
prop=
"CreditCode"
label=
"社会统一信用代码"
>
</el-table-column>
</el-table>
<pagination
v-show=
"page.TotalRecords>0"
:total=
"page.TotalRecords"
:page
.
sync=
"page.currentPage"
:limit
.
sync=
"page.pageSize"
@
pagination=
"getList"
/>
</el-dialog>
</div>
</div>
</template>
<
script
>
import
{
Qcc
,
Country
,
Customer
,
Common
}
from
'@/api/qcc'
import
Pagination
from
'@/components/Pagination'
export
default
{
name
:
'city-register'
,
components
:
{
Pagination
},
data
()
{
return
{
formData
:{},
inputEnter
:
false
,
countryArea
:
''
,
title
:
'城市代理商注册'
,
formData
:
{},
inputEnter
:
false
,
countryArea
:
''
,
loading
:
false
,
formInline
:
[],
recordList
:
[],
tableData
:
[],
fileList
:[],
countryOptions
:[],
cityOptions
:[],
disOptions
:[],
aOptions
:[],
bOptions
:[],
cOptions
:[],
supplierBaseRules
:
{
name
:
[{
required
:
true
,
message
:
'请选择公司全称'
,
trigger
:
[
'change'
,
'blur'
]
}],
Name
:
[{
required
:
true
,
message
:
'请选择公司名称'
,
trigger
:
'blur'
}],
extSocialUnifiedCreditCode_SDK
:
[{
required
:
true
,
message
:
'请输入统一社会信用代码'
,
trigger
:
'blur'
}],
extRegisteredCapital_SDK
:
[{
required
:
true
,
message
:
'请输入注册资本(万元)'
,
trigger
:
'blur'
}],
extCorporateName_SDK
:
[{
required
:
true
,
message
:
'请输入法人'
,
trigger
:
'blur'
}],
extProvinceName_SDK
:
[{
required
:
true
,
message
:
'请选择省份'
,
trigger
:
'blur'
}],
extCityName_SDK
:
[{
required
:
true
,
message
:
'请选择市'
,
trigger
:
'blur'
}],
extDistrictName_SDK
:
[{
required
:
true
,
message
:
'请选择区'
,
trigger
:
'blur'
}],
extAddressDetail_SDK
:
[{
required
:
true
,
message
:
'请输入详细经营地址'
,
trigger
:
'blur'
}],
extLeader_SDK
:
[{
required
:
true
,
message
:
'请输入公司负责人姓名'
,
trigger
:
'blur'
}],
extLeaderPhone_SDK
:
[{
required
:
true
,
message
:
'请输入公司负责人联系电话'
,
trigger
:
'blur'
}],
extLeaderEmail_SDK
:
[{
required
:
true
,
message
:
'请输入公司负责人邮箱'
,
trigger
:
'blur'
}],
extUnis_SDK
:
[{
required
:
true
,
message
:
'请输入Unis业务负责人姓名'
,
trigger
:
'blur'
}],
extUnisPhone_SDK
:
[{
required
:
true
,
message
:
'请输入Unis业务负责人电话'
,
trigger
:
'blur'
}],
extUnisEmail_SDK
:
[{
required
:
true
,
message
:
'请输入Unis业务负责人邮箱'
,
trigger
:
'blur'
}],
extBusiness_SDK
:
[{
required
:
true
,
message
:
'请输入商务负责人姓名'
,
trigger
:
'blur'
}],
extBusinessPhone_SDK
:
[{
required
:
true
,
message
:
'请输入商务负责人电话'
,
trigger
:
'blur'
}],
extBusinessEmail_SDK
:
[{
required
:
true
,
message
:
'请输入商务负责人邮箱'
,
trigger
:
'blur'
}],
ExtChannelType_SDK
:
[{
required
:
true
,
message
:
'请选择签约渠道类型'
,
trigger
:
'blur'
}],
ExtProductGroup_SDK
:
[{
required
:
true
,
message
:
'请选择签约产品组'
,
trigger
:
'blur'
}],
extTotalAgent_SDK
:
[{
required
:
true
,
message
:
'请选择签约总代'
,
trigger
:
'blur'
}],
},
dialogTableVisible
:
false
,
page
:
{
currentPage
:
0
,
pageSize
:
0
}
}
},
watch
:
{
},
created
()
{
this
.
selectCountry
()
this
.
getCommon
()
},
methods
:
{
handlePreview
(){},
handleRemove
(){},
beforeRemove
(){},
handleExceed
(){},
fileList
(){},
handleNext
(){}
getList
()
{
this
.
page
.
searchKey
=
this
.
formInline
.
Name
this
.
$request
(
Qcc
.
searchUrl
,
this
.
page
).
then
((
resp
)
=>
{
this
.
tableData
=
resp
.
results
.
Result
this
.
page
=
resp
.
results
.
Paging
})
},
selectCountry
(){
this
.
$request
(
Country
.
searchPro
,
this
.
page
).
then
((
resp
)
=>
{
this
.
countryOptions
=
resp
.
results
})
},
getCommon
(){
const
adata
=
{
code
:
'ExtChannelType_SDK'
,
module
:
'Customer'
}
this
.
$request
(
Common
.
searchUrl
,
adata
).
then
((
resp
)
=>
{
this
.
aOptions
=
resp
})
const
bdata
=
{
code
:
'ExtProductGroup_SDK'
,
module
:
'Customer'
}
this
.
$request
(
Common
.
searchUrl
,
bdata
).
then
((
resp
)
=>
{
this
.
bOptions
=
resp
})
const
cdata
=
{
code
:
'ExtTotalAgent_SDK'
,
module
:
'Customer'
}
this
.
$request
(
Common
.
searchUrl
,
cdata
).
then
((
resp
)
=>
{
this
.
cOptions
=
resp
})
},
handleSelect
(
value
){
const
app
=
{
provinceCode
:
value
}
this
.
$request
(
Country
.
searchCity
,
app
).
then
((
resp
)
=>
{
this
.
cityOptions
=
resp
.
results
})
},
handleSelectCity
(
value
){
const
app
=
{
cityCode
:
value
}
this
.
$request
(
Country
.
searchDis
,
app
).
then
((
resp
)
=>
{
this
.
disOptions
=
resp
.
results
})
},
createLovTable
()
{
this
.
dialogTableVisible
=
true
},
select
(
row
,
column
,
event
)
{
this
.
page
.
searchKey
=
row
.
CreditCode
this
.
$request
(
Qcc
.
detailUrl
,
this
.
page
).
then
((
resp
)
=>
{
this
.
formData
.
extCorporateName_SDK
=
row
.
OperName
this
.
formData
.
extSocialUnifiedCreditCode_SDK
=
row
.
CreditCode
this
.
formData
.
Name
=
row
.
Name
this
.
formData
.
extRegisteredCapital_SDK
=
resp
.
results
.
Result
.
RegistCapi
this
.
dialogTableVisible
=
false
})
},
handleApprove
(
formName
){
// this.$refs[formName].validate((valid) => {
// if (valid) {
// alert('submit!');
// } else {
// console.log('error submit!!');
// return false;
// }
// });
this
.
formData
.
ExtCustomerType_SDK
=
101
this
.
$request
(
Customer
.
searchUrl
,
this
.
formData
).
then
((
resp
)
=>
{
this
.
$message
.
success
(
'提交成功!'
)
})
},
reSet
()
{
formInline
.
Name
=
''
},
handleClose
()
{
this
.
dialogTableVisible
=
false
},
fileChange
(
res
,
file
){
this
.
formData
.
file
=
res
.
raw
},
onSubmit
()
{},
handlePreview
()
{
},
handleRemove
()
{
},
beforeRemove
()
{
},
handleExceed
()
{
},
handleNext
()
{
}
}
}
</
script
>
...
...
@@ -234,6 +556,6 @@ export default {
padding-bottom
:
20px
;
}
.border-bottom
{
border-bottom
:
solid
2px
#409eff
;
border-bottom
:
solid
2px
#a22796
;
}
</
style
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment