Skip to content

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

feature:修改弹框完成

parent 8dcf481f
Hide whitespace changes
Inline Side-by-side
Showing with 226 additions and 178 deletions
src/pages/Enterprise/Audit/index.vue
View file @ fe392a20
......@@ -80,6 +80,21 @@
ref="establish_form"
:model="messageList[0]"
>
<el-form-item
label="商户类型"
prop="merchantsType"
>
<el-select v-model="messageList[0].merchantsType">
<el-option
label="个体工商户"
:value="1"
></el-option>
<el-option
label="普通企业"
:value="2"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label="营业执照："
ref="licenseChange"
......@@ -393,10 +408,10 @@ export default {
return {
pageStatus: null, // 哪个按钮进入
auditId: null, // 传入的企业id
// 审核/修改详情/查看详情-企业信息
messageList: [
{
merchantsType: null,
status: 1,
id: 1221,
code: 112211,
......@@ -429,7 +444,6 @@ export default {
],
// 审核-审核意见
opinionArea: "",
// 创建生活号表单是否弹出
isDialogShow: false,
// 生活号-生活号信息
......@@ -487,7 +501,13 @@ export default {
validator: idcardNumberRules,
trigger: "blur"
}
]
],
// 商户类型
merchantsType: [{
required: true,
message: "请选择商户类型",
trigger: "change"
}]
},
// 生活号状态
......
src/pages/Enterprise/Certification/index.vue
View file @ fe392a20
......@@ -6,178 +6,197 @@
class="setUp"
@click="goEstablish"
>企业信息提交</el-button>
<div>
<el-card class="enterprise_card">
<!-- 企业认证筛选 -->
<el-form
ref="enterpriseForm"
class="enterprise_form"
:model="enterpriseForm"
inline
>
<!-- 查询信息区域 -->
<div class="formItem">
<el-form-item
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="企业注册名称"
<!-- 企业认证管理列表 -->
<el-card class="enterprise_card">
<!-- 企业认证筛选 -->
<el-form
ref="enterpriseForm"
class="enterprise_form"
:model="enterpriseForm"
inline
>
<!-- 查询信息区域 -->
<div class="formItem">
<el-form-item
label="企业注册名称："
prop="name"
align="center"
></el-table-column>
<el-table-column
label="注册码"
>
<el-input v-model="enterpriseForm.name"></el-input>
</el-form-item>
<el-form-item
label="注册码："
prop="code"
align="center"
></el-table-column>
<el-table-column
label="法人或经营者姓名"
>
<el-input v-model="enterpriseForm.code"></el-input>
</el-form-item>
<el-form-item
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="提交人账号"
>
<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"
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>
<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"
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
:disabled="scope.row.status === 4 ? true : false"
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>
<!-- 修改提交验证码弹框 -->
<el-dialog
title="获取验证码"
v-model="detailDialogVisible"
>
<el-input
style="width:50%"
placeholder="请输入您收到的验证码"
></el-input>
<el-button
type="primary"
style="margin-left:10px"
@click="getAuthCode"
>获取校验码</el-button>
<el-button
@click="checkAuthCode"
type="warning"
>已有验证码,点击验证</el-button>
</el-dialog>
</layout>
</template>
<style lang="less" src="./index.less" scope></style>
<script>
import Layout from '@/layouts'
import { entCheck } from '../../../service/enterprise'
import Layout from "@/layouts";
import { entCheck } from "@/service/enterprise";
export default {
name: "Certification",
components: { Layout },
data () {
return {
// 表单数据
// 企业认证管理筛选
enterpriseForm: {
name: "",
code: "",
......@@ -198,7 +217,7 @@ export default {
]
},
// 表格信息
// 企业认证管理列表
enterpriseList: [
{
id: 1,
......@@ -210,12 +229,16 @@ export default {
type: 1,
number: 18147683288
}
]
],
// 跳转详情页弹窗
detailDialogVisible: false
};
},
created () {
this.onEntCheck();
console.log("userInfo:", this.$store.state.userInfo);
},
methods: {
......@@ -223,10 +246,9 @@ export default {
async onEntCheck () {
try {
const res = await entCheck(510232747179);
console.log('res:----', res);
}
catch (error) {
console.log('error:', error);
console.log("res:----", res);
} catch (error) {
console.log("error:", error);
}
},
......@@ -235,20 +257,26 @@ export default {
this.$refs[formName].resetFields();
},
// 跳转到企业信息提交
goEstablish () {
this.$router.push({ name: "Establish" });
},
// 跳转到审核页面
goAuditPage (pageStatus, auditId) {
this.$router.push({
name: "Audit",
params: {
pageStatus,
auditId
}
});
if (pageStatus === "EDIT") {
return (this.detailDialogVisible = true);
} else {
this.$router.push({ name: "Audit", params: { pageStatus, auditId } });
}
},
// 跳转到企业信息提交
goEstablish () {
this.$router.push({ name: "Establish" });
// 获取验证码
getAuthCode () {
},
// 校验验证码
checkAuthCode () {
this.$router.push({ name: "Audit", params: { pageStatus: "EDIT", auditId: 1 } })
}
}
};
......
src/pages/Enterprise/Establish/index.vue
View file @ fe392a20
......@@ -21,11 +21,11 @@
<el-select v-model="establishForm.merchantsType">
<el-option
label="个体工商户"
value="1"
:value="1"
></el-option>
<el-option
label="普通企业"
value="2"
:value="2"
></el-option>
</el-select>
</el-form-item>
......
src/utils/oss.js
View file @ fe392a20
import moment from "moment";
import CommonServer from "@/api/common";
import CommonServer from "./common";
import axios from "axios";
import { ElMessage } from "element-plus";
......
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