人员管理修改

src/assets/image/people/Frame.svg

@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame">
+<path id="Vector" d="M18.6309 9.63281C17.9004 8.67862 17.0687 7.80634 16.1504 7.03125C14.1113 5.29102 11.9844 4.375 10 4.375C5.25 4.375 1.52539 9.41797 1.36719 9.63281C1.28997 9.73968 1.24841 9.86816 1.24841 10C1.24841 10.1318 1.28997 10.2603 1.36719 10.3672C2.09722 11.3241 2.92891 12.199 3.84766 12.9766C5.88867 14.709 8.00781 15.625 10 15.625C14.75 15.625 18.4746 10.582 18.6309 10.3672C18.7081 10.2603 18.7496 10.1318 18.7496 10C18.7496 9.86816 18.7081 9.73968 18.6309 9.63281ZM10 14.375C6.57422 14.375 3.58985 11.1133 2.66992 10C3.58789 8.88477 6.56641 5.625 10 5.625C13.4336 5.625 16.4063 8.88477 17.3281 10C16.4063 11.1152 13.4258 14.375 10 14.375Z" fill="#D42426"/>
+<path id="Vector_2" d="M10 6.875C9.38194 6.875 8.77775 7.05828 8.26384 7.40166C7.74994 7.74504 7.3494 8.2331 7.11288 8.80411C6.87635 9.37513 6.81447 10.0035 6.93505 10.6097C7.05563 11.2158 7.35325 11.7727 7.79029 12.2097C8.22733 12.6467 8.78415 12.9444 9.39034 13.065C9.99654 13.1855 10.6249 13.1236 11.1959 12.8871C11.7669 12.6506 12.255 12.2501 12.5983 11.7362C12.9417 11.2223 13.125 10.6181 13.125 10C13.125 9.1712 12.7958 8.37634 12.2097 7.79029C11.6237 7.20424 10.8288 6.875 10 6.875ZM10 11.875C9.62916 11.875 9.26665 11.765 8.95831 11.559C8.64997 11.353 8.40964 11.0601 8.26773 10.7175C8.12581 10.3749 8.08868 9.99792 8.16103 9.63421C8.23338 9.27049 8.41195 8.9364 8.67418 8.67417C8.9364 8.41195 9.27049 8.23337 9.63421 8.16103C9.99792 8.08868 10.3749 8.12581 10.7175 8.26773C11.0601 8.40964 11.353 8.64996 11.559 8.95831C11.765 9.26665 11.875 9.62916 11.875 10C11.874 10.497 11.6761 10.9733 11.3247 11.3247C10.9733 11.6761 10.497 11.874 10 11.875Z" fill="#D42426"/>
+</g>
+</svg>

src/assets/image/people/Vector.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="10" viewBox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Vector">
+<path id="Vector_2" d="M15.584 3.66965C16.3331 2.99253 17.0183 2.24785 17.6309 1.44504C17.7285 1.31087 17.7688 1.14342 17.743 0.979508C17.7172 0.815596 17.6273 0.668657 17.4932 0.571014C17.359 0.473371 17.1915 0.433022 17.0276 0.458845C16.8637 0.484668 16.7168 0.574547 16.6191 0.708709C15.9296 1.60993 15.1437 2.43317 14.2754 3.16379C13.3157 4.0016 12.211 4.65691 11.0156 5.09738C10.3683 5.3272 9.68692 5.4467 9 5.4509C8.31559 5.4452 7.63695 5.32505 6.99219 5.09543C5.79683 4.65495 4.69208 3.99965 3.73242 3.16183C2.86499 2.43104 2.07917 1.60854 1.38867 0.708709C1.29103 0.573252 1.14357 0.482131 0.978747 0.455393C0.81392 0.428654 0.645222 0.468488 0.509765 0.566131C0.374308 0.663774 0.283187 0.811228 0.256449 0.976055C0.22971 1.14088 0.269544 1.30958 0.367187 1.44504C0.979629 2.24853 1.66482 2.99387 2.41406 3.6716L0.449218 5.63644C0.331632 5.75506 0.265984 5.91554 0.266717 6.08256C0.267449 6.24959 0.334502 6.40948 0.453124 6.52707C0.571747 6.64465 0.732221 6.7103 0.899246 6.70957C1.06627 6.70884 1.22616 6.64178 1.34375 6.52316L3.375 4.47824C4.18621 5.12332 5.07942 5.65793 6.03125 6.06808L5.30859 8.76144C5.26562 8.9215 5.28799 9.09208 5.37076 9.23565C5.45354 9.37923 5.58995 9.48405 5.75 9.52707C5.80276 9.54177 5.85733 9.549 5.91211 9.54855C6.0497 9.54886 6.18352 9.50362 6.29269 9.41988C6.40187 9.33615 6.48025 9.21863 6.51562 9.08566L7.21679 6.47043C8.38044 6.77774 9.60393 6.77774 10.7676 6.47043L11.4687 9.08566C11.5047 9.22092 11.5851 9.34015 11.6971 9.42412C11.809 9.5081 11.946 9.55193 12.0859 9.54855C12.1407 9.549 12.1953 9.54177 12.248 9.52707C12.4081 9.48405 12.5445 9.37923 12.6273 9.23565C12.7101 9.09208 12.7324 8.9215 12.6895 8.76144L11.9668 6.06808C12.9193 5.65808 13.8132 5.12347 14.625 4.47824L16.666 6.52316C16.7836 6.64101 16.9432 6.70731 17.1097 6.7075C17.2761 6.70768 17.4359 6.64172 17.5537 6.52414C17.6716 6.40655 17.7379 6.24697 17.738 6.08049C17.7382 5.91402 17.6723 5.75429 17.5547 5.63644L15.584 3.66965Z" fill="#D42426"/>
+</g>
+</svg>

src/assets/image/people/camera.svg

@@ -0,0 +1,15 @@
+<svg width="30" height="24" viewBox="0 0 30 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#231;&#188;&#150;&#231;&#187;&#132;">
+<path id="Fill 1" fill-rule="evenodd" clip-rule="evenodd" d="M18.3328 21.4125H2.98769C2.19113 21.4125 1.49383 20.7153 1.49383 19.9188V5.97559C1.49383 5.17858 2.19113 4.48187 2.98769 4.48187H7.07114L7.36985 3.48587L8.06714 1.49371H19.819L20.5165 3.48587L20.8152 4.48187H24.8986C25.695 4.48187 26.3923 5.17858 26.3923 5.97559V13.0547C26.3923 14.2378 27.8862 14.2669 27.8862 13.099V5.97559C27.8862 4.28229 26.5913 2.98757 24.8986 2.98757H21.9105L21.2138 0.896139C21.0142 0.398431 20.4166 0 19.9189 0H7.96728C7.36985 0 6.87214 0.398431 6.67256 0.896139L5.97527 2.98757H2.98769C1.29484 2.98757 0.00012207 4.28229 0.00012207 5.97559V19.9188C0.00012207 21.6116 1.39456 22.9063 2.98769 22.9063H18.5765C19.6162 22.9063 19.483 21.4125 18.3328 21.4125Z" fill="#999999"/>
+<path id="Fill 3" fill-rule="evenodd" clip-rule="evenodd" d="M13.9431 17.4293C10.9555 17.4293 8.46505 14.9394 8.46505 11.9513C8.46505 8.96356 10.9555 6.47384 13.9431 6.47384C16.9306 6.47384 19.4205 8.96356 19.4205 11.9513C19.4207 14.9394 16.9306 17.4293 13.9431 17.4293ZM13.9431 4.97998C10.0592 4.97998 6.97119 8.06742 6.97119 11.9513C6.97119 15.8357 10.0592 18.923 13.9431 18.923C17.8275 18.923 20.915 15.8357 20.915 11.9513C20.915 8.06742 17.8275 4.97998 13.9431 4.97998Z" fill="#999999"/>
+<path id="Fill 5" fill-rule="evenodd" clip-rule="evenodd" d="M23.504 5.97559C22.6237 5.97559 21.9104 6.68891 21.9104 7.56916C21.9104 8.44883 22.6237 9.16215 23.504 9.16215C24.3841 9.16215 25.0976 8.44883 25.0976 7.56916C25.0976 6.68891 24.3841 5.97559 23.504 5.97559Z" fill="#999999"/>
+<g id="&#231;&#188;&#150;&#231;&#187;&#132;_2">
+<mask id="mask0_78_5972" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="19" y="14" width="11" height="10">
+<path id="Clip 8" fill-rule="evenodd" clip-rule="evenodd" d="M19.5662 14.1294H29.1826V23.7459H19.5662V14.1294Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_78_5972)">
+<path id="Fill 7" fill-rule="evenodd" clip-rule="evenodd" d="M28.4358 18.1908H25.1214V14.8764C25.1214 14.4656 24.7852 14.1294 24.3744 14.1294C23.9636 14.1294 23.6275 14.4656 23.6275 14.8764V18.1908H20.313C19.9022 18.1908 19.5662 18.5268 19.5662 18.9376C19.5662 19.3484 19.9022 19.6845 20.313 19.6845H23.6275V22.9989C23.6275 23.4098 23.9636 23.746 24.3744 23.746C24.7852 23.746 25.1214 23.4098 25.1214 22.9989V19.6845H28.4358C28.8466 19.6845 29.1826 19.3484 29.1826 18.9376C29.1826 18.5268 28.8466 18.1908 28.4358 18.1908Z" fill="#999999"/>
+</g>
+</g>
+</g>
+</svg>

src/assets/image/people/rili.svg

@@ -0,0 +1,8 @@
+<svg width="19" height="17" viewBox="0 0 19 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#230;&#151;&#165;&#229;&#142;&#134;icon">
+<path id="&#231;&#159;&#169;&#229;&#189;&#162;" fill-rule="evenodd" clip-rule="evenodd" d="M19 3C19 1.89543 18.1046 1 17 1H2C0.89543 1 0 1.89543 0 3V15C0 16.1046 0.89543 17 2 17H17C18.1046 17 19 16.1046 19 15V3ZM2 2.3H17L17.095 2.30639C17.4367 2.35274 17.7 2.64562 17.7 3V15L17.6936 15.095C17.6473 15.4367 17.3544 15.7 17 15.7H2L1.90501 15.6936C1.56334 15.6473 1.3 15.3544 1.3 15V3L1.30639 2.90501C1.35274 2.56334 1.64562 2.3 2 2.3Z" fill="#D42426"/>
+<path id="&#231;&#155;&#180;&#231;&#186;&#191; 3" d="M17.9815 5.63086C18.447 5.63086 18.8244 5.92187 18.8244 6.28086C18.8244 6.60993 18.5073 6.88188 18.0958 6.92493L17.9815 6.93086H1.12389C0.658376 6.93086 0.281006 6.63984 0.281006 6.28086C0.281006 5.95179 0.598101 5.67983 1.00951 5.63679L1.12389 5.63086H17.9815Z" fill="#D42426"/>
+<path id="&#231;&#155;&#180;&#231;&#186;&#191;" d="M4.97678 0C5.30313 0 5.57331 0.21436 5.61973 0.493723L5.62678 0.579333V3.25318C5.62678 3.57313 5.33577 3.83251 4.97678 3.83251C4.65043 3.83251 4.38026 3.61815 4.33383 3.33878L4.32678 3.25318V0.579333C4.32678 0.259376 4.6178 0 4.97678 0Z" fill="#D42426"/>
+<path id="&#231;&#155;&#180;&#231;&#186;&#191;&#229;&#164;&#135;&#228;&#187;&#189;" d="M13.9675 0C14.2939 0 14.564 0.21436 14.6105 0.493723L14.6175 0.579333V3.25318C14.6175 3.57313 14.3265 3.83251 13.9675 3.83251C13.6412 3.83251 13.371 3.61815 13.3246 3.33878L13.3175 3.25318V0.579333C13.3175 0.259376 13.6085 0 13.9675 0Z" fill="#D42426"/>
+</g>
+</svg>

src/components/PeopleImage/index.vue

@@ -1,23 +1,24 @@
 <template>
   <div class="contaner">
-    <el-tabs tab-position="left" @tab-click="toItem">
-        <el-tab-pane label="身份证照片" name="sfz">
-        </el-tab-pane>
-        <el-tab-pane label="展业资格证" name="zyzgz">
-        </el-tab-pane>
-        <el-tab-pane label="劳动合同" name="ldht">
-        </el-tab-pane>
-        <el-tab-pane label="应聘表" name="ypb">
-        </el-tab-pane>
-        <el-tab-pane label="定薪表" name="dxb">
-        </el-tab-pane>
-        <el-tab-pane label="离职表" name="lzb">
-        </el-tab-pane>
-      </el-tabs>
+    <!-- <el-tabs tab-position="left" @tab-click="toItem">
+      <el-tab-pane label="身份证照片" name="sfz">
+      </el-tab-pane>
+      <el-tab-pane label="展业资格证" name="zyzgz">
+      </el-tab-pane>
+      <el-tab-pane label="劳动合同" name="ldht">
+      </el-tab-pane>
+      <el-tab-pane label="应聘表" name="ypb">
+      </el-tab-pane>
+      <el-tab-pane label="定薪表" name="dxb">
+      </el-tab-pane>
+      <el-tab-pane label="离职表" name="lzb">
+      </el-tab-pane>
+    </el-tabs> -->
     <!-- 新样式 -->
     <el-form inline label-position="top">
       <div id="sfz">
-        <el-form-item label="身份证正面：">
+        <div class="title">居民身份证</div>
+        <el-form-item label="">
           <el-upload
             class="avatar-uploader"
             action=""
@@ -30,19 +31,24 @@
           >
             <img v-if="dataForm.SFZ_01" :src="dataForm.SFZ_01" class="avatar"/>
             <div v-else class="upload-icon">
-              <i class="el-icon-plus" style="font-size: 30px;"></i>
-              <div class="el-upload__text">上传资料</div>
+              <img src="@/assets/image/people/camera.svg" alt="">
+              <div class="el-upload__text">人像面</div>
             </div>
             <span class="slot" v-show="dataForm.SFZ_01">
-              <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(dataForm.SFZ_01)"></i>
-              <i v-show="!isDisabled" class="el-icon-delete" @click.stop="handlePictureCardDelete('SFZ_01')"></i>
+              <i class="preview" @click.stop="handlePictureCardPreview(dataForm.SFZ_01)"></i>
+              <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('SFZ_01')">
+              <div v-show="!isDisabled" class="bottomHandle">
+                <img class="reset" src="@/assets/image/people/reset.png" alt="">
+                <span class="title">点击重新上传</span>
+              </div>
+              
             </span>
           </el-upload>
           <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.SFZ_01)">
             <img v-if="dataForm.SFZ_01" :src="dataForm.SFZ_01" class="avatar"/>
           </div>
         </el-form-item>
-        <el-form-item label="身份证反面：">
+        <el-form-item label="">
           <el-upload
             class="avatar-uploader"
             action=""
@@ -54,12 +60,16 @@
           >
             <img v-if="dataForm.SFZ_02" :src="dataForm.SFZ_02" class="avatar"/>
             <div v-else class="upload-icon">
-              <i class="el-icon-plus" style="font-size: 30px;"></i>
-              <div class="el-upload__text">上传资料</div>
+              <img src="@/assets/image/people/camera.svg" alt="">
+              <div class="el-upload__text">国徽面</div>
             </div>
             <span class="slot" v-show="dataForm.SFZ_02">
-              <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(dataForm.SFZ_02)"></i>
-              <i v-show="!isDisabled" class="el-icon-delete" @click.stop="handlePictureCardDelete('SFZ_02')"></i>
+              <i class="preview" @click.stop="handlePictureCardPreview(dataForm.SFZ_02)"></i>
+              <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('SFZ_02')">
+              <div v-show="!isDisabled" class="bottomHandle">
+                <img class="reset" src="@/assets/image/people/reset.png" alt="">
+                <span class="title">点击重新上传</span>
+              </div>
             </span>
           </el-upload>
           <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.SFZ_02)">
@@ -68,7 +78,8 @@
         </el-form-item>
       </div>
       <div id="zyzgz">
-        <el-form-item label="展业资格证：" style="width: 50%">
+        <div class="title">展业资格证</div>
+        <el-form-item label="" style="width: 50%">
           <el-upload
             class="avatar-uploader"
             v-if="!isDisabled"
@@ -80,13 +91,17 @@
           >
             <img v-if="dataForm.Z6Z_00" :src="dataForm.Z6Z_00" class="avatar" />
             <div v-else class="upload-icon">
-              <i class="el-icon-plus" style="font-size: 30px;"></i>
+              <img src="@/assets/image/people/camera.svg" alt="">
               <div class="el-upload__text">上传资料</div>
             </div>
             <!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
             <span class="slot" v-show="dataForm.Z6Z_00">
-              <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(dataForm.Z6Z_00)"></i>
-              <i v-show="!isDisabled" class="el-icon-delete" @click.stop="handlePictureCardDelete('Z6Z_00')"></i>
+              <i class="preview" @click.stop="handlePictureCardPreview(dataForm.Z6Z_00)"></i>
+              <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('Z6Z_00')">
+              <div v-show="!isDisabled" class="bottomHandle">
+                <img class="reset" src="@/assets/image/people/reset.png" alt="">
+                <span class="title">点击重新上传</span>
+              </div>
             </span>
           </el-upload>
           <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.Z6Z_00)">
@@ -95,7 +110,8 @@
         </el-form-item>
       </div>
       <div id="ldht">
-        <el-form-item label="劳动合同照片:" style="width: 50%">
+        <div class="title">劳动合同</div>
+        <el-form-item label="" style="width: 50%">
           <el-upload
             class="avatar-uploader"
             action=""
@@ -107,12 +123,16 @@
           >
             <img v-if="dataForm.LD_00" :src="dataForm.LD_00" class="avatar" />
             <div v-else class="upload-icon">
-              <i class="el-icon-plus" style="font-size: 30px;"></i>
+              <img src="@/assets/image/people/camera.svg" alt="">
               <div class="el-upload__text">上传资料</div>
             </div>
             <span class="slot" v-show="dataForm.LD_00">
-              <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(dataForm.LD_00)"></i>
-              <i v-show="!isDisabled" class="el-icon-delete" @click.stop="handlePictureCardDelete('LD_00')"></i>
+              <i class="preview" @click.stop="handlePictureCardPreview(dataForm.LD_00)"></i>
+              <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('LD_00')">
+              <div v-show="!isDisabled" class="bottomHandle">
+                <img class="reset" src="@/assets/image/people/reset.png" alt="">
+                <span class="title">点击重新上传</span>
+              </div>
             </span>
           </el-upload>
           <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.LD_00)">
@@ -121,7 +141,8 @@
         </el-form-item>
       </div>
       <div id="ypb">
-        <el-form-item label="应聘表照片:" style="width: 50%">
+        <div class="title">应聘表</div>
+        <el-form-item label="" style="width: 50%">
           <el-upload
             class="avatar-uploader"
             action=""
@@ -133,12 +154,16 @@
           >
             <img v-if="dataForm.YP_00" :src="dataForm.YP_00" class="avatar"/>
             <div v-else class="upload-icon">
-              <i class="el-icon-plus" style="font-size: 30px;"></i>
+              <img src="@/assets/image/people/camera.svg" alt="">
               <div class="el-upload__text">上传资料</div>
             </div>
             <span class="slot" v-show="dataForm.YP_00">
-              <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(dataForm.YP_00)" ></i>
-              <i v-show="!isDisabled" class="el-icon-delete" @click.stop="handlePictureCardDelete('YP_00')"></i>
+              <i class="preview" @click.stop="handlePictureCardPreview(dataForm.YP_00)"></i>
+              <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('YP_00')">
+              <div v-show="!isDisabled" class="bottomHandle">
+                <img class="reset" src="@/assets/image/people/reset.png" alt="">
+                <span class="title">点击重新上传</span>
+              </div>
             </span>
           </el-upload>
           <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.YP_00)">
@@ -147,7 +172,8 @@
         </el-form-item>
       </div>
       <div id="dxb">
-        <el-form-item label="定薪表照片:" style="width: 50%">
+        <div class="title">定薪表</div>
+        <el-form-item label="" style="width: 50%">
           <el-upload
             class="avatar-uploader"
             action=""
@@ -159,12 +185,17 @@
           >
             <img v-if="dataForm.DX_00" :src="dataForm.DX_00" class="avatar" />
             <div v-else class="upload-icon">
-              <i class="el-icon-plus" style="font-size: 30px;"></i>
+              <!-- <i class="el-icon-camera" style="font-size: 30px;"></i> -->
+              <img src="@/assets/image/people/camera.svg" alt="">
               <div class="el-upload__text">上传资料</div>
             </div>
             <span class="slot" v-show="dataForm.DX_00">
-              <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(dataForm.DX_00)"></i>
-              <i v-show="!isDisabled" class="el-icon-delete" @click.stop="handlePictureCardDelete('DX_00')"></i>
+              <i class="preview" @click.stop="handlePictureCardPreview(dataForm.DX_00)"></i>
+              <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('DX_00')">
+              <div v-show="!isDisabled" class="bottomHandle">
+                <img class="reset" src="@/assets/image/people/reset.png" alt="">
+                <span class="title">点击重新上传</span>
+              </div>
             </span>
           </el-upload>
           <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.DX_00)">
@@ -173,7 +204,8 @@
         </el-form-item>
       </div>
       <div id="lzb">
-        <el-form-item label="离职表照片:" style="width: 50%">
+        <div class="title">离职表</div>
+        <el-form-item label="" style="width: 50%">
           <el-upload
             class="avatar-uploader"
             action=""
@@ -185,12 +217,16 @@
           >
             <img v-if="dataForm.LZ_01" :src="dataForm.LZ_01" class="avatar" />
             <div v-else class="upload-icon">
-              <i class="el-icon-plus" style="font-size: 30px;"></i>
+              <img src="@/assets/image/people/camera.svg" alt="">
               <div class="el-upload__text">上传资料</div>
             </div>
             <span class="slot" v-show="dataForm.LZ_01">
-              <i class="el-icon-zoom-in" @click.stop="handlePictureCardPreview(dataForm.LZ_01)"></i>
-              <i v-show="!isDisabled" class="el-icon-delete" @click.stop="handlePictureCardDelete('LZ_01')"></i>
+              <i class="preview" @click.stop="handlePictureCardPreview(dataForm.LZ_01)"></i>
+              <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('LZ_01')">
+              <div v-show="!isDisabled" class="bottomHandle">
+                <img class="reset" src="@/assets/image/people/reset.png" alt="">
+                <span class="title">点击重新上传</span>
+              </div>
             </span>
           </el-upload>
           <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.LZ_01)">
@@ -525,41 +561,50 @@ export default {
   overflow: hidden;
 }
 .avatar-uploader .el-upload:hover {
-  border-color: #409eff;
+  /* border-color: #409eff; */
 }
 .avatar-uploader-icon {
   font-size: 28px;
   color: #8c939d;
-  width: 260px;
-  height: 160px;
-  line-height: 160px;
+  width: 208px;
+  height: 130px;
+  line-height: 130px;
   text-align: center;
   border: 2px dashed #d9d9d9;
   border-radius: 4px;
 }
 .upload-icon {
-  width: 260px;
-  height: 160px;
-  border: 2px dashed #d9d9d9;
+  width: 208px;
+  height: 130px;
+  background: #f9f9f9;
+  border: 1px solid #eee;
   border-radius: 4px;
-  padding-top: 44px;
   box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
 }
 .el-upload__text {
   line-height: 20px;
+  margin-top: 7px;
+  color: #999;
+}
+.el-upload--picture-card:hover, .el-upload:focus{
+  color: #333;
 }
 .upload-icon:hover {
   /* border: 1px dashed #2D4D89; */
-  border-color: #2D4D89;
-  color: #2D4D89;
+  border-color: #D42426;
+  /* color: #D42426; */
   transition: all ease 1s;
 }
 .avatar {
-  border: 2px dashed #d9d9d9;
+  border: 1px solid #eee;
   padding: 0px;
   border-radius: 6px;
-  width: 260px;
-  height: 160px;
+  width: 207px;
+  height: 130px;
   display: block;
   object-fit: cover;
   border-radius: 4px;
@@ -588,52 +633,78 @@ export default {
 /* 上传图片样式End */
 .slot {
   position: absolute;
-  width: 260px;
-  height: 160px;
+  width: 208px;
+  height: 130px;
   left: 2px;
   top: 2px;
   border-radius: 4px;
   cursor: default;
   text-align: center;
   color: #fff;
-  opacity: 0;
+  opacity: 1;
   font-size: 20px;
-  background-color: rgba(0, 0, 0, 0.5);
+  /* background-color: rgba(0, 0, 0, 0.5); */
   transition: opacity 0.3s;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.slot>i {
-  margin: 10px;
-  color: #fff;
-  font-size: 25px;
-  font-weight: bold;
+
+.close{
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: -1px;
+  right: 0;
   cursor: pointer;
 }
+.preview{
+  width: 208px;
+  height: calc(130px - 24px);
+}
+.bottomHandle{
+  width: 208px;
+  height: 24px;
+  line-height: 20px;
+  background: url('~@/assets/image/people/bottomFrame.png') no-repeat;
+  position: absolute;
+  bottom: 0;
+  left: -1px;
+  cursor: pointer;
+}
+.reset{
+  width: 10px;
+  height: 10px
+}
+.bottomHandle>.title{
+  font-size: 12px;
+  color: #fff;
+  padding: 0;
+}
+.slot>i {
+  /* margin: 10px; */
+  /* color: #fff; */
+  /* font-size: 25px; */
+  /* font-weight: bold; */
+}
 
 .slot:hover {
   opacity: 1;
 }
-
+.title{
+  font-size: 16px;
+  color: #333;
+  padding-bottom: 10px;
+}
 </style>
 
 <style lang="scss" scoped>
->>> .el-tabs__item:hover {
-  color: #2D4D89;
-}
->>> .el-tabs__item.is-active{
-  color: #2D4D89;
-  background: rgba(45,77,137,0.1);
-}
->>> .el-tabs__active-bar {
-  background-color: #2D4D89;
-}
+
 </style>
 <style lang="scss" scoped>
 .contaner {
   width: 100%;
-  height: 600px;
+  height: 470px;
   display: flex;
 
   .el-tabs {
@@ -644,6 +715,14 @@ export default {
     width: 100%;
     padding: 0 !important;
     margin-right: 0 !important;
+    max-height: 470px;
+    >>>.el-form-item{
+      margin-right: 20px;
+      margin-bottom: 24px;
+    }
+    >>>.el-form-item__content{
+      line-height: 0;
+    }
   }
 }
 </style>

src/components/UserDetail/index.vue

@@ -47,6 +47,8 @@
             </el-select>
           </el-form-item>
         </el-col>
+      </el-row>
+      <el-row>
         <el-col :span="8">
           <el-form-item label="出生日期">
             <el-date-picker
@@ -89,6 +91,8 @@
             ></el-input>
           </el-form-item>
         </el-col>
+      </el-row>
+      <el-row>
         <el-col :span="8">
           <el-form-item label="婚姻状况" prop="maritalStatus">
             <el-select
@@ -135,6 +139,8 @@
             </el-select>
           </el-form-item>
         </el-col>
+      </el-row>
+      <el-row>
         <el-col :span="8">
           <el-form-item label="居住地址" prop="address">
             <!-- <el-select
@@ -161,6 +167,8 @@
             ></el-input>
           </el-form-item>
         </el-col>
+      </el-row>
+      <el-row>
         <el-col :span="8">
           <el-form-item label="邮政编码" prop="postalCode">
             <el-input
@@ -216,6 +224,8 @@
             ></el-input>
           </el-form-item>
         </el-col>
+      </el-row>
+      <el-row>
         <el-col :span="8">
           <el-form-item label="毕业时间" prop="graduationTime">
             <el-date-picker
@@ -249,7 +259,7 @@
               type="text"
             >
             <i v-show="formData.password" slot="suffix" @click="switchPassword">
-              <img class="Vector" src="@/assets/image/people/Vector.png" alt="">
+              <img class="Vector" src="@/assets/image/people/Vector.svg" alt="">
             </i>
             </el-input>
             <el-input
@@ -260,12 +270,14 @@
               type="password" show-password
             >
             <i v-show="formData.password && !isDisabled" slot="suffix" @click="switchPassword">
-              <img class="Frame" src="@/assets/image/people/Frame.png" alt="">
+              <img class="Frame" src="@/assets/image/people/Frame.svg" alt="">
             </i>
             </el-input>
             <!-- :class="isShow == true ? 'disc' : 'none'" -->
           </el-form-item>
         </el-col>
+      </el-row>
+      <el-row>
         <el-col :span="8">
           <el-form-item label="紧急联系人姓名" prop="emergencyContactName">
             <el-input
@@ -310,7 +322,8 @@
             ></el-input> -->
           </el-form-item>
         </el-col>
-
+      </el-row>
+      
         <!-- 
 
         <el-col :span="8">
@@ -322,7 +335,6 @@
             ></el-input>
           </el-form-item>
         </el-col> -->
-      </el-row>
       <div class="divider"></div>
       <div class="info-title">工资信息</div>
       <el-row>
@@ -458,6 +470,8 @@
             </el-date-picker>
           </el-form-item>
         </el-col>
+      </el-row>
+      <el-row>
         <el-col :span="8" v-show="showThirdParty">
           <el-form-item label="微信绑定" prop="weChart">
             <el-input v-model="formDataDetail.weChat" :disabled="isDisabled" style="width: 100%" placeholder="请输入微信绑定号" width="200"></el-input>
@@ -481,6 +495,8 @@
             </el-select>
           </el-form-item>
         </el-col>
+      </el-row>
+      <el-row>
         <el-col :span="8" v-show="showThirdParty">
           <el-form-item label="银行卡是否认证">
             <el-select
@@ -562,7 +578,7 @@ export default {
       isShow: true,
       rules: {
         identity: [
-          { required: true, message: "请填写身份证号" },
+          { required: true, message: "请填写身份证号", trigger: "blur" },
           { validator: validateSfz },
         ],
         password: [{ required: true, message: "请输入密码", trigger: "blur" }],
@@ -659,6 +675,30 @@ export default {
 </script>
 
 <style lang="scss">
+/* 修改hover状态 */
+.el-cascader-menu {
+  .el-scrollbar__view{
+    .el-cascader-node:hover{
+      background: #FEF8F8;
+      color: #D42426;
+    }
+    .el-cascader-node:focus{
+      background: #FEF8F8;
+      color: #D42426;
+    }
+    .el-cascader-node.is-checked {
+      background: #FEF8F8;
+      color: #D42426; /* 你希望的选中颜色 */
+    }
+  }
+  .el-cascader-node.in-active-path, 
+  .el-cascader-node.is-active, 
+  .el-cascader-node.is-selectable.in-checked-path{
+    background: #FEF8F8;
+    color: #D42426;
+  }
+}  
+.el-cascader-menu .el-scrollbar__view 
 .select-prop {
   .el-select-dropdown__item.selected,
   .el-date-table td.available:hover {
@@ -747,10 +787,47 @@ export default {
     >>>.el-form-item__label{
       font-size: 14px;
       line-height: 16px;
-      color: #262626;
+      color: #333;
       padding-bottom: 10px;
     }
+    >>>.el-input__inner{
+      padding-left: 10px !important;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      border: 1px solid #eee;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-textarea__inner{
+      padding: 10px;
+      border: 1px solid #eeeeee;
+      font-weight: 500;
+      font-size: 14px;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-input.is-disabled{
+      .el-input__inner{
+        background: #fff;
+      }
+    }
+    >>>.el-form-item__error{
+      padding-top: 0;
+      margin-top: 8px;
+      font-size: 12px;
+      color: #D42426;
+      position: relative;
+    }
   }
+  
 }
 /deep/ .el-input__suffix-inner{
   position: relative;

src/views/PeopleManage/Agent/AgentExamine.vue

@@ -139,6 +139,7 @@
       :visible.sync="dialogVisible"
       :close-on-click-modal="false"
       :before-close="handleDialogBefore"
+      :show-close="false"
       @close="closeDialog"
       v-dialogDrag
       class="people-style"
@@ -153,12 +154,14 @@
             @keyup.enter.native="nextStep()"
             label-width="110px"
             size="small"
+            label-position="top"
+            class="personnelInformation"
           >
             <el-row>
               <el-col :span="8">
                 <el-form-item label="机构名称" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.pdeptId"
                     clearable
@@ -175,7 +178,7 @@
               <el-col :span="8">
                 <el-form-item label="机构部门" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.deptId"
                     clearable
@@ -192,7 +195,7 @@
               <el-col :span="8">
                 <el-form-item label="岗位" prop="positionId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.positionId"
                     placeholder="请选择"
                   >
@@ -208,28 +211,28 @@
               <el-col :span="8">
                 <el-form-item label="工号" prop="id">
                   <el-input v-model="formData.id" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="姓名" prop="name">
                   <el-input v-model="formData.name"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="手机号" prop="mobile">
                   <el-input v-model="formData.mobile"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="入司时间">
                   <el-date-picker
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.entryTime"
                     type="date"
                     placeholder="选择日期"
@@ -241,7 +244,7 @@
               <el-col :span="8">
                 <el-form-item label="状态" prop="status">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.status"
                     placeholder="请选择"
                   >
@@ -257,7 +260,7 @@
               <el-col :span="8">
                 <el-form-item label="角色" prop="roleId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.roleId"
                     placeholder="请选择"
                     disabled
@@ -275,7 +278,7 @@
               <el-col :span="8">
                 <el-form-item label="管理人" prop="leaderId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     filterable
                     v-model="formData.leaderId"
@@ -294,14 +297,14 @@
               <el-col :span="8">
                 <el-form-item label="管理人工号" prop="leaderName">
                   <el-input v-model="formData.leaderId" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="代理人资格证号" prop="agentQualificationCode">
                   <el-input
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.agentQualificationCode"
                   ></el-input>
                 </el-form-item>
@@ -309,7 +312,7 @@
               <el-col :span="8">
                 <el-form-item label="推荐人" prop="referrerId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     v-model="formData.referrerId"
                     placeholder="请选择"
@@ -328,13 +331,24 @@
               <el-col :span="8">
                 <el-form-item label="推荐人工号" prop="referrerName">
                   <el-input v-model="formData.referrerId" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
              </el-row>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button size="small" type="primary" @click="nextStep('2')"
               >下一步</el-button
             >
@@ -347,11 +361,23 @@
             isDisabled
             ref="formDataDetails"
             showTjr
+            :showThirdParty="true"
           ></userDetail>
-          <div style="text-align: right">
-            <el-button size="small" type="primary" @click="nextStep('1')"
-              >上一步</el-button
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
             >
+            <!-- <el-button size="small" type="primary" @click="nextStep('1')"
+              >上一步</el-button
+            > -->
             <el-button size="small" type="primary" @click="nextStep('3')"
               >下一步</el-button
             >
@@ -364,6 +390,7 @@
             :inline="true"
             label-width="130px"
             size="small"
+            class="peopleImage"
           >
             <peopleImage
               :dataForm="dataForm"
@@ -372,10 +399,21 @@
               isDisabled
             ></peopleImage>
           </el-form>
-          <div style="text-align: right">
-            <el-button size="small" type="primary" @click="nextStep('2')"
-              >上一步</el-button
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
             >
+            <!-- <el-button size="small" type="primary" @click="nextStep('2')"
+              >上一步</el-button
+            > -->
             <el-button
               v-show="dialogTitle == '审核代理人'"
               size="mini"
@@ -392,9 +430,6 @@
               @click="submitForm(2)"
               >审核驳回</el-button
             >
-            <el-button size="small" type="primary" @click="closeDialog"
-              >取消</el-button
-            >
           </div>
         </el-tab-pane>
       </el-tabs>
@@ -854,15 +889,15 @@ export default {
 
 <style lang="scss" scoped>
 >>> .el-tabs__item:hover {
-  color: #2d4d89;
+  // color: #2d4d89;
 }
 >>> .el-tabs__item.is-active {
   color: #fff;
-  background: #2d4d89;
+  // background: #2d4d89;
   transition: all ease 0.5s;
 }
 >>> .el-tabs__active-bar {
-  background-color: #2d4d89;
+  // background-color: #2d4d89;
 }
 >>> .el-tabs__item.is-top:nth-child(2) {
   padding-left: 20px !important;
@@ -874,21 +909,189 @@ export default {
 .el-tabs {
   >>> .el-input__inner:focus,
   >>> .el-select .el-input.is-focus .el-input__inner {
-    border-color: #2d4d89;
+    border-color: #D42426;
   }
   .el-button--primary,
   .el-button--primary:focus {
-    background-color: #2d4d89;
-    border-color: #2d4d89;
+    background-color: #D42426;
+    border-color: #D42426;
   }
 }
 .select-prop {
   .el-select-dropdown__item.selected,
   .el-date-table td.available:hover {
-    color: #2d4d89;
+    color: #D42426;
   }
   .el-date-table td.current:not(.disabled) span {
-    background-color: #2d4d89;
+    background-color: #D42426;
   }
 }
 </style>
+
+<style lang="scss" scoped>
+.people-style {
+  // max-height: 500px;
+  .footerHandle{
+    // border-radius: 6px;
+    border-top: 1px solid #f2f2f2;
+    margin-top: 0 !important;
+    .el-button{
+      width: 90px;
+      height: 36px;
+      font-size: 16px;
+      margin-left: 24px;
+      font-weight: 310;
+    }
+    .el-button--danger:focus, .el-button--danger:hover{
+      color: #fff;
+    }
+  }
+  .peopleImage{
+    padding: 0 !important;
+    margin: 0 0 0 6px !important;
+  }
+  .closeBtn{
+    background: #fff !important;
+  }
+  .el-col{
+    width: calc(33.3333% - 20px);
+    margin-right: 20px;
+  }
+  .personnelInformation{
+    padding: 0 !important;
+    margin: 0 0 0 20px !important;
+    max-height: 470px;
+    .el-form-item{
+      width: 100%;
+      margin-bottom: 20px;
+      margin-right: 0px;
+      >>>.el-form-item__label{
+        font-size: 14px;
+        line-height: 16px;
+        color: #262626;
+        padding-bottom: 10px;
+      }
+      >>>.el-input__inner{
+      padding-left: 10px !important;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      border: 1px solid #eee;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-textarea__inner{
+      padding: 10px;
+      border: 1px solid #eeeeee;
+      font-weight: 500;
+      font-size: 14px;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-input.is-disabled{
+      .el-input__inner{
+        background: #fff;
+      }
+    }
+    >>>.el-form-item__error{
+      padding-top: 0;
+      margin-top: 8px;
+      font-size: 12px;
+      color: #D42426;
+      position: relative;
+    }
+    }
+  }
+  /deep/ .el-date-editor{
+    position: relative;
+      .el-input__prefix{
+        // color: #D42426;
+        // position: absolute;
+        // right: 5px;
+        // left: auto;
+        // display: none;
+        background-image: url('~@/assets/image/people/rili.svg'); /* 替换为你的新图标路径 */
+        background-size: cover; /* 覆盖整个元素 */
+        background-repeat: no-repeat; /* 不重复背景图片 */
+        height: 15px; /* 根据实际情况调整高度 */
+        width: 17px; /* 根据实际情况调整宽度 */
+        position: absolute;
+        right: 10px;
+        top: 9px;
+        left: auto;
+        .el-icon-date::before{
+          content: '';
+        }
+      }
+      .el-input__suffix{
+        position: absolute;
+        right: 25px;
+      }
+  }
+  /deep/ .el-dialog {
+    border-radius: 6px;
+    .el-dialog__header{
+      height: 50px;
+      line-height: 50px;
+      padding: 0;
+      text-align: center;
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
+      .el-dialog__title{
+        color: #333;
+        font-weight: 500;
+      }
+    }
+    .el-dialog__body{
+      background: #fff;
+      border-radius: 6px;
+    }
+  }
+  /deep/ .el-tabs{
+    .el-tabs__header{
+      padding: 20px 0;
+      margin-bottom: 0;
+      .el-tabs__nav{
+        background: #f7f7f7;
+        padding: 0 4px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .el-tabs__item{
+        width: 120px;
+        height: 36px;
+        line-height: 36px;
+        text-align: center;
+        font-size: 16px;
+        background: #f7f7f7;
+        color: #333;
+        font-weight: 310;
+      }
+      .el-tabs__item.is-active{
+        background: #D42426;
+        color: #fff;
+        border-radius: 2px;
+      }
+      .el-tabs__active-bar{
+        display: none;
+      }
+      .el-tabs__nav{
+        left: 50%;
+        transform: translateX(-50%) !important;
+      }
+    }
+    .el-tabs__content{
+      border-radius: 6px;
+    }
+  }
+}
+</style>

src/views/PeopleManage/Agent/AgentManage.vue

@@ -77,6 +77,7 @@
       :visible.sync="dialogVisible"
       :close-on-click-modal="false"
       :before-close="handleDialogBefore"
+      :show-close="false"
       @close="closeDialog"
       v-dialogDrag
       class="people-style"
@@ -91,12 +92,14 @@
             @keyup.enter.native="nextStep()"
             label-width="110px"
             size="small"
+            label-position="top"
+            class="personnelInformation"
           >
             <el-row>
               <el-col :span="8">
                 <el-form-item label="机构名称">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.pdeptId"
                     clearable
@@ -114,7 +117,7 @@
               <el-col :span="8">
                 <el-form-item label="机构部门" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.deptId"
                     clearable
@@ -132,7 +135,7 @@
               <el-col :span="8">
                 <el-form-item label="岗位" prop="positionId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.positionId"
                     placeholder="请选择"
                     popper-class="select-prop"
@@ -146,31 +149,33 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="工号" prop="id">
                   <el-input v-model="formData.id" disabled
-              style="width: 200px"
+              style="width: 100%"
               ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="姓名" prop="name">
-                  <el-input v-model="formData.name"
-              style="width: 200px"
+                  <el-input v-model="formData.name" placeholder="请输入本人姓名" style="width: 100%"
               ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="手机号" prop="mobile">
-                  <el-input v-model="formData.mobile"
-              style="width: 200px"
+                  <el-input v-model="formData.mobile" placeholder="请输入本人手机号" style="width: 100%"
               ></el-input>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="入司时间">
                   <el-date-picker
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.entryTime"
                     type="date"
                     placeholder="选择日期"
@@ -182,7 +187,7 @@
               <el-col :span="8">
                 <el-form-item label="状态" prop="status">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     @change="statusChange"
                     v-model="formData.status"
                     disabled
@@ -200,7 +205,7 @@
               <el-col :span="8">
                 <el-form-item label="角色" prop="roleId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.roleId"
                     placeholder="请选择"
                     disabled
@@ -214,10 +219,12 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="管理人" prop="leaderId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     filterable
                     v-model="formData.leaderId"
@@ -236,22 +243,24 @@
               <el-col :span="8">
                 <el-form-item label="管理人工号" prop="leaderName">
                   <el-input v-model="formData.leaderId" disabled
-              style="width: 200px"
+              style="width: 100%"
               ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="代理人资格证号" prop="agentQualificationCode">
                   <el-input
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.agentQualificationCode"
                   ></el-input>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="推荐人" prop="referrerId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     v-model="formData.referrerId"
                     placeholder="请选择"
@@ -270,13 +279,24 @@
               <el-col :span="8">
                 <el-form-item label="推荐人工号" prop="referrerName">
                   <el-input v-model="formData.referrerId" disabled
-              style="width: 200px"
+              style="width: 100%"
               ></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button size="small" type="primary" @click="nextStep"
               >下一步</el-button
             >
@@ -289,11 +309,23 @@
             ref="formDataDetails"
             @valids="valids"
             showTjr
+            :showThirdParty="true"
           ></userDetail>
-          <div style="text-align: right">
-            <el-button size="small" type="primary" @click="activeName = '1'"
-              >上一步</el-button
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
             >
+            <!-- <el-button size="small" type="primary" @click="activeName = '1'"
+              >上一步</el-button
+            > -->
             <el-button size="small" type="primary" @click="activeName = '3'"
               >下一步</el-button
             >
@@ -306,6 +338,7 @@
             :inline="true"
             label-width="130px"
             size="small"
+            class="peopleImage"
           >
             <peopleImage
               :dataForm="dataForm"
@@ -313,21 +346,21 @@
               :dialogVisible="dialogVisible"
             ></peopleImage>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
             <el-button
               size="small"
               type="primary"
               style="
-                background-color: #eaedf1;
-                border: 1px solid #eaedf1;
-                color: #2d4d89;
+                border: 1px solid #D42426;
+                color: #D42426;
               "
+              class="closeBtn"
               @click="closeDialog"
               >取消</el-button
             >
-            <el-button size="small" type="primary" @click="activeName = '2'"
+            <!-- <el-button size="small" type="primary" @click="activeName = '2'"
               >上一步</el-button
-            >
+            > -->
             <el-button size="small" type="primary" @click="submitForm"
               >提交</el-button
             >
@@ -508,7 +541,7 @@ export default {
         loading: true,
         isPaginationShow: true,
         isShowIndex: true,
-        operationWidth: "220",
+        operationWidth: "230",
         optBtns: [
           {
             type: "primary",
@@ -593,6 +626,7 @@ export default {
       option: [], //机构列表
       dialogPassword: true, //密码是否显示明文
       user_statusoptions: [],
+      pdeptId: null
     };
   },
   created() {
@@ -783,12 +817,13 @@ export default {
       // 点击事件
       this.currentTreeNode = evt;
       this.deptId = this.currentTreeNode.id;
+      this.pdeptId = this.currentTreeNode.parentId;
       this.pageData.pageNum = 1;
       this.$api.user
       .selectfindByreferrerId({ deptId: this.deptId })
       .then((res) => {
         this.recommenderOptions = res.data;
-        console.log(res.data, this.recommenderOptions)
+        // console.log(res.data, this.recommenderOptions)
       });
       this.findPage();
       this.searchLeaderFun();
@@ -956,6 +991,7 @@ export default {
         status: "2",
         referrerId: "",
         deptId: this.deptId,
+        pdeptId: this.pdeptId
       };
       this.formDataDetail = {};
       this.activeName = "1";
@@ -1143,15 +1179,15 @@ export default {
 
 <style lang="scss" scoped>
 >>> .el-tabs__item:hover {
-  color: #2d4d89;
+  // color: #2d4d89;
 }
 >>> .el-tabs__item.is-active {
   color: #fff;
-  background: #2d4d89;
+  // background: #2d4d89;
   transition: all ease 0.5s;
 }
 >>> .el-tabs__active-bar {
-  background-color: #2d4d89;
+  // background-color: #2d4d89;
 }
 >>> .el-tabs__item.is-top:nth-child(2) {
   padding-left: 20px !important;
@@ -1163,21 +1199,21 @@ export default {
 .el-tabs {
   >>> .el-input__inner:focus,
   >>> .el-select .el-input.is-focus .el-input__inner {
-    border-color: #2d4d89;
+    // border-color: #2d4d89;
   }
   .el-button--primary,
   .el-button--primary:focus {
-    background-color: #2d4d89;
-    border-color: #2d4d89;
+    background-color: #D42426;
+    border-color: #D42426;
   }
 }
 .select-prop {
   .el-select-dropdown__item.selected,
   .el-date-table td.available:hover {
-    color: #2d4d89;
+    color: #D42426;
   }
   .el-date-table td.current:not(.disabled) span {
-    background-color: #2d4d89;
+    background-color: #D42426;
   }
 }
 </style>
@@ -1211,3 +1247,168 @@ export default {
   border: 1px solid #F2992F;
 }
 </style>
+
+<style lang="scss" scoped>
+.people-style {
+  // max-height: 500px;
+  .footerHandle{
+    // border-radius: 6px;
+    border-top: 1px solid #f2f2f2;
+    margin-top: 0 !important;
+    .el-button{
+      width: 90px;
+      height: 36px;
+      font-size: 16px;
+      margin-left: 24px;
+      font-weight: 310;
+    }
+  }
+  .peopleImage{
+    padding: 0 !important;
+    margin: 0 0 0 6px !important;
+  }
+  .closeBtn{
+    background: #fff !important;
+  }
+  .el-col{
+    width: calc(33.3333% - 20px);
+    margin-right: 20px;
+  }
+  .personnelInformation{
+    padding: 0 !important;
+    margin: 0 0 0 20px !important;
+    max-height: 470px;
+    .el-form-item{
+      width: 100%;
+      margin-bottom: 20px;
+      margin-right: 0px;
+      >>>.el-form-item__label{
+        font-size: 14px;
+        line-height: 16px;
+        color: #262626;
+        padding-bottom: 10px;
+      }
+      >>>.el-input__inner{
+      padding-left: 10px !important;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      border: 1px solid #eee;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-textarea__inner{
+      padding: 10px;
+      border: 1px solid #eeeeee;
+      font-weight: 500;
+      font-size: 14px;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-input.is-disabled{
+      .el-input__inner{
+        background: #fff;
+      }
+    }
+    >>>.el-form-item__error{
+      padding-top: 0;
+      margin-top: 8px;
+      font-size: 12px;
+      color: #D42426;
+      position: relative;
+    }
+    }
+  }
+  /deep/ .el-date-editor{
+    position: relative;
+      .el-input__prefix{
+        // color: #D42426;
+        // position: absolute;
+        // right: 5px;
+        // left: auto;
+        // display: none;
+        background-image: url('~@/assets/image/people/rili.svg'); /* 替换为你的新图标路径 */
+        background-size: cover; /* 覆盖整个元素 */
+        background-repeat: no-repeat; /* 不重复背景图片 */
+        height: 15px; /* 根据实际情况调整高度 */
+        width: 17px; /* 根据实际情况调整宽度 */
+        position: absolute;
+        right: 10px;
+        top: 9px;
+        left: auto;
+        .el-icon-date::before{
+          content: '';
+        }
+      }
+      .el-input__suffix{
+        position: absolute;
+        right: 25px;
+      }
+  }
+  /deep/ .el-dialog {
+    border-radius: 6px;
+    .el-dialog__header{
+      height: 50px;
+      line-height: 50px;
+      padding: 0;
+      text-align: center;
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
+      .el-dialog__title{
+        color: #333;
+        font-weight: 500;
+      }
+    }
+    .el-dialog__body{
+      background: #fff;
+      border-radius: 6px;
+    }
+  }
+  /deep/ .el-tabs{
+    .el-tabs__header{
+      padding: 20px 0;
+      margin-bottom: 0;
+      .el-tabs__nav{
+        background: #f7f7f7;
+        padding: 0 4px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .el-tabs__item{
+        width: 120px;
+        height: 36px;
+        line-height: 36px;
+        text-align: center;
+        font-size: 16px;
+        background: #f7f7f7;
+        color: #333;
+        font-weight: 310;
+      }
+      .el-tabs__item.is-active{
+        background: #D42426;
+        color: #fff;
+        border-radius: 2px;
+      }
+      .el-tabs__active-bar{
+        display: none;
+      }
+      .el-tabs__nav{
+        left: 50%;
+        transform: translateX(-50%) !important;
+      }
+    }
+    .el-tabs__content{
+      border-radius: 6px;
+    }
+  }
+}
+</style>

src/views/PeopleManage/Player/PlayerExamine.vue

@@ -139,6 +139,7 @@
       :visible.sync="dialogVisible"
       :close-on-click-modal="false"
       :before-close="handleDialogBefore"
+      :show-close="false"
       @close="closeDialog"
       v-dialogDrag
       class="people-style"
@@ -153,12 +154,14 @@
             @keyup.enter.native="nextStep()"
             label-width="110px"
             size="small"
+            label-position="top"
+            class="personnelInformation"
           >
           <el-row>
               <el-col :span="8">
                 <el-form-item label="机构名称">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.pdeptId"
                     clearable
@@ -176,7 +179,7 @@
               <el-col :span="8">
                 <el-form-item label="机构部门" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.deptId"
                     clearable
@@ -194,7 +197,7 @@
               <el-col :span="8">
                 <el-form-item label="岗位" prop="positionId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.positionId"
                     placeholder="请选择"
                     popper-class="select-prop"
@@ -208,31 +211,35 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+          </el-row>
+          <el-row>
               <el-col :span="8">
                 <el-form-item label="工号" prop="id">
                   <el-input v-model="formData.id" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="姓名" prop="name">
                   <el-input v-model="formData.name"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="手机号" prop="mobile">
                   <el-input v-model="formData.mobile"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
+          </el-row>
+          <el-row>
               <el-col :span="8">
                 <el-form-item label="入司时间">
                   <el-date-picker
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.entryTime"
                     type="date"
                     placeholder="选择日期"
@@ -245,7 +252,7 @@
                 <el-form-item label="状态" prop="status">
                   <el-select
                     disabled
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.status"
                     placeholder="请选择"
                   >
@@ -261,7 +268,7 @@
               <el-col :span="8">
                 <el-form-item label="角色" prop="roleId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.roleId"
                     placeholder="请选择"
                     disabled
@@ -275,10 +282,12 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+          </el-row>
+          <el-row>
               <el-col :span="8">
                 <el-form-item label="管理人" prop="leaderId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.leaderId"
                     placeholder="请选择"
                     popper-class="select-prop"
@@ -295,14 +304,14 @@
               <el-col :span="8">
                 <el-form-item label="管理人工号" prop="leaderName">
                   <el-input v-model="formData.leaderId" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="业务员" prop="referrerId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     v-model="formData.referrerId"
                     placeholder="请选择"
@@ -317,10 +326,12 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+          </el-row>
+          <el-row>
               <el-col :span="8">
                 <el-form-item label="业务员工号" prop="referrerName">
                   <el-input v-model="formData.referrerId" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
@@ -350,7 +361,7 @@
               <el-col :span="8">
                 <el-form-item label="密码" prop="password">
                   <el-input
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.password"
                     type="password" show-password
                   ></el-input>
@@ -359,16 +370,18 @@
               <el-col :span="8">
                 <el-form-item label="代理人资格证号" prop="agentQualificationCode">
                   <el-input
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.agentQualificationCode"
                   ></el-input>
                 </el-form-item>
               </el-col>
-              <el-col :span="24">
-                <el-form-item label="备注" prop="referrerName">
+          </el-row>
+            <el-row>
+              <el-col class="col24" :span="24">
+                <el-form-item style="width: 100%" label="备注" prop="referrerName">
                   <el-input
                     type="textarea"
-                    style="width: 600px;"
+                    style="width: 100%"
                     v-model="formData.approvalOpinion"
                     disabled
                   ></el-input>
@@ -376,7 +389,18 @@
               </el-col>
             </el-row>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button size="small" type="primary" @click="nextStep('3')"
               >下一步</el-button
             >
@@ -390,6 +414,7 @@
             :inline="true"
             label-width="130px"
             size="small"
+            class="peopleImage"
           >
             <peopleImage
               :dataForm="dataForm"
@@ -398,10 +423,21 @@
               isDisabled
             ></peopleImage>
           </el-form>
-          <div style="text-align: right">
-            <el-button size="small" type="primary" @click="nextStep('1')"
-              >上一步</el-button
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
             >
+            <!-- <el-button size="small" type="primary" @click="nextStep('1')"
+              >上一步</el-button
+            > -->
             <el-button
               v-show="dialogTitle == '审核出单员'"
               size="mini"
@@ -418,9 +454,7 @@
               @click="submitForm(2)"
               >审核驳回</el-button
             >
-            <el-button size="small" type="primary" @click="closeDialog"
-              >取消</el-button
-            >
+            
           </div>
         </el-tab-pane>
       </el-tabs>
@@ -876,15 +910,15 @@ export default {
 
 <style lang="scss" scoped>
 >>> .el-tabs__item:hover {
-  color: #2d4d89;
+  // color: #2d4d89;
 }
 >>> .el-tabs__item.is-active {
   color: #fff;
-  background: #2d4d89;
+  // background: #2d4d89;
   transition: all ease 0.5s;
 }
 >>> .el-tabs__active-bar {
-  background-color: #2d4d89;
+  // background-color: #2d4d89;
   transform: translateX(0) !important;
 }
 >>> .el-tabs__item.is-top:nth-child(2) {
@@ -897,21 +931,216 @@ export default {
 .el-tabs {
   >>> .el-input__inner:focus,
   >>> .el-select .el-input.is-focus .el-input__inner {
-    border-color: #2d4d89;
+    border-color: #D42426;
   }
   .el-button--primary,
   .el-button--primary:focus {
-    background-color: #2d4d89;
-    border-color: #2d4d89;
+    background-color: #D42426;
+    border-color: #D42426;
   }
 }
 .select-prop {
   .el-select-dropdown__item.selected,
   .el-date-table td.available:hover {
-    color: #2d4d89;
+    color: #D42426;
   }
   .el-date-table td.current:not(.disabled) span {
-    background-color: #2d4d89;
+    background-color: #D42426;
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+.people-style {
+  // max-height: 500px;
+  .footerHandle{
+    // border-radius: 6px;
+    border-top: 1px solid #f2f2f2;
+    margin-top: 0 !important;
+    .el-button{
+      width: 90px;
+      height: 36px;
+      font-size: 16px;
+      margin-left: 24px;
+      font-weight: 310;
+    }
+    .el-button--danger:focus, .el-button--danger:hover{
+      color: #fff;
+    }
+  }
+  .peopleImage{
+    padding: 0 !important;
+    margin: 0 0 0 6px !important;
+  }
+  .closeBtn{
+    background: #fff !important;
   }
+  .el-col{
+    width: calc(33.3333% - 20px);
+    margin-right: 20px;
+  }
+  .personnelInformation{
+    padding: 0 !important;
+    margin: 0 0 0 20px !important;
+    max-height: 470px;
+    overflow-y: auto;
+    .el-form-item{
+      width: 100%;
+      margin-bottom: 20px;
+      >>>.el-form-item__label{
+        font-size: 14px;
+        line-height: 16px;
+        color: #333;
+        padding-bottom: 10px;
+      }
+      >>>.el-input__inner{
+        padding-left: 10px !important;
+        font-size: 14px;
+        font-weight: 500;
+        color: #333;
+        font-family: PingFang SC, PingFang SC;
+        border: 1px solid #eee;
+        &::placeholder{
+          color: #999999;
+          font-weight: 300;
+        }
+      }
+      >>>.el-textarea__inner{
+        padding: 10px;
+        border: 1px solid #eeeeee;
+        font-weight: 500;
+        font-size: 14px;
+        color: #333;
+        font-family: PingFang SC, PingFang SC;
+        &::placeholder{
+          color: #999999;
+          font-weight: 300;
+        }
+      }
+      >>>.el-input.is-disabled{
+        .el-input__inner{
+          background: #fff;
+        }
+      }
+      >>>.el-textarea__inner{
+        background: #fff;
+      }
+      >>>.el-form-item__error{
+        padding-top: 0;
+        margin-top: 8px;
+        font-size: 12px;
+        color: #D42426;
+        position: relative;
+      }
+    }
+    
+  }
+  /deep/ .el-date-editor{
+    position: relative;
+      .el-input__prefix{
+        // color: #D42426;
+        // position: absolute;
+        // right: 5px;
+        // left: auto;
+        // display: none;
+        background-image: url('~@/assets/image/people/rili.svg'); /* 替换为你的新图标路径 */
+        background-size: cover; /* 覆盖整个元素 */
+        background-repeat: no-repeat; /* 不重复背景图片 */
+        height: 15px; /* 根据实际情况调整高度 */
+        width: 17px; /* 根据实际情况调整宽度 */
+        position: absolute;
+        right: 10px;
+        top: 9px;
+        left: auto;
+        .el-icon-date::before{
+          content: '';
+        }
+      }
+      .el-input__suffix{
+        position: absolute;
+        right: 25px;
+      }
+  }
+  /deep/ .el-dialog {
+    border-radius: 6px;
+    .el-dialog__header{
+      height: 50px;
+      line-height: 50px;
+      padding: 0;
+      text-align: center;
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
+      .el-dialog__title{
+        color: #333;
+        font-weight: 500;
+      }
+    }
+    .el-dialog__body{
+      background: #fff;
+      border-radius: 6px;
+    }
+  }
+  /deep/ .el-tabs{
+    .el-tabs__header{
+      padding: 20px 0;
+      margin-bottom: 0;
+      .el-tabs__nav{
+        background: #f7f7f7;
+        padding: 0 4px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .el-tabs__item{
+        width: 120px;
+        height: 36px;
+        line-height: 36px;
+        text-align: center;
+        font-size: 16px;
+        background: #f7f7f7;
+        color: #333;
+        font-weight: 310;
+      }
+      .el-tabs__item.is-active{
+        background: #D42426;
+        color: #fff;
+        border-radius: 2px;
+      }
+      .el-tabs__active-bar{
+        display: none;
+      }
+      .el-tabs__nav{
+        left: 50%;
+        transform: translateX(-50%) !important;
+      }
+    }
+    .el-tabs__content{
+      border-radius: 6px;
+    }
+  }
+  .col24{
+    width: calc(100% - 20px);
+  }
+  /deep/ .el-input__suffix-inner{
+  position: relative;
+  .Frame{
+      position: absolute;
+      margin-top: 1px;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+    .Vector{
+      position: absolute;
+      margin-top: 1px;
+      top: 16px;
+      right: 5px;
+      transform: translateY(-50%);
+    }
+  .el-icon-view:before{
+    content: '';
+    display: block;
+  }
+}
 }
 </style>

src/views/PeopleManage/Player/PlayerExamineTeam.vue

@@ -146,6 +146,7 @@
       :visible.sync="dialogVisible"
       :close-on-click-modal="false"
       :before-close="handleDialogBefore"
+      :show-close="false"
       @close="closeDialog"
       v-dialogDrag
       class="people-style"
@@ -160,12 +161,14 @@
             @keyup.enter.native="nextStep()"
             label-width="110px"
             size="small"
+            label-position="top"
+            class="personnelInformation"
           >
           <el-row>
               <el-col :span="8">
                 <el-form-item label="机构名称">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.pdeptId"
                     clearable
@@ -183,7 +186,7 @@
               <el-col :span="8">
                 <el-form-item label="机构部门" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.deptId"
                     clearable
@@ -201,7 +204,7 @@
               <el-col :span="8">
                 <el-form-item label="岗位" prop="positionId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.positionId"
                     placeholder="请选择"
                     popper-class="select-prop"
@@ -215,31 +218,35 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+          </el-row>
+          <el-row>
               <el-col :span="8">
                 <el-form-item label="工号" prop="id">
                   <el-input v-model="formData.id" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="姓名" prop="name">
                   <el-input v-model="formData.name"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="手机号" prop="mobile">
                   <el-input v-model="formData.mobile"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
+          </el-row>
+          <el-row>
               <el-col :span="8">
                 <el-form-item label="入司时间">
                   <el-date-picker
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.entryTime"
                     type="date"
                     placeholder="选择日期"
@@ -252,7 +259,7 @@
                 <el-form-item label="状态" prop="status">
                   <el-select
                     disabled
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.status"
                     placeholder="请选择"
                   >
@@ -268,7 +275,7 @@
               <el-col :span="8">
                 <el-form-item label="角色" prop="roleId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.roleId"
                     placeholder="请选择"
                     disabled
@@ -282,10 +289,12 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+          </el-row>
+          <el-row>
               <el-col :span="8">
                 <el-form-item label="管理人" prop="leaderId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     filterable
                     v-model="formData.leaderId"
@@ -304,21 +313,32 @@
               <el-col :span="8">
                 <el-form-item label="管理人工号" prop="leaderName">
                   <el-input v-model="formData.leaderId" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="代理人资格证号" prop="agentQualificationCode">
                   <el-input
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.agentQualificationCode"
                   ></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button size="small" type="primary" @click="nextStep('2')"
               >下一步</el-button
             >
@@ -330,11 +350,23 @@
             :formDataDetail="formDataDetail"
             ref="formDataDetails"
             isDisabled
+            :showThirdParty="true"
           ></userDetail>
-          <div style="text-align: right">
-            <el-button size="small" type="primary" @click="nextStep('1')"
-              >上一步</el-button
+          <div  class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
             >
+            <!-- <el-button size="small" type="primary" @click="nextStep('1')"
+              >上一步</el-button
+            > -->
             <el-button size="small" type="primary" @click="nextStep('3')"
               >下一步</el-button
             >
@@ -347,6 +379,7 @@
             :inline="true"
             label-width="130px"
             size="small"
+            class="peopleImage"
           >
             <peopleImage
               :dataForm="dataForm"
@@ -355,10 +388,21 @@
               isDisabled
             ></peopleImage>
           </el-form>
-          <div style="text-align: right">
-            <el-button size="small" type="primary" @click="nextStep('2')"
-              >上一步</el-button
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
             >
+            <!-- <el-button size="small" type="primary" @click="nextStep('2')"
+              >上一步</el-button
+            > -->
             <el-button
               v-show="dialogTitle == '审核渠道负责人'"
               size="mini"
@@ -375,9 +419,6 @@
               @click="submitForm(2)"
               >审核驳回</el-button
             >
-            <el-button size="small" type="primary" @click="closeDialog"
-              >取消</el-button
-            >
           </div>
         </el-tab-pane>
       </el-tabs>
@@ -827,15 +868,15 @@ export default {
 <style lang="scss" scoped>
 
 >>> .el-tabs__item:hover {
-  color: #2d4d89;
+  // color: #2d4d89;
 }
 >>> .el-tabs__item.is-active {
   color: #fff;
-  background: #2d4d89;
+  // background: #2d4d89;
   transition: all ease 0.5s;
 }
 >>> .el-tabs__active-bar {
-  background-color: #2d4d89;
+  // background-color: #2d4d89;
 }
 >>> .el-tabs__item.is-top:nth-child(2) {
   padding-left: 20px !important;
@@ -847,21 +888,190 @@ export default {
 .el-tabs {
   >>> .el-input__inner:focus,
   >>> .el-select .el-input.is-focus .el-input__inner {
-    border-color: #2d4d89;
+    border-color: #D42426;
   }
   .el-button--primary,
   .el-button--primary:focus {
-    background-color: #2d4d89;
-    border-color: #2d4d89;
+    background-color: #D42426;
+    border-color: #D42426;
   }
 }
 .select-prop {
   .el-select-dropdown__item.selected,
   .el-date-table td.available:hover {
-    color: #2d4d89;
+    color: #D42426;
   }
   .el-date-table td.current:not(.disabled) span {
-    background-color: #2d4d89;
+    background-color: #D42426;
   }
 }
 </style>
+
+<style lang="scss" scoped>
+.people-style {
+  // max-height: 500px;
+  .footerHandle{
+    // border-radius: 6px;
+    border-top: 1px solid #f2f2f2;
+    margin-top: 0 !important;
+    .el-button{
+      width: 90px;
+      height: 36px;
+      font-size: 16px;
+      margin-left: 24px;
+      font-weight: 310;
+    }
+    .el-button--danger:focus, .el-button--danger:hover{
+      color: #fff;
+    }
+  }
+  .peopleImage{
+    padding: 0 !important;
+    margin: 0 0 0 6px !important;
+  }
+  .closeBtn{
+    background: #fff !important;
+  }
+  .el-col{
+    width: calc(33.3333% - 20px);
+    margin-right: 20px;
+  }
+  .personnelInformation{
+    padding: 0 !important;
+    margin: 0 0 0 20px !important;
+    max-height: 470px;
+    .el-form-item{
+      width: 100%;
+      margin-bottom: 20px;
+      margin-right: 0px;
+      >>>.el-form-item__label{
+        font-size: 14px;
+        line-height: 16px;
+        color: #262626;
+        padding-bottom: 10px;
+      }
+      >>>.el-input__inner{
+      padding-left: 10px !important;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      border: 1px solid #eee;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-textarea__inner{
+      padding: 10px;
+      border: 1px solid #eeeeee;
+      font-weight: 500;
+      font-size: 14px;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-input.is-disabled{
+      .el-input__inner{
+        background: #fff;
+      }
+    }
+    >>>.el-form-item__error{
+      padding-top: 0;
+      margin-top: 8px;
+      font-size: 12px;
+      color: #D42426;
+      position: relative;
+    }
+    }
+  }
+  /deep/ .el-date-editor{
+    position: relative;
+      .el-input__prefix{
+        // color: #D42426;
+        // position: absolute;
+        // right: 5px;
+        // left: auto;
+        // display: none;
+        background-image: url('~@/assets/image/people/rili.svg'); /* 替换为你的新图标路径 */
+        background-size: cover; /* 覆盖整个元素 */
+        background-repeat: no-repeat; /* 不重复背景图片 */
+        height: 15px; /* 根据实际情况调整高度 */
+        width: 17px; /* 根据实际情况调整宽度 */
+        position: absolute;
+        right: 10px;
+        top: 9px;
+        left: auto;
+        .el-icon-date::before{
+          content: '';
+        }
+      }
+      .el-input__suffix{
+        position: absolute;
+        right: 25px;
+      }
+  }
+  /deep/ .el-dialog {
+    border-radius: 6px;
+    .el-dialog__header{
+      height: 50px;
+      line-height: 50px;
+      padding: 0;
+      text-align: center;
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
+      .el-dialog__title{
+        color: #333;
+        font-weight: 500;
+      }
+    }
+    .el-dialog__body{
+      background: #fff;
+      border-radius: 6px;
+    }
+  }
+  /deep/ .el-tabs{
+    .el-tabs__header{
+      padding: 20px 0;
+      margin-bottom: 0;
+      .el-tabs__nav{
+        background: #f7f7f7;
+        padding: 0 4px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .el-tabs__item{
+        width: 120px;
+        height: 36px;
+        line-height: 36px;
+        text-align: center;
+        font-size: 16px;
+        background: #f7f7f7;
+        color: #333;
+        font-weight: 310;
+      }
+      .el-tabs__item.is-active{
+        background: #D42426;
+        color: #fff;
+        border-radius: 2px;
+      }
+      .el-tabs__active-bar{
+        display: none;
+      }
+      .el-tabs__nav{
+        left: 50%;
+        transform: translateX(-50%) !important;
+      }
+    }
+    .el-tabs__content{
+      border-radius: 6px;
+    }
+  }
+}
+</style>
+

src/views/PeopleManage/Player/PlayerManage.vue

@@ -80,6 +80,7 @@
       :visible.sync="dialogVisible"
       :close-on-click-modal="false"
       :before-close="handleDialogBefore"
+      :show-close="false"
       @close="closeDialog"
       v-dialogDrag
       class="people-style"
@@ -93,12 +94,14 @@
             :inline="true"
             label-width="110px"
             size="small"
+            label-position="top"
+            class="personnelInformation"
           >
             <el-row>
               <el-col :span="8">
                 <el-form-item label="机构名称">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.pdeptId"
                     clearable
@@ -116,7 +119,7 @@
               <el-col :span="8">
                 <el-form-item label="机构部门" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.deptId"
                     clearable
@@ -134,7 +137,7 @@
               <el-col :span="8">
                 <el-form-item label="岗位" prop="positionId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.positionId"
                     placeholder="请选择"
                     popper-class="select-prop"
@@ -148,31 +151,35 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="工号" prop="id">
                   <el-input v-model="formData.id" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="姓名" prop="name">
                   <el-input v-model="formData.name"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="手机号" prop="mobile">
                   <el-input v-model="formData.mobile"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="入司时间">
                   <el-date-picker
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.entryTime"
                     type="date"
                     placeholder="选择日期"
@@ -185,7 +192,7 @@
                 <el-form-item label="状态" prop="status">
                   <el-select
                     disabled
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.status"
                     placeholder="请选择"
                   >
@@ -201,7 +208,7 @@
               <el-col :span="8">
                 <el-form-item label="角色" prop="roleId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.roleId"
                     placeholder="请选择"
                     disabled
@@ -215,10 +222,12 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="管理人" prop="leaderId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.leaderId"
                     placeholder="请选择"
                     popper-class="select-prop"
@@ -235,14 +244,14 @@
               <el-col :span="8">
                 <el-form-item label="管理人工号" prop="leaderName">
                   <el-input v-model="formData.leaderId" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="业务员" prop="referrerId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     v-model="formData.referrerId"
                     placeholder="请选择"
@@ -257,10 +266,12 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="业务员工号" prop="referrerName">
                   <el-input v-model="formData.referrerId" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
@@ -277,34 +288,61 @@
               <el-col :span="8">
                 <el-form-item label="密码" prop="password">
                   <el-input
-                    style="width: 200px"
+                    v-if="showPassWord"
+                    style="width: 100%"
+                    v-model="formData.password"
+                    type="text"
+                  >
+                  <i v-if="formData.password" slot="suffix" @click="switchPassword">
+                    <img class="Vector" src="@/assets/image/people/Vector.svg" alt="">
+                  </i>
+                  </el-input>
+                  <el-input
+                    v-else
+                    style="width: 100%"
                     v-model="formData.password"
                     type="password" show-password
-                  ></el-input>
+                  >
+                  <i v-if="formData.password" slot="suffix" @click="switchPassword">
+                    <img class="Frame" src="@/assets/image/people/Frame.svg" alt="">
+                  </i>
+                  </el-input>
                 </el-form-item>
               </el-col>
 
               <el-col :span="8">
                 <el-form-item label="代理人资格证号" prop="agentQualificationCode">
                   <el-input
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.agentQualificationCode"
                   ></el-input>
                 </el-form-item>
               </el-col>
-              <el-col :span="24">
-                <el-form-item label="备注" prop="referrerName">
+            </el-row>
+            <el-row>
+              <el-col class="col24" :span="24">
+                <el-form-item  label="备注" prop="referrerName">
                   <el-input
                     type="textarea"
-                    style="width: 600px;"
+                    style="width: 100%"
                     v-model="formData.approvalOpinion"
-                    disabled
                   ></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button size="small" type="primary" @click="activeName = '2'"
               >下一步</el-button
             >
@@ -317,6 +355,7 @@
             :inline="true"
             label-width="130px"
             size="small"
+            class="peopleImage"
           >
             <peopleImage
               :dataForm="dataForm"
@@ -324,21 +363,21 @@
               :dialogVisible="dialogVisible"
             ></peopleImage>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
             <el-button
               size="small"
               type="primary"
               style="
-                background-color: #eaedf1;
-                border: 1px solid #eaedf1;
-                color: #2d4d89;
+                border: 1px solid #D42426;
+                color: #D42426;
               "
+              class="closeBtn"
               @click="closeDialog"
               >取消</el-button
             >
-            <el-button size="small" type="primary" @click="activeName = '1'"
+            <!-- <el-button size="small" type="primary" @click="activeName = '1'"
               >上一步</el-button
-            >
+            > -->
             <el-button size="small" type="primary" @click="submitForm"
               >提交</el-button
             >
@@ -600,6 +639,8 @@ export default {
       //影像上传列表
       imagesIdList: [],
       formDataDetail: {},
+      showPassWord: false,
+      pdeptId: null
     };
   },
   created() {
@@ -743,6 +784,7 @@ export default {
     onZTreeClick(evt, treeId, treeNode) {
       this.currentTreeNode = evt;
       this.deptId = this.currentTreeNode.id;
+      this.pdeptId = this.currentTreeNode.parentId;
       this.pageData.pageNum = 1;
       this.findPage();
       this.searchLeaderFun();
@@ -896,10 +938,11 @@ export default {
         status: "2",
         referrerId: "",
         deptId: this.deptId,
+        pdeptId: this.pdeptId
       };
       // this.formData.status = statusArr.length > 0 ? statusArr[0].value : "";
       this.activeName = "1";
-      this.dialogTitle = "新增渠道信息";
+      this.dialogTitle = "新增出单员信息";
       this.dialogVisible = true;
     },
     // 退出对话框之前确认提示
@@ -930,7 +973,7 @@ export default {
                 (val) => val.id == this.formData.leaderId
               ).name;
             }
-            if (this.dialogTitle == "新增渠道信息") {
+            if (this.dialogTitle == "新增出单员信息") {
               this.$api.user
                 .saveUserInfo({
                   sysUser: this.formData,
@@ -983,6 +1026,9 @@ export default {
         }
       });
     },
+    switchPassword(){
+      this.showPassWord = !this.showPassWord;
+    }
   },
 };
 </script>
@@ -1052,15 +1098,15 @@ export default {
 <style lang="scss" scoped>
 
 >>> .el-tabs__item:hover {
-  color: #2d4d89;
+  // color: #2d4d89;
 }
 >>> .el-tabs__item.is-active {
   color: #fff;
-  background: #2d4d89;
+  // background: #2d4d89;
   transition: all ease 0.5s;
 }
 >>> .el-tabs__active-bar {
-  background-color: #2d4d89;
+  // background-color: #D42426;
   transform: translateX(0) !important;
 }
 >>> .el-tabs__item.is-top:nth-child(2) {
@@ -1073,21 +1119,21 @@ export default {
 .el-tabs {
   >>> .el-input__inner:focus,
   >>> .el-select .el-input.is-focus .el-input__inner {
-    border-color: #2d4d89;
+    border-color: #D42426;
   }
   .el-button--primary,
   .el-button--primary:focus {
-    background-color: #2d4d89;
-    border-color: #2d4d89;
+    background-color: #D42426;
+    border-color: #D42426;
   }
 }
 .select-prop {
   .el-select-dropdown__item.selected,
   .el-date-table td.available:hover {
-    color: #2d4d89;
+    color: #D42426;
   }
   .el-date-table td.current:not(.disabled) span {
-    background-color: #2d4d89;
+    background-color: #D42426;
   }
 }
 </style>
@@ -1121,3 +1167,192 @@ export default {
   border: 1px solid #F2992F;
 }
 </style>
+
+<style lang="scss" scoped>
+.people-style {
+  // max-height: 500px;
+  .footerHandle{
+    // border-radius: 6px;
+    border-top: 1px solid #f2f2f2;
+    margin-top: 0 !important;
+    .el-button{
+      width: 90px;
+      height: 36px;
+      font-size: 16px;
+      margin-left: 24px;
+      font-weight: 310;
+    }
+  }
+  .peopleImage{
+    padding: 0 !important;
+    margin: 0 0 0 6px !important;
+  }
+  .closeBtn{
+    background: #fff !important;
+  }
+  .el-col{
+    width: calc(33.3333% - 20px);
+    margin-right: 20px;
+  }
+  .personnelInformation{
+  padding: 0 !important;
+  margin: 0 0 0 20px !important;
+  max-height: 470px;
+  overflow-y: auto;
+  .el-form-item{
+    width: 100%;
+    margin-bottom: 20px;
+    >>>.el-form-item__label{
+      font-size: 14px;
+      line-height: 16px;
+      color: #333;
+      padding-bottom: 10px;
+    }
+    >>>.el-input__inner{
+      padding-left: 10px !important;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      border: 1px solid #eee;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-textarea__inner{
+      padding: 10px;
+      border: 1px solid #eeeeee;
+      font-weight: 500;
+      font-size: 14px;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-input.is-disabled{
+      .el-input__inner{
+        background: #fff;
+      }
+    }
+    >>>.el-form-item__error{
+      padding-top: 0;
+      margin-top: 8px;
+      font-size: 12px;
+      color: #D42426;
+      position: relative;
+    }
+  }
+  
+}
+  /deep/ .el-date-editor{
+    position: relative;
+      .el-input__prefix{
+        // color: #D42426;
+        // position: absolute;
+        // right: 5px;
+        // left: auto;
+        // display: none;
+        background-image: url('~@/assets/image/people/rili.svg'); /* 替换为你的新图标路径 */
+        background-size: cover; /* 覆盖整个元素 */
+        background-repeat: no-repeat; /* 不重复背景图片 */
+        height: 15px; /* 根据实际情况调整高度 */
+        width: 17px; /* 根据实际情况调整宽度 */
+        position: absolute;
+        right: 10px;
+        top: 9px;
+        left: auto;
+        .el-icon-date::before{
+          content: '';
+        }
+      }
+      .el-input__suffix{
+        position: absolute;
+        right: 25px;
+      }
+  }
+  /deep/ .el-dialog {
+    border-radius: 6px;
+    .el-dialog__header{
+      height: 50px;
+      line-height: 50px;
+      padding: 0;
+      text-align: center;
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
+      .el-dialog__title{
+        color: #333;
+        font-weight: 500;
+      }
+    }
+    .el-dialog__body{
+      background: #fff;
+      border-radius: 6px;
+    }
+  }
+  /deep/ .el-tabs{
+    .el-tabs__header{
+      padding: 20px 0;
+      margin-bottom: 0;
+      .el-tabs__nav{
+        background: #f7f7f7;
+        padding: 0 4px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .el-tabs__item{
+        width: 120px;
+        height: 36px;
+        line-height: 36px;
+        text-align: center;
+        font-size: 16px;
+        background: #f7f7f7;
+        color: #333;
+        font-weight: 310;
+      }
+      .el-tabs__item.is-active{
+        background: #D42426;
+        color: #fff;
+        border-radius: 2px;
+      }
+      .el-tabs__active-bar{
+        display: none;
+      }
+      .el-tabs__nav{
+        left: 50%;
+        transform: translateX(-50%) !important;
+      }
+    }
+    .el-tabs__content{
+      border-radius: 6px;
+    }
+  }
+    .col24{
+    width: calc(100% - 20px);
+  }
+  /deep/ .el-input__suffix-inner{
+  position: relative;
+  .Frame{
+      position: absolute;
+      margin-top: 1px;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+    .Vector{
+      position: absolute;
+      margin-top: 1px;
+      top: 16px;
+      right: 5px;
+      transform: translateY(-50%);
+    }
+  .el-icon-view:before{
+    content: '';
+    display: block;
+  }
+}
+}
+</style>

src/views/PeopleManage/Player/PlayerManageteam.vue

@@ -73,6 +73,7 @@
       :visible.sync="dialogVisible"
       :close-on-click-modal="false"
       :before-close="handleDialogBefore"
+      :show-close="false"
       @close="closeDialog"
       v-dialogDrag
       class="people-style"
@@ -87,12 +88,14 @@
             @keyup.enter.native="nextStep()"
             label-width="110px"
             size="small"
+            label-position="top"
+            class="personnelInformation"
           >
             <el-row>
               <el-col :span="8">
                 <el-form-item label="机构名称">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.pdeptId"
                     clearable
@@ -110,7 +113,7 @@
               <el-col :span="8">
                 <el-form-item label="机构部门" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.deptId"
                     clearable
@@ -128,7 +131,7 @@
               <el-col :span="8">
                 <el-form-item label="岗位" prop="positionId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.positionId"
                     placeholder="请选择"
                     popper-class="select-prop"
@@ -142,31 +145,35 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="工号" prop="id">
                   <el-input v-model="formData.id" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="姓名" prop="name">
                   <el-input v-model="formData.name"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="手机号" prop="mobile">
                   <el-input v-model="formData.mobile"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="入司时间">
                   <el-date-picker
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.entryTime"
                     type="date"
                     placeholder="选择日期"
@@ -179,7 +186,7 @@
                 <el-form-item label="状态" prop="status">
                   <el-select
                     disabled
-                    style="width: 200px"
+                    style="width: 100%"
                     @change="statusChange"
                     v-model="formData.status"
                     placeholder="请选择"
@@ -196,7 +203,7 @@
               <el-col :span="8">
                 <el-form-item label="角色" prop="roleId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.roleId"
                     placeholder="请选择"
                     disabled
@@ -210,10 +217,12 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="管理人" prop="leaderId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     filterable
                     v-model="formData.leaderId"
@@ -232,21 +241,32 @@
               <el-col :span="8">
                 <el-form-item label="管理人工号" prop="leaderName">
                   <el-input v-model="formData.leaderId" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="代理人资格证号" prop="agentQualificationCode">
                   <el-input
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.agentQualificationCode"
                   ></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button size="small" type="primary" @click="nextStep"
               >下一步</el-button
             >
@@ -258,11 +278,23 @@
             :formDataDetail="formDataDetail"
             ref="formDataDetails"
             @valids="valids"
+            :showThirdParty="true"
           ></userDetail>
-          <div style="text-align: right">
-            <el-button size="small" type="primary" @click="activeName = '1'"
-              >上一步</el-button
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
             >
+            <!-- <el-button size="small" type="primary" @click="activeName = '1'"
+              >上一步</el-button
+            > -->
             <el-button size="small" type="primary" @click="activeName = '3'"
               >下一步</el-button
             >
@@ -276,6 +308,7 @@
             :inline="true"
             label-width="130px"
             size="small"
+            class="peopleImage"
           >
             <peopleImage
               :dataForm="dataForm"
@@ -283,21 +316,21 @@
               :dialogVisible="dialogVisible"
             ></peopleImage>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
             <el-button
               size="small"
               type="primary"
               style="
-                background-color: #eaedf1;
-                border: 1px solid #eaedf1;
-                color: #2d4d89;
+                border: 1px solid #D42426;
+                color: #D42426;
               "
+              class="closeBtn"
               @click="closeDialog"
               >取消</el-button
             >
-            <el-button size="small" type="primary" @click="activeName = '1'"
+            <!-- <el-button size="small" type="primary" @click="activeName = '1'"
               >上一步</el-button
-            >
+            > -->
             <el-button size="small" type="primary" @click="submitForm"
               >提交</el-button
             >
@@ -557,6 +590,7 @@ export default {
         birthday: "",
       },
       formDataRulesDetail: {},
+      pdeptId: null
     };
   },
   created() {
@@ -756,6 +790,7 @@ export default {
       this.currentTreeNode = evt;
       // this.pageData.deptId = this.currentTreeNode.id;
       this.deptId = this.currentTreeNode.id;
+      this.pdeptId = this.currentTreeNode.parentId;
       this.pageData.pageNum = 1;
       this.findPage();
       this.searchLeaderFun();
@@ -908,6 +943,7 @@ export default {
         status: "2",
         referrerId: "",
         deptId: this.deptId,
+        pdeptId: this.pdeptId
       };
       // this.formData.status = statusArr.length > 0 ? statusArr[0].value : "";
       this.activeName = "1";
@@ -1074,15 +1110,15 @@ export default {
 <style lang="scss" scoped>
 
 >>> .el-tabs__item:hover {
-  color: #2d4d89;
+  // color: #2d4d89;
 }
 >>> .el-tabs__item.is-active {
   color: #fff;
-  background: #2d4d89;
+  // background: #2d4d89;
   transition: all ease 0.5s;
 }
 >>> .el-tabs__active-bar {
-  background-color: #2d4d89;
+  // background-color: #2d4d89;
 }
 >>> .el-tabs__item.is-top:nth-child(2) {
   padding-left: 20px !important;
@@ -1094,21 +1130,21 @@ export default {
 .el-tabs {
   >>> .el-input__inner:focus,
   >>> .el-select .el-input.is-focus .el-input__inner {
-    border-color: #2d4d89;
+    border-color: #D42426;
   }
   .el-button--primary,
   .el-button--primary:focus {
-    background-color: #2d4d89;
-    border-color: #2d4d89;
+    background-color: #D42426;
+    border-color: #D42426;
   }
 }
 .select-prop {
   .el-select-dropdown__item.selected,
   .el-date-table td.available:hover {
-    color: #2d4d89;
+    color: #D42426;
   }
   .el-date-table td.current:not(.disabled) span {
-    background-color: #2d4d89;
+    background-color: #D42426;
   }
 }
 </style>
@@ -1142,3 +1178,169 @@ export default {
   border: 1px solid #F2992F;
 }
 </style>
+
+
+<style lang="scss" scoped>
+.people-style {
+  // max-height: 500px;
+  .footerHandle{
+    // border-radius: 6px;
+    border-top: 1px solid #f2f2f2;
+    margin-top: 0 !important;
+    .el-button{
+      width: 90px;
+      height: 36px;
+      font-size: 16px;
+      margin-left: 24px;
+      font-weight: 310;
+    }
+  }
+  .peopleImage{
+    padding: 0 !important;
+    margin: 0 0 0 6px !important;
+  }
+  .closeBtn{
+    background: #fff !important;
+  }
+  .el-col{
+    width: calc(33.3333% - 20px);
+    margin-right: 20px;
+  }
+  .personnelInformation{
+    padding: 0 !important;
+    margin: 0 0 0 20px !important;
+    max-height: 470px;
+    .el-form-item{
+      width: 100%;
+      margin-bottom: 20px;
+      margin-right: 0px;
+      >>>.el-form-item__label{
+        font-size: 14px;
+        line-height: 16px;
+        color: #262626;
+        padding-bottom: 10px;
+      }
+      >>>.el-input__inner{
+      padding-left: 10px !important;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      border: 1px solid #eee;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-textarea__inner{
+      padding: 10px;
+      border: 1px solid #eeeeee;
+      font-weight: 500;
+      font-size: 14px;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-input.is-disabled{
+      .el-input__inner{
+        background: #fff;
+      }
+    }
+    >>>.el-form-item__error{
+      padding-top: 0;
+      margin-top: 8px;
+      font-size: 12px;
+      color: #D42426;
+      position: relative;
+    }
+    }
+  }
+  /deep/ .el-date-editor{
+    position: relative;
+      .el-input__prefix{
+        // color: #D42426;
+        // position: absolute;
+        // right: 5px;
+        // left: auto;
+        // display: none;
+        background-image: url('~@/assets/image/people/rili.svg'); /* 替换为你的新图标路径 */
+        background-size: cover; /* 覆盖整个元素 */
+        background-repeat: no-repeat; /* 不重复背景图片 */
+        height: 15px; /* 根据实际情况调整高度 */
+        width: 17px; /* 根据实际情况调整宽度 */
+        position: absolute;
+        right: 10px;
+        top: 9px;
+        left: auto;
+        .el-icon-date::before{
+          content: '';
+        }
+      }
+      .el-input__suffix{
+        position: absolute;
+        right: 25px;
+      }
+  }
+  /deep/ .el-dialog {
+    border-radius: 6px;
+    .el-dialog__header{
+      height: 50px;
+      line-height: 50px;
+      padding: 0;
+      text-align: center;
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
+      .el-dialog__title{
+        color: #333;
+        font-weight: 500;
+      }
+    }
+    .el-dialog__body{
+      background: #fff;
+      border-radius: 6px;
+    }
+  }
+  /deep/ .el-tabs{
+    .el-tabs__header{
+      padding: 20px 0;
+      margin-bottom: 0;
+      .el-tabs__nav{
+        background: #f7f7f7;
+        padding: 0 4px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .el-tabs__item{
+        width: 120px;
+        height: 36px;
+        line-height: 36px;
+        text-align: center;
+        font-size: 16px;
+        background: #f7f7f7;
+        color: #333;
+        font-weight: 310;
+      }
+      .el-tabs__item.is-active{
+        background: #D42426;
+        color: #fff;
+        border-radius: 2px;
+      }
+      .el-tabs__active-bar{
+        display: none;
+      }
+      .el-tabs__nav{
+        left: 50%;
+        transform: translateX(-50%) !important;
+      }
+    }
+    .el-tabs__content{
+      border-radius: 6px;
+    }
+  }
+}
+</style>

src/views/PeopleManage/Sales/SalesExamine.vue

@@ -146,6 +146,7 @@
       :visible.sync="dialogVisible"
       :close-on-click-modal="false"
       :before-close="handleDialogBefore"
+      :show-close="false"
       @close="closeDialog"
       v-dialogDrag
       class="people-style"
@@ -160,12 +161,14 @@
             @keyup.enter.native="nextStep()"
             label-width="110px"
             size="small"
+            label-position="top"
+            class="personnelInformation"
           >
           <el-row>
               <el-col :span="8">
                 <el-form-item label="机构名称">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.pdeptId"
                     clearable
@@ -178,12 +181,13 @@
                     }"
                     @change="handleChange"
                   >
-                  </el-cascader> </el-form-item
+                  </el-cascader>
+                </el-form-item
               ></el-col>
               <el-col :span="8">
                 <el-form-item label="机构部门" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.deptId"
                     clearable
@@ -201,7 +205,7 @@
               <el-col :span="8">
                 <el-form-item label="岗位" prop="positionId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.positionId"
                     placeholder="请选择"
                     popper-class="select-prop"
@@ -215,31 +219,35 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+          </el-row>
+          <el-row>
               <el-col :span="8">
                 <el-form-item label="工号" prop="id">
                   <el-input v-model="formData.id" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="姓名" prop="name">
                   <el-input v-model="formData.name"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="手机号" prop="mobile">
                   <el-input v-model="formData.mobile"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
+          </el-row>
+          <el-row>
               <el-col :span="8">
                 <el-form-item label="入司时间">
                   <el-date-picker
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.entryTime"
                     type="date"
                     placeholder="选择日期"
@@ -252,7 +260,7 @@
                 <el-form-item label="状态" prop="status">
                   <el-select
                     disabled
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.status"
                     placeholder="请选择"
                   >
@@ -268,7 +276,7 @@
               <el-col :span="8">
                 <el-form-item label="角色" prop="roleId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.roleId"
                     placeholder="请选择"
                     disabled
@@ -282,10 +290,12 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+          </el-row>
+          <el-row>
               <el-col :span="8">
                 <el-form-item label="管理人" prop="leaderId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     filterable
                     v-model="formData.leaderId"
@@ -304,21 +314,32 @@
               <el-col :span="8">
                 <el-form-item label="管理人工号" prop="leaderName">
                   <el-input v-model="formData.leaderId" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="代理人资格证号" prop="agentQualificationCode">
                   <el-input
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.agentQualificationCode"
                   ></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button size="small" type="primary" @click="nextStep('2')"
               >下一步</el-button
             >
@@ -330,11 +351,23 @@
             :formDataDetail="formDataDetail"
             ref="formDataDetails"
             isDisabled
+            :showThirdParty="true"
           ></userDetail>
-          <div style="text-align: right">
-            <el-button size="small" type="primary" @click="nextStep('1')"
-              >上一步</el-button
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
             >
+            <!-- <el-button size="small" type="primary" @click="nextStep('1')"
+              >上一步</el-button
+            > -->
             <el-button size="small" type="primary" @click="nextStep('3')"
               >下一步</el-button
             >
@@ -347,6 +380,7 @@
             :inline="true"
             label-width="130px"
             size="small"
+            class="peopleImage"
           >
             <peopleImage
               :dataForm="dataForm"
@@ -355,12 +389,23 @@
               isDisabled
             ></peopleImage>
           </el-form>
-          <div style="text-align: right">
-            <el-button size="small" type="primary" @click="nextStep('2')"
-              >上一步</el-button
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
             >
+            <!-- <el-button size="small" type="primary" @click="nextStep('2')"
+              >上一步</el-button
+            > -->
             <el-button
-              v-show="dialogTitle == '审核渠道负责人'"
+              v-show="dialogTitle == '审核电销负责人'"
               size="mini"
               type="primary"
               style="background-color: #0ec216; border: 1px solid #0ec216"
@@ -368,16 +413,13 @@
               >审核通过</el-button
             >
             <el-button
-              v-show="dialogTitle == '审核渠道负责人'"
+              v-show="dialogTitle == '审核电销负责人'"
               size="mini"
               type="danger"
               style="background-color: #de504c; border: 1px solid #de504c"
               @click="submitForm(2)"
               >审核驳回</el-button
             >
-            <el-button size="small" type="primary" @click="closeDialog"
-              >取消</el-button
-            >
           </div>
         </el-tab-pane>
       </el-tabs>
@@ -419,7 +461,7 @@ import peopleImage from "@/components/PeopleImage/index.vue"; //影像组件
 import userDetail from "@/components/UserDetail/index.vue"; // 详情信息
 import mixa from "../mixin";
 const mixin = new mixa({
-  treeTypeNum: 1, //树分类过滤参数
+  treeTypeNum: 3, //树分类过滤参数
 });
 export default {
   components: {
@@ -712,6 +754,7 @@ export default {
       };
       this.$api.user.getUserDatail(params.row.userId).then((res) => {
         if (res.code == 200) {
+          this.formData = res.data.sysUser;
           res.data.sysUser.status += "";
           if (res.data.esmUserImageVo.length > 0) {
             res.data.esmUserImageVo.forEach((item) => {
@@ -719,7 +762,6 @@ export default {
               this.dataForm[item.type] = item.path;
             });
           }
-          this.formData = res.data.sysUser;
           this.formDataDetail = res.data.sysUserInfo
             ? res.data.sysUserInfo
             : {};
@@ -751,9 +793,9 @@ export default {
             ? res.data.sysUserInfo
             : {};
         }
+        this.dialogTitle = "审核电销负责人";
+        this.dialogVisible = true;
       });
-      this.dialogTitle = "审核渠道负责人";
-      this.dialogVisible = true;
     },
     //联级选择器触发事件
     handleChange(val) {
@@ -827,15 +869,15 @@ export default {
 <style lang="scss" scoped>
 
 >>> .el-tabs__item:hover {
-  color: #2d4d89;
+  // color: #2d4d89;
 }
 >>> .el-tabs__item.is-active {
   color: #fff;
-  background: #2d4d89;
+  // background: #2d4d89;
   transition: all ease 0.5s;
 }
 >>> .el-tabs__active-bar {
-  background-color: #2d4d89;
+  // background-color: #2d4d89;
 }
 >>> .el-tabs__item.is-top:nth-child(2) {
   padding-left: 20px !important;
@@ -847,21 +889,188 @@ export default {
 .el-tabs {
   >>> .el-input__inner:focus,
   >>> .el-select .el-input.is-focus .el-input__inner {
-    border-color: #2d4d89;
+    border-color: #D42426;
   }
   .el-button--primary,
   .el-button--primary:focus {
-    background-color: #2d4d89;
-    border-color: #2d4d89;
+    background-color: #D42426;
+    border-color: #D42426;
   }
 }
 .select-prop {
   .el-select-dropdown__item.selected,
   .el-date-table td.available:hover {
-    color: #2d4d89;
+    color: #D42426;
   }
   .el-date-table td.current:not(.disabled) span {
-    background-color: #2d4d89;
+    background-color: #D42426;
+  }
+}
+</style>
+<style lang="scss" scoped>
+.people-style {
+  // max-height: 500px;
+  .footerHandle{
+    // border-radius: 6px;
+    border-top: 1px solid #f2f2f2;
+    margin-top: 0 !important;
+    .el-button{
+      width: 90px;
+      height: 36px;
+      font-size: 16px;
+      margin-left: 24px;
+      font-weight: 310;
+    }
+    .el-button--danger:focus, .el-button--danger:hover{
+      color: #fff;
+    }
+  }
+  .peopleImage{
+    padding: 0 !important;
+    margin: 0 0 0 6px !important;
+  }
+  .closeBtn{
+    background: #fff !important;
+  }
+  .el-col{
+    width: calc(33.3333% - 20px);
+    margin-right: 20px;
+  }
+  .personnelInformation{
+    padding: 0 !important;
+    margin: 0 0 0 20px !important;
+    max-height: 470px;
+    .el-form-item{
+      width: 100%;
+      margin-bottom: 20px;
+      margin-right: 0px;
+      >>>.el-form-item__label{
+        font-size: 14px;
+        line-height: 16px;
+        color: #262626;
+        padding-bottom: 10px;
+      }
+      >>>.el-input__inner{
+      padding-left: 10px !important;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      border: 1px solid #eee;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-textarea__inner{
+      padding: 10px;
+      border: 1px solid #eeeeee;
+      font-weight: 500;
+      font-size: 14px;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-input.is-disabled{
+      .el-input__inner{
+        background: #fff;
+      }
+    }
+    >>>.el-form-item__error{
+      padding-top: 0;
+      margin-top: 8px;
+      font-size: 12px;
+      color: #D42426;
+      position: relative;
+    }
+    }
+  }
+  /deep/ .el-date-editor{
+    position: relative;
+      .el-input__prefix{
+        // color: #D42426;
+        // position: absolute;
+        // right: 5px;
+        // left: auto;
+        // display: none;
+        background-image: url('~@/assets/image/people/rili.svg'); /* 替换为你的新图标路径 */
+        background-size: cover; /* 覆盖整个元素 */
+        background-repeat: no-repeat; /* 不重复背景图片 */
+        height: 15px; /* 根据实际情况调整高度 */
+        width: 17px; /* 根据实际情况调整宽度 */
+        position: absolute;
+        right: 10px;
+        top: 9px;
+        left: auto;
+        .el-icon-date::before{
+          content: '';
+        }
+      }
+      .el-input__suffix{
+        position: absolute;
+        right: 25px;
+      }
+  }
+  /deep/ .el-dialog {
+    border-radius: 6px;
+    .el-dialog__header{
+      height: 50px;
+      line-height: 50px;
+      padding: 0;
+      text-align: center;
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
+      .el-dialog__title{
+        color: #333;
+        font-weight: 500;
+      }
+    }
+    .el-dialog__body{
+      background: #fff;
+      border-radius: 6px;
+    }
+  }
+  /deep/ .el-tabs{
+    .el-tabs__header{
+      padding: 20px 0;
+      margin-bottom: 0;
+      .el-tabs__nav{
+        background: #f7f7f7;
+        padding: 0 4px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .el-tabs__item{
+        width: 120px;
+        height: 36px;
+        line-height: 36px;
+        text-align: center;
+        font-size: 16px;
+        background: #f7f7f7;
+        color: #333;
+        font-weight: 310;
+      }
+      .el-tabs__item.is-active{
+        background: #D42426;
+        color: #fff;
+        border-radius: 2px;
+      }
+      .el-tabs__active-bar{
+        display: none;
+      }
+      .el-tabs__nav{
+        left: 50%;
+        transform: translateX(-50%) !important;
+      }
+    }
+    .el-tabs__content{
+      border-radius: 6px;
+    }
   }
 }
 </style>

src/views/PeopleManage/Sales/SalesManage.vue

@@ -147,6 +147,7 @@
       :visible.sync="dialogVisible"
       :close-on-click-modal="false"
       :before-close="handleDialogBefore"
+      :show-close="false"
       @close="closeDialog"
       v-dialogDrag
       class="people-style"
@@ -161,12 +162,14 @@
             @keyup.enter.native="nextStep()"
             label-width="110px"
             size="small"
+            label-position="top"
+            class="personnelInformation"
           >
             <el-row>
               <el-col :span="8">
                 <el-form-item label="机构名称">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.pdeptId"
                     clearable
@@ -186,7 +189,7 @@
               <el-col :span="8">
                 <el-form-item label="机构部门" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.deptId"
                     clearable
@@ -206,7 +209,7 @@
               <el-col :span="8">
                 <el-form-item label="岗位" prop="positionId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.positionId"
                     placeholder="请选择"
                     popper-class="select-prop"
@@ -220,31 +223,35 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="工号" prop="id">
                   <el-input v-model="formData.id" disabled
-                            style="width: 200px"
+                            style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="姓名" prop="name">
                   <el-input v-model="formData.name"
-                            style="width: 200px"
+                            style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="手机号" prop="mobile">
                   <el-input v-model="formData.mobile"
-                            style="width: 200px"
+                            style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="入司时间">
                   <el-date-picker
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.entryTime"
                     type="date"
                     placeholder="选择日期"
@@ -257,7 +264,7 @@
                 <el-form-item label="状态" prop="status">
                   <el-select
                     disabled
-                    style="width: 200px"
+                    style="width: 100%"
                     @change="statusChange"
                     v-model="formData.status"
                     placeholder="请选择"
@@ -274,7 +281,7 @@
               <el-col :span="8">
                 <el-form-item label="角色" prop="roleId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.roleId"
                     placeholder="请选择"
                     disabled
@@ -288,10 +295,12 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="管理人" prop="leaderId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     filterable
                     v-model="formData.leaderId"
@@ -310,21 +319,32 @@
               <el-col :span="8">
                 <el-form-item label="管理人工号" prop="leaderName">
                   <el-input v-model="formData.leaderId" disabled
-                            style="width: 200px"
+                            style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="代理人资格证号" prop="agentQualificationCode">
                   <el-input
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.agentQualificationCode"
                   ></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button size="small" type="primary" @click="nextStep"
             >下一步
             </el-button
@@ -338,12 +358,24 @@
             ref="formDataDetails"
             @statusChange="statusChange"
             @valids="valids"
+            :showThirdParty="true"
           ></userDetail>
-          <div style="text-align: right">
-            <el-button size="small" type="primary" @click="activeName = '1'"
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
+            <!-- <el-button size="small" type="primary" @click="activeName = '1'"
             >上一步
             </el-button
-            >
+            > -->
             <el-button size="small" type="primary" @click="activeName = '3'"
             >下一步
             </el-button
@@ -372,6 +404,7 @@
             :inline="true"
             label-width="130px"
             size="small"
+            class="peopleImage"
           >
             <peopleImage
               :dataForm="dataForm"
@@ -379,23 +412,22 @@
               :dialogVisible="dialogVisible"
             ></peopleImage>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
             <el-button
               size="small"
               type="primary"
               style="
-                background-color: #eaedf1;
-                border: 1px solid #eaedf1;
-                color: #2d4d89;
+                border: 1px solid #D42426;
+                color: #D42426;
               "
+              class="closeBtn"
               @click="closeDialog"
-            >取消
-            </el-button
+              >取消</el-button
             >
-            <el-button size="small" type="primary" @click="activeName = '2'"
+            <!-- <el-button size="small" type="primary" @click="activeName = '2'"
             >上一步
             </el-button
-            >
+            > -->
             <el-button size="small" type="primary" @click="submitForm"
             >提交
             </el-button
@@ -598,6 +630,7 @@ export default {
       },
       //影像上传列表
       imagesIdList: [],
+      pdeptId: null
     };
   },
   created() {
@@ -742,6 +775,7 @@ export default {
       // 点击事件
       this.currentTreeNode = evt;
       this.deptId = this.currentTreeNode.id;
+      this.pdeptId = this.currentTreeNode.parentId;
       this.pageData.pageNum = 1;
       this.findPage();
       this.searchLeaderFun();
@@ -915,7 +949,7 @@ export default {
           });
         }
         this.formDataDetail = res.data.sysUserInfo ? res.data.sysUserInfo : {};
-        this.dialogTitle = "编辑团队长";
+        this.dialogTitle = "编辑电销负责人";
         this.dialogVisible = true;
         this.dialogPassword = false;
         this.formData.referrerId = "";
@@ -964,10 +998,11 @@ export default {
         roleId: "3",
         status: "2",
         deptId: this.deptId,
+        pdeptId: this.pdeptId
       };
       this.formDataDetail = {};
       this.activeName = "1";
-      this.dialogTitle = "新增团队长";
+      this.dialogTitle = "新增电销负责人";
       this.dialogVisible = true;
       this.dialogPassword = true;
       // this.$api.user.findListByDeptId({ deptId: this.deptId }).then((res) => {
@@ -1047,7 +1082,7 @@ export default {
                   (val) => val.id == this.formData.leaderId
                 ).name;
               }
-              if (this.dialogTitle == "新增团队长") {
+              if (this.dialogTitle == "新增电销负责人") {
                 this.$api.user
                   .saveUserInfo({
                     esmUserImageVo: this.imagesIdList,
@@ -1178,17 +1213,17 @@ export default {
 
 <style lang="scss" scoped>
 >>> .el-tabs__item:hover {
-  color: #2d4d89;
+  // color: #2d4d89;
 }
 
 >>> .el-tabs__item.is-active {
   color: #fff;
-  background: #2d4d89;
+  // background: #2d4d89;
   transition: all ease 0.5s;
 }
 
 >>> .el-tabs__active-bar {
-  background-color: #2d4d89;
+  // background-color: #2d4d89;
 }
 
 >>> .el-tabs__item.is-top:nth-child(2) {
@@ -1202,24 +1237,189 @@ export default {
 .el-tabs {
   >>> .el-input__inner:focus,
   >>> .el-select .el-input.is-focus .el-input__inner {
-    border-color: #2d4d89;
+    border-color: #D42426;
   }
 
   .el-button--primary,
   .el-button--primary:focus {
-    background-color: #2d4d89;
-    border-color: #2d4d89;
+    background-color: #D42426;
+    border-color: #D42426;
   }
 }
 
 .select-prop {
   .el-select-dropdown__item.selected,
   .el-date-table td.available:hover {
-    color: #2d4d89;
+    color: #D42426;
   }
 
   .el-date-table td.current:not(.disabled) span {
-    background-color: #2d4d89;
+    background-color: #D42426;
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+.people-style {
+  // max-height: 500px;
+  .footerHandle{
+    // border-radius: 6px;
+    border-top: 1px solid #f2f2f2;
+    margin-top: 0 !important;
+    .el-button{
+      width: 90px;
+      height: 36px;
+      font-size: 16px;
+      margin-left: 24px;
+      font-weight: 310;
+    }
+  }
+  .peopleImage{
+    padding: 0 !important;
+    margin: 0 0 0 6px !important;
+  }
+  .closeBtn{
+    background: #fff !important;
+  }
+  .el-col{
+    width: calc(33.3333% - 20px);
+    margin-right: 20px;
+  }
+  .personnelInformation{
+    padding: 0 !important;
+    margin: 0 0 0 20px !important;
+    max-height: 470px;
+    .el-form-item{
+      width: 100%;
+      margin-bottom: 20px;
+      margin-right: 0px;
+      >>>.el-form-item__label{
+        font-size: 14px;
+        line-height: 16px;
+        color: #262626;
+        padding-bottom: 10px;
+      }
+      >>>.el-input__inner{
+      padding-left: 10px !important;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      border: 1px solid #eee;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-textarea__inner{
+      padding: 10px;
+      border: 1px solid #eeeeee;
+      font-weight: 500;
+      font-size: 14px;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-input.is-disabled{
+      .el-input__inner{
+        background: #fff;
+      }
+    }
+    >>>.el-form-item__error{
+      padding-top: 0;
+      margin-top: 8px;
+      font-size: 12px;
+      color: #D42426;
+      position: relative;
+    }
+    }
+  }
+  /deep/ .el-date-editor{
+    position: relative;
+      .el-input__prefix{
+        // color: #D42426;
+        // position: absolute;
+        // right: 5px;
+        // left: auto;
+        // display: none;
+        background-image: url('~@/assets/image/people/rili.svg'); /* 替换为你的新图标路径 */
+        background-size: cover; /* 覆盖整个元素 */
+        background-repeat: no-repeat; /* 不重复背景图片 */
+        height: 15px; /* 根据实际情况调整高度 */
+        width: 17px; /* 根据实际情况调整宽度 */
+        position: absolute;
+        right: 10px;
+        top: 9px;
+        left: auto;
+        .el-icon-date::before{
+          content: '';
+        }
+      }
+      .el-input__suffix{
+        position: absolute;
+        right: 25px;
+      }
+  }
+  /deep/ .el-dialog {
+    border-radius: 6px;
+    .el-dialog__header{
+      height: 50px;
+      line-height: 50px;
+      padding: 0;
+      text-align: center;
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
+      .el-dialog__title{
+        color: #333;
+        font-weight: 500;
+      }
+    }
+    .el-dialog__body{
+      background: #fff;
+      border-radius: 6px;
+    }
+  }
+  /deep/ .el-tabs{
+    .el-tabs__header{
+      padding: 20px 0;
+      margin-bottom: 0;
+      .el-tabs__nav{
+        background: #f7f7f7;
+        padding: 0 4px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .el-tabs__item{
+        width: 120px;
+        height: 36px;
+        line-height: 36px;
+        text-align: center;
+        font-size: 16px;
+        background: #f7f7f7;
+        color: #333;
+        font-weight: 310;
+      }
+      .el-tabs__item.is-active{
+        background: #D42426;
+        color: #fff;
+        border-radius: 2px;
+      }
+      .el-tabs__active-bar{
+        display: none;
+      }
+      .el-tabs__nav{
+        left: 50%;
+        transform: translateX(-50%) !important;
+      }
+    }
+    .el-tabs__content{
+      border-radius: 6px;
+    }
   }
 }
 </style>

src/views/PeopleManage/Staff/StaffExamine.vue

@@ -136,6 +136,7 @@
       :visible.sync="dialogVisible"
       :close-on-click-modal="false"
       :before-close="handleDialogBefore"
+      :show-close="false"
       @close="closeDialog"
       v-dialogDrag
       class="people-style"
@@ -150,12 +151,14 @@
             @keyup.enter.native="nextStep('1')"
             label-width="110px"
             size="small"
+            label-position="top"
+            class="personnelInformation"
           >
             <el-row>
               <el-col :span="8">
                 <el-form-item label="机构名称">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.pdeptId"
                     clearable
@@ -172,7 +175,7 @@
               <el-col :span="8">
                 <el-form-item label="机构部门" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.deptId"
                     clearable
@@ -189,7 +192,7 @@
               <el-col :span="8">
                 <el-form-item label="岗位" prop="positionId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.positionId"
                     placeholder="请选择"
                   >
@@ -202,31 +205,35 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="工号" prop="id">
                   <el-input v-model="formData.id" disabled
-                    style="width: 200px"
+                    style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="姓名" prop="name">
                   <el-input v-model="formData.name"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="手机号" prop="mobile">
                   <el-input v-model="formData.mobile"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="入司时间">
                   <el-date-picker
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.entryTime"
                     type="date"
                     placeholder="选择日期"
@@ -238,7 +245,7 @@
               <el-col :span="8">
                 <el-form-item label="状态" prop="status">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.status"
                     placeholder="请选择"
                   >
@@ -254,7 +261,7 @@
               <el-col :span="8">
                 <el-form-item label="角色" prop="roleId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.roleId"
                     placeholder="请选择"
                     disabled
@@ -268,10 +275,12 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="管理人" prop="leaderId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     filterable
                     v-model="formData.leaderId"
@@ -290,21 +299,32 @@
               <el-col :span="8">
                 <el-form-item label="管理人工号" prop="leaderName">
                   <el-input v-model="formData.leaderId" disabled
-                    style="width: 200px"
+                    style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="代理人资格证号" prop="agentQualificationCode">
                   <el-input
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.agentQualificationCode"
                   ></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
           </el-form>
-          <div style="text-align: right">
+          <div  class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button size="small" type="primary" @click="nextStep('2')"
               >下一步</el-button
             >
@@ -317,11 +337,22 @@
             ref="formDataDetails"
             isDisabled
           ></userDetail>
-          <div style="text-align: right">
+          <div  class="footerHandle" style="text-align: right">
             <div style="text-align: right">
-              <el-button size="small" type="primary" @click="nextStep('1')"
+              <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
+              <!-- <el-button size="small" type="primary" @click="nextStep('1')"
                 >上一步</el-button
-              >
+              > -->
               <el-button size="small" type="primary" @click="nextStep('3')"
                 >下一步</el-button
               >
@@ -335,6 +366,7 @@
             :inline="true"
             label-width="130px"
             size="small"
+            class="peopleImage"
           >
             <peopleImage
               :dataForm="dataForm"
@@ -343,7 +375,18 @@
               isDisabled
             ></peopleImage>
           </el-form>
-          <div style="text-align: right">
+          <div  class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button
               v-show="dialogTitle == '审核后线人员'"
               size="mini"
@@ -360,9 +403,6 @@
               @click="submitForm(2)"
               >审核驳回</el-button
             >
-            <el-button size="small" type="primary" @click="closeDialog"
-              >取消</el-button
-            >
             <div style="text-align: right"></div>
           </div>
         </el-tab-pane>
@@ -806,15 +846,15 @@ export default {
 
 <style lang="scss" scoped>
 >>> .el-tabs__item:hover {
-  color: #2d4d89;
+  // color: #2d4d89;
 }
 >>> .el-tabs__item.is-active {
   color: #fff;
-  background: #2d4d89;
+  // background: #2d4d89;
   transition: all ease 0.5s;
 }
 >>> .el-tabs__active-bar {
-  background-color: #2d4d89;
+  // background-color: #2d4d89;
 }
 >>> .el-tabs__item.is-top:nth-child(2) {
   padding-left: 20px !important;
@@ -826,21 +866,188 @@ export default {
 .el-tabs {
   >>> .el-input__inner:focus,
   >>> .el-select .el-input.is-focus .el-input__inner {
-    border-color: #2d4d89;
+    border-color: #D42426;
   }
   .el-button--primary,
   .el-button--primary:focus {
-    background-color: #2d4d89;
-    border-color: #2d4d89;
+    background-color: #D42426;
+    border-color: #D42426;
   }
 }
 .select-prop {
   .el-select-dropdown__item.selected,
   .el-date-table td.available:hover {
-    color: #2d4d89;
+    color: #D42426;
   }
   .el-date-table td.current:not(.disabled) span {
-    background-color: #2d4d89;
+    background-color: #D42426;
   }
 }
 </style>
+<style lang="scss" scoped>
+.people-style {
+  // max-height: 500px;
+  .footerHandle{
+    // border-radius: 6px;
+    border-top: 1px solid #f2f2f2;
+    margin-top: 0 !important;
+    .el-button{
+      width: 90px;
+      height: 36px;
+      font-size: 16px;
+      margin-left: 24px;
+      font-weight: 310;
+    }
+    .el-button--danger:focus, .el-button--danger:hover{
+      color: #fff;
+    }
+  }
+  .peopleImage{
+    padding: 0 !important;
+    margin: 0 0 0 6px !important;
+  }
+  .closeBtn{
+    background: #fff !important;
+  }
+  .el-col{
+    width: calc(33.3333% - 20px);
+    margin-right: 20px;
+  }
+  .personnelInformation{
+    padding: 0 !important;
+    margin: 0 0 0 20px !important;
+    max-height: 470px;
+    .el-form-item{
+      width: 100%;
+      margin-bottom: 20px;
+      margin-right: 0px;
+      >>>.el-form-item__label{
+        font-size: 14px;
+        line-height: 16px;
+        color: #262626;
+        padding-bottom: 10px;
+      }
+      >>>.el-input__inner{
+      padding-left: 10px !important;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      border: 1px solid #eee;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-textarea__inner{
+      padding: 10px;
+      border: 1px solid #eeeeee;
+      font-weight: 500;
+      font-size: 14px;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-input.is-disabled{
+      .el-input__inner{
+        background: #fff;
+      }
+    }
+    >>>.el-form-item__error{
+      padding-top: 0;
+      margin-top: 8px;
+      font-size: 12px;
+      color: #D42426;
+      position: relative;
+    }
+    }
+  }
+  /deep/ .el-date-editor{
+    position: relative;
+      .el-input__prefix{
+        // color: #D42426;
+        // position: absolute;
+        // right: 5px;
+        // left: auto;
+        // display: none;
+        background-image: url('~@/assets/image/people/rili.svg'); /* 替换为你的新图标路径 */
+        background-size: cover; /* 覆盖整个元素 */
+        background-repeat: no-repeat; /* 不重复背景图片 */
+        height: 15px; /* 根据实际情况调整高度 */
+        width: 17px; /* 根据实际情况调整宽度 */
+        position: absolute;
+        right: 10px;
+        top: 9px;
+        left: auto;
+        .el-icon-date::before{
+          content: '';
+        }
+      }
+      .el-input__suffix{
+        position: absolute;
+        right: 25px;
+      }
+  }
+  /deep/ .el-dialog {
+    border-radius: 6px;
+    .el-dialog__header{
+      height: 50px;
+      line-height: 50px;
+      padding: 0;
+      text-align: center;
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
+      .el-dialog__title{
+        color: #333;
+        font-weight: 500;
+      }
+    }
+    .el-dialog__body{
+      background: #fff;
+      border-radius: 6px;
+    }
+  }
+  /deep/ .el-tabs{
+    .el-tabs__header{
+      padding: 20px 0;
+      margin-bottom: 0;
+      .el-tabs__nav{
+        background: #f7f7f7;
+        padding: 0 4px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .el-tabs__item{
+        width: 120px;
+        height: 36px;
+        line-height: 36px;
+        text-align: center;
+        font-size: 16px;
+        background: #f7f7f7;
+        color: #333;
+        font-weight: 310;
+      }
+      .el-tabs__item.is-active{
+        background: #D42426;
+        color: #fff;
+        border-radius: 2px;
+      }
+      .el-tabs__active-bar{
+        display: none;
+      }
+      .el-tabs__nav{
+        left: 50%;
+        transform: translateX(-50%) !important;
+      }
+    }
+    .el-tabs__content{
+      border-radius: 6px;
+    }
+  }
+}
+</style>

src/views/PeopleManage/Staff/StaffManage.vue

@@ -150,6 +150,7 @@
       :visible.sync="dialogVisible"
       :close-on-click-modal="false"
       :before-close="handleDialogBefore"
+      :show-close="false"
       @close="closeDialog"
       v-dialogDrag
       class="people-style"
@@ -168,12 +169,14 @@
             @keyup.enter.native="nextStep()"
             label-width="110px"
             size="small"
+            label-position="top"
+            class="personnelInformation"
           >
             <el-row>
               <el-col :span="8">
                 <el-form-item label="机构名称">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.pdeptId"
                     clearable
@@ -192,7 +195,7 @@
               <el-col :span="8">
                 <el-form-item label="机构部门" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.deptId"
                     clearable
@@ -210,7 +213,7 @@
               <el-col :span="8">
                 <el-form-item label="岗位" prop="positionId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.positionId"
                     placeholder="请选择"
                     clearable
@@ -225,12 +228,14 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="工号" prop="id">
                   <el-input
                     v-model="formData.id"
                     disabled
-                    style="width: 200px"
+                    style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
@@ -238,7 +243,7 @@
                 <el-form-item label="姓名" prop="name">
                   <el-input
                     v-model="formData.name"
-                    style="width: 200px"
+                    style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
@@ -246,14 +251,16 @@
                 <el-form-item label="手机号" prop="mobile">
                   <el-input
                     v-model="formData.mobile"
-                    style="width: 200px"
+                    style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="入司时间">
                   <el-date-picker
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.entryTime"
                     type="date"
                     placeholder="选择日期"
@@ -266,7 +273,7 @@
                 <el-form-item label="状态" prop="status">
                   <el-select
                     disabled
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.status"
                     placeholder="请选择"
                   >
@@ -282,7 +289,7 @@
               <el-col :span="8">
                 <el-form-item label="角色" prop="roleId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.roleId"
                     placeholder="请选择"
                     disabled
@@ -296,10 +303,12 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="管理人" prop="leaderId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     filterable
                     v-model="formData.leaderId"
@@ -320,7 +329,7 @@
                   <el-input
                     v-model="formData.leaderId"
                     disabled
-                    style="width: 200px"
+                    style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
@@ -330,7 +339,7 @@
                   prop="agentQualificationCode"
                 >
                   <el-input
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.agentQualificationCode"
                   ></el-input>
                 </el-form-item>
@@ -338,7 +347,18 @@
             </el-row>
             <el-row> </el-row>
           </el-form>
-          <div style="text-align: right">
+          <div  class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button size="small" type="primary" @click="nextStep"
               >下一步</el-button
             >
@@ -352,10 +372,21 @@
             @valids="valids"
             :isSpeciality="true"
           ></userDetail>
-
-          <div style="text-align: right">
-            <el-button size="small" type="primary" @click="activeName = '1'"
+          
+          <div class="footerHandle" style="text-align: right">
+            <!-- <el-button size="small" type="primary" @click="activeName = '1'"
               >上一步</el-button
+            > -->
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
             >
             <el-button size="small" type="primary" @click="activeName = '3'"
               >下一步</el-button
@@ -369,6 +400,7 @@
             :inline="true"
             label-width="130px"
             size="small"
+            class="peopleImage"
           >
             <peopleImage
               :dataForm="dataForm"
@@ -376,21 +408,21 @@
               :dialogVisible="dialogVisible"
             ></peopleImage>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
             <el-button
               size="small"
               type="primary"
               style="
-                background-color: #eaedf1;
-                border: 1px solid #eaedf1;
-                color: #2d4d89;
+                border: 1px solid #D42426;
+                color: #D42426;
               "
+              class="closeBtn"
               @click="closeDialog"
               >取消</el-button
             >
-            <el-button size="small" type="primary" @click="activeName = '2'"
+            <!-- <el-button size="small" type="primary" @click="activeName = '2'"
               >上一步</el-button
-            >
+            > -->
             <el-button size="small" type="primary" @click="submitForm"
               >提交</el-button
             >
@@ -603,6 +635,7 @@ export default {
       searchLeaderOptions: {},
       user_statusoptions: [],
       showOut: false,
+      pdeptId: null
     };
   },
   created() {
@@ -758,6 +791,7 @@ export default {
       // 点击事件
       this.currentTreeNode = evt;
       this.deptId = this.currentTreeNode.id;
+      this.pdeptId = this.currentTreeNode.parentId;
       this.pageData.pageNum = 1;
       this.findPage();
       this.searchLeaderFun();
@@ -956,6 +990,7 @@ export default {
         status: "2",
         leaderId: "",
         deptId: this.deptId,
+        pdeptId: this.pdeptId
       };
       this.formDataDetail = {};
       this.activeName = "1";
@@ -1160,15 +1195,15 @@ export default {
 
 <style lang="scss" scoped>
 >>> .el-tabs__item:hover {
-  color: #2d4d89;
+  // color: #2d4d89;
 }
 >>> .el-tabs__item.is-active {
   color: #fff;
-  background: #2d4d89;
+  // background: #2d4d89;
   transition: all ease 0.5s;
 }
 >>> .el-tabs__active-bar {
-  background-color: #2d4d89;
+  // background-color: #2d4d89;
 }
 >>> .el-tabs__item.is-top:nth-child(2) {
   padding-left: 20px !important;
@@ -1180,21 +1215,185 @@ export default {
 .el-tabs {
   >>> .el-input__inner:focus,
   >>> .el-select .el-input.is-focus .el-input__inner {
-    border-color: #2d4d89;
+    border-color: #D42426;
   }
   .el-button--primary,
   .el-button--primary:focus {
-    background-color: #2d4d89;
-    border-color: #2d4d89;
+    background-color: #D42426;
+    border-color: #D42426;
   }
 }
 .select-prop {
   .el-select-dropdown__item.selected,
   .el-date-table td.available:hover {
-    color: #2d4d89;
+    color: #D42426;
   }
   .el-date-table td.current:not(.disabled) span {
-    background-color: #2d4d89;
+    background-color: #D42426;
   }
 }
 </style>
+<style lang="scss" scoped>
+.people-style {
+  // max-height: 500px;
+  .footerHandle{
+    // border-radius: 6px;
+    border-top: 1px solid #f2f2f2;
+    margin-top: 0 !important;
+    .el-button{
+      width: 90px;
+      height: 36px;
+      font-size: 16px;
+      margin-left: 24px;
+      font-weight: 310;
+    }
+  }
+  .peopleImage{
+    padding: 0 !important;
+    margin: 0 0 0 6px !important;
+  }
+  .closeBtn{
+    background: #fff !important;
+  }
+  .el-col{
+    width: calc(33.3333% - 20px);
+    margin-right: 20px;
+  }
+  .personnelInformation{
+    padding: 0 !important;
+    margin: 0 0 0 20px !important;
+    max-height: 470px;
+    .el-form-item{
+      width: 100%;
+      margin-bottom: 20px;
+      margin-right: 0px;
+      >>>.el-form-item__label{
+        font-size: 14px;
+        line-height: 16px;
+        color: #262626;
+        padding-bottom: 10px;
+      }
+      >>>.el-input__inner{
+      padding-left: 10px !important;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      border: 1px solid #eee;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-textarea__inner{
+      padding: 10px;
+      border: 1px solid #eeeeee;
+      font-weight: 500;
+      font-size: 14px;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-input.is-disabled{
+      .el-input__inner{
+        background: #fff;
+      }
+    }
+    >>>.el-form-item__error{
+      padding-top: 0;
+      margin-top: 8px;
+      font-size: 12px;
+      color: #D42426;
+      position: relative;
+    }
+    }
+  }
+  /deep/ .el-date-editor{
+    position: relative;
+      .el-input__prefix{
+        // color: #D42426;
+        // position: absolute;
+        // right: 5px;
+        // left: auto;
+        // display: none;
+        background-image: url('~@/assets/image/people/rili.svg'); /* 替换为你的新图标路径 */
+        background-size: cover; /* 覆盖整个元素 */
+        background-repeat: no-repeat; /* 不重复背景图片 */
+        height: 15px; /* 根据实际情况调整高度 */
+        width: 17px; /* 根据实际情况调整宽度 */
+        position: absolute;
+        right: 10px;
+        top: 9px;
+        left: auto;
+        .el-icon-date::before{
+          content: '';
+        }
+      }
+      .el-input__suffix{
+        position: absolute;
+        right: 25px;
+      }
+  }
+  /deep/ .el-dialog {
+    border-radius: 6px;
+    .el-dialog__header{
+      height: 50px;
+      line-height: 50px;
+      padding: 0;
+      text-align: center;
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
+      .el-dialog__title{
+        color: #333;
+        font-weight: 500;
+      }
+    }
+    .el-dialog__body{
+      background: #fff;
+      border-radius: 6px;
+    }
+  }
+  /deep/ .el-tabs{
+    .el-tabs__header{
+      padding: 20px 0;
+      margin-bottom: 0;
+      .el-tabs__nav{
+        background: #f7f7f7;
+        padding: 0 4px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .el-tabs__item{
+        width: 120px;
+        height: 36px;
+        line-height: 36px;
+        text-align: center;
+        font-size: 16px;
+        background: #f7f7f7;
+        color: #333;
+        font-weight: 310;
+      }
+      .el-tabs__item.is-active{
+        background: #D42426;
+        color: #fff;
+        border-radius: 2px;
+      }
+      .el-tabs__active-bar{
+        display: none;
+      }
+      .el-tabs__nav{
+        left: 50%;
+        transform: translateX(-50%) !important;
+      }
+    }
+    .el-tabs__content{
+      border-radius: 6px;
+    }
+  }
+}
+</style>

src/views/PeopleManage/TeamLeader/TeamLeaderExamine.vue

@@ -136,6 +136,7 @@
       :visible.sync="dialogVisible"
       :close-on-click-modal="false"
       :before-close="handleDialogBefore"
+      :show-close="false"
       @close="closeDialog"
       v-dialogDrag
       class="people-style"
@@ -150,12 +151,14 @@
             @keyup.enter.native="nextStep()"
             label-width="110px"
             size="small"
+            label-position="top"
+            class="personnelInformation"
           >
             <el-row>
               <el-col :span="8">
                 <el-form-item label="机构名称" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.pdeptId"
                     clearable
@@ -172,7 +175,7 @@
               <el-col :span="8">
                 <el-form-item label="机构部门" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.deptId"
                     clearable
@@ -189,7 +192,7 @@
               <el-col :span="8">
                 <el-form-item label="岗位" prop="positionId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.positionId"
                     placeholder="请选择"
                   >
@@ -202,31 +205,35 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="工号" prop="id">
                   <el-input v-model="formData.id" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="名称" prop="name">
                   <el-input v-model="formData.name"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="手机号" prop="mobile">
                   <el-input v-model="formData.mobile"
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="入司时间">
                   <el-date-picker
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.entryTime"
                     type="date"
                     placeholder="选择日期"
@@ -238,7 +245,7 @@
               <el-col :span="8">
                 <el-form-item label="状态" prop="status">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.status"
                     placeholder="请选择"
                   >
@@ -254,7 +261,7 @@
               <el-col :span="8">
                 <el-form-item label="角色" prop="roleId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.roleId"
                     placeholder="请选择"
                     disabled
@@ -268,10 +275,12 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="管理人" prop="leaderId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     filterable
                     v-model="formData.leaderId"
@@ -290,21 +299,32 @@
               <el-col :span="8">
                 <el-form-item label="管理人工号" prop="leaderName">
                   <el-input v-model="formData.leaderId" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="代理人资格证号" prop="agentQualificationCode">
                   <el-input
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.agentQualificationCode"
                   ></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button size="small" type="primary" @click="nextStep"
               >下一步</el-button
             >
@@ -316,11 +336,23 @@
             :formDataDetail="formDataDetail"
             ref="formDataDetails"
             isDisabled
+            :showThirdParty="true"
           ></userDetail>
-          <div style="text-align: right">
-            <el-button size="small" type="primary" @click="activeName = '1'"
-              >上一步</el-button
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
             >
+            <!-- <el-button size="small" type="primary" @click="activeName = '1'"
+              >上一步</el-button
+            > -->
             <el-button size="small" type="primary" @click="activeName = '3'"
               >下一步</el-button
             >
@@ -333,6 +365,7 @@
             :inline="true"
             label-width="130px"
             size="small"
+            class="peopleImage"
           >
             <peopleImage
               :dataForm="dataForm"
@@ -341,7 +374,18 @@
               isDisabled
             ></peopleImage>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button
               v-show="dialogTitle == '审核团队长'"
               size="mini"
@@ -358,12 +402,9 @@
               @click="submitForm(2)"
               >审核驳回</el-button
             >
-            <el-button size="small" type="primary" @click="activeName = '2'"
+            <!-- <el-button size="small" type="primary" @click="activeName = '2'"
               >上一步</el-button
-            >
-            <el-button size="small" type="primary" @click="closeDialog"
-              >取消</el-button
-            >
+            > -->
           </div>
         </el-tab-pane>
       </el-tabs>
@@ -821,15 +862,15 @@ export default {
 <style lang="scss" scoped>
 
 >>> .el-tabs__item:hover {
-  color: #2d4d89;
+  // color: #2d4d89;
 }
 >>> .el-tabs__item.is-active {
   color: #fff;
-  background: #2d4d89;
+  // background: #2d4d89;
   transition: all ease 0.5s;
 }
 >>> .el-tabs__active-bar {
-  background-color: #2d4d89;
+  // background-color: #2d4d89;
 }
 >>> .el-tabs__item.is-top:nth-child(2) {
   padding-left: 20px !important;
@@ -841,21 +882,189 @@ export default {
 .el-tabs {
   >>> .el-input__inner:focus,
   >>> .el-select .el-input.is-focus .el-input__inner {
-    border-color: #2d4d89;
+    border-color: #D42426;
   }
   .el-button--primary,
   .el-button--primary:focus {
-    background-color: #2d4d89;
-    border-color: #2d4d89;
+    background-color: #D42426;
+    border-color: #D42426;
   }
 }
 .select-prop {
   .el-select-dropdown__item.selected,
   .el-date-table td.available:hover {
-    color: #2d4d89;
+    color: #D42426;
   }
   .el-date-table td.current:not(.disabled) span {
-    background-color: #2d4d89;
+    background-color: #D42426;
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+.people-style {
+  // max-height: 500px;
+  .footerHandle{
+    // border-radius: 6px;
+    border-top: 1px solid #f2f2f2;
+    margin-top: 0 !important;
+    .el-button{
+      width: 90px;
+      height: 36px;
+      font-size: 16px;
+      margin-left: 24px;
+      font-weight: 310;
+    }
+    .el-button--danger:focus, .el-button--danger:hover{
+      color: #fff;
+    }
+  }
+  .peopleImage{
+    padding: 0 !important;
+    margin: 0 0 0 6px !important;
+  }
+  .closeBtn{
+    background: #fff !important;
+  }
+  .el-col{
+    width: calc(33.3333% - 20px);
+    margin-right: 20px;
+  }
+  .personnelInformation{
+    padding: 0 !important;
+    margin: 0 0 0 20px !important;
+    max-height: 470px;
+    .el-form-item{
+      width: 100%;
+      margin-bottom: 20px;
+      margin-right: 0px;
+      >>>.el-form-item__label{
+        font-size: 14px;
+        line-height: 16px;
+        color: #262626;
+        padding-bottom: 10px;
+      }
+      >>>.el-input__inner{
+      padding-left: 10px !important;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      border: 1px solid #eee;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-textarea__inner{
+      padding: 10px;
+      border: 1px solid #eeeeee;
+      font-weight: 500;
+      font-size: 14px;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-input.is-disabled{
+      .el-input__inner{
+        background: #fff;
+      }
+    }
+    >>>.el-form-item__error{
+      padding-top: 0;
+      margin-top: 8px;
+      font-size: 12px;
+      color: #D42426;
+      position: relative;
+    }
+    }
+  }
+  /deep/ .el-date-editor{
+    position: relative;
+      .el-input__prefix{
+        // color: #D42426;
+        // position: absolute;
+        // right: 5px;
+        // left: auto;
+        // display: none;
+        background-image: url('~@/assets/image/people/rili.svg'); /* 替换为你的新图标路径 */
+        background-size: cover; /* 覆盖整个元素 */
+        background-repeat: no-repeat; /* 不重复背景图片 */
+        height: 15px; /* 根据实际情况调整高度 */
+        width: 17px; /* 根据实际情况调整宽度 */
+        position: absolute;
+        right: 10px;
+        top: 9px;
+        left: auto;
+        .el-icon-date::before{
+          content: '';
+        }
+      }
+      .el-input__suffix{
+        position: absolute;
+        right: 25px;
+      }
+  }
+  /deep/ .el-dialog {
+    border-radius: 6px;
+    .el-dialog__header{
+      height: 50px;
+      line-height: 50px;
+      padding: 0;
+      text-align: center;
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
+      .el-dialog__title{
+        color: #333;
+        font-weight: 500;
+      }
+    }
+    .el-dialog__body{
+      background: #fff;
+      border-radius: 6px;
+    }
+  }
+  /deep/ .el-tabs{
+    .el-tabs__header{
+      padding: 20px 0;
+      margin-bottom: 0;
+      .el-tabs__nav{
+        background: #f7f7f7;
+        padding: 0 4px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .el-tabs__item{
+        width: 120px;
+        height: 36px;
+        line-height: 36px;
+        text-align: center;
+        font-size: 16px;
+        background: #f7f7f7;
+        color: #333;
+        font-weight: 310;
+      }
+      .el-tabs__item.is-active{
+        background: #D42426;
+        color: #fff;
+        border-radius: 2px;
+      }
+      .el-tabs__active-bar{
+        display: none;
+      }
+      .el-tabs__nav{
+        left: 50%;
+        transform: translateX(-50%) !important;
+      }
+    }
+    .el-tabs__content{
+      border-radius: 6px;
+    }
   }
 }
 </style>

src/views/PeopleManage/TeamLeader/TeamLeaderManage.vue

@@ -150,6 +150,7 @@
       :visible.sync="dialogVisible"
       :close-on-click-modal="false"
       :before-close="handleDialogBefore"
+      :show-close="false"
       @close="closeDialog"
       v-dialogDrag
       class="people-style"
@@ -164,12 +165,14 @@
             @keyup.enter.native="nextStep()"
             label-width="110px"
             size="small"
+            label-position="top"
+            class="personnelInformation"
           >
             <el-row>
               <el-col :span="8">
                 <el-form-item label="机构名称">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.pdeptId"
                     clearable
@@ -187,7 +190,7 @@
               <el-col :span="8">
                 <el-form-item label="机构部门" prop="deptId">
                   <el-cascader
-                    style="width: 200px"
+                    style="width: 100%"
                     :options="ztreeNodes"
                     v-model="formData.deptId"
                     clearable
@@ -205,7 +208,7 @@
               <el-col :span="8">
                 <el-form-item label="岗位" prop="positionId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.positionId"
                     placeholder="请选择"
                     popper-class="select-prop"
@@ -219,31 +222,35 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="工号" prop="id">
                   <el-input v-model="formData.id" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="姓名" prop="name">
-                  <el-input v-model="formData.name"
-                  style="width: 200px"
+                  <el-input v-model="formData.name" placeholder="请输入本人姓名"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="手机号" prop="mobile">
-                  <el-input v-model="formData.mobile"
-                  style="width: 200px"
+                  <el-input v-model="formData.mobile" placeholder="请输入本人手机号"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="入司时间">
                   <el-date-picker
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.entryTime"
                     type="date"
                     placeholder="选择日期"
@@ -256,7 +263,7 @@
                 <el-form-item label="状态" prop="status">
                   <el-select
                     disabled
-                    style="width: 200px"
+                    style="width: 100%"
                     @change="statusChange"
                     v-model="formData.status"
                     placeholder="请选择"
@@ -273,7 +280,7 @@
               <el-col :span="8">
                 <el-form-item label="角色" prop="roleId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formData.roleId"
                     placeholder="请选择"
                     disabled
@@ -287,10 +294,12 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+            </el-row>
+            <el-row>
               <el-col :span="8">
                 <el-form-item label="管理人" prop="leaderId">
                   <el-select
-                    style="width: 200px"
+                    style="width: 100%"
                     clearable
                     filterable
                     v-model="formData.leaderId"
@@ -309,21 +318,32 @@
               <el-col :span="8">
                 <el-form-item label="管理人工号" prop="leaderName">
                   <el-input v-model="formData.leaderId" disabled
-                  style="width: 200px"
+                  style="width: 100%"
                   ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
                 <el-form-item label="代理人资格证号" prop="agentQualificationCode">
                   <el-input
-                    style="width: 200px"
+                    style="width: 100%"
                     v-model="formDataDetail.agentQualificationCode"
                   ></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
+            <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
+            >
             <el-button size="small" type="primary" @click="nextStep"
               >下一步</el-button
             >
@@ -336,11 +356,23 @@
             ref="formDataDetails"
             @statusChange="statusChange"
             @valids="valids"
+            :showThirdParty="true"
             ></userDetail>
-            <div style="text-align: right">
-            <el-button size="small" type="primary" @click="activeName = '1'"
-              >上一步</el-button
+            <div class="footerHandle" style="text-align: right">
+              <el-button
+              size="small"
+              type="primary"
+              style="
+                border: 1px solid #D42426;
+                color: #D42426;
+              "
+              class="closeBtn"
+              @click="closeDialog"
+              >取消</el-button
             >
+            <!-- <el-button size="small" type="primary" @click="activeName = '1'"
+              >上一步</el-button
+            > -->
             <el-button size="small" type="primary" @click="activeName = '3'"
               >下一步</el-button
             >
@@ -368,6 +400,7 @@
             :inline="true"
             label-width="130px"
             size="small"
+            class="peopleImage"
           >
             <peopleImage
               :dataForm="dataForm"
@@ -375,21 +408,21 @@
               :dialogVisible="dialogVisible"
             ></peopleImage>
           </el-form>
-          <div style="text-align: right">
+          <div class="footerHandle" style="text-align: right">
             <el-button
               size="small"
               type="primary"
               style="
-                background-color: #eaedf1;
-                border: 1px solid #eaedf1;
-                color: #2d4d89;
+                border: 1px solid #D42426;
+                color: #D42426;
               "
+              class="closeBtn"
               @click="closeDialog"
               >取消</el-button
             >
-            <el-button size="small" type="primary" @click="activeName = '2'"
+            <!-- <el-button size="small" type="primary" @click="activeName = '2'"
               >上一步</el-button
-            >
+            > -->
             <el-button size="small" type="primary" @click="submitForm"
               >提交</el-button
             >
@@ -590,6 +623,7 @@ export default {
       },
       //影像上传列表
       imagesIdList: [],
+      pdeptId: null
     };
   },
   created() {
@@ -728,6 +762,7 @@ export default {
       // 点击事件
       this.currentTreeNode = evt;
       this.deptId = this.currentTreeNode.id;
+      this.pdeptId = this.currentTreeNode.parentId;
       this.pageData.pageNum = 1;
       this.findPage();
       this.searchLeaderFun();
@@ -949,6 +984,7 @@ export default {
         roleId: "21",
         status: "2",
         deptId: this.deptId,
+        pdeptId: this.pdeptId
       };
       this.formDataDetail = {};
       this.activeName = "1";
@@ -1157,15 +1193,15 @@ export default {
 
 <style lang="scss" scoped>
 >>> .el-tabs__item:hover {
-  color: #2d4d89;
+  // color: #2d4d89;
 }
 >>> .el-tabs__item.is-active {
   color: #fff;
-  background: #2d4d89;
+  // background: #2d4d89;
   transition: all ease 0.5s;
 }
 >>> .el-tabs__active-bar {
-  background-color: #2d4d89;
+  // background-color: #2d4d89;
 }
 >>> .el-tabs__item.is-top:nth-child(2) {
   padding-left: 20px !important;
@@ -1177,21 +1213,186 @@ export default {
 .el-tabs {
   >>> .el-input__inner:focus,
   >>> .el-select .el-input.is-focus .el-input__inner {
-    border-color: #2d4d89;
+    // border-color: #2d4d89;
   }
   .el-button--primary,
   .el-button--primary:focus {
-    background-color: #2d4d89;
-    border-color: #2d4d89;
+    background-color: #D42426;
+    border-color: #D42426;
   }
 }
 .select-prop {
   .el-select-dropdown__item.selected,
   .el-date-table td.available:hover {
-    color: #2d4d89;
+    color: #D42426;
   }
   .el-date-table td.current:not(.disabled) span {
-    background-color: #2d4d89;
+    background-color: #D42426;
   }
 }
 </style>
+
+<style lang="scss" scoped>
+.people-style {
+  // max-height: 500px;
+  .footerHandle{
+    // border-radius: 6px;
+    border-top: 1px solid #f2f2f2;
+    margin-top: 0 !important;
+    .el-button{
+      width: 90px;
+      height: 36px;
+      font-size: 16px;
+      margin-left: 24px;
+      font-weight: 310;
+    }
+  }
+  .peopleImage{
+    padding: 0 !important;
+    margin: 0 0 0 6px !important;
+  }
+  .closeBtn{
+    background: #fff !important;
+  }
+  .el-col{
+    width: calc(33.3333% - 20px);
+    margin-right: 20px;
+  }
+  .personnelInformation{
+    padding: 0 !important;
+    margin: 0 0 0 20px !important;
+    max-height: 470px;
+    .el-form-item{
+      width: 100%;
+      margin-bottom: 20px;
+      margin-right: 0px;
+      >>>.el-form-item__label{
+        font-size: 14px;
+        line-height: 16px;
+        color: #262626;
+        padding-bottom: 10px;
+      }
+      >>>.el-input__inner{
+      padding-left: 10px !important;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      border: 1px solid #eee;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-textarea__inner{
+      padding: 10px;
+      border: 1px solid #eeeeee;
+      font-weight: 500;
+      font-size: 14px;
+      color: #333;
+      font-family: PingFang SC, PingFang SC;
+      &::placeholder{
+        color: #999999;
+        font-weight: 300;
+      }
+    }
+    >>>.el-input.is-disabled{
+      .el-input__inner{
+        background: #fff;
+      }
+    }
+    >>>.el-form-item__error{
+      padding-top: 0;
+      margin-top: 8px;
+      font-size: 12px;
+      color: #D42426;
+      position: relative;
+    }
+    }
+  }
+  /deep/ .el-date-editor{
+    position: relative;
+      .el-input__prefix{
+        // color: #D42426;
+        // position: absolute;
+        // right: 5px;
+        // left: auto;
+        // display: none;
+        background-image: url('~@/assets/image/people/rili.svg'); /* 替换为你的新图标路径 */
+        background-size: cover; /* 覆盖整个元素 */
+        background-repeat: no-repeat; /* 不重复背景图片 */
+        height: 15px; /* 根据实际情况调整高度 */
+        width: 17px; /* 根据实际情况调整宽度 */
+        position: absolute;
+        right: 10px;
+        top: 9px;
+        left: auto;
+        .el-icon-date::before{
+          content: '';
+        }
+      }
+      .el-input__suffix{
+        position: absolute;
+        right: 25px;
+      }
+  }
+  /deep/ .el-dialog {
+    border-radius: 6px;
+    .el-dialog__header{
+      height: 50px;
+      line-height: 50px;
+      padding: 0;
+      text-align: center;
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
+      .el-dialog__title{
+        color: #333;
+        font-weight: 500;
+      }
+    }
+    .el-dialog__body{
+      background: #fff;
+      border-radius: 6px;
+    }
+  }
+  /deep/ .el-tabs{
+    .el-tabs__header{
+      padding: 20px 0;
+      margin-bottom: 0;
+      .el-tabs__nav{
+        background: #f7f7f7;
+        padding: 0 4px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .el-tabs__item{
+        width: 120px;
+        height: 36px;
+        line-height: 36px;
+        text-align: center;
+        font-size: 16px;
+        background: #f7f7f7;
+        color: #333;
+        font-weight: 310;
+      }
+      .el-tabs__item.is-active{
+        background: #D42426;
+        color: #fff;
+        border-radius: 2px;
+      }
+      .el-tabs__active-bar{
+        display: none;
+      }
+      .el-tabs__nav{
+        left: 50%;
+        transform: translateX(-50%) !important;
+      }
+    }
+    .el-tabs__content{
+      border-radius: 6px;
+    }
+  }
+}
+</style>