<!-- 批量采购询盘列表 -->
<template>
    <div class="table-box">
        <ProTable
            ref="proTableRef"
            :formData="dataStore.formData"
            :columns="dataStore.columns"
            :request-api="getProductListApi"
            :init-param="dataStore.initParam"
        >
        </ProTable>
    </div>
</template>

<script setup lang="ts" name="feedbackProductIndex">
import ProTable from "@/components/ProTable/index.vue";

//列表接口
import { getProductListApi } from "@/api/modules/product";
// import { getCountryListApi } from "@/api/modules/global";
// import { useUserStore } from "@/stores/modules/user";
// const userStore: any = useUserStore();
//深拷贝方法
import { cloneDeep } from "lodash-es";
//表格和搜索條件
import { RULE_FORM, FORM_DATA, COLUMNS } from "./constant/index";
// 获取 ProTable 元素，调用其获取刷新数据方法（还能获取到当前查询参数，方便导出携带参数）
const proTableRef = ref<any>(null);
// 数据源
const dataStore = reactive<any>({
    columns: COLUMNS, //列表配置项
    initParam: cloneDeep(RULE_FORM), // 初始化搜索条件|重置搜索条件
    ruleForm: cloneDeep(RULE_FORM), // 搜索參數
    formData: FORM_DATA //搜索配置项
    // ZH: [],
    // EN: []
});

// const getCountryList = async () => {
//     const result = await getCountryListApi();

//     if (result?.code === 0) {
//         dataStore.ZH = [];
//         dataStore.EN = [];
//         result?.data.forEach((item: any) => {
//             dataStore.ZH.push({
//                 label: item.name,
//                 value: item.id
//             });
//             dataStore.EN.push({
//                 label: item.name,
//                 value: item.id
//             });
//         });
//         dataStore.formData[1].options = userStore.languageType === 1 ? dataStore.ZH : dataStore.EN;
//     }
// };
// getCountryList();
// watch(
//     () => userStore.languageType,
//     (newVal: any) => {
//         dataStore.formData[1].options = newVal === 1 ? dataStore.ZH : dataStore.EN;
//     },
//     { deep: true, immediate: true }
// );
</script>

<style scoped></style>
