Skip to content

G
gs1
Commit 5ec9d873 by Jianli Ou
Options

接口对接

parent be95e227
Showing with 317 additions and 179 deletions
src/App.vue
...@@ -11,4 +11,8 @@ ...@@ -11,4 +11,8 @@
.el-input__inner::-webkit-input-placeholder { .el-input__inner::-webkit-input-placeholder {
color: #888 !important color: #888 !important
} }
.el-cascader .el-input .el-input__inner {
background-color: rgba(0, 0, 0, 0);
border-width: 0;
}
</style> </style>
src/axios/fetch.js
...@@ -34,7 +34,8 @@ function fetch(options) { ...@@ -34,7 +34,8 @@ function fetch(options) {
if (options.headers) { if (options.headers) {
Object.assign(headers, options.headers) Object.assign(headers, options.headers)
} }
headers[REQUEST_HEADER_TOKEN] = window.vm.$store.state.user.token // headers[REQUEST_HEADER_TOKEN] = window.vm.$store.state.user.token
headers[REQUEST_HEADER_TOKEN] = localStorage.getItem('TOKEN')
return data return data
}], //请求前的数据处理 }], //请求前的数据处理
responseType: options.resoponseType || "json", //响应数据类型 responseType: options.resoponseType || "json", //响应数据类型
......
src/axios/module/myManage.js
...@@ -7,34 +7,48 @@ const Prefix = process.env.NODE_ENV === 'development' ? '/gs1' : ''; ...@@ -7,34 +7,48 @@ const Prefix = process.env.NODE_ENV === 'development' ? '/gs1' : '';
// 个人资料 // 个人资料
const memberInfo = (params = {}) => { const memberInfo = (params = {}) => {
return POST(`${Prefix}/office/member/api/info` + `/${params.id}`, params) return POST(`${Prefix}/office/member/authApi/info`, params)
} }
// 保存个人资料 // 保存个人资料
const saveMemberInfo = (params = {}) => { const saveMemberInfo = (params = {}) => {
return POST(`${Prefix}/office/member/api/update`, params) return POST(`${Prefix}/office/member/authApi/update`, params)
} }
// 保存企业信息（申请第一步） // 保存企业信息（申请第一步）
const saveTycpdmFirmInfo = (params = {}) => { const saveTycpdmFirmInfo = (params = {}) => {
return POST(`${Prefix}/office/tycpdmfirm/api/save`, params) return POST(`${Prefix}/office/tycpdmfirm/authApi/save`, params)
}
// 厂商实名上传年检企业营业执照扫描件
const tycpdmfirmUploadOne = (params = {}) => {
return UPLOAD(`${Prefix}/office/tycpdmfirm/authApi/uploadFileOne`, params)
} }
// 厂商实名资料提交（申请第二步） // 厂商实名资料提交（申请第二步）
const tycpdmfirmUpload = (params = {}) => { const tycpdmfirmUpload = (params = {}) => {
return UPLOAD(`${Prefix}/office/tycpdmfirm/api/uploadFile`, params) return UPLOAD(`${Prefix}/office/tycpdmfirm/authApi/uploadFile`, params)
} }
// 企业信息 // 企业信息
const tycpdmFirmInfo = (params = {}) => { const tycpdmFirmInfo = (params = {}) => {
return GET(`${Prefix}/office/tycpdmfirm/api/findUserName`, params) return GET(`${Prefix}/office/tycpdmfirm/authApi/findUserName`, params)
} }
// 修改登录密码 // 修改登录密码
const saveUpdatePass = (params = {}) => { const saveUpdatePass = (params = {}) => {
return POST(`${Prefix}/office/member/api/updatePass`, params) return POST(`${Prefix}/office/member/authApi/updatePass`, params)
}
// 企业实名认证统计信息
const tycpdmfirmLogoutFlagCount = (params = {}) => {
return POST(`${Prefix}/office/tycpdmfirm/authApi/findTycpdmFirmLogoutFlagCount?userId=${params.userId}`, params)
}
// 审核列表
const tycpdmfirmAuditList = (params = {}) => {
return POST(`${Prefix}/office/tycpdmfirmchange/authApi/findlist`, params)
} }
export default { export default {
memberInfo, memberInfo,
saveMemberInfo, saveMemberInfo,
saveTycpdmFirmInfo, saveTycpdmFirmInfo,
tycpdmfirmUploadOne,
tycpdmfirmUpload, tycpdmfirmUpload,
tycpdmFirmInfo, tycpdmFirmInfo,
saveUpdatePass saveUpdatePass,
tycpdmfirmLogoutFlagCount,
tycpdmfirmAuditList
} }
src/axios/module/user.js
...@@ -6,7 +6,7 @@ const Prefix = process.env.NODE_ENV === 'development' ? '/gs1' : ''; ...@@ -6,7 +6,7 @@ const Prefix = process.env.NODE_ENV === 'development' ? '/gs1' : '';
// 用户登录 // 用户登录
const login = (params = {}) => { const login = (params = {}) => {
return POST(`${Prefix}/office/loglogin/api/login`, params) return POST(`${Prefix}/office/loglogin/authApi/login`, params)
} }
export default { export default {
......
src/main.js
...@@ -13,6 +13,7 @@ import "./plugins/element.js"; ...@@ -13,6 +13,7 @@ import "./plugins/element.js";
import "./plugins/qrcode.js"; import "./plugins/qrcode.js";
import "./assets/css/element-variables.scss"; import "./assets/css/element-variables.scss";
import GsTable from './components/table/index' import GsTable from './components/table/index'
import './utils/codeTable'
// 百度地图 // 百度地图
import BaiduMap from 'vue-baidu-map' import BaiduMap from 'vue-baidu-map'
......
src/utils/codeTable.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/MyManage/Admin/check.vue
...@@ -44,34 +44,35 @@ export default { ...@@ -44,34 +44,35 @@ export default {
}, },
data() { data() {
return { return {
loginInfo: {},
query: {}, query: {},
showUnCheck: false, showUnCheck: false,
realNameCertification: [ realNameCertification: [
{ {
key: '1', key: '1',
label: '等待审核', label: '等待审核',
value: '等待审核', value: '0',
amount: '641', amount: '0',
color: '#2F7CF1' color: '#2F7CF1'
}, },
{ {
key: '2', key: '2',
label: '已通过审核', label: '已通过审核',
value: '已通过审核', value: '1',
amount: '10,388', amount: '0',
color: '#3ABD79' color: '#3ABD79'
}, },
{ {
key: '3', key: '3',
label: '未通过审核', label: '未通过审核',
value: '未通过审核', value: '2',
amount: '385', amount: '0',
color: '#F8A702' color: '#F8A702'
}, },
{ {
key: '4', key: '4',
label: '申请总数', label: '申请总数',
amount: '11,414', amount: '0',
color: '#F26335' color: '#F26335'
} }
], ],
...@@ -79,28 +80,28 @@ export default { ...@@ -79,28 +80,28 @@ export default {
{ {
key: '1', key: '1',
label: '等待审核', label: '等待审核',
value: '等待审核', value: '0',
amount: '17', amount: '0',
color: '#2F7CF1' color: '#2F7CF1'
}, },
{ {
key: '2', key: '2',
label: '已通过审核', label: '已通过审核',
value: '已通过审核', value: '1',
amount: '77', amount: '0',
color: '#3ABD79' color: '#3ABD79'
}, },
{ {
key: '3', key: '3',
label: '未通过审核', label: '未通过审核',
value: '未通过审核', value: '2',
amount: '1', amount: '0',
color: '#F8A702' color: '#F8A702'
}, },
{ {
key: '4', key: '4',
label: '申请总数', label: '申请总数',
amount: '95', amount: '0',
color: '#F26335' color: '#F26335'
} }
], ],
...@@ -123,7 +124,7 @@ export default { ...@@ -123,7 +124,7 @@ export default {
path: '', path: '',
query: { query: {
type: 'new', type: 'new',
status: item.label, status: item.value,
} }
}) })
}, },
...@@ -133,11 +134,26 @@ export default { ...@@ -133,11 +134,26 @@ export default {
path: '', path: '',
query: { query: {
type: 'change', type: 'change',
status: item.label, status: item.value,
} }
}) })
}, },
async getTotalCount() {
const result = await this.$api.myManage.tycpdmfirmLogoutFlagCount({userId: this.loginInfo.id})
this.realNameCertification[0].amount = result.data.auditCount
this.realNameCertification[1].amount = result.data.throughCount
this.realNameCertification[2].amount = result.data.notThroughCount
this.realNameCertification[3].amount = result.data.countAll
this.realNameCertificationChange[0].amount = result.data.auditChangeCount
this.realNameCertificationChange[1].amount = result.data.throughChangeCount
this.realNameCertificationChange[2].amount = result.data.notThroughChangeCount
this.realNameCertificationChange[3].amount = result.data.countChangeAll
}
}, },
mounted() {
this.loginInfo = JSON.parse(localStorage.getItem('loginInfo'))
this.getTotalCount()
}
} }
</script> </script>
......
src/views/MyManage/Admin/checkSearchTable.vue
<template> <template>
<div class="gs-ac-search-table"> <div class="gs-ac-search-table">
<div v-show="!checkDetail" class="card_wrapper"> <div v-show="!checkDetail" class="card_wrapper">
<div class="title">{{ query.status }} <div class="title">{{ status[query.status] }}
<span class="back_btn" @click="$router.push({path:''})">返回</span> <span class="back_btn" @click="$router.push({path:''})">返回</span>
</div> </div>
<div class="body" style="max-height: 100vh;"> <div class="body" style="max-height: 100vh;">
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<div class="search row" style="margin: 15px 0;"> <div class="search row" style="margin: 15px 0;">
<div class="col-lg-4"> <div class="col-lg-4">
<el-form-item label="分中心名称:" label-width="90px"> <el-form-item label="分中心名称:" label-width="90px">
<el-select size="small" style="width: 145px" v-model="search.entName"> <el-select size="small" style="width: 145px" v-model="search.branchCode">
<el-option <el-option
v-for="item in subCenterList" v-for="item in subCenterList"
:key="item.value" :key="item.value"
...@@ -22,11 +22,11 @@ ...@@ -22,11 +22,11 @@
</div> </div>
<div class="col-lg-3"> <div class="col-lg-3">
<el-form-item label="状态:" label-width="50px"> <el-form-item label="状态:" label-width="50px">
<el-select size="small" style="width: 145px" v-model="search.status"> <el-select size="small" style="width: 145px" v-model="search.logoutFlag">
<el-option <el-option
v-for="item in statusList" v-for="item in statusList"
:key="item.value" :key="item.value"
:label="item.value" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
</div> </div>
<div class="col-lg-3"> <div class="col-lg-3">
<el-form-item label="搜索:" label-width="50px"> <el-form-item label="搜索:" label-width="50px">
<el-input size="small" style="width: 145px" v-model="search.entName"></el-input> <el-input size="small" style="width: 145px" v-model="search.firmName"></el-input>
</el-form-item> </el-form-item>
</div> </div>
<div class="col-lg-2" style="text-align: right"> <div class="col-lg-2" style="text-align: right">
...@@ -74,10 +74,11 @@ export default { ...@@ -74,10 +74,11 @@ export default {
components: {CertificationDetail}, components: {CertificationDetail},
props: {query: Object}, props: {query: Object},
created() { created() {
this.setData() // this.setData()
this.search.status = this.query.status this.search.logoutFlag = this.query.status
if (this.query.type === 'new') { if (this.query.type === 'new') {
// TODO 查询新增 // TODO 查询新增
this.getAuditList()
} else { } else {
// TODO 查询变更 // TODO 查询变更
} }
...@@ -86,26 +87,32 @@ export default { ...@@ -86,26 +87,32 @@ export default {
return { return {
page: {}, page: {},
search: { search: {
status: '', logoutFlag: '',
entName: '', firmName: '',
subCenterName: '' branchCode: '',
page: 1,
limit: 10
}, },
status: ['等待审核', '已审核通过', '未审核通过'],
statusList: [ statusList: [
{ {
value: '等待审核', label: '等待审核',
value: '0',
}, },
{ {
value: '已审核通过', label: '已审核通过',
value: '1',
}, },
{ {
value: '未审核通过', label: '未审核通过',
value: '2',
}, },
], ],
subCenterList: [], subCenterList: [],
result: [], result: [],
cols: [ cols: [
{ {
type: 'status', type: 'logoutFlag',
label: '状态', label: '状态',
align: 'center', align: 'center',
width: '60px', width: '60px',
...@@ -116,15 +123,15 @@ export default { ...@@ -116,15 +123,15 @@ export default {
), ),
}, },
{ {
prop: 'type', prop: 'servicetype',
label: '业务类型', label: '业务类型',
}, },
{ {
prop: 'username', prop: 'baseUser',
label: '用户名', label: '用户名',
}, },
{ {
prop: 'entName', prop: 'firmname',
label: '企业名称', label: '企业名称',
renderCell: (value, row) => ( renderCell: (value, row) => (
<span class="gs-clickable" <span class="gs-clickable"
...@@ -137,29 +144,29 @@ export default { ...@@ -137,29 +144,29 @@ export default {
), ),
}, },
{ {
prop: 'entAddress', prop: 'address',
label: '企业地址', label: '企业地址',
}, },
{ {
prop: 'user', prop: 'contactman',
label: '经办人', label: '经办人',
width: '80px' width: '80px'
}, },
{ {
prop: 'mobile', prop: 'contactmanmp',
label: '经办人手机', label: '经办人手机',
width: '120px' width: '120px'
}, },
{ {
prop: 'date1', prop: 'loginDate',
label: '申请日期', label: '申请日期',
}, },
{ {
prop: 'date2', prop: 'approveDate',
label: '审核日期', label: '审核日期',
}, },
{ {
prop: 'center', prop: 'branchcode',
label: '所属分中心', label: '所属分中心',
}, },
{ {
...@@ -190,31 +197,44 @@ export default { ...@@ -190,31 +197,44 @@ export default {
console.log(row) console.log(row)
}, },
getIcon(status) { getIcon(status) {
status = status.status status = status.logoutFlag
if (status === 'checked') { // if (status === 'checked') {
// return checked
// } else if (status === 'unchecked') {
// return unchecked
// } else if (status === 'refuse') {
// return refuse
// }
if (status === 1) {
return checked return checked
} else if (status === 'unchecked') { } else if (status === 0) {
return unchecked return unchecked
} else if (status === 'refuse') { } else if (status === 2) {
return refuse
} else {
return refuse return refuse
} }
}, },
setData() { // setData() {
for (let i = 0; i < 20; i++) { // for (let i = 0; i < 20; i++) {
this.result.push({ // this.result.push({
status: 'unchecked', // status: 'unchecked',
type: '新增', // type: '新增',
username: '厦门皇名', // username: '厦门皇名',
entName: '厦门皇名酒业有限公司', // entName: '厦门皇名酒业有限公司',
entAddress: '福建省厦门市思明区鹭江道268号', // entAddress: '福建省厦门市思明区鹭江道268号',
user: '王庆', // user: '王庆',
mobile: '18098097532', // mobile: '18098097532',
date1: '2021/06/20 11:20:40', // date1: '2021/06/20 11:20:40',
date2: '', // date2: '',
center: '厦门办事处', // center: '厦门办事处',
}) // })
} // }
// },
async getAuditList() {
const result = await this.$api.myManage.tycpdmfirmAuditList(this.search)
this.result = result.data.list
console.log(result)
} }
}, },
} }
......
src/views/MyManage/UnVerify/vendor.vue
<template> <template>
<div class="container2"> <div class="container2" v-loading="uploading">
<div class="header"> <div class="header">
<p><i class="bi bi-exclamation-triangle-fill"></i>厂商实名认证（办理“进口商品信息通报、GLN”等业务需先完成此认证）</p> <p><i class="bi bi-exclamation-triangle-fill"></i>厂商实名认证（办理“进口商品信息通报、GLN”等业务需先完成此认证）</p>
</div> </div>
...@@ -39,19 +39,26 @@ ...@@ -39,19 +39,26 @@
}]" }]"
> >
<el-input placeholder="请输入注册地址" v-model="form.registerAddress" class="input-with-select"> <el-input placeholder="请输入注册地址" v-model="form.registerAddress" class="input-with-select">
<el-select v-model="form.city" slot="prepend" placeholder="请选择" class="smallselect"> <el-cascader
<el-option label="黑龙江" value="1" ></el-option> slot="prepend" placeholder="请选择" class="smallselect" style="margin: -10px -20px;"
</el-select> v-model="form.political"
:options="cascadeRegion"
:props="{ expandTrigger: 'hover', label: 'label', value: 'code' }"
size="medium"
@change="politicalChangeEvent"></el-cascader>
<!-- <el-select v-model="form.political" @change="politicalChangeEvent" slot="prepend" placeholder="请选择" class="smallselect">-->
<!-- <el-option v-for="item in AdministrativeDivisionCode" :label="item.label" :value="item.value" :key="item.value"></el-option>-->
<!-- </el-select>-->
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label='所属分支机构：' <el-form-item label='所属分支机构：'
prop='branch' prop='branchCode'
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}]"> }]">
<el-select v-model="form.branch" placeholder="请选择所属分支机构" > <el-select v-model="form.branchCode" placeholder="请选择所属分支机构" >
<el-option label="" value="1" ></el-option> <el-option v-for="item in branchList" :label="item.label" :value="item.value" :key="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label='注册地址(英文)：' <el-form-item label='注册地址(英文)：'
...@@ -60,12 +67,12 @@ ...@@ -60,12 +67,12 @@
<el-input v-model='form.registerAddress1' autocomplete='off' placeholder="请输入英文注册地址"></el-input> <el-input v-model='form.registerAddress1' autocomplete='off' placeholder="请输入英文注册地址"></el-input>
</el-form-item> </el-form-item>
<el-form-item label='注册地址邮政编码：' <el-form-item label='注册地址邮政编码：'
prop='registerAddrCode' prop='postcode'
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}]"> }]">
<el-input v-model='form.registerAddrCode' autocomplete='off' placeholder="请输入注册地址邮政编码"></el-input> <el-input v-model='form.postcode' autocomplete='off' placeholder="请输入注册地址邮政编码"></el-input>
</el-form-item> </el-form-item>
<el-form-item label='办公地址：' <el-form-item label='办公地址：'
prop='address' prop='address'
...@@ -81,77 +88,77 @@ ...@@ -81,77 +88,77 @@
<el-input v-model='form.address1' autocomplete='off' placeholder="请输入英文办公地址"></el-input> <el-input v-model='form.address1' autocomplete='off' placeholder="请输入英文办公地址"></el-input>
</el-form-item> </el-form-item>
<el-form-item label='办公地址邮政编码：' <el-form-item label='办公地址邮政编码：'
prop='officeAddrCode' prop='postcode1'
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}]"> }]">
<el-input v-model='form.officeAddrCode' autocomplete='off' placeholder="请输入办公地址邮政编码"></el-input> <el-input v-model='form.postcode1' autocomplete='off' placeholder="请输入办公地址邮政编码"></el-input>
</el-form-item> </el-form-item>
<p class="content-from-title">行政区域信息填报</p> <p class="content-from-title">行政区域信息填报</p>
<el-form-item label='统一社会信用代码：' <el-form-item label='统一社会信用代码：'
prop='creditCode' prop='certificateCode'
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}]"> }]">
<el-input v-model='form.creditCode' autocomplete='off' placeholder="请输入统一社会信用代码"></el-input> <el-input v-model='form.certificateCode' autocomplete='off' placeholder="请输入统一社会信用代码"></el-input>
</el-form-item> </el-form-item>
<el-form-item label='注册资金(万元)：' <el-form-item label='注册资金(万元)：'
prop='registeredCapital' prop='registerPrincipal'
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}]"> }]">
<el-input v-model='form.registeredCapital' autocomplete='off' placeholder="请输入注册资金(万元)"></el-input> <el-input v-model='form.registerPrincipal' autocomplete='off' placeholder="请输入注册资金(万元)"></el-input>
</el-form-item> </el-form-item>
<el-form-item label='货币种类：' <el-form-item label='货币种类：'
prop='currency' prop='coinType'
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}]"> }]">
<el-select v-model="form.currency" placeholder="请选择货币种类" > <el-select v-model="form.coinType" placeholder="请选择货币种类" >
<el-option label="" value="1" ></el-option> <el-option v-for="item in coinTypeList" :label="item.label" :value="item.value" :key="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label='企业类别：' <el-form-item label='企业类别：'
prop='enterpriseCategory' prop='firmType'
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}]"> }]">
<el-select v-model="form.enterpriseCategory" placeholder="请选择企业类别" > <el-select v-model="form.firmType" placeholder="请选择企业类别" >
<el-option label="" value="1" ></el-option> <el-option v-for="item in firmTypeList" :label="item.label" :value="item.value" :key="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label='经济类型代码：' <el-form-item label='经济类型代码：'
prop='economicTypeCode' prop='dm'
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}]"> }]">
<el-select v-model="form.economicTypeCode" placeholder="请选择经济类型代码" > <el-select v-model="form.dm" placeholder="请选择经济类型代码" >
<el-option label="" value="1" ></el-option> <el-option v-for="item in EconomicCategoryCode" :label="item.label" :value="item.value" :key="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label='国民经济行业分类代码：' <el-form-item label='国民经济行业分类代码：'
prop='nationalEconomyCode' prop='TJDm'
class="moreLong" class="moreLong"
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}]"> }]">
<el-select v-model="form.nationalEconomyCode" placeholder="请选择国民经济行业分类代码" > <el-select v-model="form.TJDm" placeholder="请选择国民经济行业分类代码" >
<el-option label="" value="1" ></el-option> <el-option v-for="item in NationalIndustryClassificationCode" :label="item.label" :value="item.value" :key="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label='组织机构代码：' <el-form-item label='组织机构代码：'
prop='organizationCode' prop='firmCode'
> >
<el-input v-model='form.organizationCode' autocomplete='off' placeholder="请输入组织机构代码"></el-input> <el-input v-model='form.firmCode' autocomplete='off' placeholder="请输入组织机构代码"></el-input>
</el-form-item> </el-form-item>
<p class="content-from-title">法定人信息填报</p> <p class="content-from-title">法定人信息填报</p>
...@@ -177,55 +184,55 @@ ...@@ -177,55 +184,55 @@
<el-input v-model='form.leaderHandset' autocomplete='off' placeholder="请输入法定代表人手机"></el-input> <el-input v-model='form.leaderHandset' autocomplete='off' placeholder="请输入法定代表人手机"></el-input>
</el-form-item> </el-form-item>
<el-form-item label='企业网址：' <el-form-item label='企业网址：'
prop='website' prop='netStation'
> >
<el-input v-model='form.website' autocomplete='off' placeholder="请输入企业网址："></el-input> <el-input v-model='form.netStation' autocomplete='off' placeholder="请输入企业网址："></el-input>
</el-form-item> </el-form-item>
<el-form-item label='上传已年检企业营业执照扫描件' <el-form-item label='上传已年检企业营业执照扫描件'
prop='uploadImg' prop='firmBusinessLicenseFile'
class="moreLong" class="moreLong"
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}]"> }]">
<el-input v-model='form.uploadImg' autocomplete='off' type="file" style="display:none"></el-input> <el-input v-model='form.firmBusinessLicenseFile' autocomplete='off' type="file" style="display:none"></el-input>
<el-button type="primary" style="width: 110px">上传</el-button> <el-button @click="uploadEvent" type="primary" style="width: 110px;height: 36px;">上传</el-button>
</el-form-item> </el-form-item>
<p class="content-from-title">经办人信息填报</p> <p class="content-from-title">经办人信息填报</p>
<el-form-item label='经办人姓名：' <el-form-item label='经办人姓名：'
prop='name' prop='contactman'
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}]"> }]">
<el-input v-model='form.name' autocomplete='off' placeholder="请输入经办人姓名"></el-input> <el-input v-model='form.contactman' autocomplete='off' placeholder="请输入经办人姓名"></el-input>
</el-form-item> </el-form-item>
<el-form-item label='电话：' <el-form-item label='电话：'
prop='tel' prop='contactmanCtqh'
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}]"> }]">
<el-input v-model='form.tel' autocomplete='off' placeholder="请输入电话"></el-input> <el-input v-model='form.contactmanCtqh' autocomplete='off' placeholder="请输入电话"></el-input>
</el-form-item> </el-form-item>
<el-form-item label='手机：' <el-form-item label='手机：'
prop='mobile' prop='contactmanMp'
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}, },
{ validator:checkMobileReg }, { validator:checkMobileReg },
{ validator:checkMobile, trigger:'blur' },]"> { validator:checkMobile, trigger:'blur' },]">
<el-input v-model='form.mobile' autocomplete='off' placeholder="请输入手机"></el-input> <el-input v-model='form.contactmanMp' autocomplete='off' placeholder="请输入手机"></el-input>
</el-form-item> </el-form-item>
<el-form-item label='传真：' <el-form-item label='传真：'
prop='fax' prop='contactmanFax'
> >
<el-input v-model='form.email' autocomplete='off' placeholder="请输入传真"></el-input> <el-input v-model='form.contactmanFax' autocomplete='off' placeholder="请输入传真"></el-input>
</el-form-item> </el-form-item>
<el-form-item label='E-mail：' <el-form-item label='E-mail：'
prop='email' prop='contactmanEmail'
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
...@@ -234,20 +241,20 @@ ...@@ -234,20 +241,20 @@
message: '请输入正确的邮箱地址', message: '请输入正确的邮箱地址',
trigger: ['blur', 'change'] trigger: ['blur', 'change']
}]"> }]">
<el-input v-model='form.email' autocomplete='off' placeholder="请输入E-mail"></el-input> <el-input v-model='form.contactmanEmail' autocomplete='off' placeholder="请输入E-mail"></el-input>
</el-form-item> </el-form-item>
<p class="content-from-title">办理业务</p> <p class="content-from-title">办理业务</p>
<el-form-item label='办理业务：' <el-form-item label='办理业务：'
prop='business' prop='serviceType'
:rules="[{ :rules="[{
required: true, required: true,
message: '不能为空', message: '不能为空',
}]"> }]">
<el-select v-model="form.business" placeholder="请选择办理业务" > <el-select v-model="form.serviceType" placeholder="请选择办理业务" >
<el-option label="" value="1" ></el-option> <el-option v-for="item in serviceTypeList" :label="item.label" :value="item.value" :key="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -265,72 +272,99 @@ export default { ...@@ -265,72 +272,99 @@ export default {
name: "index", name: "index",
data() { data() {
return { return {
uploading: false,
loginInfo: {}, loginInfo: {},
memberInfo: {}, memberInfo: {},
hasSent: false, hasSent: false,
timer: null, timer: null,
time: 60, time: 60,
form: { status: 0, // 1: 新增 2: 变更
firmName:'', // 企业名称
firmName1:'', // 企业名称（英文）
registerAddress:'', // 注册地址
city:'1',
branch:'',
registerAddress1:'', // 注册地址（英文）
registerAddrCode:'',
address:'', // 办公地址
address1:'', // 办公地址（英文）
officeAddrCode:'',
creditCode:'',
registeredCapital:'',
currency:'',
enterpriseCategory:'',
economicTypeCode:'',
nationalEconomyCode:'',
organizationCode:'',
leader:'', // 法定代表人
leaderTele:'', // 法定代表人电话
leaderHandset:'', // 法定代表人手机
website:'',
uploadImg: '',
name:'',
tel:'',
mobile:'',
fax:'',
email:'',
business:''
},
// form: { // form: {
// firmName:'企业名称', // 企业名称 // firmName:'', // 企业名称
// firmName1:'企业名称（英文）', // 企业名称（英文） // firmName1:'', // 企业名称（英文）
// registerAddress:'注册地址', // 注册地址 // registerAddress:'', // 注册地址
// city:'1', // political:'', // 注册地址地区编码 6位数字
// branch:'', // branchCode:'', // 所属分支机构
// registerAddress1:'注册地址（英文）', // 注册地址（英文） // registerAddress1:'', // 注册地址（英文）
// registerAddrCode:'注册地址邮政编码', // postcode:'', // 注册地址邮政编码
// address:'办公地址', // 办公地址 // address:'', // 办公地址
// address1:'办公地址（英文）', // 办公地址（英文） // address1:'', // 办公地址（英文）
// officeAddrCode:'办公地址邮政编码', // postcode1:'', // 办公地址邮政编码
// creditCode:'统一社会信用代码', // certificateCode:'', // 统一社会信用代码
// registeredCapital:'注册资金', // registerPrincipal:'', // 注册资金
// currency:'', // coinType:'', // 货币种类 人民币、美元、欧元、港币、日元、英镑、德国马克、瑞士法郎、澳门元
// enterpriseCategory:'', // firmType:'', // 企业类别
// economicTypeCode:'', // dm:'', // 经济类型代码
// nationalEconomyCode:'', // TJDm:'', // 国民经济行业分类代码
// organizationCode:'组织机构代码', // firmCode:'', // 组织机构代码
// leader:'法定代表人', // 法定代表人 // leader:'', // 法定代表人
// leaderTele:'4286543', // 法定代表人电话 // leaderTele:'', // 法定代表人电话
// leaderHandset:'13400000000', // 法定代表人手机 // leaderHandset:'', // 法定代表人手机
// website:'企业网址', // netStation:'', // 企业网址
// uploadImg: '上传的营业执照', // firmBusinessLicenseFile: '', // 上传已年检企业营业执照扫描件
// name:'经办人姓名', // contactman:'', // 经办人姓名
// tel:'45267567', // contactmanCtqh:'', // 经办人电话 提交数据到接口时，区号和电话后8位需分开 区号存入contactmanCtqh字段，后8位存入contactmanTele字段
// mobile:'15100000000', // contactmanMp:'', // 经办人手机
// fax:'传真', // contactmanFax:'', // 经办人传真
// email:'29289298@qq.com', // contactmanEmail:'', // 经办人邮箱
// business:'' // serviceType:'' // 办理业务
// }, // },
form: {
firmName:'企业名称', // 企业名称
firmName1:'企业名称（英文）', // 企业名称（英文）
registerAddress:'注册地址', // 注册地址
political:'', // 注册地址地区编码 6位数字
branchCode:'', // 所属分支机构
registerAddress1:'注册地址（英文）', // 注册地址（英文）
postcode:'注册地址邮政编码', // 注册地址邮政编码
address:'办公地址', // 办公地址
address1:'办公地址（英文）', // 办公地址（英文）
postcode1:'办公地址邮政编码', // 办公地址邮政编码
certificateCode:'统一社会信用代码', // 统一社会信用代码
registerPrincipal:'注册资金', // 注册资金
coinType:'', // 货币种类 人民币、美元、欧元、港币、日元、英镑、德国马克、瑞士法郎、澳门元
firmType:'', // 企业类别
dm:'', // 经济类型代码
TJDm:'', // 国民经济行业分类代码
firmCode:'组织机构代码', // 组织机构代码
leader:'法定代表人', // 法定代表人
leaderTele:'4286543', // 法定代表人电话
leaderHandset:'13400000000', // 法定代表人手机
netStation:'企业网址', // 企业网址
firmBusinessLicenseFile: '上传的营业执照', // 上传已年检企业营业执照扫描件
contactman:'经办人姓名', // 经办人姓名
contactmanCtqh:'010-78767645', // 经办人电话 提交数据到接口时，区号和电话后8位需分开 区号存入contactmanCtqh字段，后8位存入contactmanTele字段
contactmanMp:'15100000000', // 经办人手机
contactmanFax:'传真', // 经办人传真
contactmanEmail:'29289298@qq.com', // 经办人邮箱
serviceType:'' // 办理业务
},
mobilePattern: /^((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(147))\d{8}$/, mobilePattern: /^((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(147))\d{8}$/,
cascadeRegion: window.CodeTable.cascadeRegion,
coinTypeList: [
{label: '人民币', value: '人民币'},
{label: '美元', value: '美元'},
{label: '欧元', value: '欧元'},
{label: '港币', value: '港币'},
{label: '日元', value: '日元'},
{label: '英镑', value: '英镑'},
{label: '德国马克', value: '德国马克'},
{label: '瑞士法郎', value: '瑞士法郎'},
{label: '澳门元', value: '澳门元'}
],
firmTypeList: [
{label: '单个生产企业', value: '单个生产企业'},
{label: '集团公司', value: '集团公司'},
{label: '进出口公司', value: '进出口公司'}
],
serviceTypeList: [
{label: '进口商品数据通报', value: '进口商品数据通报'},
{label: '申请全球位置码(GLN)', value: '申请全球位置码(GLN)'}
],
branchList: [],
AdministrativeDivisionCode: window.CodeTable.AdministrativeDivisionCodeHandle,
EconomicCategoryCode: window.CodeTable.EconomicCategoryCodeHandle,
NationalIndustryClassificationCode: window.CodeTable.NationalIndustryClassificationCodeHandle
} }
}, },
methods: { methods: {
...@@ -353,19 +387,63 @@ export default { ...@@ -353,19 +387,63 @@ export default {
}); });
}, },
submit(){ submit(){
this.form.political = this.form.political[this.form.political.length - 1]
this.form.contactmanTele = this.form.contactmanCtqh.substr(this.form.contactmanCtqh.indexOf('-')+1)
this.form.contactmanCtqh = this.form.contactmanCtqh.substr(0, this.form.contactmanCtqh.indexOf('-'))
this.form.status = this.status
this.$refs['ruleForm'].validate((valid) => { this.$refs['ruleForm'].validate((valid) => {
if (valid) { if (valid) {
if (this.saveTycpdmFirmInfo()) this.$router.push({path: '/MyManage/UnVerify/uploadvendor'}) console.log(this.form)
this.saveTycpdmFirmInfo()
} else { } else {
return false; return false;
} }
}); });
}, },
politicalChangeEvent() {
this.form.branchCode = ''
this.branchList = window.CodeTable.getBranches(this.form.political[this.form.political.length - 1])
},
async upload(form) {
this.uploading = true
const result = await this.$api.myManage.tycpdmfirmUploadOne(form)
if (result.success) {
this.$message.success('上传成功')
this.form.firmBusinessLicenseFile = result.data
} else {
this.$message.error('上传失败')
}
this.uploading = false
},
uploadEvent() {
let inputObj = null
if (!document.getElementById('file')) {
inputObj = document.createElement('input')
inputObj.setAttribute('id', 'file')
inputObj.setAttribute('type', 'file')
inputObj.setAttribute('name', 'file')
inputObj.setAttribute('style', 'visibility:hidden')
document.body.appendChild(inputObj)
document.querySelector('#file').addEventListener('change', () => {
const fileObj = document.getElementById('file').files[0]
let form = new FormData() // FormData 对象
form.append('file', fileObj) // 文件对象
this.upload(form)
})
} else {
inputObj = document.getElementById('file')
}
inputObj.click()
},
async saveTycpdmFirmInfo() { async saveTycpdmFirmInfo() {
this.form['baseUser'] = this.memberInfo.username let _form = {}
const result = await this.$api.myManage.saveTycpdmFirmInfo(this.form) Object.keys(this.form).forEach(key => { _form[key.toLowerCase()] = this.form[key] })
if (result.success) this.$message.success('保存成功') _form['baseUser'] = this.memberInfo.username
return result.success const result = await this.$api.myManage.saveTycpdmFirmInfo(_form)
if (result.success) {
this.$message.success('保存成功')
this.$router.push({path: '/MyManage/UnVerify/uploadvendor'})
}
}, },
async getTycpdmFirmInfo() { async getTycpdmFirmInfo() {
const tycpdmFirmInfo = (await this.$api.myManage.tycpdmFirmInfo({userName: this.memberInfo.username})).data const tycpdmFirmInfo = (await this.$api.myManage.tycpdmFirmInfo({userName: this.memberInfo.username})).data
...@@ -375,6 +453,9 @@ export default { ...@@ -375,6 +453,9 @@ export default {
} else { } else {
await this.$router.replace({path: '/MyManage/UnVerify/vendorStatus'}) await this.$router.replace({path: '/MyManage/UnVerify/vendorStatus'})
} }
this.status = 2
} else {
this.status = 1
} }
}, },
async getMemberInfo() { async getMemberInfo() {
......
src/views/User/login.vue
...@@ -121,6 +121,7 @@ export default { ...@@ -121,6 +121,7 @@ export default {
this.showUserLoginError = true; this.showUserLoginError = true;
} else { } else {
localStorage.setItem('loginInfo', JSON.stringify(res.data)) localStorage.setItem('loginInfo', JSON.stringify(res.data))
localStorage.setItem('TOKEN', res.data.token)
if (res.data.levels === null) { if (res.data.levels === null) {
localStorage.setItem('gs-user', JSON.stringify({type: 'unVerify'})) localStorage.setItem('gs-user', JSON.stringify({type: 'unVerify'}))
this.$router.push({path: '/MyManage/UnVerify/index'}) this.$router.push({path: '/MyManage/UnVerify/index'})
......
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