qimall/addons/Store/client/views/goods/goods-association.php

<!-- <el-card class="edit-card" shadow="never"> -->
    <!-- <div slot="header" class="clearfix">
        <div class="card-title">关联配件</div>
    </div>
    <el-form-item label="选择商品:" required label-width="160px">
        <com-dialog-select :multiple="true" :extra-search="{from:'lucky_group'}" @selected="goodsSelect1" title="商品选择">
            <el-button type="primary">选择商品</el-button>
        </com-dialog-select>
        <el-table max-height="400" :data="extra1_goods_list" size="small" stripe border style="width: 100%;margin-top: 20px;">
            <el-table-column type="index" label="序号" align="center" width="60">
            </el-table-column>
            <el-table-column prop="goods_id" label="商品id" align="center" min-width="80">
            </el-table-column>
            <el-table-column label="商品信息" min-width="150">
                <template slot-scope="scope">
                    <div style="display: flex;align-items: center;">
                        <el-image fit="cover" :src="scope.row.cover_pic" style="width: 40px;height: 40px;display: block;margin-right: 5px;flex-shrink: 0;"></el-image>
                        <div>
                            <div>{{scope.row.goods_name}}</div>
                        </div>
                    </div>
                </template>
            </el-table-column>
            <el-table-column prop="price" label="售价(元)" align="center" min-width="80">
            </el-table-column>
            <el-table-column label="商品状态" align="center" min-width="80">
                <template slot-scope="scope">
                    <el-tag type="success" effect="dark" v-if="scope.row.status == 1">销售中</el-tag>
                    <el-tag type="danger" effect="dark" v-else>下架</el-tag>
                </template>
            </el-table-column>

            <el-table-column prop="goods_stock" label="库存" align="center" min-width="80">
            </el-table-column>

            <el-table-column prop="num" label="操作" align="center" min-width="80">
                <template slot-scope="scope">
                    <el-button type="danger" @click="delFun(scope.$index,1)">删除</el-button>
                </template>
            </el-table-column>

        </el-table>
    </el-form-item> -->



<!-- </el-card> -->

<el-card class="edit-card" shadow="never">
    <div slot="header" class="clearfix">
        <div class="card-title">推荐商品</div>
    </div>
    <el-form-item label="选择商品:" required label-width="160px">
        <com-dialog-select-store :multiple="true" :extraSearch="{from:'lucky_group'}" :params="extra_goods_params" :url="extra_goods_url" @selected="goodsSelect2" title="商品选择">
            <el-button type="primary">选择商品</el-button>
        </com-dialog-select-store>
        <el-table max-height="400" :data="extra2_goods_list" size="small" stripe border style="width: 100%;margin-top: 20px;">
            <el-table-column type="index" label="序号" align="center" width="60">
            </el-table-column>
            <el-table-column prop="goods_id" label="商品id" align="center" min-width="80">
            </el-table-column>
            <el-table-column label="商品信息" min-width="150">
                <template slot-scope="scope">
                    <div style="display: flex;align-items: center;">
                        <el-image fit="cover" :src="scope.row.cover_pic" style="width: 40px;height: 40px;display: block;margin-right: 5px;flex-shrink: 0;"></el-image>
                        <div>
                            <div>{{scope.row.goods_name}}</div>
                        </div>
                    </div>
                </template>
            </el-table-column>
            <el-table-column prop="price" label="售价(元)" align="center" min-width="80">
            </el-table-column>
            <el-table-column label="商品状态" align="center" min-width="80">
                <template slot-scope="scope">
                    <el-tag type="success" effect="dark" v-if="scope.row.status == 1">销售中</el-tag>
                    <el-tag type="danger" effect="dark" v-else>下架</el-tag>
                </template>
            </el-table-column>

            <el-table-column prop="goods_stock" label="库存" align="center" min-width="80">
            </el-table-column>

            <el-table-column prop="num" label="操作" align="center" min-width="80">
                <template slot-scope="scope">
                    <el-button type="danger" @click="delFun(scope.$index,2)">删除</el-button>
                </template>
            </el-table-column>

        </el-table>
    </el-form-item>


</el-card>