<template>
    <!-- 新增添加商品 -->
    <myDialog title="选择商品" width="50%" ref="myDialogRef" @Confirm="subitgood">
        <page-search ref="searchRef" :search-config="searchConfig" @query-click="handleQueryClick"
            @reset-click="handleResetClick" />
        <page-content ref="contentRef" v-if="switchref" :content-config="contentConfig"
            @filter-change="handleFilterChange">
            <template #status="scope">
                <el-tag :type="scope.row[scope.prop] == 1 ? 'success' : 'info'">
                    {{ scope.row[scope.prop] == 1 ? "启用" : "禁用" }}
                </el-tag>
            </template>
            <template #gender="scope">
                <DictLabel v-model="scope.row[scope.prop]" code="gender" />
            </template>
            <template #timemanagement="scope">
                {{ scope.row.startTime }}-{{ scope.row.endTime }}
            </template>
            <template #mobile="scope">
                <el-text>{{ scope.row[scope.prop] }}</el-text>
                <copy-button v-if="scope.row[scope.prop]" :text="scope.row[scope.prop]" style="margin-left: 2px" />
            </template>
        </page-content>
    </myDialog>
</template>
<script setup lang="ts">
import myDialog from '@/components/mycomponents/myDialog.vue'
import usePage from "@/components/CURD/usePage";
import searchConfig from "./shopListconfig/search"
import contentConfig from "./shopListconfig/content2";

const {
    searchRef,
    contentRef,
    addModalRef,
    editModalRef,
    handleQueryClick,
    handleResetClick,
    // handleAddClick,
    // handleEditClick,
    handleSubmitClick,
    handleExportClick,
    handleSearchClick,
    handleFilterChange,
} = usePage();
let myDialogRef: any = ref(null)
let switchref = ref(false)
function opens() {
    switchref.value = true
    myDialogRef.value.open()
}
const emit = defineEmits(['success'])
// 添加商品的回调
function subitgood() {
    emit('success', contentRef.value?.getselectTable())
    switchref.value = false
    myDialogRef.value.close()
}
defineExpose({ opens })
</script>