打开添加商品弹窗
代码事例
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 | 是否单独添加sku | boolean | false |