UDI
/
udi-cpt-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

用户信息填写界面

Browse Source
master
CTP 2 years ago
parent f796d153b4
commit cd620d55f2
1 changed files with 126 additions and 120 deletions
Show Stats Download Patch File Download Diff File

246
src/views/userInformation.vue
Unescape Escape View File

@ -2,11 +2,25 @@
<!-- 用户信息填写 页面-->
<el-card class="userInformation">
<!-- 用户填写信息表单 -->
<div>
<h2 style="text-align: center">用户注册表</h2>
<div style="display: flex">
<!-- 审核认证 -->
<el-form
<div
style="
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-end;
"
>
<!-- 审核认证 -->
<div
style=" width: 100%;
font-size: 30px;
text-align: center;
}"
>
<span>审核状态:</span>
<span> 已通过</span>
</div>
<!-- <el-form
style="margin: 20px; width: 300px"
label-width="80px"
label-position="right"
@ -43,129 +57,113 @@
v-model="certificationForm.businessld"
></el-input>
</el-form-item>
</el-form>
<!-- 企业信息 -->
<el-form
label-width="135px"
:model="firmForm"
:rules="rulesFirmForm"
ref="firmForm"
label-position="right"
style="margin: 20px; width: 400px"
>
<h3 style="text-align: center">企业信息</h3>
<el-form-item label="企业名称" prop="companyName">
<el-input
placeholder="请输入企业名称"
v-model="firmForm.companyName"
></el-input>
</el-form-item>
<el-form-item label="社会统一信用号" prop="creditNum">
<el-input
placeholder="请输入企业统一社会信用号"
v-model="firmForm.creditNum"
></el-input>
</el-form-item>
<el-form-item label="企业类型" prop="bussinessStatus">
<el-select
v-model="firmForm.bussinessStatus"
placeholder="请选择企业类型"
>
<el-option label="生产企业" value="1"></el-option>
<el-option label="流通企业" value="2"></el-option>
<el-option label="医疗机构" value="3"></el-option>
</el-select>
</el-form-item>
<el-form-item label="法人名称" prop="legalPerson">
<el-input
placeholder="请输入法人名称"
v-model="firmForm.legalPerson"
></el-input>
</el-form-item>
<el-form-item label="法人身份证号" prop="legalldCard">
<el-input
placeholder="请输入法人身份证号"
v-model="firmForm.legalldCard"
></el-input>
</el-form-item>
<el-form-item label="注册地址" prop="registerAddress">
<el-input
placeholder="请输入注册地址"
v-model="firmForm.registerAddress"
></el-input>
</el-form-item>
<el-form-item label="联系方式" prop="contactWay">
<el-input
placeholder="请输入联系方式"
v-model="firmForm.contactWay"
></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input
placeholder="请输入邮箱"
v-model="firmForm.email"
></el-input>
</el-form-item>
<!-- <el-form-item label="注册状态" prop="checkStatus">
</el-form> -->
<!-- 企业信息 -->
<el-form
label-width="135px"
:model="firmForm"
:rules="rulesFirmForm"
ref="firmForm"
label-position="right"
style="margin: 20px; width: 100%"
>
<h3 style="text-align: center">企业信息</h3>
<el-form-item label="企业名称" prop="companyName">
<el-input
placeholder="请输入企业名称"
v-model="firmForm.companyName"
></el-input>
</el-form-item>
<el-form-item label="社会统一信用号" prop="creditNum">
<el-input
placeholder="请输入企业统一社会信用号"
v-model="firmForm.creditNum"
></el-input>
</el-form-item>
<el-form-item label="企业类型" prop="bussinessStatus">
<el-select
v-model="firmForm.bussinessStatus"
placeholder="请选择企业类型"
>
<el-option label="生产企业" value="1"></el-option>
<el-option label="流通企业" value="2"></el-option>
<el-option label="医疗机构" value="3"></el-option>
</el-select>
</el-form-item>
<el-form-item label="法人名称" prop="legalPerson">
<el-input
placeholder="请输入法人名称"
v-model="firmForm.legalPerson"
></el-input>
</el-form-item>
<el-form-item label="法人身份证号" prop="legalldCard">
<el-input
placeholder="请输入法人身份证号"
v-model="firmForm.legalldCard"
></el-input>
</el-form-item>
<el-form-item label="注册地址" prop="registerAddress">
<el-input
placeholder="请输入注册地址"
v-model="firmForm.registerAddress"
></el-input>
</el-form-item>
<el-form-item label="联系方式" prop="contactWay">
<el-input
placeholder="请输入联系方式"
v-model="firmForm.contactWay"
></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input
placeholder="请输入邮箱"
v-model="firmForm.email"
></el-input>
</el-form-item>
<!-- <el-form-item label="注册状态" prop="checkStatus">
<el-select disabled v-model="firmForm.checkStatus">
<el-option label="未审核" value="0"></el-option>
<el-option label="已审核" value="1"></el-option>
<el-option label="未通过" value="2"></el-option>
</el-select>
</el-form-item> -->
<el-form-item label="备注" prop="comments">
<el-input v-model="firmForm.comments"></el-input>
</el-form-item>
<el-form-item>
<el-button
type="primary"
class="bntNext"
@click="submitfirmForm('firmForm')"
>提交</el-button
>
</el-form-item>
</el-form>
<el-form-item label="备注" prop="comments">
<el-input v-model="firmForm.comments"></el-input>
</el-form-item>
<!-- 企业负责人信息 -->
<el-form
label-width="80px"
class="userForm"
label-position="right"
style="margin: 20px; width: 300px"
>
<h4 style="text-align: center">企业负责人信息</h4>
<el-form-item label="姓名">
<el-input placeholder="请输入姓名"></el-input> </el-form-item
><el-form-item label="电话">
<el-input placeholder="请输入电话"></el-input> </el-form-item
><el-form-item label="手机">
<el-input placeholder="请输入手机"></el-input> </el-form-item
><el-form-item label="QQ">
<el-input placeholder="请输入QQ"></el-input> </el-form-item
><el-form-item label="微信">
<el-input placeholder="请输入微信"></el-input> </el-form-item
><el-form-item label="邮箱">
<el-input placeholder="请输入邮箱"></el-input>
</el-form-item>
</el-form>
</div>
<h4 style="text-align: center">企业负责人信息</h4>
<el-form-item label="姓名">
<el-input placeholder="请输入姓名"></el-input> </el-form-item
><el-form-item label="电话">
<el-input placeholder="请输入电话"></el-input> </el-form-item
><el-form-item label="手机">
<el-input placeholder="请输入手机"></el-input> </el-form-item
><el-form-item label="QQ">
<el-input placeholder="请输入QQ"></el-input> </el-form-item
><el-form-item label="微信">
<el-input placeholder="请输入微信"></el-input> </el-form-item
><el-form-item label="邮箱">
<el-input placeholder="请输入邮箱"></el-input>
</el-form-item>
<!-- <el-form-item>
<el-button
type="primary"
class="bntNext"
@click="submitfirmForm('firmForm')"
>提交</el-button
>
</el-form-item> -->
</el-form>
<!-- 资质证书表格 -->
<div
style="
display: flex;
justify-content: space-between;
margin: 50px 20px 20px;
"
>
<span>企业资质证书</span>
<el-button type="success">添加资质证书</el-button>
</div>
<el-table :data="tableData" border style="width: 100%">
<el-table-column fixed prop="date" label="证书名称"> </el-table-column>
<el-table :data="tableData" border>
<el-table-column prop="date" label="证书名称"> </el-table-column>
<el-table-column prop="name" label="证书编号"> </el-table-column>
<el-table-column prop="province" label="起始日期"> </el-table-column>
<el-table-column prop="city" label="有效期至"> </el-table-column>
<el-table-column prop="address" label="证书文件"> </el-table-column>
<el-table-column label="操作">
<el-table-column label="操作" fixed="right" width="140px">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small"
>查看</el-button
@ -175,6 +173,12 @@
</template>
</el-table-column>
</el-table>
<el-button-group
style="width: 100%; display: flex; justify-content: center"
>
<el-button type="primary" style="margin: 10px 50px">注册</el-button>
<el-button type="primary" style="margin: 10px 50px">修改</el-button>
</el-button-group>
</div>
</el-card>
</template>
@ -339,12 +343,14 @@ export default {
<style rel="stylesheet/scss" lang="scss">
.userInformation {
background-image: url("../assets/login.jpg");
.el-card__body {
display: flex;
justify-content: center;
}
.el-input {
width: 200px;
justify-content: flex-end;
margin-right: 50px;
.el-select {
width: 100%;
}
}
}
</style>

Write Preview
Loading…
Cancel
Save