<template>
        <!-- :col="col"
        :triTag="triTag"
        :nameText="nameText"
        :subNameText="subNameText"
        :nameRow="nameRow"
        :aspect="aspect"
        :imgUrl="imgUrl"
        :bannerImg="bannerImg"
        :isPrice="isPrice"
        :price="price"
        :oldPrice="oldPrice"
        :decimal="decimal"
        :status="status"
        :cornerMark="cornerMark"
        :tags="tags"
        :tagFilter="tagFilter"
        :promotion="promotion"
        :isLazy="isLazy"
        :lazyOptions="lazyOptions"
        :tipMessage="tipMessage" -->
    <nu-goodsitemtaglevel
        class="nus_goodsitemfulllevel"
        v-bind="$props"
        v-on="$listeners"
        @click="_onClick"
        @tap="_onTap"
        @imgLoading="_onImgLoading"
        @clickTag="_onClickTag">
            <div class="nu_goods-progress">
                <nu-progress
                    v-if="isProgress"
                    :progress="progress">
                </nu-progress>
            </div>
            <slot></slot>
            <template slot="hook_img">
                <slot name='hook_img'></slot>
            </template>
            <template slot="hook_rightFt">
                <slot name="hook_rightFt">
                    <nu-button
                        class="nu_goods-btn"
                        v-if="btnItem"
                        :styleName="(!btnItem.styleName && btnItem.styleName !== '')? 'fill' : btnItem.styleName"
                        :class="[btnItem.className, btnItem.status + '' === '0' && 'nu_unstart']"
                        :nameText="btnItem.nameText"
                        :disabled="btnItem.status + '' === '2'"
                        @click="_clickBtn($event, btnItem)">
                    </nu-button>
                </slot>
            </template>
    </nu-goodsitemtaglevel>
</template>

<script>
import GoodsItemTmp from '../_comm/GoodsItemTmp';
import NuButton from '../../../../form/button';
import NuProgress from '../../../../widget/progress';
import NuGoodsitemtaglevel from '../goodsitemtaglevel';

export default {
    extends: GoodsItemTmp,
    name: 'NuGoodsitemfulllevel',
    components: {
        NuButton,
        NuProgress,
        NuGoodsitemtaglevel
    },
    methods: {
        /**
         * 点击按钮
         * @param {Event} evt 事件对象
         * @param {*} btnItem 按钮数据
         */
        _clickBtn(evt, btnItem) {
            this._onClickBtn({
                Event: evt,
                itemData: btnItem
            });
        }
    }
};
</script>

<style lang='scss'>
@import '../../../../../_assets/style/_iconFont.scss';
@import '../../../../../_assets/style/_var.scss';
@import '../../../../../_assets/style/_mixin.scss';

.nus_goodsitemfulllevel {
    .nu_goods-progress {
        width: 119px;
        margin-top: 7px;
    }
    .nu_goods-btn{
        // box-shadow: 0 1px 3px 0 $nubutton-fill-bg-color;
        line-height: 1.2;
        &.nu_unstart{
            background: $nugoodsitem-btn-unstart-bg-color;
            box-shadow: 0 1px 3px 0 $nugoodsitem-btn-unstart-bg-color;
        }
    }
}
</style>
