schangxiang@126.com
2025-04-29 27ba504441037666e787ded85b4af2f65be65c17
HIAWms/web/src/components/BaseConfigSelect/BaseConfigSelect.tsx
对比新文件
@@ -0,0 +1,93 @@
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>
    )
  },
})