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