Skip to content

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

feature: 更新请求接口

parent 5df14751
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
<template> <template>
<!-- 标题 --> <layout>
<el-page-header <!-- 标题 -->
class="title" <el-page-header
:content="titleContent" class="title"
@back="goBack" :content="titleContent"
></el-page-header> @back="goBack"
<div class="audit"> ></el-page-header>
<!-- 审核/查看详情/修改详情__企业信息 --> <div class="audit">
<el-card class="message_area"> <!-- 审核/查看详情/修改详情__企业信息 -->
<h4 style="margin-bottom:20px;">企业信息</h4> <el-card class="message_area">
<!-- 审核/查看详情页 --> <h4 style="margin-bottom:20px;">企业信息</h4>
<el-table <!-- 审核/查看详情页 -->
v-if="pageStatus !=='EDIT' " <el-table
border v-if="pageStatus !=='EDIT' "
:data="messageList" border
> :data="messageList"
<el-table-column
align="center"
label="审核状态"
prop="status"
>
</el-table-column>
<el-table-column
align="center"
label="企业ID"
prop="id"
></el-table-column>
<el-table-column
align="center"
label="企业注册名称"
prop="name"
></el-table-column>
<el-table-column
align="center"
label="注册码"
prop="code"
></el-table-column>
<el-table-column
align="center"
label="企业营业执照照片"
prop="picture"
>
<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="身份证照片"
> >
<template #default="scope"> <el-table-column
<el-image align="center"
:src="scope.row.idPicture" label="审核状态"
fit="fill" prop="status"
></el-image> >
</template> </el-table-column>
</el-table-column> <el-table-column
</el-table> align="center"
label="企业ID"
prop="id"
></el-table-column>
<el-table-column
align="center"
label="企业注册名称"
prop="name"
></el-table-column>
<el-table-column
align="center"
label="注册码"
prop="code"
></el-table-column>
<el-table-column
align="center"
label="企业营业执照照片"
prop="picture"
>
<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="身份证照片"
>
<template #default="scope">
<el-image
:src="scope.row.idPicture"
fit="fill"
></el-image>
</template>
</el-table-column>
</el-table>
<!-- 修改详情页 --> <!-- 修改详情页 -->
<el-table <el-form
v-else :rules="detailRules"
border label-width="240px"
:data="messageList" ref="establish_form"
> :model="messageList[0]"
<el-table-column
align="center"
label="审核状态"
>
<template #default="scope">
<el-input v-model="scope.row.status"></el-input>
</template>
</el-table-column>
<el-table-column
align="center"
label="企业ID"
>
<template #default="scope">
<el-input v-model="scope.row.id"></el-input>
</template>
</el-table-column>
<el-table-column
align="center"
label="企业注册名称"
> >
<template #default="scope"> <el-form-item
<el-input v-model="scope.row.name"></el-input> label="营业执照："
</template> ref="licenseChange"
</el-table-column> prop="businessLicense"
<el-table-column >
align="center" <el-upload
label="注册码" action=""
prop="code" multiple
> show-file-list
<template #default="scope"> :limit="4"
<el-input v-model="scope.row.code"></el-input> :auto-upload="false"
</template> :file-list="messageList.licenseList"
</el-table-column> :on-change="onLicenseChange"
<el-table-column :on-remove="onLicenseRemove"
align="center" >
label="企业营业执照照片" <el-button
prop="picture" size="small"
type="primary"
>点击上传</el-button>
</el-upload>
</el-form-item>
<el-form-item
label="企业注册名称："
prop="registeredName"
>
<el-input v-model.trim="establishForm.registeredName"></el-input>
</el-form-item>
<el-form-item
label="统一社会信用代码（注册码）："
prop="registrationCode"
>
<el-input v-model.trim="establishForm.registrationCode"></el-input>
</el-form-item>
<el-form-item
label="经营者（法人）身份证照片："
ref="idcardPhotoChange"
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
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>
<!-- 审核/查看详情/修改详情__提交信息 -->
<el-card class="submit_area">
<h4 style="margin-bottom:20px;">提交信息</h4>
<el-table
:data="submitList"
border
> >
<template #default="scope"> <el-table-column
<el-image align="center"
fit="fill" label="提交类型"
:src="scope.row.picture" prop="type"
></el-image> ></el-table-column>
</template> <el-table-column
</el-table-column> align="center"
<el-table-column label="提交时间"
align="center" prop="date"
label="法人或经营者姓名" ></el-table-column>
prop="userName" <el-table-column
></el-table-column> align="center"
<el-table-column label="提交人账号"
align="center" prop="account"
label="法人或经营者身份证号" ></el-table-column>
prop="idNumber" </el-table>
></el-table-column> </el-card>
<el-table-column <!-- 审核/查看详情/修改详情__提交历史 -->
align="center" <el-card class="history_area">
label="身份证照片" <h4 style="margin-bottom:20px;">提交历史</h4>
<el-table
:data="historyList"
border
> >
<template #default="scope"> <el-table-column
<el-image align="center"
:src="scope.row.idPicture" label="提交审核时间"
fit="fill" prop="subDate"
></el-image> ></el-table-column>
</template> <el-table-column
</el-table-column> align="center"
</el-table> label="提交人"
</el-card> prop="author"
></el-table-column>
<!-- 审核/查看详情/修改详情__提交信息 --> <el-table-column
<el-card class="submit_area"> align="center"
<h4 style="margin-bottom:20px;">提交信息</h4> label="审核时间"
<el-table prop="auditDate"
:data="submitList" ></el-table-column>
border <el-table-column
align="center"
label="审核人"
prop="auditer"
></el-table-column>
<el-table-column
align="center"
label="审核状态"
prop="status"
></el-table-column>
<el-table-column
align="center"
label="审核意见"
prop="address"
></el-table-column>
</el-table>
</el-card>
<!-- 审核__审核意见 -->
<el-card
class="audit_area"
v-if="pageStatus === 'AUDIT'"
> >
<el-table-column <h4 style="margin-bottom:20px;">审核区域</h4>
align="center" <h5 class="mgtb20">审核意见</h5>
label="提交类型" <textarea
prop="type" style="width:100%;border-radius:10px;padding:10px;border:1px solid #EBEEF5;"
></el-table-column> placeholder="请输入审核意见"
<el-table-column id=""
align="center" v-model.trim="opinionArea"
label="提交时间" rows="5"
prop="date" @input="opinionChange"
></el-table-column> ></textarea>
<el-table-column <h5 class="mgtb20">审核结果</h5>
align="center" <div class="button_area">
label="提交人账号" <el-button type="primary">通过</el-button>
prop="account" <el-button
></el-table-column> type="danger"
</el-table> @click="auditRefuse"
</el-card> >拒绝</el-button>
<!-- 审核/查看详情/修改详情__提交历史 --> </div>
<el-card class="history_area"> </el-card>
<h4 style="margin-bottom:20px;">提交历史</h4>
<el-table
:data="historyList"
border
>
<el-table-column
align="center"
label="提交审核时间"
prop="subDate"
></el-table-column>
<el-table-column
align="center"
label="提交人"
prop="author"
></el-table-column>
<el-table-column
align="center"
label="审核时间"
prop="auditDate"
></el-table-column>
<el-table-column
align="center"
label="审核人"
prop="auditer"
></el-table-column>
<el-table-column
align="center"
label="审核状态"
prop="status"
></el-table-column>
<el-table-column
align="center"
label="审核意见"
prop="address"
></el-table-column>
</el-table>
</el-card>
<!-- 审核__审核意见 -->
<el-card
class="audit_area"
v-if="pageStatus === 'AUDIT'"
>
<h4 style="margin-bottom:20px;">审核区域</h4>
<h5 class="mgtb20">审核意见</h5>
<textarea
style="width:100%;border-radius:10px;padding:10px;border:1px solid #EBEEF5;"
placeholder="请输入审核意见"
id=""
v-model="opinionArea"
rows="5"
@input="opinionChange"
></textarea>
<h5 class="mgtb20">审核结果</h5>
<div class="button_area">
<el-button type="primary">通过</el-button>
<el-button
type="danger"
@click="auditRefuse"
>拒绝</el-button>
</div>
</el-card>
<!-- 查看详情__生活号信息 --> <!-- 查看详情__生活号信息 -->
<el-card <el-card
v-if="pageStatus === 'DETAIL'" v-if="pageStatus === 'DETAIL'"
class="life_area" class="life_area"
>
<h4 style="margin-bottom:20px;">生活号信息</h4>
<el-table
border
:data="lifeList"
> >
<el-table-column <h4 style="margin-bottom:20px;">生活号信息</h4>
label="生活号ID" <el-table
align="center" border
prop="lifeId" :data="lifeList"
></el-table-column>
<el-table-column
label="生活号名称"
align="center"
prop="lifeName"
></el-table-column>
<el-table-column
label="管理员昵称"
align="center"
prop="adminName"
></el-table-column>
<el-table-column
label="管理员账号"
align="center"
prop="adminNumber"
></el-table-column>
<el-table-column
label="管理员账号ID"
align="center"
prop="adminId"
></el-table-column>
<el-table-column
label="创建生活号"
align="center"
> >
<template #default="scope"> <el-table-column
label="生活号ID"
align="center"
prop="lifeId"
></el-table-column>
<el-table-column
label="生活号名称"
align="center"
prop="lifeName"
></el-table-column>
<el-table-column
label="管理员昵称"
align="center"
prop="adminName"
></el-table-column>
<el-table-column
label="管理员账号"
align="center"
prop="adminNumber"
></el-table-column>
<el-table-column
label="管理员账号ID"
align="center"
prop="adminId"
></el-table-column>
<el-table-column
label="创建生活号"
align="center"
>
<template #default="scope">
<el-button
type="primary"
@click="onCreateLife(scope.row)"
>创建生活号</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
<!-- 查看详情__创建生活号表单 -->
<el-dialog
title="创建生活号"
v-model="isDialogShow"
>
<el-form :model="lifeForm">
<el-form-item label="管理员昵称：">
<el-input v-model="lifeForm.adminName"></el-input>
</el-form-item>
<el-form-item label="管理员手机号：">
<el-input v-model="lifeForm.adminPhone"></el-input>
</el-form-item>
<el-form-item label="生活号名称：">
<el-input v-model="lifeForm.lifeName"></el-input>
</el-form-item>
<el-form-item label="生活号管理员：">
<el-input v-model="lifeForm.lifeAdmin"></el-input>
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="isDialogShow = false">取 消</el-button>
<el-button <el-button
type="primary" type="primary"
@click="onCreateLife(scope.row)" @click="isDialogShow = false"
>创建生活号</el-button> >确认创建</el-button>
</template> </span>
</el-table-column> </template>
</el-table> </el-dialog>
</el-card>
<!-- 查看详情__创建生活号表单 -->
<el-dialog
title="创建生活号"
v-model="isDialogShow"
>
<el-form :model="lifeForm">
<el-form-item label="管理员昵称：">
<el-input v-model="lifeForm.adminName"></el-input>
</el-form-item>
<el-form-item label="管理员手机号：">
<el-input v-model="lifeForm.adminPhone"></el-input>
</el-form-item>
<el-form-item label="生活号名称：">
<el-input v-model="lifeForm.lifeName"></el-input>
</el-form-item>
<el-form-item label="生活号管理员：">
<el-input v-model="lifeForm.lifeAdmin"></el-input>
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="isDialogShow = false">取 消</el-button>
<el-button
type="primary"
@click="isDialogShow = false"
>确认创建</el-button>
</span>
</template>
</el-dialog>
<!-- 修改详情__提交表单或取消提交 --> <!-- 修改详情__提交表单或取消提交 -->
<div <div
class="edit_button_area" class="edit_button_area"
v-if="pageStatus === 'EDIT'" v-if="pageStatus === 'EDIT'"
> >
<el-button type="danger">取消</el-button> <el-button type="danger">取消</el-button>
<el-button type="primary">提交审核</el-button> <el-button type="primary">提交审核</el-button>
</div>
</div> </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: 'Audit',
components: { Layout },
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
to.params.pageStatus && to.params.auditId to.params.pageStatus && to.params.auditId
? next() ? next()
......
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