Skip to content

P
portalhtml
Commit da3307c2 authored by jiangqihao's avatar jiangqihao
Browse files
Options

首页页面修改

parents d00818dc 27294a00
Hide whitespace changes
Inline Side-by-side
Showing with 496 additions and 136 deletions
src/api/qcc.js
View file @ da3307c2
...@@ -11,3 +11,7 @@ export const Country = { ...@@ -11,3 +11,7 @@ export const Country = {
export const Customer = { export const Customer = {
searchUrl: '/customer/create', searchUrl: '/customer/create',
} }
export const Common = {
searchUrl: '/commonSession/searchAll',
}
\ No newline at end of file
src/permission.js
View file @ da3307c2
/*
* @Descripttion:
* @Author: 薛泽展
* @Date: 2021-10-12 12:29:05
* @Since: JDK1.8
*/
import router from './router' import router from './router'
import store from './store' import store from './store'
import { Message } from 'element-ui' import { Message } from 'element-ui'
...@@ -8,7 +14,7 @@ import getPageTitle from '@/utils/get-page-title' ...@@ -8,7 +14,7 @@ import getPageTitle from '@/utils/get-page-title'
NProgress.configure({ showSpinner: false }) // NProgress Configuration NProgress.configure({ showSpinner: false }) // NProgress Configuration
const whiteList = ['/login', '/auth-redirect'] // no redirect whitelist const whiteList = ['/prov-register', '/city-register', '/login', '/auth-redirect'] // no redirect whitelist
router.beforeEach(async(to, from, next) => { router.beforeEach(async(to, from, next) => {
// start progress bar // start progress bar
...@@ -63,11 +69,18 @@ router.beforeEach(async(to, from, next) => { ...@@ -63,11 +69,18 @@ router.beforeEach(async(to, from, next) => {
} }
} else { } else {
/* has no token*/ /* has no token*/
<<<<<<< HEAD
if (whiteList.indexOf(to.path) !== -1 ) { if (whiteList.indexOf(to.path) !== -1 ) {
=======
console.info('=========================111' + to.path)
if (whiteList.indexOf(to.path) !== -1) {
>>>>>>> 27294a00a51b49b3b771094fd7f04daa10117b64
// in the free login whitelist, go directly // in the free login whitelist, go directly
console.info('=========================2222')
next() next()
} else { } else {
console.info('=========================3333')
// other pages that do not have permission to access are redirected to the login page. // other pages that do not have permission to access are redirected to the login page.
if (to.path === '/city-register') { if (to.path === '/city-register') {
next({ path: '/city-register'}) next({ path: '/city-register'})
......
src/views/login/city-register/index.vue
View file @ da3307c2
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
class="padding-bottom"> class="padding-bottom">
<el-form-item label="注册资本(万元):" <el-form-item label="注册资本(万元):"
label-width="150px" label-width="150px"
required> prop="extRegisteredCapital_SDK">
<el-input v-model="formData.extRegisteredCapital_SDK" <el-input v-model="formData.extRegisteredCapital_SDK"
:disabled="inputEnter" :disabled="inputEnter"
style="width: 80%" style="width: 80%"
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
class="padding-bottom"> class="padding-bottom">
<el-form-item label="法人:" <el-form-item label="法人:"
label-width="150px" label-width="150px"
required> prop="extCorporateName_SDK">
<template> <template>
<el-input v-model="formData.extCorporateName_SDK" <el-input v-model="formData.extCorporateName_SDK"
:disabled="inputEnter" :disabled="inputEnter"
...@@ -99,9 +99,9 @@ ...@@ -99,9 +99,9 @@
:offset="1" :offset="1"
class="padding-bottom"> class="padding-bottom">
<el-form-item label="省份:" <el-form-item label="省份:"
prop="cerInfo.district" prop="extProvinceName_SDK"
label-width="80px" label-width="80px"
required> >
<el-select v-model="formData.extProvinceName_SDK" style="width: 91%" filterable placeholder="请选择省份" no-match-text="无匹配数据" @change="handleSelect"> <el-select v-model="formData.extProvinceName_SDK" style="width: 91%" filterable placeholder="请选择省份" no-match-text="无匹配数据" @change="handleSelect">
<el-option <el-option
v-for="item in countryOptions" v-for="item in countryOptions"
...@@ -115,7 +115,7 @@ ...@@ -115,7 +115,7 @@
<el-col :span="7" <el-col :span="7"
class="padding-bottom"> class="padding-bottom">
<el-form-item label="市:" <el-form-item label="市:"
prop="cerInfo.district" prop="extCityName_SDK"
label-width="80px" label-width="80px"
required> required>
<el-select v-model="formData.extCityName_SDK" style="width: 91%" filterable placeholder="请选择市" @change="handleSelectCity" > <el-select v-model="formData.extCityName_SDK" style="width: 91%" filterable placeholder="请选择市" @change="handleSelectCity" >
...@@ -131,7 +131,7 @@ ...@@ -131,7 +131,7 @@
<el-col :span="7" <el-col :span="7"
class="padding-bottom"> class="padding-bottom">
<el-form-item label="区:" <el-form-item label="区:"
prop="cerInfo.district" prop="extDistrictName_SDK"
label-width="80px" label-width="80px"
required> required>
<el-select v-model="formData.extDistrictName_SDK" style="width: 91%" filterable placeholder="请选择区" no-match-text="无匹配数据"> <el-select v-model="formData.extDistrictName_SDK" style="width: 91%" filterable placeholder="请选择区" no-match-text="无匹配数据">
...@@ -149,7 +149,7 @@ ...@@ -149,7 +149,7 @@
class="padding-bottom"> class="padding-bottom">
<el-form-item label="详细经营地址:" <el-form-item label="详细经营地址:"
label-width="150px" label-width="150px"
required> prop="extAddressDetail_SDK">
<el-input v-model="formData.extAddressDetail_SDK" <el-input v-model="formData.extAddressDetail_SDK"
placeholder="" placeholder=""
autocomplete="off" autocomplete="off"
...@@ -166,9 +166,9 @@ ...@@ -166,9 +166,9 @@
:offset="1" :offset="1"
class="padding-bottom"> class="padding-bottom">
<el-form-item label="公司负责人姓名:" <el-form-item label="公司负责人姓名:"
prop="legalPerson" prop="extLeader_SDK"
label-width="150px" label-width="150px"
required> >
<el-input v-model="formData.extLeader_SDK" <el-input v-model="formData.extLeader_SDK"
placeholder="" placeholder=""
style="width: 80%" style="width: 80%"
...@@ -179,10 +179,10 @@ ...@@ -179,10 +179,10 @@
<el-col :span="12" <el-col :span="12"
class="padding-bottom"> class="padding-bottom">
<el-form-item label="公司负责人联系电话:" <el-form-item label="公司负责人联系电话:"
prop="legalEmail" prop="extLeaderPhone_SDK"
label-width="160px" label-width="160px"
class="filter-icon-none" class="filter-icon-none"
required> >
<el-input v-model="formData.extLeaderPhone_SDK" <el-input v-model="formData.extLeaderPhone_SDK"
placeholder="" placeholder=""
style="width: 80%" style="width: 80%"
...@@ -199,10 +199,10 @@ ...@@ -199,10 +199,10 @@
:offset="1" :offset="1"
class="padding-bottom"> class="padding-bottom">
<el-form-item label="公司负责人邮箱:" <el-form-item label="公司负责人邮箱:"
prop="legalIdCard" prop="extLeaderEmail_SDK"
label-width="150px" label-width="150px"
class="filter-icon-none" class="filter-icon-none"
required> >
<el-input v-model="formData.extLeaderEmail_SDK" <el-input v-model="formData.extLeaderEmail_SDK"
placeholder="" placeholder=""
style="width: 52%" style="width: 52%"
...@@ -215,9 +215,9 @@ ...@@ -215,9 +215,9 @@
:offset="1" :offset="1"
class="padding-bottom"> class="padding-bottom">
<el-form-item label="Unis业务负责人姓名:" <el-form-item label="Unis业务负责人姓名:"
prop="email" prop="extUnis_SDK"
label-width="160px" label-width="160px"
required> >
<el-input v-model="formData.extUnis_SDK" <el-input v-model="formData.extUnis_SDK"
placeholder="" placeholder=""
style="width: 80%" style="width: 80%"
...@@ -228,9 +228,9 @@ ...@@ -228,9 +228,9 @@
<el-col :span="11" <el-col :span="11"
class="padding-bottom"> class="padding-bottom">
<el-form-item label="Unis业务负责人电话:" <el-form-item label="Unis业务负责人电话:"
prop="mobile" prop="extUnisPhone_SDK"
label-width="160px" label-width="160px"
required> >
<el-input v-model="formData.extUnisPhone_SDK" <el-input v-model="formData.extUnisPhone_SDK"
placeholder="" placeholder=""
style="width: 90%" style="width: 90%"
...@@ -242,10 +242,10 @@ ...@@ -242,10 +242,10 @@
:offset="1" :offset="1"
class="padding-bottom"> class="padding-bottom">
<el-form-item label="Unis业务负责人邮箱:" <el-form-item label="Unis业务负责人邮箱:"
prop="financerMobile" prop="extUnisEmail_SDK"
label-width="160px" label-width="160px"
class="filter-icon-none" class="filter-icon-none"
required> >
<el-input v-model="formData.extUnisEmail_SDK" <el-input v-model="formData.extUnisEmail_SDK"
placeholder="" placeholder=""
style="width: 80%" style="width: 80%"
...@@ -268,12 +268,15 @@ ...@@ -268,12 +268,15 @@
class="filter-icon-none" class="filter-icon-none"
required> required>
<el-upload class="upload-demo" <el-upload class="upload-demo"
:headers="myHeader"
action="https://jsonplaceholder.typicode.com/posts/" action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview" :on-preview="handlePreview"
:on-remove="handleRemove" :on-remove="handleRemove"
:http-request="uploadFile"
:before-remove="beforeRemove" :before-remove="beforeRemove"
multiple multiple
:limit="1" :limit="1"
:on-change="handelOnChange"
:on-exceed="handleExceed" :on-exceed="handleExceed"
:file-list="fileList"> :file-list="fileList">
<el-button size="small" <el-button size="small"
...@@ -361,12 +364,20 @@ export default { ...@@ -361,12 +364,20 @@ export default {
cityOptions:[], cityOptions:[],
disOptions:[], disOptions:[],
supplierBaseRules: { supplierBaseRules: {
Name: [{ required: true, message: '请选择公司全称', trigger: ['change'] }], Name: [{ required: true, message: '请选择公司名称', trigger: 'blur' }],
extSocialUnifiedCreditCode_SDK: [{ required: true, message: '请选择公司全称', trigger: ['change'] }], extSocialUnifiedCreditCode_SDK: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }],
name: [{ required: true, message: '请选择公司全称', trigger: ['change'] }], extRegisteredCapital_SDK: [{ required: true, message: '请输入注册资本(万元)', trigger: 'blur' }],
name: [{ required: true, message: '请选择公司全称', trigger: ['change'] }], extCorporateName_SDK: [{ required: true, message: '请输入法人', trigger: 'blur' }],
name: [{ required: true, message: '请选择公司全称', trigger: ['change'] }], extProvinceName_SDK: [{ required: true, message: '请选择省份', trigger: 'blur' }],
name: [{ required: true, message: '请选择公司全称', trigger: ['change'] }], 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, dialogTableVisible: false,
page: { page: {
...@@ -429,6 +440,16 @@ export default { ...@@ -429,6 +440,16 @@ export default {
handleClose() { handleClose() {
this.dialogTableVisible = false 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() { }, onSubmit() { },
handlePreview() { }, handlePreview() { },
handleRemove() { }, handleRemove() { },
......
src/views/login/prov-register/index.vue
View file @ da3307c2
<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 class="border-bottom"> </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-col :span="24">
<el-form-item label="基本信息" /> <el-form-item label="基本信息" />
</el-col> </el-col>
<el-col :span="13" 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="公司全称:"
<lov prop="Name"
v-model="formData.companyId" label-width="150px"
:default-text="formData.companyName" >
clearable <el-input v-model="formData.Name"
@returnFn="data=>{}" placeholder='请选择公司'
/> style="width: 100%">
<i slot="suffix"
class="el-input__icon el-icon-search"
@click="createLovTable" />
</el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="5" :offset="1" class="padding-bottom"> <el-col :span="11"
<el-button type="primary">查询</el-button> :offset="1"
</el-col> --> class="padding-bottom">
<el-col :span="11" :offset="1" class="padding-bottom"> <el-form-item label="公司全称曾用名:"
<el-form-item label="公司全称曾用名:" prop="shortName" label-width="150px"> label-width="150px">
<el-input v-model="formData.shortName" placeholder="" style="width: 80%" class="filter-item" clearable /> <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"
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-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="extCorporateName_SDK">
<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>
...@@ -51,39 +96,99 @@ ...@@ -51,39 +96,99 @@
<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="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-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="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-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="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-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"
prop="extAddressDetail_SDK">
<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>
<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="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="extLeader_SDK"
label-width="150px"
>
<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="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-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">
...@@ -91,130 +196,347 @@ ...@@ -91,130 +196,347 @@
<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="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-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="extUnis_SDK"
label-width="160px"
>
<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="extUnisPhone_SDK"
label-width="160px"
>
<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="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-form-item>
</el-col> </el-col>
<el-col :span="11" :offset="1" class="padding-bottom"> <el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="商务负责人姓名:" prop="email" label-width="150px" required> <el-form-item label="商务负责人姓名:" prop="extBusiness_SDK" label-width="150px" >
<el-input v-model="formData.email" placeholder="" style="width: 80%" class="filter-item" clearable /> <el-input v-model="formData.extBusiness_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" class="padding-bottom">
<el-form-item label="商务负责人电话:" prop="mobile" label-width="150px" required> <el-form-item label="商务负责人电话:" prop="extBusinessPhone_SDK" label-width="150px" >
<el-input v-model="formData.mobile" placeholder="" style="width: 90%" class="filter-item" clearable /> <el-input v-model="formData.extBusinessPhone_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" :offset="1" class="padding-bottom" >
<el-form-item label="商务负责人邮箱:" prop="financerMobile" label-width="160px" class="filter-icon-none" required> <el-form-item label="商务负责人邮箱:" prop="extBusinessEmail_SDK" label-width="160px" class="filter-icon-none" >
<el-input v-model="formData.financerMobile" placeholder="" style="width: 80%" class="filter-item" clearable /> <el-input v-model="formData.extBusinessEmail_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 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="11" :offset="1" class="padding-bottom"> <el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="签约渠道类型:" prop="cerInfo.district" label-width="120px" required> <el-form-item label="签约渠道类型:" prop="ExtChannelType_SDK" label-width="120px" >
<el-cascader ref="cascader" v-model="countryArea" clearable style="width: 80%"/> <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-form-item>
</el-col> </el-col>
<el-col :span="12" class="padding-bottom"> <el-col :span="12" class="padding-bottom">
<el-form-item label="签约产品组:" prop="cerInfo.district" label-width="120px" required > <el-form-item label="签约产品组:" prop="ExtProductGroup_SDK" label-width="120px" >
<el-cascader ref="cascader" v-model="countryArea" clearablestyle="width: 90%" /> <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-form-item>
</el-col> </el-col>
<el-col :span="11" :offset="1" class="padding-bottom"> <el-col :span="11" :offset="1" class="padding-bottom">
<el-form-item label="签约总代:" prop="cerInfo.district" label-width="100px" required> <el-form-item label="签约总代:" prop="extTotalAgent_SDK" label-width="100px" >
<el-cascader ref="cascader" v-model="countryArea" clearable style="width: 80%" /> <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-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-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-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row>
</el-form>
<el-row>
<el-col align="center"> <el-col align="center">
<el-button type="primary" @click="handleNext">提交</el-button> <el-button type="primary" @click="handleApprove(formData)">提交</el-button>
</el-col> </el-col>
</el-row> </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>
</div> </div>
</template> </template>
<script> <script>
import { Qcc,Country,Customer,Common } 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: '城市代理商注册',
loading: false, loading: false,
formInline: [],
recordList: [],
tableData: [],
fileList:[], fileList:[],
countryOptions:[],
cityOptions:[],
disOptions:[],
aOptions:[],
bOptions:[],
cOptions:[],
supplierBaseRules: { 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: { watch: {
}, },
created() { created() {
this.selectCountry()
this.getCommon()
}, },
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
})
},
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> </script>
...@@ -234,6 +556,6 @@ export default { ...@@ -234,6 +556,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