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

Write Preview
Loading…
Cancel
Save