Skip to content

P
portalhtml
Commit 5960e4fd authored by qinj's avatar qinj
Browse files
Options

城市代理商注册

parent c5f411b9
Show whitespace changes
Inline Side-by-side
Showing with 361 additions and 90 deletions
src/api/qcc.js 0 → 100644
View file @ 5960e4fd
export const Qcc = {
searchUrl: '/qcc/search',
detailUrl: '/qcc/getOne'
}
export const Country = {
searchPro: '/province/searchAll',
searchCity: '/city/searchAll',
searchDis: '/district/searchAll'
}
export const Customer = {
searchUrl: '/customer/create',
}
src/views/login/city-register/index.vue
View file @ 5960e4fd
<template> <template>
<div class="register-container"> <div class="register-container">
<div class="register-main"> <div class="register-main">
<el-row class="border-bottom"><h4>城市代理商注册</h4></el-row> <el-row class="border-bottom">
<el-form id="registerForm" :model="formData" status-icon label-position="right"> <h4>城市代理商注册</h4>
</el-row>
<el-form id="registerForm"
:model="formData"
status-icon
:rules="supplierBaseRules"
label-position="right">
<el-row class="border-bottom"> <el-row class="border-bottom">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="基本信息" /> <el-form-item label="基本信息" />
</el-col> </el-col>
<el-col :span="12" :offset="1" class="padding-bottom"> <el-col :span="13"
<el-form-item label="公司全称:" prop="name" label-width="150px" required> class="padding-bottom">
<el-input v-model="formData.name" placeholder="点击查询获取公司信息,不可编辑" disabled style="width: 80%" class="filter-item" clearable /> <el-form-item label="公司全称:"
</el-form-item> prop="Name"
</el-col> label-width="150px"
<el-col :span="5" :offset="1" class="padding-bottom"> >
<el-input v-model="formData.Name"
<el-button type="primary">查询</el-button> 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>
<el-col :span="11" :offset="1" class="padding-bottom"> <el-col :span="11"
<el-form-item label="公司全称曾用名:" prop="shortName" label-width="150px"> :offset="1"
<el-input v-model="formData.shortName" placeholder="" style="width: 80%" class="filter-item" clearable /> 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-form-item>
</el-col> </el-col>
<el-col :span="11" class="padding-bottom"> <el-col :span="11"
<el-form-item label="统一社会信用代码:" label-width="150px" required> class="padding-bottom">
<el-form-item label="统一社会信用代码:"
label-width="150px"
prop="extSocialUnifiedCreditCode_SDK"
>
<template> <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> </template>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11" :offset="1" class="padding-bottom"> <el-col :span="11"
<el-form-item label="注册资本(万元):" label-width="150px" required> :offset="1"
<el-input v-model="formData.enterpriseCode" :disabled="inputEnter" style="width: 80%" placeholder="企查查获取" class="filter-item" clearable /> class="padding-bottom">
<el-form-item label="注册资本(万元):"
label-width="150px"
required>
<el-input v-model="formData.extRegisteredCapital_SDK"
:disabled="inputEnter"
style="width: 80%"
readonly
placeholder="企查查获取"
class="filter-item"
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11" class="padding-bottom"> <el-col :span="11"
<el-form-item label="法人:" label-width="150px" required> class="padding-bottom">
<el-form-item label="法人:"
label-width="150px"
required>
<template> <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> </template>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -48,24 +95,66 @@ ...@@ -48,24 +95,66 @@
<el-col :span="24"> <el-col :span="24">
<el-form-item label="地址信息" /> <el-form-item label="地址信息" />
</el-col> </el-col>
<el-col :span="7" :offset="1" class="padding-bottom"> <el-col :span="7"
<el-form-item label="省份:" prop="cerInfo.district" label-width="80px" required> :offset="1"
<el-cascader ref="cascader" v-model="countryArea" clearable style="width: 80%"/> class="padding-bottom">
<el-form-item label="省份:"
prop="cerInfo.district"
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"
:key="item.Code"
:label="item.Name"
:value="item.Code"
/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7" class="padding-bottom"> <el-col :span="7"
<el-form-item label="地市:" prop="cerInfo.district" label-width="80px" required > class="padding-bottom">
<el-cascader ref="cascader" v-model="countryArea" clearablestyle="width: 80%" /> <el-form-item label="市:"
prop="cerInfo.district"
label-width="80px"
required>
<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-form-item>
</el-col> </el-col>
<el-col :span="7" class="padding-bottom"> <el-col :span="7"
<el-form-item label="县市:" prop="cerInfo.district" label-width="80px" required> class="padding-bottom">
<el-cascader ref="cascader" v-model="countryArea" clearable style="width: 80%" /> <el-form-item label="区:"
prop="cerInfo.district"
label-width="80px"
required>
<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-form-item>
</el-col> </el-col>
<el-col :span="20" :offset="1" class="padding-bottom"> <el-col :span="20"
<el-form-item label="详细经营地址:" label-width="150px" required> :offset="1"
<el-input v-model="formData.cerInfo" placeholder="" autocomplete="off" style="width: 80%" clearable /> class="padding-bottom">
<el-form-item label="详细经营地址:"
label-width="150px"
required>
<el-input v-model="formData.extAddressDetail_SDK"
placeholder=""
autocomplete="off"
style="width: 80%"
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -73,14 +162,32 @@ ...@@ -73,14 +162,32 @@
<el-col :span="24"> <el-col :span="24">
<el-form-item label="联系信息" /> <el-form-item label="联系信息" />
</el-col> </el-col>
<el-col :span="11" :offset="1" class="padding-bottom"> <el-col :span="11"
<el-form-item label="公司负责人姓名:" prop="legalPerson" label-width="150px" required> :offset="1"
<el-input v-model="formData.legalPerson" placeholder="" style="width: 80%" class="filter-item" clearable /> class="padding-bottom">
<el-form-item label="公司负责人姓名:"
prop="legalPerson"
label-width="150px"
required>
<el-input v-model="formData.extLeader_SDK"
placeholder=""
style="width: 80%"
class="filter-item"
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" class="padding-bottom"> <el-col :span="12"
<el-form-item label="公司负责人联系电话:" prop="legalEmail" label-width="160px" class="filter-icon-none" required> class="padding-bottom">
<el-input v-model="formData.legalEmail" placeholder="" style="width: 80%" class="filter-item" clearable /> <el-form-item label="公司负责人联系电话:"
prop="legalEmail"
label-width="160px"
class="filter-icon-none"
required>
<el-input v-model="formData.extLeaderPhone_SDK"
placeholder=""
style="width: 80%"
class="filter-item"
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col v-if="showForm.legalPersonNumber" :span="7" class="padding-bottom"> <!-- <el-col v-if="showForm.legalPersonNumber" :span="7" class="padding-bottom">
...@@ -88,56 +195,142 @@ ...@@ -88,56 +195,142 @@
<el-input v-model="supplierBase.legalIdPhone" placeholder="法人手机号" style="width: 83%" class="filter-item" clearable /> <el-input v-model="supplierBase.legalIdPhone" placeholder="法人手机号" style="width: 83%" class="filter-item" clearable />
</el-form-item> </el-form-item>
</el-col> --> </el-col> -->
<el-col :span="15" :offset="1" class="padding-bottom"> <el-col :span="15"
<el-form-item label="公司负责人邮箱:" prop="legalIdCard" label-width="150px" class="filter-icon-none" required> :offset="1"
<el-input v-model="formData.legalIdCard" placeholder="" style="width: 52%" class="filter-item" clearable /> class="padding-bottom">
<el-form-item label="公司负责人邮箱:"
prop="legalIdCard"
label-width="150px"
class="filter-icon-none"
required>
<el-input v-model="formData.extLeaderEmail_SDK"
placeholder=""
style="width: 52%"
class="filter-item"
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11" :offset="1" class="padding-bottom"> <el-col :span="11"
<el-form-item label="Unis业务负责人姓名:" prop="email" label-width="160px" required> :offset="1"
<el-input v-model="formData.email" placeholder="" style="width: 80%" class="filter-item" clearable /> class="padding-bottom">
<el-form-item label="Unis业务负责人姓名:"
prop="email"
label-width="160px"
required>
<el-input v-model="formData.extUnis_SDK"
placeholder=""
style="width: 80%"
class="filter-item"
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11" class="padding-bottom"> <el-col :span="11"
<el-form-item label="Unis业务负责人电话:" prop="mobile" label-width="160px" required> class="padding-bottom">
<el-input v-model="formData.mobile" placeholder="" style="width: 90%" class="filter-item" clearable /> <el-form-item label="Unis业务负责人电话:"
prop="mobile"
label-width="160px"
required>
<el-input v-model="formData.extUnisPhone_SDK"
placeholder=""
style="width: 90%"
class="filter-item"
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11" :offset="1" class="padding-bottom" > <el-col :span="11"
<el-form-item label="Unis业务负责人邮箱:" prop="financerMobile" label-width="160px" class="filter-icon-none" required> :offset="1"
<el-input v-model="formData.financerMobile" placeholder="" style="width: 80%" class="filter-item" clearable /> class="padding-bottom">
<el-form-item label="Unis业务负责人邮箱:"
prop="financerMobile"
label-width="160px"
class="filter-icon-none"
required>
<el-input v-model="formData.extUnisEmail_SDK"
placeholder=""
style="width: 80%"
class="filter-item"
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row > <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="上传附件" /> <el-form-item label="上传附件" />
</el-col> </el-col>
<el-col :span="11" :offset="1" class="padding-bottom"> <el-col :span="11"
<el-form-item label="营业执照:" prop="financerMobile" label-width="100px" class="filter-icon-none" required> :offset="1"
<el-upload class="padding-bottom">
class="upload-demo" <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/" action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview" :on-preview="handlePreview"
:on-remove="handleRemove" :on-remove="handleRemove"
:before-remove="beforeRemove" :before-remove="beforeRemove"
multiple multiple
:limit="3" :limit="1"
:on-exceed="handleExceed" :on-exceed="handleExceed"
:file-list="fileList"> :file-list="fileList">
<el-button size="small" type="primary">点击上传</el-button> <el-button size="small"
type="primary">点击上传</el-button>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </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>
<el-row> <el-row>
<el-col align="center"> <el-col align="center">
<el-button type="primary" @click="handleNext">提交</el-button> <el-button type="primary" @click="handleApprove">提交</el-button>
</el-col> </el-col>
</el-row> </el-row>
...@@ -146,37 +339,102 @@ ...@@ -146,37 +339,102 @@
</template> </template>
<script> <script>
import { Qcc,Country,Customer } from '@/api/qcc'
import Pagination from '@/components/Pagination'
export default { export default {
name: 'city-register', name: 'city-register',
components: {
Pagination
},
data() { data() {
return { return {
formData:{}, formData: {},
inputEnter:false, inputEnter: false,
countryArea:'', countryArea: '',
title: '城市代理商注册', title: '城市代理商注册',
loading: false, loading: false,
formInline: [],
recordList: [],
tableData: [],
fileList:[], fileList:[],
countryOptions:[],
cityOptions:[],
disOptions:[],
supplierBaseRules: { supplierBaseRules: {
name: [{ required: true, message: '请选择公司全称', trigger: ['change', 'blur'] }], 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'] }],
}, },
dialogTableVisible: false,
page: {
currentPage: 0,
pageSize: 0
}
} }
}, },
watch: { watch: {
}, },
created() { created() {
this.selectCountry()
}, },
methods: { methods: {
handlePreview(){}, getList() {
handleRemove(){}, this.page.searchKey=this.formInline.Name
beforeRemove(){}, this.$request(Qcc.searchUrl, this.page).then((resp) => {
handleExceed(){}, this.tableData = resp.results.Result
fileList(){}, this.page = resp.results.Paging
handleNext(){} })
},
selectCountry(){
this.$request(Country.searchPro, this.page).then((resp) => {
this.countryOptions=resp.results
})
},
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(){
this.$request(Customer.searchUrl,this.formData).then((resp) => {
this.$message.success('提交成功！')
})
},
reSet() { },
handleClose() {
this.dialogTableVisible = false
},
onSubmit() { },
handlePreview() { },
handleRemove() { },
beforeRemove() { },
handleExceed() { },
handleNext() { }
} }
} }
</script> </script>
...@@ -196,6 +454,6 @@ export default { ...@@ -196,6 +454,6 @@ export default {
padding-bottom: 20px; padding-bottom: 20px;
} }
.border-bottom { .border-bottom {
border-bottom: solid 2px #409eff; border-bottom: solid 2px #a22796;
} }
</style> </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