Skip to content

O
op-web-service
Commit 62b3917b authored by mengwenhao's avatar mengwenhao
Browse files
Options

feature: 更新请求接口

parent 5df14751
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 632 additions and 567 deletions
src/components/PageHeader/index.vue
View file @ 62b3917b
...@@ -5,7 +5,6 @@ ...@@ -5,7 +5,6 @@
class="el-menu-demo" class="el-menu-demo"
mode="horizontal" mode="horizontal"
:router="true" :router="true"
@select="handleSelect"
background-color="#545c64" background-color="#545c64"
text-color="#fff" text-color="#fff"
:default-active="activeMenu" :default-active="activeMenu"
......
src/pages/Enterprise/Audit/index.vue
View file @ 62b3917b
This diff is collapsed.
src/pages/Enterprise/Certification/index.vue
View file @ 62b3917b
<template> <template>
<div> <layout>
<!-- 企业信息提交 --> <div>
<el-button <!-- 企业信息提交 -->
type="primary" <el-button
class="setUp" type="primary"
@click="goEstablish" class="setUp"
>企业信息提交</el-button> @click="goEstablish"
>企业信息提交</el-button>
<el-card class="enterprise_card"> <el-card class="enterprise_card">
<!-- 企业认证筛选 --> <!-- 企业认证筛选 -->
<el-form <el-form
ref="enterpriseForm" ref="enterpriseForm"
class="enterprise_form" class="enterprise_form"
:model="enterpriseForm" :model="enterpriseForm"
inline inline
> >
<!-- 查询信息区域 --> <!-- 查询信息区域 -->
<div class="formItem"> <div class="formItem">
<el-form-item <el-form-item
label="企业注册名称：" label="企业注册名称："
prop="name"
>
<el-input v-model="enterpriseForm.name"></el-input>
</el-form-item>
<el-form-item
label="注册码："
prop="code"
>
<el-input v-model="enterpriseForm.code"></el-input>
</el-form-item>
<el-form-item
label="法人或经营者姓名："
prop="userName"
>
<el-input v-model="enterpriseForm.userName"></el-input>
</el-form-item>
<el-form-item
label="审核状态："
prop="statusValue"
>
<el-select
placeholder="请选择审核状态"
v-model="enterpriseForm.statusValue"
>
<el-option
v-for="item in enterpriseForm.statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label="提交类型："
prop="typeValue"
>
<el-select
v-model="enterpriseForm.typeValue"
placeholder="请选择提交类型"
>
<el-option
v-for="item in enterpriseForm.typeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label="提交人账号："
prop="number"
>
<el-input
type="text"
v-model="enterpriseForm.number"
></el-input>
</el-form-item>
</div>
<!-- 按钮区域 -->
<div class="formButton">
<el-form-item>
<el-button
type="primary"
class="inquire"
>查询</el-button>
</el-form-item>
<el-form-item>
<el-button @click="resetForm('enterpriseForm')">重置</el-button>
</el-form-item>
</div>
</el-form>
<!-- 展示列表 -->
<el-table
stripe
style="width:100%"
:data="enterpriseList"
border
>
<el-table-column
label="ID"
prop="id"
align="center"
></el-table-column>
<el-table-column
label="审核状态"
prop="status"
align="center"
></el-table-column>
<el-table-column
label="企业注册名称"
prop="name" prop="name"
> align="center"
<el-input v-model="enterpriseForm.name"></el-input> ></el-table-column>
</el-form-item> <el-table-column
<el-form-item label="注册码"
label="注册码："
prop="code" prop="code"
> align="center"
<el-input v-model="enterpriseForm.code"></el-input> ></el-table-column>
</el-form-item> <el-table-column
<el-form-item label="法人或经营者姓名"
label="法人或经营者姓名："
prop="userName" prop="userName"
> align="center"
<el-input v-model="enterpriseForm.userName"></el-input> ></el-table-column>
</el-form-item> <el-table-column
<el-form-item label="提交日期"
label="审核状态：" prop="date"
prop="statusValue" align="center"
> ></el-table-column>
<el-select <el-table-column
placeholder="请选择审核状态" label="提交类型"
v-model="enterpriseForm.statusValue" prop="type"
> align="center"
<el-option ></el-table-column>
v-for="item in enterpriseForm.statusOptions" <el-table-column
:key="item.value" label="提交人账号"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label="提交类型："
prop="typeValue"
>
<el-select
v-model="enterpriseForm.typeValue"
placeholder="请选择提交类型"
>
<el-option
v-for="item in enterpriseForm.typeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label="提交人账号："
prop="number" prop="number"
align="center"
></el-table-column>
<el-table-column
label="操作"
width="280"
align="center"
> >
<el-input <template #default="scope">
type="text" <el-button
v-model="enterpriseForm.number" size="mini"
></el-input> type="primary"
</el-form-item> @click="goAuditPage('AUDIT',scope.row.id)"
</div> >审核</el-button>
<!-- 按钮区域 --> <el-button
<div class="formButton"> size="mini"
<el-form-item> type="success"
<el-button @click="goAuditPage('EDIT',scope.row.id)"
type="primary" >修改提交</el-button>
class="inquire" <el-button
>查询</el-button> size="mini"
</el-form-item> type="warning"
<el-form-item> @click="goAuditPage('DETAIL',scope.row.id)"
<el-button @click="resetForm('enterpriseForm')">重置</el-button> >查看详情</el-button>
</el-form-item> </template>
</div> </el-table-column>
</el-form> </el-table>
</el-card>
<!-- 展示列表 --> </div>
<el-table </layout>
stripe
style="width:100%"
:data="enterpriseList"
border
>
<el-table-column
label="ID"
prop="id"
align="center"
></el-table-column>
<el-table-column
label="审核状态"
prop="status"
align="center"
></el-table-column>
<el-table-column
label="企业注册名称"
prop="name"
align="center"
></el-table-column>
<el-table-column
label="注册码"
prop="code"
align="center"
></el-table-column>
<el-table-column
label="法人或经营者姓名"
prop="userName"
align="center"
></el-table-column>
<el-table-column
label="提交日期"
prop="date"
align="center"
></el-table-column>
<el-table-column
label="提交类型"
prop="type"
align="center"
></el-table-column>
<el-table-column
label="提交人账号"
prop="number"
align="center"
></el-table-column>
<el-table-column
label="操作"
width="280"
align="center"
>
<template #default="scope">
<el-button
size="mini"
type="primary"
@click="goAuditPage('AUDIT',scope.row.id)"
>审核</el-button>
<el-button
size="mini"
type="success"
@click="goAuditPage('EDIT',scope.row.id)"
>修改提交</el-button>
<el-button
size="mini"
type="warning"
@click="goAuditPage('DETAIL',scope.row.id)"
>查看详情</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
</div>
</template> </template>
<style lang="less" src="./index.less" scope></style> <style lang="less" src="./index.less" scope></style>
<script> <script>
import Layout from '@/layouts'
export default { export default {
name: 'Certification',
components: { Layout },
data () { data () {
return { return {
// 表单数据 // 表单数据
......
src/pages/Enterprise/Establish/index.css
View file @ 62b3917b
...@@ -3,4 +3,9 @@ ...@@ -3,4 +3,9 @@
} }
.establish { .establish {
padding: 50px; padding: 50px;
display: flex;
justify-content: center;
}
.establish .el-form {
width: 50%;
} }
src/pages/Enterprise/Establish/index.less
View file @ 62b3917b
...@@ -6,4 +6,9 @@ ...@@ -6,4 +6,9 @@
// 主体区域 // 主体区域
.establish{ .establish{
padding: 50px; padding: 50px;
display: flex;
justify-content: center;
.el-form{
width: 50%;
}
} }
\ No newline at end of file
src/pages/Enterprise/Establish/index.vue
View file @ 62b3917b
<template> <template>
<!-- 标题 --> <layout>
<el-page-header <!-- 标题 -->
class="title" <el-page-header
content="企业信息提交" class="title"
@back="goBack" content="企业信息提交"
></el-page-header> @back="goBack"
></el-page-header>
<div class="establish"> <div class="establish">
<el-form <el-form
:rules="establishRules" :rules="establishRules"
label-width="240px" label-width="240px"
ref="establish_form" ref="establish_form"
:model="establishForm" :model="establishForm"
>
<el-form-item
label="营业执照："
ref="licenseChange"
prop="businessLicense"
> >
<el-upload <el-form-item
action="" label="营业执照："
multiple ref="licenseChange"
show-file-list prop="businessLicense"
:limit="4"
:auto-upload="false"
:file-list="establishForm.licenseList"
:on-change="onLicenseChange"
:on-remove="onLicenseRemove"
> >
<el-button <el-upload
size="small" action=""
type="primary" multiple
>点击上传</el-button> show-file-list
</el-upload> :auto-upload="false"
</el-form-item> :file-list="establishForm.licenseList"
:on-change="onLicenseChange"
:on-remove="onLicenseRemove"
>
<el-button
size="small"
type="primary"
>点击上传</el-button>
</el-upload>
</el-form-item>
<el-form-item <el-form-item
label="企业注册名称：" label="企业注册名称："
prop="registeredName" prop="registeredName"
> >
<el-input v-model="establishForm.registeredName"></el-input> <el-input v-model.trim="establishForm.registeredName"></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="统一社会信用代码（注册码）：" label="统一社会信用代码（注册码）："
prop="registrationCode" prop="registrationCode"
>
<el-input v-model="establishForm.registrationCode"></el-input>
</el-form-item>
<el-form-item
label="经营者（法人）身份证照片："
ref="idcardPhotoChange"
prop="legalPhoto"
>
<el-upload
action=""
multiple
show-file-list
:limit="4"
:auto-upload="false"
:file-list="establishForm.idcardPhoto"
:on-change="onIdPhoneChange"
:on-remove="onIdPhoneRemove"
> >
<el-button <el-input v-model.trim="establishForm.registrationCode"></el-input>
size="small" </el-form-item>
type="primary" <el-form-item
>点击上传</el-button> label="经营者（法人）身份证照片："
</el-upload> ref="idcardPhotoChange"
</el-form-item> prop="legalPhoto"
>
<el-upload
action=""
multiple
show-file-list
:auto-upload="false"
:file-list="establishForm.idcardPhoto"
:on-change="onIdPhoneChange"
:on-remove="onIdPhoneRemove"
>
<el-button
size="small"
type="primary"
>点击上传</el-button>
</el-upload>
</el-form-item>
<el-form-item <el-form-item
label="经营者（法人）姓名：" label="经营者（法人）姓名："
prop="legalName" prop="legalName"
> >
<el-input v-model="establishForm.legalName"></el-input> <el-input v-model.trim="establishForm.legalName"></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="经营者（法人）身份证号：" label="经营者（法人）身份证号："
prop="idcardNumber" prop="idcardNumber"
> >
<el-input v-model.number="establishForm.idcardNumber"></el-input> <el-input v-model.trim="establishForm.idcardNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button @click="handelCancel('establish_form')">取消</el-button> <el-button @click="handelCancel('establish_form')">取消</el-button>
<el-button <el-button
@click="handelSubmit('establish_form')" @click="handelSubmit('establish_form')"
type="primary" type="primary"
>提交审核</el-button> >提交审核</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</layout>
</template> </template>
<style lang="less" src="./index.less" scope></style> <style lang="less" src="./index.less" scope></style>
<script> <script>
import Layout from "@/layouts";
export default { export default {
name: 'Establish',
components: { Layout },
data () { data () {
// 营业执照校验规则 // 营业执照校验规则
let businessRules = (rule, value, callback) => { let businessRules = (rule, value, callback) => {
...@@ -115,6 +118,19 @@ export default { ...@@ -115,6 +118,19 @@ export default {
callback(); callback();
} }
}; };
// 身份证号校验规则
let idcardNumberRules = (rule, value, callback) => {
let IDRe18 = /^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
let IDre15 = /^([1-6][1-9]|50)\d{4}\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}$/;
let idNumber = this.establishForm.idcardNumber;
if (idNumber.length === 0) {
callback(new Error("身份证号不可为空"));
} else if (!(IDRe18.test(idNumber) || IDre15.test(idNumber))) {
callback(new Error("身份证号格式不正确"));
} else {
callback();
}
};
return { return {
// 表单输入项 // 表单输入项
establishForm: { establishForm: {
...@@ -130,7 +146,7 @@ export default { ...@@ -130,7 +146,7 @@ export default {
establishRules: { establishRules: {
// 营业执照 // 营业执照
businessLicense: [ businessLicense: [
{ validator: businessRules, trigger: "change" } { required: true, validator: businessRules, trigger: "change" }
], ],
// 企业注册名称 // 企业注册名称
registeredName: [ registeredName: [
...@@ -138,19 +154,31 @@ export default { ...@@ -138,19 +154,31 @@ export default {
], ],
// 注册码 // 注册码
registrationCode: [ registrationCode: [
{ required: true, message: "请输入统一社会信用代码（注册码）", trigger: "blur" } {
required: true,
message: "请输入统一社会信用代码（注册码）",
trigger: "blur"
}
], ],
// 法人照片 // 法人照片
legalPhoto: [ legalPhoto: [
{ validator: idPhotoRules, trigger: "change" } { required: true, validator: idPhotoRules, trigger: "change" }
], ],
// 法人姓名 // 法人姓名
legalName: [ legalName: [
{ required: true, message: "请输入经营者（法人）姓名", trigger: "blur" } {
required: true,
message: "请输入经营者（法人）姓名",
trigger: "blur"
}
], ],
// 法人身份证号 // 法人身份证号
idcardNumber: [ idcardNumber: [
{ required: true, message: "请输入经营者（法人）身份证号", trigger: "blur" } {
required: true,
validator: idcardNumberRules,
trigger: "blur"
}
] ]
} }
}; };
...@@ -165,15 +193,15 @@ export default { ...@@ -165,15 +193,15 @@ export default {
// 执照列表更改时 // 执照列表更改时
onLicenseChange (file, fileList) { onLicenseChange (file, fileList) {
this.establishForm.licenseList = fileList; this.establishForm.licenseList = fileList;
this.$refs['licenseChange'].clearValidate(); this.$refs["licenseChange"].clearValidate();
console.log("licenseList", this.establishForm.licenseList); console.log("licenseList", this.establishForm.licenseList);
}, },
// 身份证照片更改时 // 身份证照片更改时
onIdPhoneChange (file, fileList) { onIdPhoneChange (file, fileList) {
this.establishForm.idcardPhoto = fileList; this.establishForm.idcardPhoto = fileList;
this.$refs['idcardPhotoChange'].clearValidate(); this.$refs["idcardPhotoChange"].clearValidate();
console.log('idcardPhoto:', this.establishForm.idcardPhoto); console.log("idcardPhoto:", this.establishForm.idcardPhoto);
}, },
// 删除上传的营业执照 // 删除上传的营业执照
...@@ -186,7 +214,7 @@ export default { ...@@ -186,7 +214,7 @@ export default {
// 删除上传的身份证照片 // 删除上传的身份证照片
onIdPhoneRemove (file, fileList) { onIdPhoneRemove (file, fileList) {
this.establishForm.idcardPhoto = fileList this.establishForm.idcardPhoto = fileList;
console.log("idCarPhoto:", this.establishForm.idcardPhoto); console.log("idCarPhoto:", this.establishForm.idcardPhoto);
}, },
......
src/router/index.js
View file @ 62b3917b
...@@ -21,17 +21,17 @@ const routes = [ ...@@ -21,17 +21,17 @@ const routes = [
{ {
path: '/enterprise/certification', path: '/enterprise/certification',
name: 'Certification', name: 'Certification',
component: () => import(/* webpackChunkName: "enterprise" */ '../pages/Enterprise/Certification') component: () => import(/* webpackChunkName: "enterprise" */ '@/pages/Enterprise/Certification')
}, },
{ {
path: '/enterprise/audit', path: '/enterprise/audit',
name: 'Audit', name: 'Audit',
component: () => import(/* webpackChunkName: "enterprise" */ '../pages/Enterprise/Audit') component: () => import(/* webpackChunkName: "enterprise" */ '@/pages/Enterprise/Audit')
}, },
{ {
path: '/enterprise/establish', path: '/enterprise/establish',
name: 'Establish', name: 'Establish',
component: () => import(/* webpackChunkName: "enterprise" */ '../pages/Enterprise/Establish') component: () => import(/* webpackChunkName: "enterprise" */ '@/pages/Enterprise/Establish')
} }
]; ];
......
src/service/enterprise.js 0 → 100644
View file @ 62b3917b
// import axios from "../utils/request";
// export default {
// async getMessage () {
// // const res = await axios().get
// }
// };
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