添加重置密码弹窗

src/baseComponents/FormDialog.vue

@@ -1147,11 +1147,17 @@ const HandleFilePreview = (params)=>{
 
 .page_dialog{
   :deep(.el-dialog) {
-    margin: calc(min(50px,5vh)) auto calc(min(50px,5vh));
+    // margin: calc(min(50px,5vh)) auto calc(min(50px,5vh));
+    margin:0 !important;
+    top: 50% !important;
+    left: 50% !important; /* 若需水平居中可加上此行 */
+    transform: translate(-50%, -50%); /* 核心：基于自身宽高反向偏移 */
   }
   :deep(.el-dialog__body){
+    // 后续会在不同页面动态变化
     min-height: 156px;
     max-height: calc(90vh - 48px - 66px);
+
     display: flex;
     flex-direction: column;
     justify-content: flex-start;

src/components/settingCard/SettingCard.vue

@@ -380,12 +380,6 @@ watch(()=>props.defaultTableData,(val)=>{
 }
 
 .parameter_setting_form_dialog{
-     :deep(.el-dialog){
-        margin:0 !important;
-        top: 50% !important;
-        left: 50% !important; /* 若需水平居中可加上此行 */
-        transform: translate(-50%, -50%); /* 核心：基于自身宽高反向偏移 */
-    }
     :deep(.el-dialog__body){
         min-height: 500px !important;
         max-height: 500px !important;

src/views/userPrivilegeManagement/userManage/formDialog.ts

@@ -1,6 +1,7 @@
 import { ref } from "vue";
 
-export const formItemList = ref([
+// 新增用户 表单项
+export const userFormItemList = ref([
   {
     key: 'account',
     label: '账号',
@@ -80,4 +81,36 @@ export const formItemList = ref([
     unit:'天',
     style: {},
   }
-])
+])
+
+
+// 重置密码 表单项
+export const resetPasswordFormItemList =  ref([
+  {
+    key: 'account',
+    label: '账号',
+    type: 'input',
+    disabled: true, 
+    custom: false,
+    style: {},
+  },
+  {
+    key: 'name',
+    label: '姓名',
+    type: 'input',
+    disabled: true, 
+    custom: false,
+    style: {},
+  },
+  {
+    key: 'newPassword',
+    label: '新密码',
+    type: 'password', 
+    placeholder: '请输入新密码',
+    rules: [
+      { required: true, message: '请输入新密码', trigger: 'blur' }
+    ],
+    custom: false,
+    style: {},
+  },
+]);

src/views/userPrivilegeManagement/userManage/index.vue

@@ -45,24 +45,40 @@
             <template #operation="{row}">
                 <div class="table_row_option">
                     <span class="option_button_editor" @click="OpenUserFormDialog(row)">编辑</span>
-                    <span class="option_button_editor">重置密码</span>
+                    <span class="option_button_editor" @click="OpenresetPasswordFormDialog(row)">重置密码</span>
                     <span class="option_button_editor">禁用</span>
                     <span class="el_button_delete">删除</span>
                 </div>
             </template>
         </Table>
-
-         <FormDialog  width="500px"
-            :formItemList="formItemList" :defaultFormData="defaultUserFormData" 
-            :title="userFormDialogTitle" 
-            :submitLoading="userFormDialogSubmiting" 
-            :visible="userFormDialogVisible"
-            @close="CloseUserFormDialog"
-            @confirm="HandleUserFormDialogConfirm">
-        </FormDialog>
     </div>
 
-   
+    <!-- 新增用户 弹窗 -->
+    <FormDialog  
+        class="user_form_dialog"
+        style="flex-grow: 0;" width="482px"
+        v-if="userFormDialogVisible"
+        :formItemList="userFormItemList" :defaultFormData="defaultUserFormData" 
+        :title="userFormDialogTitle" 
+        :submitLoading="userFormDialogSubmiting" 
+        :visible="userFormDialogVisible"
+        @close="CloseUserFormDialog"
+        @confirm="HandleUserFormDialogConfirm">
+    </FormDialog>
+
+    <!-- 重置密码弹窗 -->
+    <FormDialog  
+        class="reset_password_form_dialog"
+        style="flex-grow: 0;" width="500px"
+        v-if="resetPasswordFormDialogVisible"
+        :formItemList="resetPasswordFormItemList" :defaultFormData="defaultResetPasswordFormData" 
+        title="重置密码" 
+        :submitLoading="resetPasswordFormDialogSubmiting" 
+        :visible="resetPasswordFormDialogVisible"
+        @close="CloseResetPasswordFormDialog"
+        @confirm="HandleresetPasswordFormDialogConfirm">
+    </FormDialog>
+
 </template>
 
 
@@ -76,9 +92,11 @@ import TableRowStatus from '@/baseComponents/TableRowStatus.vue';
 import TabSearch from '@/baseComponents/TabSearch.vue';
 import {tabList} from './tabSearch'
 import FormDialog from '@/baseComponents/FormDialog.vue';
-import {formItemList} from './formDialog'
+import {userFormItemList, resetPasswordFormItemList} from './formDialog'
 
-// 表格 有关数据
+/**
+ * 1. 表格 有关数据
+ */
 const pageNum = ref(1)
 const pageSize = ref(20)
 const totalNum = ref(0)
@@ -127,10 +145,12 @@ const statusMsg = ref([
         themeClass: 'normal_icon',
     },
 ])
-// more展示的用户类型
+// 默认展示的用户类型
 const defaultUserType = ref('onlinePeople')
 
-// 新增用户弹窗相关数据
+/**
+ * 2. 新增用户弹窗相关数据
+ */
 const userFormDialogVisible = ref(false)
 const userFormDialogSubmiting = ref(false)
 const userFormDialogTitle = ref('')
@@ -138,7 +158,6 @@ const defaultUserFormData = ref({
     customerHoldLimit:100,
     dailyManualReturnLimit:15,
     noFollowAutoReturnDays:15,
-
 })
 // 打开新增/修改用户弹窗
 const OpenUserFormDialog = (row?:any)=>{
@@ -164,6 +183,29 @@ const CloseUserFormDialog = ()=>{
 const HandleUserFormDialogConfirm = ()=>{
     CloseUserFormDialog()
 }
+
+/**
+ * 3. 重置密码弹窗相关数据
+ */
+const resetPasswordFormDialogVisible = ref(false)
+const resetPasswordFormDialogSubmiting = ref(false)
+const defaultResetPasswordFormData = ref({})
+// 打开 重置密码弹窗
+const OpenresetPasswordFormDialog = (row?:any)=>{
+    defaultResetPasswordFormData.value = {...row}
+    resetPasswordFormDialogVisible.value = true
+}
+// 关闭 重置密码弹窗
+const CloseResetPasswordFormDialog = ()=>{
+    resetPasswordFormDialogVisible.value = false
+    defaultResetPasswordFormData.value = {}
+}
+// 保存 重置密码弹窗
+const HandleresetPasswordFormDialogConfirm = ()=>{
+    CloseResetPasswordFormDialog()
+}
+
+
 </script>
 
 
@@ -184,4 +226,19 @@ const HandleUserFormDialogConfirm = ()=>{
     }
 }
 
+.user_form_dialog{
+     :deep(.el-dialog__body){
+        min-height: 520px !important;
+        max-height: 520px !important;
+    }
+}
+
+.reset_password_form_dialog{
+     :deep(.el-dialog__body){
+        min-height: 210px !important;
+        max-height: 210px !important;
+    }
+}
+
+
 </style>