对比新文件 |
| | |
| | | import { defineComponent, Fragment, onMounted, ref, Ref } from 'vue' |
| | | import sdk from 'sdk' |
| | | const { request } = sdk.utils |
| | | import { _t, Language } from '@/libs/Language/Language' |
| | | import styles from './BaseConfigSelect.module.scss' |
| | | import { getXProject } from '@/api' |
| | | export default defineComponent({ |
| | | name: 'BaseConfigSelect', |
| | | props: { |
| | | language: String, |
| | | }, |
| | | setup(props) { |
| | | const options: Ref<any[]> = ref([]) |
| | | const langValue = ref() |
| | | const getOptions = async () => { |
| | | const resp = await request.get(`/api/v1/multiplelanguage/languagelist`) |
| | | const defaultOptions = [ |
| | | { |
| | | id: 0, |
| | | languageType: 'auto', |
| | | enable: true, |
| | | createDateTime: new Date().toDateString(), |
| | | name: '璺熼殢绯荤粺', |
| | | }, |
| | | ] |
| | | |
| | | defaultOptions.unshift({ |
| | | id: 0, |
| | | languageType: 'original', |
| | | enable: true, |
| | | createDateTime: new Date().toDateString(), |
| | | name: '鍘熷鏂囨湰', |
| | | }) |
| | | |
| | | options.value.push(...defaultOptions, ...resp) |
| | | langValue.value = options.value?.[0]?.languageType |
| | | } |
| | | |
| | | const getProject = async () => { |
| | | const tree = await getXProject() |
| | | // console.log(tree, 'tree') |
| | | } |
| | | |
| | | onMounted(() => { |
| | | // getProject() |
| | | getOptions() |
| | | }) |
| | | const change = (val: any) => { |
| | | window.app.current.project.current.language = new Language({ |
| | | lang: langValue.value, |
| | | running: true, |
| | | }) |
| | | } |
| | | return () => ( |
| | | <Fragment> |
| | | <el-select |
| | | v-model={langValue.value} |
| | | class={styles.select} |
| | | filterable |
| | | size="small" |
| | | onChange={change} |
| | | > |
| | | {options.value.map((item) => { |
| | | return ( |
| | | <el-option |
| | | key={item.id} |
| | | label={_t(item.name)} |
| | | value={item.languageType} |
| | | ></el-option> |
| | | ) |
| | | })} |
| | | </el-select> |
| | | {/* <el-select |
| | | v-model={langValue.value} |
| | | class={styles.project} |
| | | filterable |
| | | size="small" |
| | | onChange={change} |
| | | > |
| | | {options.value.map((item) => { |
| | | return ( |
| | | <el-option |
| | | key={item.id} |
| | | label={_t(item.name)} |
| | | value={item.languageType} |
| | | ></el-option> |
| | | ) |
| | | })} |
| | | </el-select> */} |
| | | </Fragment> |
| | | ) |
| | | }, |
| | | }) |