From df68af20ef7ea644f4f7a848e29dd86821e79fbe Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Thu, 17 Aug 2023 10:17:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/company/edit.vue | 155 +++++++++++++++++++------------------
 1 file changed, 78 insertions(+), 77 deletions(-)

diff --git a/src/views/company/edit.vue b/src/views/company/edit.vue
index ca9ac43..328ae46 100644
--- a/src/views/company/edit.vue
+++ b/src/views/company/edit.vue
@@ -200,7 +200,7 @@
       <el-col :span="24" class="el-card pt-6">
         <div class="tit">主要联系人</div>
         <el-row>
-          <el-col :span="2">
+          <div style="display: flex; justify-content: left">
             <div class="headimg">
               <el-upload
                 :disabled="isDisabled"
@@ -221,78 +221,77 @@
                 </el-icon>
               </el-upload>
             </div>
-          </el-col>
-          <el-col :span="20">
-            <el-row>
-              <el-col :span="12">
-                <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="12">
-                <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="12">
-                <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="12">
-                <el-form-item label="邮箱">
-                  <el-input
-                    :disabled="isDisabled"
-                    v-model="formData.master_email"
-                    placeholder="请输入邮箱"
-                    clearable
-                    :style="{ width: '100%' }"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <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="12">
-                <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="12">
+            <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-form-item label="邮箱">
+                    <el-input
+                      :disabled="isDisabled"
+                      v-model="formData.master_email"
+                      placeholder="请输入邮箱"
+                      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-form-item label="片区经理" prop="area_manager_name">
                             <el-input
                                 :disabled="isDisabled"
@@ -304,8 +303,9 @@
                             ></el-input>
                         </el-form-item>
                     </el-col> -->
-            </el-row>
-          </el-col>
+              </el-row>
+            </div>
+          </div>
         </el-row>
       </el-col>
       <el-col :span="24" class="el-card pt-6">
@@ -1137,14 +1137,15 @@ defineExpose({
   width: 120px;
   height: 140px;
   overflow: hidden;
+  border: 1px dashed var(--el-border-color);
+  border-radius: 6px;
+  flex-shrink: 0;
 }
 
 .avatar-uploader-head .el-upload {
   width: 120px;
   height: 140px;
   background-color: #fff;
-  border: 1px dashed var(--el-border-color);
-  border-radius: 6px;
   cursor: pointer;
   position: relative;
   overflow: hidden;