qimall/backend/modules/mall/views/setting/basic/goods.php

<template id="order">
<el-row>
    <el-col :span="24">
        <el-form-item label-width="180px" label="商品详情页推荐设置">
            <el-col :span="14">
                <el-switch v-model="ruleForm.goods.is_recommend_status.value" :active-value="1" :inactive-value="0"></el-switch>
            </el-col>
            <el-col :span="14" v-if="ruleForm.goods.is_recommend_status.value==1">
                <div class="goods-list" flex="cross:center wrap:wrap">
                    <div class="goods-item" v-for="(goods,goodsIndex) in ruleForm.goods.goods_list.value">
                        <el-tooltip effect="dark" content="移除商品" placement="top">
                            <el-button @click="deleteGoods(goodsIndex, 'goods')" circle
                                        class="goods-delete" type="danger"
                                        icon="el-icon-close"></el-button>
                        </el-tooltip>
                        <div class="goods-pic" :style="'background-image:url('+goods.cover_pic+')'"></div>
                    </div>
                </div>
            </el-col>
            <el-col :span="14">
            <div v-if="ruleForm.goods.goods_list.value.length < goodsDialog.max" class="goods-add">
                <el-tooltip effect="dark" content="添加商品" placement="top">
                    <el-button @click="showGoodsDialog('goods')"
                               icon="el-icon-plus"></el-button>
                </el-tooltip>
            </div>
            </el-col>

        </el-form-item>
        <el-form-item label-width="180px" label="订单完成后推荐设置">
            <el-col :span="14">
                <el-switch v-model="ruleForm.order_pay.is_recommend_status.value" :active-value="1" :inactive-value="0"></el-switch>
            </el-col>
            <el-col :span="14" v-if="ruleForm.order_pay.is_recommend_status.value==1">
                <div class="goods-list" flex="cross:center wrap:wrap">
                    <div class="goods-item" v-for="(goods,goodsIndex) in ruleForm.order_pay.goods_list.value">
                        <el-tooltip effect="dark" content="移除商品" placement="top">
                            <el-button @click="deleteGoods(goodsIndex, 'order_pay')" circle
                                    class="goods-delete" type="danger"
                                    icon="el-icon-close"></el-button>
                        </el-tooltip>
                        <div class="goods-pic" :style="'background-image:url('+goods.cover_pic+')'"></div>
                    </div>
                </div>
            </el-col>
            <el-col :span="14">
            <div v-if="ruleForm.order_pay.goods_list.value.length < goodsDialog.max" class="goods-add">
                <el-tooltip effect="dark" content="添加商品" placement="top">
                    <el-button @click="showGoodsDialog('order_pay')"
                               icon="el-icon-plus"></el-button>
                </el-tooltip>
            </div>
            </el-col>

        </el-form-item>
        <el-form-item label-width="180px" label="评论后推荐设置">
            <el-col :span="14">
                <el-switch v-model="ruleForm.order_comment.is_recommend_status.value" :active-value="1" :inactive-value="0"></el-switch>
            </el-col>
            <el-col :span="14" v-if="ruleForm.order_comment.is_recommend_status.value==1">
                <div class="goods-list" flex="cross:center wrap:wrap">
                    <div class="goods-item" v-for="(goods,goodsIndex) in ruleForm.order_comment.goods_list.value">
                        <el-tooltip effect="dark" content="移除商品" placement="top">
                            <el-button @click="deleteGoods(goodsIndex, 'order_comment')" circle
                                        class="goods-delete" type="danger"
                                        icon="el-icon-close"></el-button>
                        </el-tooltip>
                        <div class="goods-pic" :style="'background-image:url('+goods.cover_pic+')'"></div>
                    </div>
                </div>
            </el-col>
            <el-col :span="14">
            <div v-if="ruleForm.order_comment.goods_list.value.length < goodsDialog.max" class="goods-add">
                <el-tooltip effect="dark" content="添加商品" placement="top">
                    <el-button @click="showGoodsDialog('order_comment')"
                               icon="el-icon-plus"></el-button>
                </el-tooltip>
            </div>
            </el-col>

        </el-form-item>
    </el-col>
</el-row>

    <el-dialog @open="getGoods" title="选择商品" :visible.sync="goodsDialog.visible" :close-on-click-modal="false">
        <el-form size="small" :inline="true"  @submit.native.prevent>
            <el-form-item>
                <div class="input-item">
                    <el-input @clear="toSearch" clearable @keyup.enter.native="toSearch" size="small"
                              placeholder="请输入商品ID/名称搜索"
                              v-model="keyword">
                        <el-button slot="append" icon="el-icon-search" @click="toSearch"></el-button>
                    </el-input>
                </div>
            </el-form-item>
        </el-form>
        <el-table :data="goodsDialog.list" v-loading="goodsDialog.loading" @selection-change="goodsSelectionChange">
            <el-table-column label="选择" type="selection"></el-table-column>
            <el-table-column label="ID" prop="id" width="100px"></el-table-column>
            <el-table-column label="封面图"  width="100px" prop="cover_pic">
                <template slot-scope="scope">
                    <com-image mode="aspectFill" width='50px' height='50px' :src="scope.row.cover_pic ? scope.row.cover_pic : ''"></com-image>
                </template>
            </el-table-column>
            <el-table-column label="名称" prop="goods_name"></el-table-column>
        </el-table>
        <div style="text-align: center; margin-top: 15px;">
            <el-pagination
                    v-if="goodsDialog.pagination"
                    style="display: inline-block"
                    background
                    @current-change="goodsDialogPageChange"
                    layout="prev, pager, next"
                    :page-size.sync="goodsDialog.pagination.pageSize"
                    :total="Number(goodsDialog.pagination.totalCount)">
            </el-pagination>
        </div>
        <div slot="footer">
            <el-button @click="goodsDialog.visible = false">取 消</el-button>
            <el-button type="primary" @click="addGoods">确 定</el-button>
        </div>

    </el-dialog>
</template>