Skip to content

打开添加商品弹窗

代码事例
vue
<template>
  <fk-space>
	<fk-button type="primary" @click="handleSelect">添加商品</fk-button>
	<fk-button type="primary" @click="handleViewSelect">回显商品</fk-button>
  </fk-space>
	<p>数据模型</p>
	<fk-row>
		<JsonViewer :data="selected" />
	</fk-row>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { createAddGoodsPop } from '@erp/biz';

const selected = ref([]);

const handleSelect = () => {
	createAddGoodsPop({ id: 63207, isAlone: true, title: '添加商品', suggestionOptions: [{label: '自定义文案', value: 63207}] }).then(res => {
		console.log('createAddGoodsPop >>', res);
		selected.value = res;
	});
};

const handleViewSelect = () => {
	createAddGoodsPop({
        id: 63207,
		title: '添加商品',
		list: selected.value,
    	// isAlone: true,
	}).then(res => {
		console.log('createAddGoodsPop >>', res);
		selected.value = res;
	});
};
</script>

AddGoodsPopProps

参数名描述类型默认值
title标题string-
width弹窗宽度string | number-
list回显的数据源AddGoodsModel[]-
isAlone是否单独添加skubooleanfalse

基于 MIT 许可发布