<template>
  <div class="gl-page-content">
    <div>
      {{ status1 }}
      <el-select v-model="status1" placeholder="请选择">
        <el-option
          v-for="(item, index) in PROJECT_STATUS.A"
          :key="index"
          :label="item.label"
          :value="item.value"
        />
      </el-select>
    </div>
    <div>
      {{ status2 }}
      <el-select v-model="status2" placeholder="请选择">
        <el-option
          v-for="(item, index) in USER_STATUS.A"
          :key="index"
          :label="item.label"
          :value="item.value"
        />
      </el-select>
    </div>
    <div>{{ PROJECT_STATUS.O[status1] }}</div>
    <div>{{ USER_STATUS.O[status2] }}</div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { useDict } from '@/utils/useDict';

const { PROJECT_STATUS, USER_STATUS } = useDict('PROJECT_STATUS', 'USER_STATUS');

const status1 = ref('1');
const status2 = ref('-1');
</script>
