webb2b/src/business/order/listing.ts

import { shallowRef, reactive } from 'vue'
import { v4 } from 'uuid'
import { ClientType } from '@/constants/client'
import { useDataTable } from '@/hooks/datatable'
import { Market } from '@/constants/market'
import { queryDiamondList } from '@/services/api/goods'
import { zsBuyOrderListing, zsSellOrderListing } from '@/services/api/order'
import { sessionData } from '@/stores'
import {
    Category,
    getCategoryList,
    getCurrencyTypeList,
    getShapeTypeList,
    getColorTypeList,
    getCutTypeList,
    getClarityTypeList,
    getPolishTypeList,
    getSymmetryTypeList,
    getFluorescenceTypeList,
    getCrystalTypeList,
    getFancyColorType1List,
    getStyleTypeList,
} from '@/constants/diamond'
import moment from 'moment'
import Long from 'long'

/**
 * 求购大厅挂牌
 * @returns 
 */
export function useBuyOrderListing() {
    const { UserID, AccountIDs } = sessionData.getValue('loginInfo')
    const loading = shallowRef(false)
    const performanceId = shallowRef<number>() // 选中的履约模板ID
    const currencyId = shallowRef<number>() // 选中的货币类型ID
    const formData = reactive<Proto.GZBuyOrderDetailExInfo>({
        UserID,
        AccountID: AccountIDs[0],
        ZSCategory: Category.Diamonds,
        ZSCurrencyType: [],
        ZSShapeType: [],
        ZSColorType: [],
        ZSClarityType: [],
        ZSCutType: [],
        ZSSymmetryType: [],
        ZSPolishType: [],
        ZSFluorescenceType: [],
        Size: [],
        ZSCrystalType: [],
        Origin: '',
        ZSStyleType: [],
        ZSCZColor1Type: [],
    })

    const enums = {
        categoryList: getCategoryList(),
        currencyTypeList: getCurrencyTypeList(),
        shapeTypeList: getShapeTypeList(),
        colorTypeList: getColorTypeList(),
        cutTypeList: getCutTypeList(),
        clarityTypeList: getClarityTypeList(),
        polishTypeList: getPolishTypeList(),
        symmetryTypeList: getSymmetryTypeList(),
        fluorescenceTypeList: getFluorescenceTypeList(),
        crystalTypeList: getCrystalTypeList(),
        fancyColorType1List: getFancyColorType1List(),
        styleTypeList: getStyleTypeList(),
    }

    const formSubmit = () => {
        loading.value = true
        if (formData.Size.some((val) => !val)) {
            formData.Size = []
        }
        return zsBuyOrderListing({
            data: {
                Header: {
                    AccountID: AccountIDs[0],
                },
                UserID,
                AccountID: AccountIDs[0],
                MarketID: Market.GZ,
                OrderSrc: 2,
                ClientType: ClientType.Web,
                ClientSerialNo: v4(),
                PerformanceTemplateID: performanceId.value,
                GZ_BuyOrderDetailExInfo: formData
            },
            complete: () => {
                loading.value = false
            }
        })
    }

    return {
        loading,
        performanceId,
        currencyId,
        formData,
        enums,
        formSubmit,
    }
}

/**
 * 出售大厅挂牌
 * @returns 
 */
export function useSellOrderListing() {
    const { dataList } = useDataTable<Ermcp.MyWRPositionRsp>()
    const { UserID, AccountIDs } = sessionData.getValue('loginInfo')
    const submitLoading = shallowRef(false)
    const tableLoading = shallowRef(false)
    const columns = shallowRef<Ermcp.TableColumn[]>([])
    const categoryList = getCategoryList() // 分类列表
    const selectedCategoryId = shallowRef(Category.Diamonds)

    const formData = reactive<Proto.ZSSellOrderListingReq>({
        Header: {
            AccountID: AccountIDs[0],
        },
        UserID,
        AccountID: AccountIDs[0],
        WRStandardID: 0,
        OrderQty: 0,
        LadingBillID: Long.fromNumber(0),
        SubNum: 0,
        TimevalidType: 4, // 4:一直有效
        OrderSrc: 2,
        ClientSerialNo: '',
        ClientOrderTime: '',
        ClientType: ClientType.Web,
        MarketID: Market.GZ,
    })

    // 获取商品列表
    const getDiamondList = () => {
        dataList.value = []
        formData.WRStandardID = 0
        tableLoading.value = true
        queryDiamondList({
            data: {
                wruserid: UserID,
                zscategory: selectedCategoryId.value,
            },
            success: (res) => {
                dataList.value = res.data.filter((e) => e.ftotalqty - e.ffreezeqty > 0)
            },
            complete: () => {
                tableLoading.value = false
            }
        })
    }

    // 切换商品分类
    const categoryChange = () => {
        switch (selectedCategoryId.value) {
            case Category.Diamonds: {
                columns.value = [
                    {
                        prop: 'goodsno',
                        label: '商品编号',
                        show: true,
                    },
                    {
                        prop: 'price',
                        label: '总价',
                        show: true,
                    },
                    {
                        prop: 'weight',
                        label: '总重量',
                        show: true,
                    },
                    {
                        prop: 'weightavg',
                        label: '平均单颗重量',
                        show: true,
                    },
                    {
                        prop: 'priceper',
                        label: '克拉单位',
                        show: true,
                    },
                    {
                        prop: 'ftotalqty',
                        label: '库存重量',
                        show: true,
                    },
                    {
                        prop: 'remainqty',
                        label: '剩余重量',
                        show: true,
                    },
                    {
                        prop: 'zsshapetypedisplay',
                        label: '形状',
                        show: true,
                        width: 200,
                    },
                    {
                        prop: 'zscolortype',
                        label: '颜色',
                        show: true,
                    },
                    {
                        prop: 'zsclaritytype',
                        label: '净度',
                        show: true,
                    }
                ]
                break
            }
            case Category.Diamond: {
                columns.value = [
                    {
                        prop: 'goodsno',
                        label: '商品编号',
                        show: true,
                    },
                    {
                        prop: 'price',
                        label: '价格',
                        show: true,
                    },
                    {
                        prop: 'weight',
                        label: '克拉重量',
                        show: true,
                    },
                    {
                        prop: 'priceper',
                        label: '克拉单位',
                        show: true,
                    },
                    {
                        prop: 'zsshapetypedisplay',
                        label: '形状',
                        width: 200,
                        show: true,
                    },
                    {
                        prop: 'zscolortype1display',
                        label: '颜色',
                        show: true,
                    },
                    {
                        prop: 'zsclaritytype1display',
                        label: '净度',
                        show: true,
                    }
                ]
                break
            }
            case Category.Rough: {
                columns.value = [
                    {
                        prop: 'goodsno',
                        label: '商品编号',
                        show: true,
                    },
                    {
                        prop: 'price',
                        label: '总价',
                        show: true,
                    },
                    {
                        prop: 'weight',
                        label: '总重量',
                        show: true,
                    },
                    {
                        prop: 'weightavg',
                        label: '平均单颗重量',
                        show: true,
                    },
                    {
                        prop: 'priceper',
                        label: '克拉单位',
                        show: true,
                    },
                    {
                        prop: 'ftotalqty',
                        label: '库存重量',
                        show: true,
                    },
                    {
                        prop: 'remainqty',
                        label: '剩余重量',
                        show: true,
                    },
                    {
                        prop: 'zscrystaltypedisplay',
                        label: '晶型',
                        width: 200,
                        show: true,
                    },
                    {
                        prop: 'zscolortype',
                        label: '颜色',
                        show: true,
                    },
                    {
                        prop: 'zsclaritytype',
                        label: '净度',
                        show: true,
                    }
                ]
                break
            }
            case Category.Jewelry: {
                columns.value = [
                    {
                        prop: 'goodsno',
                        label: '商品编号',
                        show: true,
                    },
                    {
                        prop: 'price',
                        label: '价格',
                        show: true,
                    },
                    {
                        prop: 'weight',
                        label: '主石重量',
                        show: true,
                    },
                    {
                        prop: 'priceper',
                        label: '克拉单位',
                        show: true,
                    },
                    {
                        prop: 'zsstyletypedisplay',
                        label: '款式',
                        width: 200,
                        show: true,
                    },
                    {
                        prop: 'zsstyletypedisplay',
                        label: '主石形状',
                        width: 200,
                        show: true,
                    },
                    {
                        prop: 'zsclaritytype1display',
                        label: '主石净度',
                        show: true,
                    },
                    {
                        prop: 'zscuttype1display',
                        label: '主石切工',
                        show: true,
                    },
                    {
                        prop: 'zssymmetrytype1display',
                        label: '主石对称度',
                        show: true,
                    }
                ]
                break
            }
            case Category.Fancy: {
                columns.value = [
                    {
                        prop: 'goodsno',
                        label: '商品编号',
                        show: true,
                    },
                    {
                        prop: 'price',
                        label: '价格',
                        show: true,
                    },
                    {
                        prop: 'weight',
                        label: '克拉重量',
                        show: true,
                    },
                    {
                        prop: 'priceper',
                        label: '克拉单位',
                        show: true,
                    },
                    {
                        prop: 'zsshapetypedisplay',
                        label: '形状',
                        width: 200,
                        show: true,
                    },
                    {
                        prop: 'zsczcolortype',
                        label: '颜色',
                        width: 200,
                        show: true,
                    },
                    {
                        prop: 'zsclaritytype1display',
                        label: '净度',
                        show: true,
                    }
                ]
                break
            }
        }
        getDiamondList()
    }

    const formSubmit = () => {
        submitLoading.value = true
        return zsSellOrderListing({
            data: {
                ...formData,
                ClientSerialNo: v4(),
                ClientOrderTime: moment().format('YYYY-MM-DD HH:mm:ss')
            },
            complete: () => {
                submitLoading.value = false
            }
        })
    }

    // 初始化
    categoryChange()

    return {
        submitLoading,
        tableLoading,
        formData,
        dataList,
        columns,
        categoryList,
        selectedCategoryId,
        categoryChange,
        formSubmit,
    }
}