From d01d8b3077e68228ed1456d012b836c03203f79c Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Mon, 4 Sep 2023 16:46:34 +0800
Subject: [PATCH] gengx

---
 src/views/company/edit.vue  | 150 +++++++++++++++++++-----------------
 src/views/company/index.vue |  82 +++++++++++++++++++-
 2 files changed, 161 insertions(+), 71 deletions(-)

diff --git a/src/views/company/edit.vue b/src/views/company/edit.vue
index c35c01e..982aa75 100644
--- a/src/views/company/edit.vue
+++ b/src/views/company/edit.vue
@@ -250,8 +250,8 @@
       </el-col>
       <el-col :span="24" class="el-card pt-6">
         <div class="tit">主要联系人</div>
-        <el-row>
-          <div style="display: flex; justify-content: left">
+        <el-container>
+          <el-aside width="160px">
             <div class="headimg">
               <el-upload
                 :disabled="isDisabled"
@@ -273,77 +273,83 @@
                 </el-icon>
               </el-upload>
             </div>
-            <div class="right">
-              <el-row>
-                <el-col :span="8">
-                  <el-form-item label="姓名" prop="master_name">
-                    <el-input
-                      :disabled="isDisabled"
-                      v-model="formData.master_name"
-                      placeholder="请输入姓名"
-                      clearable
-                      :style="{ width: '100%' }"
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="10">
-                  <el-form-item label="职务" prop="master_position">
-                    <el-input
-                      :disabled="isDisabled"
-                      v-model="formData.master_position"
-                      placeholder="请输入职务"
-                      clearable
-                      :style="{ width: '100%' }"
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="8">
-                  <el-form-item label="手机" prop="master_phone">
-                    <el-input
-                      :disabled="isDisabled"
-                      v-model="formData.master_phone"
-                      placeholder="请输入手机"
-                      clearable
-                      :style="{ width: '100%' }"
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="10">
+          </el-aside>
+          <el-main>
+            <el-row>
+              <div style="display: flex; justify-content: left">
+                <div class="right">
+                  <el-row>
+                    <el-col :span="10">
+                      <el-form-item label="姓名" prop="master_name">
+                        <el-input
+                          :disabled="isDisabled"
+                          v-model="formData.master_name"
+                          placeholder="请输入姓名"
+                          clearable
+                          :style="{ width: '100%' }"
+                        ></el-input>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="10">
+                      <el-form-item label="职务" prop="master_position">
+                        <el-input
+                          :disabled="isDisabled"
+                          v-model="formData.master_position"
+                          placeholder="请输入职务"
+                          clearable
+                          :style="{ width: '100%' }"
+                        ></el-input>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="10">
+                      <el-form-item label="手机" prop="master_phone">
+                        <el-input
+                          :disabled="isDisabled"
+                          v-model="formData.master_phone"
+                          placeholder="请输入手机"
+                          type="number"
+                          clearable
+                          :style="{ width: '100%' }"
+                        ></el-input>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="10">
                   <el-form-item label="邮箱">
                     <el-input
                       :disabled="isDisabled"
                       v-model="formData.master_email"
                       placeholder="请输入邮箱"
+                      readonly
                       clearable
                       :style="{ width: '100%' }"
                     ></el-input>
                   </el-form-item>
                 </el-col>
-                <el-col :span="8">
-                  <el-form-item label="性别" prop="sex">
-                    <el-select
-                      :disabled="isDisabled"
-                      v-model="formData.sex"
-                      placeholder="请选择性别"
-                      :style="{ width: '100%' }"
-                    >
-                      <el-option label="男" value="1" />
-                      <el-option label="女" value="2" />
-                    </el-select>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="10">
-                  <el-form-item label="身份证">
-                    <el-input
-                      :disabled="isDisabled"
-                      v-model="formData.id_card"
-                      placeholder="请输入身份证"
-                      clearable
-                      :style="{ width: '100%' }"
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-                <!-- <el-col :span="10">
+                    <el-col :span="10">
+                      <el-form-item label="性别" prop="sex">
+                        <el-select
+                          :disabled="isDisabled"
+                          v-model="formData.sex"
+                          placeholder="请选择性别"
+                          :style="{ width: '100%' }"
+                        >
+                          <el-option label="男" value="1" />
+                          <el-option label="女" value="2" />
+                        </el-select>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="10">
+                      <el-form-item label="身份证">
+                        <el-input
+                          :disabled="isDisabled"
+                          v-model="formData.id_card"
+                          placeholder="请输入身份证"
+                          clearable
+                          :style="{ width: '100%' }"
+                        ></el-input>
+                      </el-form-item>
+                    </el-col>
+                    <!-- <el-col :span="10">
                         <el-form-item label="片区经理" prop="area_manager_name">
                             <el-input
                                 :disabled="isDisabled"
@@ -355,10 +361,12 @@
                             ></el-input>
                         </el-form-item>
                     </el-col> -->
-              </el-row>
-            </div>
-          </div>
-        </el-row>
+                  </el-row>
+                </div>
+              </div>
+            </el-row>
+          </el-main>
+        </el-container>
       </el-col>
       <el-col :span="24" class="el-card pt-6">
         <div class="tit">其他联系人</div>
@@ -1221,8 +1229,8 @@ defineExpose({
 }
 
 .avatar-uploader .el-upload {
-  width: 10vw;
-  height: 6.3vw;
+  width: 200px;
+  height: 130px;
   background-color: #fff;
   border: 1px dashed var(--el-border-color);
   border-radius: 6px;
@@ -1294,4 +1302,8 @@ defineExpose({
 .others {
   width: 100% !important;
 }
+
+.el-main {
+  padding: 0px !important;
+}
 </style>
diff --git a/src/views/company/index.vue b/src/views/company/index.vue
index 4017710..a5b4855 100644
--- a/src/views/company/index.vue
+++ b/src/views/company/index.vue
@@ -217,7 +217,10 @@
                   v-perms="['company/authentication']"
                   type="primary"
                   link
-                  @click="handleAuthentication(row.id)"
+                  @click="
+                    auth_id = row;
+                    authPop = true;
+                  "
                   >企业认证</el-button
                 >
                 <template v-if="row.is_authentication && row.is_contract == 0">
@@ -395,6 +398,72 @@
         <el-button type="info" size="large" @click="offPop">返回</el-button>
       </p>
     </el-dialog>
+    <el-dialog v-model="authPop" @close="offAuthPop">
+      <h1>重要提醒</h1>
+      <div>
+        <div style="font-size: 18px; font-weight: bold; padding-bottom: 10px">
+          请检查以下重要信息是否正确
+        </div>
+        <el-form ref="formRef" label-width="90px">
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="公司名称" prop="company_name">
+                <el-input
+                  placeholder="请输入公司名称"
+                  clearable
+                  :value="auth_id.company_name"
+                  readonly
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="企业代码" prop="company_name">
+                <el-input
+                  placeholder="请输入公司名称"
+                  clearable
+                  :value="auth_id.organization_code"
+                  readonly
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="主要联系人" prop="company_name">
+                <el-input
+                  placeholder="请输入公司名称"
+                  clearable
+                  :value="auth_id.master_name"
+                  readonly
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="手机号码" prop="company_name">
+                <el-input
+                  placeholder="请输入公司名称"
+                  clearable
+                  :value="auth_id.master_phone"
+                  readonly
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <p class="btn_menu">
+        <el-button
+          type="primary"
+          size="large"
+          @click="handleAuthentication(auth_id.id)"
+          >确认</el-button
+        >
+        <el-button type="warning" size="large" @click="sendMsg">修改</el-button>
+        <el-button type="info" size="large" @click="offAuthPop">返回</el-button>
+      </p>
+    </el-dialog>
   </div>
 </template>
 
@@ -447,6 +516,12 @@ const offInitiateContractPop = () => {
 // 创建合同的id
 const contractId = ref("");
 
+//弹窗
+const authPop = ref(false);
+const offAuthPop = () => {
+  authPop.value = false;
+};
+
 // 合同
 const contractFormData = ref({
   party_a: "",
@@ -565,10 +640,13 @@ const handleDelete = async (id: number | any[]) => {
   await apiCompanyDelete({ id });
   getLists();
 };
-const handleAuthentication = async (id: number | any[]) => {
+
+const auth_id = ref("");
+const handleAuthentication = async (id: number | string | any[]) => {
   await feedback.confirm("确定要认证？");
   await authentication({ id });
   getLists();
+  authPop.value = false;
 };
 
 // 审核中