60 lines
2.1 KiB
Vue
60 lines
2.1 KiB
Vue
<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> |