diff --git a/anrui-management/anrui-management-ui/src/components/uploadFileimg/upload_head.vue b/anrui-management/anrui-management-ui/src/components/uploadFileimg/upload_head.vue
index 6b133c40ec..a961a82d42 100644
--- a/anrui-management/anrui-management-ui/src/components/uploadFileimg/upload_head.vue
+++ b/anrui-management/anrui-management-ui/src/components/uploadFileimg/upload_head.vue
@@ -136,9 +136,9 @@ export default {
 }
 
 .avatar {
-  margin-top: 5%;
-  width:  178px;
-  height: 178px;
+  margin-top: 10%;
+  width:  200px;
+  height: 220px;
   display: block;
 }
 </style>
diff --git a/anrui-management/anrui-management-ui/src/views/sysstaffinfo/yuangongAdd.vue b/anrui-management/anrui-management-ui/src/views/sysstaffinfo/yuangongAdd.vue
index e99a6ad0db..64987bc19a 100644
--- a/anrui-management/anrui-management-ui/src/views/sysstaffinfo/yuangongAdd.vue
+++ b/anrui-management/anrui-management-ui/src/views/sysstaffinfo/yuangongAdd.vue
@@ -18,21 +18,19 @@
           <el-main>
             <el-row>
               <el-col :span="4">
-                <span>工号</span>
+                <span><span class="icon">*</span>工号</span>
               </el-col>
-              <el-col :span="20">
+              <el-col :span="8">
                 <el-form-item prop="jobNumber">
-                  <el-input v-model="temp.jobNumber" maxlength="20" placeholder="系统自动生成" style="width: 28.5%" clearable readonly/>
+                  <el-input v-model="temp.jobNumber" maxlength="20" placeholder="系统自动生成" clearable readonly/>
                 </el-form-item>
               </el-col>
-            </el-row>
-            <el-row>
               <el-col :span="4">
                 <span><span class="icon">*</span>姓名</span>
               </el-col>
-              <el-col :span="20">
+              <el-col :span="8">
                 <el-form-item prop="name">
-                  <el-input v-model="temp.name" maxlength="20" placeholder="请输入姓名" style="width: 28.5%" clearable/>
+                  <el-input v-model="temp.name" maxlength="20" placeholder="请输入姓名" clearable/>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -40,20 +38,83 @@
               <el-col :span="4">
                 <span><span class="icon">*</span>性别</span>
               </el-col>
-              <el-col :span="20">
+              <el-col :span="8">
                 <el-form-item prop="gender">
                   <el-radio v-model="temp.gender" label="男">男</el-radio>
                   <el-radio v-model="temp.gender" label="女">女</el-radio>
                 </el-form-item>
               </el-col>
+              <el-col :span="4">
+                <span><span class="icon">*</span>出生年月日</span>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="birthday">
+                  <el-date-picker v-model="temp.birthday" style="width: 100%" type="date" placeholder="选择日期"
+                                  value-format="yyyy-MM-dd"/>
+                </el-form-item>
+              </el-col>
             </el-row>
             <el-row>
               <el-col :span="4">
                 <span><span class="icon">*</span>身份证</span>
               </el-col>
-              <el-col :span="20">
+              <el-col :span="8">
                 <el-form-item prop="idNo">
-                  <el-input v-model="temp.idNo" maxlength="20" placeholder="请输入身份证号" style="width: 28.5%" clearable/>
+                  <el-input v-model="temp.idNo" maxlength="20" placeholder="请输入身份证号" clearable/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
+                <span><span class="icon">*</span>证件有效期</span>
+              </el-col>
+              <el-col :span="8" class="jiguan">
+                <el-form-item prop="idTerm">
+                  <el-date-picker v-model="temp.idTerm" style="width: 100%" type="date" placeholder="选择日期"
+                                  value-format="yyyy-MM-dd"/>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="4">
+                <span><span class="icon">*</span>民族</span>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="national">
+                  <el-select v-model="temp.national" style="width: 100%" placeholder="请选择民族" @change="getNational">
+                    <el-option v-for="(item, index) in national_list" :key="index.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
+                <span><span class="icon">*</span>手机号码</span>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="mobile">
+                  <el-input v-model="temp.mobile" maxlength="20" placeholder="请输入手机号码" clearable/>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="4">
+                <span>政治面貌</span>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="poliCode">
+                  <el-select v-model="temp.poliCode" style="width: 100%" placeholder="请选择政治面貌" @change="getPoliCode">
+                    <el-option v-for="(item, index) in political_list" :key="index.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
+                <span>婚姻状况</span>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="maritalStatus">
+                  <el-select v-model="temp.maritalStatus" style="width: 100%" placeholder="请选择婚姻状况" @change="getMari">
+                    <el-option v-for="(item, index) in maritalstatus_list" :key="index.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -65,33 +126,29 @@
         </el-container>
         <el-row>
           <el-col :span="3">
-            <span><span class="icon">*</span>证件有效期</span>
+            <span>紧急联系人</span>
           </el-col>
-          <el-col :span="21" class="jiguan">
-            <el-form-item prop="idTerm">
-              <el-date-picker v-model="temp.idTerm" style="width: 20%" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
+          <el-col :span="6">
+            <el-form-item prop="emergencyContact">
+              <el-input v-model="temp.emergencyContact" maxlength="20" placeholder="请输入紧急联系人"
+                        clearable/>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
           <el-col :span="3">
-            <span><span class="icon">*</span>出生年月日</span>
+            <span>紧急联系电话</span>
           </el-col>
-          <el-col :span="21">
-            <el-form-item prop="birthday">
-              <el-date-picker v-model="temp.birthday" style="width: 20%" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
+          <el-col :span="6">
+            <el-form-item prop="emergencyMobile">
+              <el-input v-model="temp.emergencyMobile" maxlength="20" placeholder="请输入紧急联系电话"
+                        clearable/>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="3">
-            <span><span class="icon">*</span>民族</span>
+          <el-col :span="2" style="border-top:1px solid #e0e3eb" class="spe_style">
+            <span>邮箱</span>
           </el-col>
-          <el-col :span="21">
-            <el-form-item prop="national">
-              <el-select v-model="temp.national" style="width: 20%" placeholder="请选择民族" @change="getNational">
-                <el-option v-for="(item, index) in national_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
-              </el-select>
+          <el-col :span="4" style="border-top:1px solid #e0e3eb" class="spe_style02">
+            <el-form-item prop="email">
+              <el-input v-model="temp.email" maxlength="20" placeholder="请输入邮箱" clearable/>
             </el-form-item>
           </el-col>
         </el-row>
@@ -120,108 +177,75 @@
               <el-select v-model="temp.county" filterable placeholder="请选择县" style="width: 148px" @change="getQu">
                 <el-option v-for="item in inputCountyList" :key="item.sid" :label="item.name" :value="item.sid"/>
               </el-select>
-              <el-input v-model="temp.nativePlace" maxlength="20" placeholder="请输入详细地址" style="width: 40%" clearable/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="3">
-            <span><span class="icon">*</span>手机号码</span>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item prop="mobile">
-              <el-input v-model="temp.mobile" maxlength="20" placeholder="请输入手机号码" style="width: 50%" clearable/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="3">
-            <span>邮箱</span>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item prop="email">
-              <el-input v-model="temp.email" maxlength="20" placeholder="请输入邮箱" style="width: 50%" clearable/>
+              <el-input v-model="temp.nativePlace" maxlength="20" placeholder="请输入详细地址"
+                        style="margin-left:15px;width: 40%" clearable/>
             </el-form-item>
           </el-col>
         </el-row>
+        <div class="title" style=" display: flex; align-items: center; justify-content: space-between;">
+          <div>更多信息</div>
+        </div>
         <el-row>
           <el-col :span="3">
-            <span>紧急联系人</span>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item prop="emergencyContact">
-              <el-input v-model="temp.emergencyContact" maxlength="20" placeholder="请输入紧急联系人" style="width: 50%" clearable/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="3">
-            <span>紧急联系电话</span>
+            <span><span class="icon">*</span>员工类型</span>
           </el-col>
-          <el-col :span="9">
-            <el-form-item prop="emergencyMobile">
-              <el-input v-model="temp.emergencyMobile" maxlength="20" placeholder="请输入紧急联系电话" style="width: 50%" clearable/>
+          <el-col :span="6">
+            <el-form-item prop="personType">
+              <el-select v-model="temp.personType" placeholder="请选择员工类型" @change="getPersonType">
+                <el-option v-for="(item, index) in personType_list" :key="index.dictKey" :label="item.dictValue"
+                           :value="item.dictKey"/>
+              </el-select>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
           <el-col :span="3">
-            <span>政治面貌</span>
+            <span><span class="icon">*</span>所在部门</span>
           </el-col>
-          <el-col :span="9">
-            <el-form-item prop="poliCode">
-              <el-select v-model="temp.poliCode" style="width: 50%" placeholder="请选择政治面貌" @change="getPoliCode">
-                <el-option v-for="(item, index) in political_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
-              </el-select>
+          <el-col :span="6">
+            <el-form-item prop="orgName">
+              <el-cascader ref="clearableCascader" v-model="orgName_list" :props="props" :options="options" clearable
+                           @change="orgNameChange"/>
             </el-form-item>
           </el-col>
-          <el-col :span="3">
-            <span>婚姻状况</span>
+          <el-col :span="2" class="spe_style">
+            <span><span class="icon">*</span>岗位</span>
           </el-col>
-          <el-col :span="9">
-            <el-form-item prop="maritalStatus">
-              <el-select v-model="temp.maritalStatus" style="width: 50%" placeholder="请选择婚姻状况" @change="getMari">
-                <el-option v-for="(item, index) in maritalstatus_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+          <el-col :span="4" class="spe_style02">
+            <el-form-item prop="postSid">
+              <el-select v-model="temp.postName" placeholder="请选择岗位" @change="getPostSid">
+                <el-option v-for="(item, index) in postSid_list" :key="index.postCode" :label="item.name"
+                           :value="item.postCode"/>
               </el-select>
             </el-form-item>
           </el-col>
+
         </el-row>
-        <div class="title" style=" display: flex; align-items: center; justify-content: space-between;">
-          <div>更多信息</div>
-        </div>
         <el-row>
-          <el-col :span="3">
-            <span><span class="icon">*</span>员工类型</span>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item prop="personType">
-              <el-select v-model="temp.personType" style="width: 50%" placeholder="请选择员工类型" @change="getPersonType">
-                <el-option v-for="(item, index) in personType_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
-              </el-select>
-            </el-form-item>
-          </el-col>
           <el-col :span="3">
             <span><span class="icon">*</span>入职时间</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item prop="joinCompnyDate">
               <el-date-picker v-model="temp.joinCompnyDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
           <el-col :span="3">
             <span>试用期</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item prop="probPeriod">
-              <el-select v-model="temp.probPeriod" style="width: 50%" placeholder="请选择试用期" @change="getProbPeriod">
-                <el-option v-for="(item, index) in probPeriod_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+              <el-select v-model="temp.probPeriod" placeholder="请选择试用期" @change="getProbPeriod">
+                <el-option v-for="(item, index) in probPeriod_list" :key="index.dictKey" :label="item.dictValue"
+                           :value="item.dictKey"/>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="3">
+          <el-col :span="2" class="spe_style">
             <span>计划转正日期</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="4" class="spe_style02">
             <el-form-item prop="plannedConfirmDate">
-              <el-date-picker v-model="temp.plannedConfirmDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
+              <el-date-picker v-model="temp.plannedConfirmDate" type="date" placeholder="选择日期"
+                              value-format="yyyy-MM-dd"/>
             </el-form-item>
           </el-col>
         </el-row>
@@ -229,48 +253,25 @@
           <el-col :span="3">
             <span>实际转正日期</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item prop="confirmationDate">
               <el-date-picker v-model="temp.confirmationDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
             </el-form-item>
           </el-col>
-          <el-col :span="12" />
-        </el-row>
-        <el-row>
-          <el-col :span="3">
-            <span><span class="icon">*</span>所在部门</span>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item prop="orgName">
-              <el-cascader v-model="orgName_list" :props="props" :options="options" clearable ref="clearableCascader" @change="orgNameChange"/>
-            </el-form-item>
-          </el-col>
           <el-col :span="3">
-            <span><span class="icon">*</span>岗位</span>
+            <span>开户行</span>
           </el-col>
-          <el-col :span="9">
-            <el-form-item prop="postSid">
-              <el-select v-model="temp.postName" style="width: 50%" placeholder="请选择岗位" @change="getPostSid">
-                <el-option v-for="(item, index) in postSid_list" :key="index.postCode" :label="item.name" :value="item.postCode"/>
-              </el-select>
+          <el-col :span="6">
+            <el-form-item prop="openBank">
+              <el-input v-model="temp.openBank" maxlength="20" placeholder="请输入开户行" class="addinputw" clearable/>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="3">
+          <el-col :span="2" class="spe_style">
             <span>银行账号</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="4" class="spe_style02">
             <el-form-item prop="bankCardNo">
-              <el-input v-model="temp.bankCardNo" maxlength="20" placeholder="请输入银行账号" style="width: 50%" clearable/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="3">
-            <span>开户行</span>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item prop="openBank">
-              <el-input v-model="temp.openBank" maxlength="20" placeholder="请输入开户行" class="addinputw" clearable/>
+              <el-input v-model="temp.bankCardNo" maxlength="20" placeholder="请输入银行账号" clearable/>
             </el-form-item>
           </el-col>
         </el-row>
@@ -279,21 +280,19 @@
           <el-col :span="3">
             <span>身份证(人像面)</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <Upload ref="uploadImg" v-model="idCardA_list" :limit="1" bucket="map" :upload-data="{ type: '0001' }"/>
           </el-col>
           <el-col :span="3">
             <span>身份证(国徽面)</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <Upload ref="uploadImg" v-model="idCardB_list" :limit="1" bucket="map" :upload-data="{ type: '0001' }"/>
           </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="3">
-            <span>前公司离职证明</span>
+          <el-col :span="2" class="spe_style">
+            <span style="font-size: 0.1em;">前公司离职证明</span>
           </el-col>
-          <el-col :span="21">
+          <el-col :span="4" class="spe_style02">
             <Upload ref="uploadImg" v-model="leave_list" :limit="1" bucket="map" :upload-data="{ type: '0001' }"/>
           </el-col>
         </el-row>
@@ -304,7 +303,7 @@
           <el-col :span="3">
             <span>毕业院校</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item prop="graduate">
               <el-input v-model="temp.graduate" maxlength="20" placeholder="请输入毕业院校" class="addinputw" clearable/>
             </el-form-item>
@@ -312,55 +311,56 @@
           <el-col :span="3">
             <span>学历/专业</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item prop="education">
-              <el-select v-model="temp.education" style="width: 50%" placeholder="请选择学历" @change="getEducate">
-                <el-option v-for="(item, index) in educate_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+              <el-select v-model="temp.education" placeholder="请选择学历" @change="getEducate">
+                <el-option v-for="(item, index) in educate_list" :key="index.dictKey" :label="item.dictValue"
+                           :value="item.dictKey"/>
               </el-select>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="3">
+          <el-col :span="2" class="spe_style">
             <span>职称</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="4" class="spe_style02">
             <el-form-item prop="title">
               <el-input v-model="temp.title" maxlength="20" placeholder="请输入职称" class="addinputw" clearable/>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
           <el-col :span="3">
             <span>资格认证</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item prop="qualification">
               <el-input v-model="temp.qualification" maxlength="20" placeholder="请输入资格认证" class="addinputw" clearable/>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
           <el-col :span="3">
             <span>驾照类型</span>
           </el-col>
-          <el-col :span="21">
+          <el-col :span="12">
             <el-form-item prop="licenseType">
-              <el-select v-model="temp.licenseType" style="width: 20%" placeholder="请选择驾照类型" @change="getLicenseType">
-                <el-option v-for="(item, index) in licenseType_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+              <el-select v-model="temp.licenseType" placeholder="请选择驾照类型" @change="getLicenseType">
+                <el-option v-for="(item, index) in licenseType_list" :key="index.dictKey" :label="item.dictValue"
+                           :value="item.dictKey"/>
               </el-select>
             </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
           <el-col :span="3">
             <span>学历证书</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <Upload ref="uploadImg" v-model="diploma_list" :limit="1" bucket="map" :upload-data="{ type: '0001' }"/>
           </el-col>
           <el-col :span="3">
             <span>学位证书</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="12">
             <Upload ref="uploadImg" v-model="degree_list" :limit="1" bucket="map" :upload-data="{ type: '0001' }"/>
           </el-col>
         </el-row>
@@ -371,7 +371,7 @@
           <el-col :span="3">
             <span>意外险参保</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item prop="isHaveInsurance">
               <el-radio v-model="temp.isHaveInsurance" :label="1">是</el-radio>
               <el-radio v-model="temp.isHaveInsurance" :label="0">否</el-radio>
@@ -380,35 +380,36 @@
           <el-col :span="3">
             <span>意外险参保地</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item prop="insuranceAddr">
-              <el-input v-model="temp.insuranceAddr" maxlength="20" placeholder="请输入意外险参保地" class="addinputw" clearable/>
+              <el-input v-model="temp.insuranceAddr" maxlength="20" style="width: 100%" placeholder="请输入参保地" class="addinputw"
+                        clearable/>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
           <el-col :span="3">
             <span>意外险参保时间</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item prop="insuranceStartDate">
-              <el-date-picker v-model="temp.insuranceStartDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
+              <el-date-picker v-model="temp.insuranceStartDate" style="width: 100%" type="date" placeholder="选择日期"
+                              value-format="yyyy-MM-dd"/>
             </el-form-item>
           </el-col>
           <el-col :span="3">
             <span>意外险终止时间</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3"  class="spe_style02">
             <el-form-item prop="insuranceEndDate">
-              <el-date-picker v-model="temp.insuranceEndDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
+              <el-date-picker v-model="temp.insuranceEndDate" style="width: 100%" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
             </el-form-item>
           </el-col>
         </el-row>
+
         <el-row>
           <el-col :span="3">
             <span>养老</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item prop="isHaveAged">
               <el-radio v-model="temp.isHaveAged" :label="1">是</el-radio>
               <el-radio v-model="temp.isHaveAged" :label="0">否</el-radio>
@@ -417,18 +418,16 @@
           <el-col :span="3">
             <span>医疗/生育</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item prop="isHaveMedical">
               <el-radio v-model="temp.isHaveMedical" :label="1">是</el-radio>
               <el-radio v-model="temp.isHaveMedical" :label="0">否</el-radio>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
           <el-col :span="3">
             <span>工伤</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item prop="isHaveInjury">
               <el-radio v-model="temp.isHaveInjury" :label="1">是</el-radio>
               <el-radio v-model="temp.isHaveInjury" :label="0">否</el-radio>
@@ -437,7 +436,7 @@
           <el-col :span="3">
             <span>失业</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item prop="isHaveUnemploy">
               <el-radio v-model="temp.isHaveUnemploy" :label="1">是</el-radio>
               <el-radio v-model="temp.isHaveUnemploy" :label="0">否</el-radio>
@@ -471,7 +470,8 @@
           </el-col>
           <el-col :span="9">
             <el-form-item prop="contractStartDate">
-              <el-date-picker v-model="temp.contractStartDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"/>
+              <el-date-picker v-model="temp.contractStartDate" type="date" placeholder="选择日期"
+                              value-format="yyyy-MM-dd"/>
             </el-form-item>
           </el-col>
           <el-col :span="3">
@@ -512,14 +512,14 @@
 </template>
 
 <script>
-import { getProvince, getCity, getCounty } from '@/api/Common/areaPicker' // 省市区
+import {getCity, getCounty, getProvince} from '@/api/Common/areaPicker' // 省市区
 import Upload from '@/components/uploadFileimg/upload.vue'
 import uploadHead from '@/components/uploadFileimg/upload_head.vue'
 import req from '@/api/management/yuangongguanli'
 
 export default {
   name: 'YuangongAdd',
-  components: { Upload, uploadHead },
+  components: {Upload, uploadHead},
   data() {
     var checkSubmit = (rule, value, callback) => {
       const Submit =
@@ -592,13 +592,13 @@ export default {
         sysStaffPost: {} // 岗位信息
       },
       rules: {
-        name: [{ required: true, message: '姓名不能为空', trigger: 'change' }],
-        gender: [{ required: true, message: '性别不能为空', trigger: 'change' }],
-        idNo: [{ required: true, message: '身份证号不能为空', trigger: 'change' }],
-        idTerm: [{ required: true, message: '证件有效期不能为空', trigger: 'change' }],
-        national: [{ required: true, message: '民族不能为空', trigger: 'change' }],
-        mobile: [{ required: true, message: '手机号不能为空', validator: checkSubmit, trigger: 'change' }],
-        personType: [{ required: true, message: '员工类型不能为空', trigger: 'change' }]
+        name: [{required: true, message: '姓名不能为空', trigger: 'change'}],
+        gender: [{required: true, message: '性别不能为空', trigger: 'change'}],
+        idNo: [{required: true, message: '身份证号不能为空', validator: identitycard, trigger: 'change'}],
+        idTerm: [{required: true, message: '证件有效期不能为空', trigger: 'change'}],
+        national: [{required: true, message: '民族不能为空', trigger: 'change'}],
+        mobile: [{required: true, message: '手机号不能为空', validator: checkSubmit, trigger: 'change'}],
+        personType: [{required: true, message: '员工类型不能为空', trigger: 'change'}]
       },
       submitdisabled: false
     }
@@ -781,7 +781,6 @@ export default {
           }
         }
       }
-
     },
 
     // -------------------------数据字典下拉框-------------------------
@@ -1231,7 +1230,7 @@ export default {
   padding: 0;
 }
 .formadd {
-  margin: 0 15%;
+  margin: 0 2%;
 }
 /deep/ .el-form-item__content {
   margin-left: 0 !important;
@@ -1255,4 +1254,17 @@ export default {
   line-height: 40px !important;
   font-weight: 600;
 }
+
+.spe_style {
+  text-align: right;
+  float: left;
+  font-size: 14px;
+  color: #606266;
+  line-height: 40px !important;
+  font-weight: 600;
+}
+
+.spe_style02 {
+  text-align: left;
+}
 </style>
diff --git a/anrui-management/anrui-management-ui/src/views/sysstaffinfo/yuangongInfo.vue b/anrui-management/anrui-management-ui/src/views/sysstaffinfo/yuangongInfo.vue
index 294810e6cc..930bad855e 100644
--- a/anrui-management/anrui-management-ui/src/views/sysstaffinfo/yuangongInfo.vue
+++ b/anrui-management/anrui-management-ui/src/views/sysstaffinfo/yuangongInfo.vue
@@ -20,19 +20,17 @@
                   <span>工号</span>
                 </el-form-item>
               </el-col>
-              <el-col :span="20">
+              <el-col :span="8">
                 <el-form-item>
                   <span>{{ temp.jobNumber }}</span>
                 </el-form-item>
               </el-col>
-            </el-row>
-            <el-row>
               <el-col :span="4">
                 <el-form-item>
                   <span>姓名</span>
                 </el-form-item>
               </el-col>
-              <el-col :span="20">
+              <el-col :span="8">
                 <el-form-item>
                   <span>{{ temp.name }}</span>
                 </el-form-item>
@@ -44,11 +42,21 @@
                   <span>性别</span>
                 </el-form-item>
               </el-col>
-              <el-col :span="20">
+              <el-col :span="8">
                 <el-form-item>
                   <span>{{ temp.gender }}</span>
                 </el-form-item>
               </el-col>
+              <el-col :span="4">
+                <el-form-item>
+                  <span>出生年月日</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <span>{{ temp.birthday }}</span>
+                </el-form-item>
+              </el-col>
             </el-row>
             <el-row>
               <el-col :span="4">
@@ -56,62 +64,100 @@
                   <span>身份证</span>
                 </el-form-item>
               </el-col>
-              <el-col :span="20">
+              <el-col :span="8">
                 <el-form-item>
                   <span>{{ temp.idNo }}</span>
                 </el-form-item>
               </el-col>
+              <el-col :span="4">
+                <el-form-item>
+                  <span>证件有效期</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <span>{{ temp.idTerm }}</span>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="4">
+                <el-form-item>
+                  <span>民族</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <span>{{ temp.national }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
+                <el-form-item>
+                  <span>手机号码</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <span>{{ temp.mobile }}</span>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="4">
+                <el-form-item>
+                  <span>婚姻状况</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <span>{{ temp.maritalStatus }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
+                <el-form-item>
+                  <span>政治面貌</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item>
+                  <span>{{ temp.poliCode }}</span>
+                </el-form-item>
+              </el-col>
             </el-row>
           </el-main>
-          <el-aside style="width: 25%;text-align: center;border-right: 1px solid #e0e3eb">
-            <img v-show="temp.photo !=='' ? true : false" style="width: 178px;height: 178px;" :src="temp.photo" @click="open(temp.photo)">
+          <el-aside style="width: 25%;margin-top:2%;text-align: center;border-right: 1px solid #e0e3eb">
+            <img v-show="temp.photo !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" :src="temp.photo" @click="open(temp.photo)">
           </el-aside>
         </el-container>
         <el-row>
           <el-col :span="3">
             <el-form-item>
-              <span>证件有效期</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="21" class="jiguan">
-            <el-form-item>
-              <span>{{ temp.idTerm }}</span>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="3">
-            <el-form-item>
-              <span>出生年月日</span>
+              <span>紧急联系人</span>
             </el-form-item>
           </el-col>
-          <el-col :span="21">
+          <el-col :span="6">
             <el-form-item>
-              <span>{{ temp.birthday }}</span>
+              <span>{{ temp.emergencyContact }}</span>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
           <el-col :span="3">
             <el-form-item>
-              <span>民族</span>
+              <span>紧急联系电话</span>
             </el-form-item>
           </el-col>
-          <el-col :span="21">
+          <el-col :span="6">
             <el-form-item>
-              <span>{{ temp.national }}</span>
+              <span>{{ temp.emergencyMobile }}</span>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="3">
+          <el-col :span="2" class="spe_style" style="border-top:1px solid #e0e3eb">
             <el-form-item>
-              <span>籍贯</span>
+              <span>邮箱</span>
             </el-form-item>
           </el-col>
-          <el-col :span="21">
+          <el-col :span="4" style="border-top:1px solid #e0e3eb" class="spe_style02">
             <el-form-item>
-              <span>{{ temp.province + temp.city + temp.county }}</span>
+              <span>{{ temp.email }}</span>
             </el-form-item>
           </el-col>
         </el-row>
@@ -130,66 +176,12 @@
         <el-row>
           <el-col :span="3">
             <el-form-item>
-              <span>手机号码</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item>
-              <span>{{ temp.mobile }}</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="3">
-            <el-form-item>
-              <span>邮箱</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item>
-              <span>{{ temp.email }}</span>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="3">
-            <el-form-item>
-              <span>紧急联系人</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item>
-              <span>{{ temp.emergencyContact }}</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="3">
-            <el-form-item>
-              <span>紧急联系电话</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item>
-              <span>{{ temp.emergencyMobile }}</span>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="3">
-            <el-form-item>
-              <span>政治面貌</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item>
-              <span>{{ temp.poliCode }}</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="3">
-            <el-form-item>
-              <span>婚姻状况</span>
+              <span>籍贯</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="21">
             <el-form-item>
-              <span>{{ temp.maritalStatus }}</span>
+              <span>{{ temp.province + temp.city + temp.county }}</span>
             </el-form-item>
           </el-col>
         </el-row>
@@ -198,102 +190,79 @@
         </div>
         <el-row>
           <el-col :span="3">
-            <el-form-item>
-              <span>员工类型</span>
-            </el-form-item>
+            <span><span class="icon">*</span>员工类型</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item>
-              <span>{{ temp.personType }}</span>
+              <span>{{temp.personType}}</span>
             </el-form-item>
           </el-col>
           <el-col :span="3">
-            <el-form-item>
-              <span>入职时间</span>
-            </el-form-item>
+            <span><span class="icon">*</span>所在部门</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item>
-              <span>{{ temp.joinCompnyDate }}</span>
+              <span>{{temp.sysStaffOrg.orgName}}</span>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="3">
-            <el-form-item>
-              <span>试用期</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item>
-              <span>{{ temp.probPeriod }}</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="3">
-            <el-form-item>
-              <span>计划转正日期</span>
-            </el-form-item>
+          <el-col :span="2" class="spe_style">
+            <span><span class="icon">*</span>岗位</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="4" class="spe_style02">
             <el-form-item>
-              <span>{{ temp.plannedConfirmDate }}</span>
+              <span>{{temp.sysStaffPost.name}}</span>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="3">
-            <el-form-item>
-              <span>实际转正日期</span>
-            </el-form-item>
+            <span><span class="icon">*</span>入职时间</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item>
-              <span>{{ temp.confirmationDate }}</span>
+              <span>{{temp.joinCompnyDate}}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="12" />
-        </el-row>
-        <el-row>
           <el-col :span="3">
-            <el-form-item>
-              <span>所在部门</span>
-            </el-form-item>
+            <span>试用期</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item>
-              <span>{{ temp.sysStaffOrg.orgName }}</span>
+              <span>{{temp.probPeriod}}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="3">
-            <el-form-item>
-              <span>岗位</span>
-            </el-form-item>
+          <el-col :span="2" class="spe_style">
+            <span>计划转正日期</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="4" class="spe_style02">
             <el-form-item>
-              <span>{{ temp.sysStaffPost.name }}</span>
+              <span>{{temp.plannedConfirmDate}}</span>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="3">
-            <el-form-item>
-              <span>银行账号</span>
-            </el-form-item>
+            <span>实际转正日期</span>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item>
-              <span>{{ temp.bankCardNo }}</span>
+              <span>{{temp.confirmationDate}}</span>
             </el-form-item>
           </el-col>
           <el-col :span="3">
+            <span>开户行</span>
+          </el-col>
+          <el-col :span="6">
             <el-form-item>
-              <span>开户行</span>
+              <span>{{temp.openBank}}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="2" class="spe_style">
+            <span>银行账号</span>
+          </el-col>
+          <el-col :span="4" class="spe_style02">
             <el-form-item>
-              <span>{{ temp.openBank }}</span>
+              <span>{{temp.bankCardNo}}</span>
             </el-form-item>
           </el-col>
         </el-row>
@@ -304,9 +273,9 @@
               <span>身份证(人像面)</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item>
-              <img v-show="temp.idCardA !=='' ? true : false" style="width: 178px;height: 178px;" :src="temp.idCardA" @click="open(temp.idCardA)">
+              <img v-show="temp.idCardA !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" :src="temp.idCardA" @click="open(temp.idCardA)">
             </el-form-item>
           </el-col>
           <el-col :span="3">
@@ -314,21 +283,19 @@
               <span>身份证(国徽面)</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item>
-              <img v-show="temp.idCardB !=='' ? true : false" style="width: 178px;height: 178px;" :src="temp.idCardB" @click="open(temp.idCardB)">
+              <img v-show="temp.idCardB !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" :src="temp.idCardB" @click="open(temp.idCardB)">
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="3">
+          <el-col :span="2" class="spe_style">
             <el-form-item>
-              <span>前公司离职证明</span>
+              <span style="font-size: 0.1em;">前公司离职证明</span>
             </el-form-item>
           </el-col>
-          <el-col :span="21">
+          <el-col :span="4" class="spe_style02">
             <el-form-item>
-              <img v-show="temp.leaveCertificate !=='' ? true : false" style="width: 178px;height: 178px;" :src="temp.leaveCertificate" @click="open(temp.leaveCertificate)">
+              <img v-show="temp.leaveCertificate !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" :src="temp.leaveCertificate" @click="open(temp.leaveCertificate)">
             </el-form-item>
           </el-col>
         </el-row>
@@ -341,7 +308,7 @@
               <span>毕业院校</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item>
               <span>{{ temp.graduate }}</span>
             </el-form-item>
@@ -351,41 +318,39 @@
               <span>学历/专业</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item>
               <span>{{ temp.education }}</span>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="3">
+          <el-col :span="2" class="spe_style">
             <el-form-item>
               <span>职称</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="4" class="spe_style02">
             <el-form-item>
               <span>{{ temp.title }}</span>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
           <el-col :span="3">
             <el-form-item>
               <span>资格认证</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="6">
             <el-form-item>
               <span>{{ temp.qualification }}</span>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
           <el-col :span="3">
             <el-form-item>
               <span>驾照类型</span>
             </el-form-item>
           </el-col>
-          <el-col :span="21">
+          <el-col :span="12">
             <el-form-item>
               <span>{{ temp.licenseType }}</span>
             </el-form-item>
@@ -397,16 +362,16 @@
               <span>学历证书</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
-            <img v-show="temp.diploma !=='' ? true : false" style="width: 178px;height: 178px;" :src="temp.diploma" @click="open(temp.diploma)">
+          <el-col :span="6">
+            <img v-show="temp.diploma !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" :src="temp.diploma" @click="open(temp.diploma)">
           </el-col>
           <el-col :span="3">
             <el-form-item>
               <span>学位证书</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
-            <img v-show="temp.degreeCertificate !=='' ? true : false" style="width: 178px;height: 178px;" :src="temp.degreeCertificate" @click="open(temp.degreeCertificate)">
+          <el-col :span="12">
+            <img v-show="temp.degreeCertificate !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" :src="temp.degreeCertificate" @click="open(temp.degreeCertificate)">
           </el-col>
         </el-row>
         <div class="title" style=" display: flex; align-items: center; justify-content: space-between;">
@@ -418,7 +383,7 @@
               <span>意外险参保</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item>
               <span>{{ temp.isHaveInsuranceValue }}</span>
             </el-form-item>
@@ -428,19 +393,17 @@
               <span>意外险参保地</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item>
               <span>{{ temp.insuranceAddr }}</span>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
           <el-col :span="3">
             <el-form-item>
               <span>意外险参保时间</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item>
               <span>{{ temp.insuranceStartDate }}</span>
             </el-form-item>
@@ -450,7 +413,7 @@
               <span>意外险终止时间</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item>
               <span>{{ temp.insuranceEndDate }}</span>
             </el-form-item>
@@ -462,7 +425,7 @@
               <span>养老</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item>
               <span>{{ temp.isHaveAgedValue }}</span>
             </el-form-item>
@@ -472,19 +435,17 @@
               <span>医疗/生育</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item>
               <span>{{ temp.isHaveMedicalValue }}</span>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
           <el-col :span="3">
             <el-form-item>
               <span>工伤</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item>
               <span>{{ temp.isHaveInjuryValue }}</span>
             </el-form-item>
@@ -494,7 +455,7 @@
               <span>失业</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="3" class="spe_style02">
             <el-form-item>
               <span>{{ temp.isHaveUnemployValue }}</span>
             </el-form-item>
@@ -506,7 +467,7 @@
               <span>社保参保地</span>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="9" class="spe_style02">
             <el-form-item>
               <span>{{ temp.insuredPlace }}</span>
             </el-form-item>
@@ -561,6 +522,7 @@
 
 <script>
 import req from '@/api/management/yuangongguanli'
+
 export default {
   name: 'yuangongInfo',
   data() {
@@ -625,9 +587,7 @@ export default {
   color: #e84026;
   margin-right: 4px;
 }
-.jiguan {
-  border-top: 1px solid #e0e3eb;
-}
+
 /deep/.el-col-3,.el-col-4 {
   text-align: right;
   float: left;
@@ -636,7 +596,21 @@ export default {
   line-height: 40px !important;
   font-weight: 600;
 }
+
 .formadd {
-  margin: 0 15%;
+  margin: 0 2%;
+}
+
+.spe_style {
+  text-align: right;
+  float: left;
+  font-size: 14px;
+  color: #606266;
+  line-height: 40px !important;
+  font-weight: 600;
+}
+
+.spe_style02 {
+  text-align: left;
 }
 </style>