From cd620d55f21b3deaaa5a3df4682ca84720b1bf61 Mon Sep 17 00:00:00 2001
From: CTP <630182278@qq.com>
Date: Tue, 16 May 2023 16:47:43 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=A8=E6=88=B7=E4=BF=A1=E6=81=AF=E5=A1=AB?=
 =?UTF-8?q?=E5=86=99=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/userInformation.vue | 246 +++++++++++++++++-----------------
 1 file changed, 126 insertions(+), 120 deletions(-)

diff --git a/src/views/userInformation.vue b/src/views/userInformation.vue
index 385fafc..90105a6 100644
--- a/src/views/userInformation.vue
+++ b/src/views/userInformation.vue
@@ -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>