Skip to content

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

feature: 更新请求接口

parent 5df14751
Show 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 @@
class="el-menu-demo"
mode="horizontal"
:router="true"
@select="handleSelect"
background-color="#545c64"
text-color="#fff"
:default-active="activeMenu"
......
src/pages/Enterprise/Audit/index.vue
View file @ 62b3917b
<template>
<layout>
<!-- 标题 -->
<el-page-header
class="title"
......@@ -72,78 +73,89 @@
</el-table>
<!-- 修改详情页 -->
<el-table
v-else
border
:data="messageList"
<el-form
:rules="detailRules"
label-width="240px"
ref="establish_form"
:model="messageList[0]"
>
<el-table-column
align="center"
label="审核状态"
<el-form-item
label="营业执照："
ref="licenseChange"
prop="businessLicense"
>
<template #default="scope">
<el-input v-model="scope.row.status"></el-input>
</template>
</el-table-column>
<el-table-column
align="center"
label="企业ID"
<el-upload
action=""
multiple
show-file-list
:limit="4"
:auto-upload="false"
:file-list="messageList.licenseList"
:on-change="onLicenseChange"
:on-remove="onLicenseRemove"
>
<template #default="scope">
<el-input v-model="scope.row.id"></el-input>
</template>
</el-table-column>
<el-table-column
align="center"
label="企业注册名称"
<el-button
size="small"
type="primary"
>点击上传</el-button>
</el-upload>
</el-form-item>
<el-form-item
label="企业注册名称："
prop="registeredName"
>
<template #default="scope">
<el-input v-model="scope.row.name"></el-input>
</template>
</el-table-column>
<el-table-column
align="center"
label="注册码"
prop="code"
<el-input v-model.trim="establishForm.registeredName"></el-input>
</el-form-item>
<el-form-item
label="统一社会信用代码（注册码）："
prop="registrationCode"
>
<template #default="scope">
<el-input v-model="scope.row.code"></el-input>
</template>
</el-table-column>
<el-table-column
align="center"
label="企业营业执照照片"
prop="picture"
<el-input v-model.trim="establishForm.registrationCode"></el-input>
</el-form-item>
<el-form-item
label="经营者（法人）身份证照片："
ref="idcardPhotoChange"
prop="legalPhoto"
>
<template #default="scope">
<el-image
fit="fill"
:src="scope.row.picture"
></el-image>
</template>
</el-table-column>
<el-table-column
align="center"
label="法人或经营者姓名"
prop="userName"
></el-table-column>
<el-table-column
align="center"
label="法人或经营者身份证号"
prop="idNumber"
></el-table-column>
<el-table-column
align="center"
label="身份证照片"
<el-upload
action=""
multiple
show-file-list
:auto-upload="false"
:file-list="establishForm.idcardPhoto"
:on-change="onIdPhoneChange"
:on-remove="onIdPhoneRemove"
>
<template #default="scope">
<el-image
:src="scope.row.idPicture"
fit="fill"
></el-image>
</template>
</el-table-column>
</el-table>
<el-button
size="small"
type="primary"
>点击上传</el-button>
</el-upload>
</el-form-item>
<el-form-item
label="经营者（法人）姓名："
prop="legalName"
>
<el-input v-model.trim="establishForm.legalName"></el-input>
</el-form-item>
<el-form-item
label="经营者（法人）身份证号："
prop="idcardNumber"
>
<el-input v-model.trim="establishForm.idcardNumber"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="handelCancel('establish_form')">取消</el-button>
<el-button
@click="handelSubmit('establish_form')"
type="primary"
>提交审核</el-button>
</el-form-item>
</el-form>
</el-card>
<!-- 审核/查看详情/修改详情__提交信息 -->
......@@ -220,7 +232,7 @@
style="width:100%;border-radius:10px;padding:10px;border:1px solid #EBEEF5;"
placeholder="请输入审核意见"
id=""
v-model="opinionArea"
v-model.trim="opinionArea"
rows="5"
@input="opinionChange"
></textarea>
......@@ -322,12 +334,16 @@
<el-button type="primary">提交审核</el-button>
</div>
</div>
</layout>
</template>
<style lang="less" src="./index.less" scope></style>
<script>
import Layout from '@/layouts'
export default {
name: 'Audit',
components: { Layout },
beforeRouteEnter (to, from, next) {
to.params.pageStatus && to.params.auditId
? next()
......
src/pages/Enterprise/Certification/index.vue
View file @ 62b3917b
<template>
<layout>
<div>
<!-- 企业信息提交 -->
<el-button
......@@ -164,12 +165,16 @@
</el-table>
</el-card>
</div>
</layout>
</template>
<style lang="less" src="./index.less" scope></style>
<script>
import Layout from '@/layouts'
export default {
name: 'Certification',
components: { Layout },
data () {
return {
// 表单数据
......
src/pages/Enterprise/Establish/index.css
View file @ 62b3917b
......@@ -3,4 +3,9 @@
}
.establish {
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 @@
// 主体区域
.establish{
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>
<layout>
<!-- 标题 -->
<el-page-header
class="title"
......@@ -22,7 +23,6 @@
action=""
multiple
show-file-list
:limit="4"
:auto-upload="false"
:file-list="establishForm.licenseList"
:on-change="onLicenseChange"
......@@ -39,14 +39,14 @@
label="企业注册名称："
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
label="统一社会信用代码（注册码）："
prop="registrationCode"
>
<el-input v-model="establishForm.registrationCode"></el-input>
<el-input v-model.trim="establishForm.registrationCode"></el-input>
</el-form-item>
<el-form-item
label="经营者（法人）身份证照片："
......@@ -57,7 +57,6 @@
action=""
multiple
show-file-list
:limit="4"
:auto-upload="false"
:file-list="establishForm.idcardPhoto"
:on-change="onIdPhoneChange"
......@@ -74,14 +73,14 @@
label="经营者（法人）姓名："
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
label="经营者（法人）身份证号："
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-button @click="handelCancel('establish_form')">取消</el-button>
......@@ -92,12 +91,16 @@
</el-form-item>
</el-form>
</div>
</layout>
</template>
<style lang="less" src="./index.less" scope></style>
<script>
import Layout from "@/layouts";
export default {
name: 'Establish',
components: { Layout },
data () {
// 营业执照校验规则
let businessRules = (rule, value, callback) => {
......@@ -115,6 +118,19 @@ export default {
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 {
// 表单输入项
establishForm: {
......@@ -130,7 +146,7 @@ export default {
establishRules: {
// 营业执照
businessLicense: [
{ validator: businessRules, trigger: "change" }
{ required: true, validator: businessRules, trigger: "change" }
],
// 企业注册名称
registeredName: [
......@@ -138,19 +154,31 @@ export default {
],
// 注册码
registrationCode: [
{ required: true, message: "请输入统一社会信用代码（注册码）", trigger: "blur" }
{
required: true,
message: "请输入统一社会信用代码（注册码）",
trigger: "blur"
}
],
// 法人照片
legalPhoto: [
{ validator: idPhotoRules, trigger: "change" }
{ required: true, validator: idPhotoRules, trigger: "change" }
],
// 法人姓名
legalName: [
{ required: true, message: "请输入经营者（法人）姓名", trigger: "blur" }
{
required: true,
message: "请输入经营者（法人）姓名",
trigger: "blur"
}
],
// 法人身份证号
idcardNumber: [
{ required: true, message: "请输入经营者（法人）身份证号", trigger: "blur" }
{
required: true,
validator: idcardNumberRules,
trigger: "blur"
}
]
}
};
......@@ -165,15 +193,15 @@ export default {
// 执照列表更改时
onLicenseChange (file, fileList) {
this.establishForm.licenseList = fileList;
this.$refs['licenseChange'].clearValidate();
this.$refs["licenseChange"].clearValidate();
console.log("licenseList", this.establishForm.licenseList);
},
// 身份证照片更改时
onIdPhoneChange (file, fileList) {
this.establishForm.idcardPhoto = fileList;
this.$refs['idcardPhotoChange'].clearValidate();
console.log('idcardPhoto:', this.establishForm.idcardPhoto);
this.$refs["idcardPhotoChange"].clearValidate();
console.log("idcardPhoto:", this.establishForm.idcardPhoto);
},
// 删除上传的营业执照
......@@ -186,7 +214,7 @@ export default {
// 删除上传的身份证照片
onIdPhoneRemove (file, fileList) {
this.establishForm.idcardPhoto = fileList
this.establishForm.idcardPhoto = fileList;
console.log("idCarPhoto:", this.establishForm.idcardPhoto);
},
......
src/router/index.js
View file @ 62b3917b
......@@ -21,17 +21,17 @@ const routes = [
{
path: '/enterprise/certification',
name: 'Certification',
component: () => import(/* webpackChunkName: "enterprise" */ '../pages/Enterprise/Certification')
component: () => import(/* webpackChunkName: "enterprise" */ '@/pages/Enterprise/Certification')
},
{
path: '/enterprise/audit',
name: 'Audit',
component: () => import(/* webpackChunkName: "enterprise" */ '../pages/Enterprise/Audit')
component: () => import(/* webpackChunkName: "enterprise" */ '@/pages/Enterprise/Audit')
},
{
path: '/enterprise/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