账户管理修改

src/views/system/user.vue

@@ -41,78 +41,86 @@
                 <HcPages :pages="searchForm" @change="pageChange"></HcPages>
             </template>
         </HcCard>
-        <HcDialog bgColor="#ffffff" isToBody :show="addModal" :title="modalTitle" @close="addModalClose"  widths="80rem">
-            <HcCard title="基础信息">
-                 <el-form ref="formUserRef" :model="formUserModel" :rules="formUserRules" label-position="left"
-                             size="large" >
-                        <el-form-item label="登录账号" prop="account">
-                            <el-input v-model="formUserModel.account"  placeholder="" autocomplete="new-password" />
-                        </el-form-item>
+        <HcDialog bgColor="#ffffff" isToBody :show="addModal" :title="modalTitle" @close="addModalClose"  widths="70rem">
+           
+            <HcCard >
+                <HcCardItem ui="hac-card-item">
+                    <template #header>
+                                <div class="hac-card-title">基础信息</div>
+                    </template>
+                    <el-form ref="formUserRef" :model="formUserModel" :rules="formUserRules" size="large" label-width="auto" label-position="left">
+                            <el-form-item label="登录账号:" prop="account">
+                                <el-input v-model="formUserModel.account"  placeholder="" autocomplete="new-password" />
+                            </el-form-item>
 
-                        <el-form-item label="密码" prop="newPassword"  >
-                            <el-input v-model="formUserModel.newPassword" placeholder="请输入新的密码"  autocomplete="new-password"
-                                      show-password type="password"/>
-                        </el-form-item>
-                        <el-form-item label="确认密码" prop="newPassword1"   >
-                            <el-input v-model="formUserModel.newPassword1" placeholder="请输入确认新密码" autocomplete="new-password"
-                                      show-password type="password"/>
-                        </el-form-item>
+                            <el-form-item label="密码:" prop="newPassword"  >
+                                <el-input v-model="formUserModel.newPassword" placeholder="请输入密码"  autocomplete="new-password"
+                                        show-password type="password"/>
+                            </el-form-item>
+                            <el-form-item label="确认密码:" prop="newPassword1"   >
+                                <el-input v-model="formUserModel.newPassword1" placeholder="请输入确认密码" autocomplete="new-password"
+                                        show-password type="password"/>
+                            </el-form-item>
                     </el-form>
-            </HcCard>
-            <HcCard title="详细信息"  class="mt-2">
-                <el-form ref="formUserRef" :model="formUserModel" :rules="formUserRules" label-position="left"
-                size="large">
-                        <el-form-item label="用户姓名" prop="real_name">
-                            <el-input v-model="formUserModel.real_name" />
-                        </el-form-item>
-                        <el-form-item prop="phone" label="手机号码">
-                            <el-input v-model="formUserModel.phone"
-                                        placeholder="请输入绑定手机"/>
-                        </el-form-item>
-                        <el-form-item label="身份证号">
-                            <el-input v-model="formUserModel.idNumber"  placeholder=""/>
-                        </el-form-item>
-                        <el-form-item label="机构信息" prop="real_name">
-                            <el-select v-model="value" class="m-2" placeholder="选择部门" size="large">
-                                <el-option
-                                v-for="item in options"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                                />
-                            </el-select>
+                </HcCardItem>
+                <HcCardItem ui="hac-card-item"  class="mt-2">
+                    <template #header>
+                                <div class="hac-card-title">详细信息</div>
+                    </template>
+                    <el-form ref="formUserRef" :model="formUserModel" :rules="formUserRules" label-position="left" label-width="auto"
+                        size="large">
+                                <el-form-item label="用户姓名:" prop="real_name">
+                                    <el-input v-model="formUserModel.real_name" />
+                                </el-form-item>
+                                <el-form-item prop="phone" label="手机号码:">
+                                    <el-input v-model="formUserModel.phone"
+                                                placeholder="请输入绑定手机"/>
+                                </el-form-item>
+                                <el-form-item label="身份证号:">
+                                    <el-input v-model="formUserModel.idNumber"  placeholder=""/>
+                                </el-form-item>
+                                <el-form-item label="机构信息:" prop="real_name">
+                                    <el-select v-model="value"  placeholder="选择部门" size="large">
+                                        <el-option
+                                        v-for="item in options"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value"
+                                        />
+                                    </el-select>
 
-                            <el-select v-model="value" class="m-2" placeholder="选择岗位" size="large">
-                                <el-option
-                                v-for="item in options"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                                />
-                            </el-select>
-                            <el-select v-model="value" class="m-2" placeholder="是否为部门负责人" size="large">
-                                <el-option
-                                v-for="item in options"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                                />
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="日单价">
-                            <el-input v-model="formUserModel.roleName"  placeholder=""/>
-                        </el-form-item>
-                        <el-form-item label="启用状态">
-                            <el-select v-model="formUserModel.state" class="m-2" placeholder="" size="large">
-                                <el-option
-                                v-for="item in stateoptions"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                                />
-                            </el-select>
-                        </el-form-item>
-                    </el-form>
+                                    <el-select v-model="value" class="m-2" placeholder="选择岗位" size="large">
+                                        <el-option
+                                        v-for="item in options"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value"
+                                        />
+                                    </el-select>
+                                    <el-select v-model="value" class="m-2" placeholder="是否为部门负责人" size="large">
+                                        <el-option
+                                        v-for="item in options"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value"
+                                        />
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item label="日单价:">
+                                    <el-input v-model="formUserModel.roleName"  placeholder=""/>
+                                </el-form-item>
+                                <el-form-item label="启用状态:">
+                                    <el-select v-model="formUserModel.state" class="block" placeholder="" size="large">
+                                        <el-option
+                                        v-for="item in stateoptions"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value"
+                                        />
+                                    </el-select>
+                                </el-form-item>
+                     </el-form>
+                 </HcCardItem>
             </HcCard>
             <template #footer>
                 <div class="dialog-footer">

src/views/user/index.vue

@@ -7,12 +7,9 @@
                             <div class="user-avatar-upload">
                                 <el-upload class="upload-dom" :action="action" :accept="accept" :headers="getTokenHeader()" :data="upData" :show-file-list="false" :on-success="uploadFinish" :on-error="uploadError" :before-upload="beforeUpload">
                                     
-                                    <HcIcon name="camera" fill/>
-                                    
+                                    <HcIcon name="camera" fill/> 
                                 </el-upload>
-                            
                             </div>
-                            
                         </div>
                         <div class="user-name truncate">{{ userInfo['real_name'] || '游客' }}
                             <div class="el-upload__tip" style="margin-top: 27px;">支持.jpg 、png格式</div>
@@ -26,9 +23,6 @@
                                     <span>保存</span>
                         </el-button>
             </div>
-                    
-                
-        
          </HcCardItem>
         <HcCardItem ui="hac-card-item mt-4" :class="updatePasswordshow  ? 'half-height' : 'all-height'">
                 <template #header>