Devosend
3 years ago
committed by
GitHub
12 changed files with 223 additions and 2 deletions
@ -0,0 +1,20 @@
|
||||
/* |
||||
* Licensed to the Apache Software Foundation (ASF) under one or more |
||||
* contributor license agreements. See the NOTICE file distributed with |
||||
* this work for additional information regarding copyright ownership. |
||||
* The ASF licenses this file to You under the Apache License, Version 2.0 |
||||
* (the "License"); you may not use this file except in compliance with |
||||
* the License. You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0 |
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
|
||||
.icon { |
||||
margin: 0 12px; |
||||
} |
@ -0,0 +1,64 @@
|
||||
/* |
||||
* Licensed to the Apache Software Foundation (ASF) under one or more |
||||
* contributor license agreements. See the NOTICE file distributed with |
||||
* this work for additional information regarding copyright ownership. |
||||
* The ASF licenses this file to You under the Apache License, Version 2.0 |
||||
* (the "License"); you may not use this file except in compliance with |
||||
* the License. You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
|
||||
import { defineComponent, ref, PropType } from 'vue' |
||||
import { NIcon, NButton, NPopselect } from 'naive-ui' |
||||
import styles from './index.module.scss' |
||||
import { DownOutlined } from '@vicons/antd' |
||||
import { useDropDown } from './use-dropdown' |
||||
import { useTimezoneStore } from '@/store/timezone/timezone' |
||||
|
||||
const Timezone = defineComponent({ |
||||
name: 'Timezone', |
||||
props: { |
||||
timezoneOptions: { |
||||
type: Array as PropType<any>, |
||||
default: [] |
||||
} |
||||
}, |
||||
setup(props) { |
||||
const timezoneStore = useTimezoneStore() |
||||
const chooseVal = ref( |
||||
props.timezoneOptions.filter( |
||||
(item: { value: string }) => item.value === timezoneStore.getTimezone |
||||
)[0].label |
||||
) |
||||
|
||||
const { handleSelect } = useDropDown(chooseVal) |
||||
|
||||
return { handleSelect, chooseVal } |
||||
}, |
||||
render() { |
||||
return ( |
||||
<NPopselect |
||||
options={this.timezoneOptions} |
||||
trigger='click' |
||||
scrollable |
||||
onUpdateValue={this.handleSelect} |
||||
> |
||||
<NButton text> |
||||
{this.chooseVal} |
||||
<NIcon class={styles.icon}> |
||||
<DownOutlined /> |
||||
</NIcon> |
||||
</NButton> |
||||
</NPopselect> |
||||
) |
||||
} |
||||
}) |
||||
|
||||
export default Timezone |
@ -0,0 +1,52 @@
|
||||
/* |
||||
* Licensed to the Apache Software Foundation (ASF) under one or more |
||||
* contributor license agreements. See the NOTICE file distributed with |
||||
* this work for additional information regarding copyright ownership. |
||||
* The ASF licenses this file to You under the Apache License, Version 2.0 |
||||
* (the "License"); you may not use this file except in compliance with |
||||
* the License. You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
|
||||
import { useI18n } from 'vue-i18n' |
||||
import { updateUser } from '@/service/modules/users' |
||||
import { useTimezoneStore } from '@/store/timezone/timezone' |
||||
import { useUserStore } from '@/store/user/user' |
||||
import type { UserInfoRes } from '@/service/modules/users/types' |
||||
|
||||
export function useDropDown(chooseVal: any) { |
||||
const { t } = useI18n() |
||||
|
||||
const userStore = useUserStore() |
||||
const timezoneStore = useTimezoneStore() |
||||
|
||||
const userInfo = userStore.userInfo as UserInfoRes |
||||
|
||||
const handleSelect = (value: string) => { |
||||
updateUser({ |
||||
userPassword: '', |
||||
id: userInfo.id, |
||||
userName: '', |
||||
tenantId: userInfo.tenantId, |
||||
email: '', |
||||
phone: userInfo.phone, |
||||
state: userInfo.state, |
||||
timeZone: value |
||||
}).then(() => { |
||||
chooseVal.value = value |
||||
timezoneStore.setTimezone(value as string) |
||||
window.$message.success(t('profile.timezone_success')) |
||||
}) |
||||
} |
||||
|
||||
return { |
||||
handleSelect |
||||
} |
||||
} |
@ -0,0 +1,37 @@
|
||||
/* |
||||
* Licensed to the Apache Software Foundation (ASF) under one or more |
||||
* contributor license agreements. See the NOTICE file distributed with |
||||
* this work for additional information regarding copyright ownership. |
||||
* The ASF licenses this file to You under the Apache License, Version 2.0 |
||||
* (the "License"); you may not use this file except in compliance with |
||||
* the License. You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
|
||||
import { defineStore } from 'pinia' |
||||
import { timezoneStore, Timezone } from './types' |
||||
|
||||
export const useTimezoneStore = defineStore({ |
||||
id: 'timezone', |
||||
state: (): timezoneStore => ({ |
||||
timezone: Intl.DateTimeFormat().resolvedOptions().timeZone |
||||
}), |
||||
persist: true, |
||||
getters: { |
||||
getTimezone(): Timezone { |
||||
return this.timezone |
||||
} |
||||
}, |
||||
actions: { |
||||
setTimezone(timezone: Timezone): void { |
||||
this.timezone = timezone |
||||
} |
||||
} |
||||
}) |
@ -0,0 +1,26 @@
|
||||
/* |
||||
* Licensed to the Apache Software Foundation (ASF) under one or more |
||||
* contributor license agreements. See the NOTICE file distributed with |
||||
* this work for additional information regarding copyright ownership. |
||||
* The ASF licenses this file to You under the Apache License, Version 2.0 |
||||
* (the "License"); you may not use this file except in compliance with |
||||
* the License. You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
|
||||
import { timezoneList } from '@/utils/timezone' |
||||
|
||||
type Timezone = typeof timezoneList[number] |
||||
|
||||
interface timezoneStore { |
||||
timezone: Timezone |
||||
} |
||||
|
||||
export { timezoneStore, Timezone } |
Loading…
Reference in new issue