更新

src/views/gift/giftClassif/form.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
 const ruleFormRef = ref();
+import { getGiftTypeOrLabel } from '@/api/modules/gift'
 const formRules = ref({
   tid: [{ required: true, message: "请选择分类", trigger: "change" }],
   name: [{ required: true, message: "请输入分类名称", trigger: "blur" }, { min: 1, max: 10, message: '长度在 1 到 10 个字符', trigger: 'blur' }]
@@ -15,22 +16,18 @@ const newFormInline = ref(
       sort: 0
     }
 );
-const options = ref([
+const typeList = ref([])
-  {
+const getTypeList = async () => {
-    value: 1,
+  const { data, code } = await getGiftTypeOrLabel({ type: 1 })
-    label: '普通礼物'
+  typeList.value = code ? data : []
-  }, {
+}
-    value: 2,
-    label: '盲盒礼物'
-  }, {
-    value: 3,
-    label: '礼包礼物'
-  }
-])
 function getRef() {
   return ruleFormRef.value;
 }
-
+onMounted(() => {
+  getTypeList()
+  // getLableList()
+})
 defineExpose({ getRef });
 </script>
 
@@ -38,7 +35,7 @@ defineExpose({ getRef });
   <el-form ref="ruleFormRef" :model="newFormInline" :rules="formRules" label-width="120px">
     <el-form-item label="礼物分类" prop="tid">
       <el-select v-model="newFormInline.tid" placeholder="请选择礼物分类">
-        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+        <el-option v-for="item in typeList" :key="item.id" :label="item.name" :value="item.id">
         </el-option>
       </el-select>
     </el-form-item>