Skip to content

feat(frontend): sqlserver添加统一设置和单据备注 #9684 #10111

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Apr 17, 2025
Merged

feat(frontend): sqlserver添加统一设置和单据备注 #9684 #10111

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 5 additions & 8 deletions ...ntend/src/views/db-manage/sqlserver/SQLSERVER_ROLLBACK/components/other-cluster/Index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -240,14 +240,11 @@
window.changeConfirm = true;
};

const handleDstClusterBatchEdit = (clusterList: SqlserverHaModel[]) => {
if (clusterList.length > 0) {
const [clusterItem] = clusterList;
tableData.value.forEach((item) => {
Object.assign(item, { dst_cluster: clusterItem });
});
window.changeConfirm = true;
}
const handleDstClusterBatchEdit = (value: string) => {
tableData.value.forEach((item) => {
Object.assign(item.dst_cluster, { master_domain: value });
});
window.changeConfirm = true;
};

const handleDbTableBatchEdit = (value: string[], field: string) => {
Expand Down
48 changes: 22 additions & 26 deletions ...age/sqlserver/SQLSERVER_ROLLBACK/components/other-cluster/components/DstClusterColumn.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,12 +22,19 @@
:min-width="300"
required>
<template #headAppend>
<span
v-bk-tooltips="t('统一设置：将该列统一设置为相同的值')"
class="batch-select-button"
@click="handleShowHeadClusterSelector">
<DbIcon type="bulk-edit" />
</span>
<BatchEditColumn
v-model="showBatchEdit"
:placeholder="t('请输入集群域名')"
:title="t('目标集群')"
type="input"
@change="handleBatchEditChange">
<span
v-bk-tooltips="t('统一设置：将该列统一设置为相同的值')"
class="batch-edit-btn"
@click="handleBatchEditShow">
<DbIcon type="bulk-edit" />
</span>
</BatchEditColumn>
</template>
<EditableInput
v-model="modelValue.master_domain"
Expand All @@ -43,13 +50,6 @@
</div>
</template>
</EditableInput>
<ClusterSelector
v-model:is-show="isShowHeadClusterSelector"
:cluster-types="[ClusterTypes.SQLSERVER_HA, ClusterTypes.SQLSERVER_SINGLE]"
only-one-type
:selected="headSelected"
:tab-list-config="clusterSelectorTabConfig"
@change="handleHeadClusterChange" />
<ClusterSelector
v-model:is-show="isShowCellClusterSelector"
:cluster-types="[ClusterTypes.SQLSERVER_HA, ClusterTypes.SQLSERVER_SINGLE]"
Expand All @@ -74,6 +74,8 @@

import ClusterSelector from '@components/cluster-selector/Index.vue';

import BatchEditColumn from '@views/db-manage/common/batch-edit-column/Index.vue';

interface Props {
srcClusterData: {
bk_cloud_id: 0;
Expand All @@ -83,7 +85,7 @@
};
}

type Emits = (e: 'batch-edit', value: SqlServerHaModel[]) => void;
type Emits = (e: 'batch-edit', value: string) => void;

const props = defineProps<Props>();
const emits = defineEmits<Emits>();
Expand All @@ -102,13 +104,8 @@

const { t } = useI18n();

const isShowHeadClusterSelector = ref(false);
const isShowCellClusterSelector = ref(false);

const headSelected: ComponentProps<typeof ClusterSelector>['selected'] = {
[ClusterTypes.SQLSERVER_HA]: [],
[ClusterTypes.SQLSERVER_SINGLE]: [],
};
const showBatchEdit = ref(false);

const clusterSelectorTabConfig = {
[ClusterTypes.SQLSERVER_HA]: {
Expand Down Expand Up @@ -200,13 +197,12 @@
},
);

const handleHeadClusterChange = (selected: { [key: string]: Array<SqlServerHaModel> }) => {
const clusterList = Object.values(selected).flatMap((selectedList) => selectedList);
emits('batch-edit', clusterList);
const handleBatchEditChange = (value: string | string[]) => {
emits('batch-edit', value as string);
};

const handleShowHeadClusterSelector = () => {
isShowHeadClusterSelector.value = true;
const handleBatchEditShow = () => {
showBatchEdit.value = true;
};

const handleShowClusterSelector = () => {
Expand All @@ -220,7 +216,7 @@
};
</script>
<style lang="less" scoped>
.batch-select-button {
.batch-edit-btn {
font-size: 14px;
color: #3a84ff;
cursor: pointer;
Expand Down
Loading