feat: 数据源用户重置密码

.gitignore

@@ -221,3 +221,6 @@ cliff.toml
 # igonre symlinks
 src/bk-user/bkuser/idp_plugins
 src/bk-login/bklogin/idp_plugins
+
+
+pre-*-bkcodeai

src/pages/src/components/ResetPassword.vue

@@ -0,0 +1,91 @@
+<template>
+  <bk-dialog
+    :is-show="config.isShow"
+    :title="config.title"
+    theme="primary"
+    :quick-close="false"
+    :is-loading="isLoading"
+    @closed="$emit('closed')"
+    @confirm="confirm"
+  >
+    <bk-form
+      form-type="vertical"
+      ref="formRef"
+      :model="formData"
+      :rules="rules">
+      <bk-form-item label="新密码" property="password" required>
+        <div style="display: flex;">
+          <bk-input v-model="formData.password" />
+          <bk-button outline theme="primary" class="ml-[8px]" @click="handleRandomPassword">随机生成</bk-button>
+        </div>
+      </bk-form-item>
+    </bk-form>
+  </bk-dialog>
+</template>
+
+<script setup lang="ts">
+import { Message } from 'bkui-vue';
+import { reactive, ref, watch } from 'vue';
+
+import useValidate from '@/hooks/use-validate';
+import { putUsersPassword, randomPasswords } from '@/http/dataSourceFiles';
+
+const validate = useValidate();
+const emit = defineEmits(['closed', 'changePassword']);
+const props = defineProps({
+  config: {
+    type: Object,
+    default: () => ({}),
+  },
+});
+
+const formRef = ref();
+const formData = reactive({
+  password: '',
+});
+const isLoading = ref(false);
+
+const rules = {
+  name: [validate.required],
+};
+
+watch(() => props.config?.isShow, (value: boolean) => {
+  if (value) {
+    formData.password = '';
+  }
+});
+
+const handleRandomPassword = async () => {
+  try {
+    const params = {
+      data_source_id: Number(props.config?.dataSourceId),
+      password_rule_config: {},
+    };
+    const passwordRes = await randomPasswords(params);
+    formData.password = passwordRes.data.password;
+  } catch (e) {
+    console.warn(e);
+  }
+};
+
+const confirm = async () => {
+  try {
+    await formRef.value.validate();
+    isLoading.value = true;
+    await putUsersPassword({
+      id: props.config?.userId,
+      password: formData.password,
+    });
+    emit('changePassword');
+    Message({ theme: 'success', message: '重置密码成功' });
+  } catch (e) {
+    isLoading.value = false;
+  } finally {
+    isLoading.value = false;
+  }
+};
+</script>
+
+<style>
+
+</style>

src/pages/src/css/tenantViewStyle.less

@@ -1,5 +1,5 @@
 .details-info-wrapper {
-  height: calc(100vh - 140px);
+  padding-bottom: 24px;
 
   .details-info-content {
     padding: 24px;

src/pages/src/http/dataSourceFiles.ts

@@ -3,11 +3,13 @@ import type {
   DataSourceUsersParams,
   DataSourceUsersResult,
   DepartmentsParams,
+  GeneratePasswordParams,
   LeadersParams,
   NewDataSourceParams,
   NewDataSourceUserParams,
   PutDataSourceParams,
   PutDataSourceUserParams,
+  ResetPasswordParams,
   SyncRecordsParams,
   TestConnectionParams,
 } from './types/dataSourceFiles';
@@ -99,7 +101,7 @@ export const postOperationsSync = (id: string) => http.post(`/api/v1/web/data-so
 /**
  * 生成数据源用户随机密码
  */
-export const randomPasswords = () => http.post('/api/v1/web/data-sources/random-passwords/');
+export const randomPasswords = (params: GeneratePasswordParams) => http.post('/api/v1/web/data-sources/random-passwords/', params);
 
 /**
  * 数据源更新记录
@@ -118,3 +120,8 @@ export const getSyncLogs = (id: string) => http.get(`/api/v1/web/data-sources/sy
  * 数据源用户所属部门组织路径
  */
 export const getOrganizationPaths = (id: string) => http.get(`/api/v1/web/data-sources/users/${id}/organization-paths/`);
+
+/**
+ * 重置数据源用户密码
+ */
+export const putUsersPassword = (params: ResetPasswordParams) => http.put(`/api/v1/web/data-sources/users/${params.id}/password/`, params);

src/pages/src/http/types/dataSourceFiles.ts

@@ -109,3 +109,19 @@ export interface SyncRecordsParams {
   pageSize: number,
   status: string,
 }
+
+/**
+ * 生成数据源用户随机密码参数
+ */
+export interface GeneratePasswordParams {
+  data_source_id?: string,
+  password_rule_config?: {},
+}
+
+/**
+ * 数据源用户密码重置参数
+ */
+export interface ResetPasswordParams {
+  id: string,
+  password: string,
+}

src/pages/src/views/data-source/LocalDataSource.vue

@@ -190,7 +190,6 @@ function handleClick(item) {
     name: 'dataConfDetails',
     params: {
       id: item.id,
-      status: item.status,
     },
   });
 }

src/pages/src/views/data-source/local-details/PswInfo.vue

@@ -1,5 +1,5 @@
 <template>
-  <bk-loading :loading="isLoading" class="details-info-wrapper user-scroll-y">
+  <bk-loading :loading="isLoading" class="details-info-wrapper">
     <ul class="details-info-content" v-if="openPasswordLogin">
       <li class="content-item">
         <div class="item-header">

src/pages/src/views/data-source/local-details/UserInfo.vue

@@ -1,5 +1,5 @@
 <template>
-  <bk-loading :loading="isLoading" class="user-info-wrapper user-scroll-y">
+  <bk-loading :loading="isLoading" class="user-info-wrapper">
     <header>
       <div>
         <template v-if="pluginId === 'local'">
@@ -80,10 +80,15 @@
           >
             编辑
           </bk-button>
-          <!-- <bk-button theme="primary" text class="mr8">
+          <bk-button
+            v-if="isPasswordLogin"
+            theme="primary"
+            text
+            class="mr8"
+            @click="handleResetPassword(row)">
             重置密码
           </bk-button>
-          <bk-button theme="primary" text>
+          <!-- <bk-button theme="primary" text>
             删除
           </bk-button> -->
         </template>
@@ -108,8 +113,12 @@
               @click="handleClick('edit', detailsConfig)">
               编辑
             </bk-button>
-          <!-- <bk-button>重置</bk-button>
-          <bk-button>删除</bk-button> -->
+            <bk-button
+              v-if="isPasswordLogin"
+              @click="handleResetPassword(detailsConfig)">
+              重置密码
+            </bk-button>
+          <!-- <bk-button>删除</bk-button> -->
           </div>
         </template>
         <template #default>
@@ -219,6 +228,10 @@
         </div>
       </template>
     </bk-dialog>
+    <ResetPassword
+      :config="resetPasswordConfig"
+      @closed="closedResetPassword"
+      @changePassword="changePassword" />
   </bk-loading>
 </template>
 
@@ -233,6 +246,7 @@ import EditUser from './EditUser.vue';
 import ViewUser from './ViewUser.vue';
 
 import Empty from '@/components/Empty.vue';
+import ResetPassword from '@/components/ResetPassword.vue';
 import { useCustomFields } from '@/hooks/useCustomFields';
 import { getDataSourceUserDetails, getDataSourceUsers, getOrganizationPaths } from '@/http/dataSourceFiles';
 import { getFields } from '@/http/settingFiles';
@@ -247,6 +261,10 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  isPasswordLogin: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const editLeaveBefore = inject('editLeaveBefore');
@@ -570,13 +588,32 @@ const tipsShowFn = async (id: string) => {
     tipsText.value = '';
   }
 };
+
+const resetPasswordConfig = reactive({
+  isShow: false,
+  title: '重置密码',
+  dataSourceId: props.dataSourceId,
+  userId: '',
+});
+
+const handleResetPassword = (item: any) => {
+  resetPasswordConfig.isShow = true;
+  resetPasswordConfig.userId = item.id;
+};
+
+const closedResetPassword = () => {
+  resetPasswordConfig.isShow = false;
+};
+
+const changePassword = () => {
+  resetPasswordConfig.isShow = false;
+};
 </script>
 
 <style lang="less" scoped>
 .user-info-wrapper {
   width: 100%;
-  height: calc(100vh - 140px);
-  padding: 24px;
+  padding-bottom: 24px;
 
   header {
     display: flex;

src/pages/src/views/data-source/local-details/index.vue

@@ -30,7 +30,11 @@
       @change="changeTab"
     >
       <bk-tab-panel name="user" label="用户信息">
-        <UserInfo v-if="activeKey === 'user'" :data-source-id="currentId" :plugin-id="pluginId" />
+        <UserInfo
+          v-if="activeKey === 'user'"
+          :data-source-id="currentId"
+          :plugin-id="pluginId"
+          :is-password-login="isPasswordLogin" />
       </bk-tab-panel>
       <bk-tab-panel :visible="pluginId === 'local'" name="account" label="账密信息">
         <PswInfo v-if="activeKey === 'account'" />
@@ -52,7 +56,13 @@ import PswInfo from './PswInfo.vue';
 import UserInfo from './UserInfo.vue';
 
 import MainBreadcrumbsDetails from '@/components/layouts/MainBreadcrumbsDetails.vue';
-import { changeSwitchStatus, getDataSourceList, getDataSourcePlugins, postOperationsSync } from '@/http/dataSourceFiles';
+import {
+  changeSwitchStatus,
+  getDataSourceDetails,
+  getDataSourceList,
+  getDataSourcePlugins,
+  postOperationsSync,
+} from '@/http/dataSourceFiles';
 import router from '@/router/index';
 
 const route = useRoute();
@@ -66,6 +76,8 @@ const subtitle = ref('');
 const statusText = ref('');
 const typeList = ref([]);
 const pluginId = ref('');
+// 是否开启账密登录
+const isPasswordLogin = ref(false);
 
 onMounted(async () => {
   isLoading.value = true;
@@ -78,6 +90,8 @@ onMounted(async () => {
     }
   });
   const pluginsRes = await getDataSourcePlugins();
+  const loginRes = await getDataSourceDetails(currentId?.value);
+  isPasswordLogin.value = loginRes.data?.plugin_config?.enable_account_password_login;
   typeList.value = pluginsRes.data;
   isLoading.value = false;
 });
@@ -140,4 +154,22 @@ const toBack = () => {
     padding-right: 10px;
   }
 }
+
+::v-deep .tab-details {
+  .bk-tab-content {
+    height: calc(100vh - 140px);
+    padding: 24px;
+    overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+      background-color: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: #dcdee5;
+      border-radius: 4px;
+    }
+  }
+}
 </style>

src/pages/src/views/data-source/new-data/Local.vue

@@ -480,7 +480,7 @@ const changeAccountPassword = (value) => {
 
 const handleRandomPassword = async () => {
   try {
-    const passwordRes = await randomPasswords();
+    const passwordRes = await randomPasswords({});
     formData.config.password_initial.fixed_password = passwordRes.data.password;
     window.changeInput = true;
   } catch (e) {

src/pages/src/views/organization/details/DetailsInfo.vue

@@ -127,4 +127,9 @@ const updateTenantsList = () => {
 
 <style lang="less" scoped>
 @import url("@/css/tenantViewStyle.less");
+
+.details-info-wrapper {
+  height: calc(100vh - 140px);
+  padding-bottom: 0;
+}
 </style>

src/pages/src/views/tenant/group-details/OperationDetails.vue

@@ -528,7 +528,7 @@ const handleChange = () => {
 
 const handleRandomPassword = async () => {
   try {
-    const passwordRes = await randomPasswords();
+    const passwordRes = await randomPasswords({});
     formData.password_initial_config.fixed_password = passwordRes.data.password;
     window.changeInput = true;
   } catch (e) {