qimall/addons/Happiness/client/views/goods/index.php

<?php

use common\helpers\AddonHelper;
use common\helpers\ComponentHelper;

ComponentHelper::loadComponentView('com-export-dialog');
if (!empty($pay_success_jump_component)) {
    ComponentHelper::loadComponentView(
        'pay-success-select-jump-url',
        AddonHelper::getAddonRootPath('PaySuccessJump') . 'backend/views/components'
    );
}

?>
<style>

</style>
<div id="app" v-cloak>
    <el-card shadow="never" body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div slot="header">
            <span>商品列表</span>
            <div style="float: right; margin: -5px 0">
                <el-button type="primary" size="small" @click="handle('edit')">添加商品</el-button>
                <!-- <el-button v-if="synchronize_goods_dialog > 0" type="primary" size="small" @click="syncGoods">同步商品</el-button>
                <el-button class="all_button" type="primary" size="small" @click="importGoods" >批量导入</el-button>
                <com-export-dialog
                        style="float: right;margin-left: 10px;"
                        :field_list='export_list'
                        :action_url="export_url"
                        :params="search_data">
                </com-export-dialog> -->
                <!--                <com-export-dialog-->
                <!--                        style="float: right;margin-left: 10px;"-->
                <!--                        :field_list='export_list'-->
                <!--                        :action_url="export_url"-->
                <!--                        :params="search_data">-->
                <!--                </com-export-dialog>-->
            </div>
        </div>
        <div class="table-body">
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane v-for="item in tabs" :key="item.value" :label="item.name" :name="item.value">
                    <el-form :inline="true" :model="search_data" size="small" class="demo-form-inline">
                        <!-- <el-form-item>
                            <el-button size="small" @click="$refs.cats.openDialog()">分类筛选</el-button>
                            <el-button size="small" v-if="search_data.cats && search_data.cats.length > 0" type="danger" @click="clearCat">清除分类</el-button>
                        </el-form-item> -->
                        <el-form-item>
                            <el-date-picker style="margin-top: 1px;" size="small" @change="changeTime"
                                            v-model="datetime" type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss"
                                            range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
                                            :default-time="['00:00:00', '23:59:59']"></el-date-picker>
                        </el-form-item>
                        <el-form-item label="">
                            <el-input size="small" placeholder="请输入商品名称"
                                      v-model="search_data.goods_name"></el-input>
                        </el-form-item>
                        <el-form-item label="">
                            <el-input size="small" placeholder="请输入商品ID精准搜索"
                                      v-model="search_data.goods_id"></el-input>
                        </el-form-item>
                        <!-- <el-form-item label="">
                            <el-select size="small" v-model="search_data.goods_type" placeholder="请选择商品类型" style="width: 100%;" clearable>
                                <el-option label="实体商品" :value="1"></el-option>
                                <el-option label="虚拟商品" :value="2"></el-option>
                                <el-option label="预约商品" :value="3"></el-option>
                            </el-select>
                        </el-form-item> -->
                        <el-form-item>
                            <el-button type="primary" @click="search">搜索</el-button>
                            <el-button type="primary" @click="multipleOff">批量下架</el-button>
                            <el-button type="primary" @click="multipleOn">批量上架</el-button>
                            <el-button type="danger" @click="clearSearch" v-if="show_clear_search_btn">清除条件
                            </el-button>
                        </el-form-item>
                    </el-form>
                    <el-table v-loading="listLoading" :data="list" stripe style="width: 100%" @sort-change="sortChange"
                              @selection-change="handleSelectionChange">
                        <el-table-column v-if="item.value=='all'" type="selection" align="center"
                                         :selectable="checkSelectable"></el-table-column>
                        <el-table-column label="ID" prop="id" align="center"></el-table-column>

                        <el-table-column label="商品名称" min-width="200" prop="goods_name" align="center">
                            <template slot-scope="scope">
                                <div flex="cross:center">
                                    <div style="margin-right: 10px;">
                                        <el-image style="width: 50px; height: 50px;border-radius: 5px;"
                                                  :src="scope.row.cover_pic"></el-image>
                                    </div>
                                    <div v-if="goods_name_id != scope.row.id">
                                        <el-tooltip class="item" effect="dark" content="商品名称" placement="top">
                                            <span>{{scope.row.goods_name}}</span>
                                        </el-tooltip>
                                        <el-button class="edit-sort" type="text" @click="edit(scope.row,'goods_name')">
                                            <img src="resources/img/mall/order/edit.png" alt="">
                                        </el-button>
                                    </div>
                                    <div style="display: flex;align-items: center" v-else>
                                        <el-input style="min-width: 70px" size="mini" class="change"
                                                  v-model="goods_name" autocomplete="off"></el-input>
                                        <el-button class="change-quit" type="text" style="color: #F56C6C;padding: 0 5px"
                                                   icon="el-icon-error" circle
                                                   @click="cancelEdit('goods_name')"></el-button>
                                        <el-button class="change-success" type="text"
                                                   style="margin-left: 0;color: #67C23A;padding: 0 5px"
                                                   icon="el-icon-success" circle
                                                   @click="handle('goods_name',scope.row)">
                                        </el-button>
                                    </div>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column label="分类" align="center">
                            <template slot-scope="scope">
                                <div class="goods-cat">
                                    <el-tag v-if="scope.row.cats && scope.row.cats.length > 0" size="mini">
                                        {{scope.row.cats[0].name}}
                                    </el-tag>
                                    <el-tooltip v-if="scope.row.cats && scope.row.cats.length > 1" placement="top">
                                        <div slot="content">
                                            <span v-for="item in scope.row.cats"
                                                  :key="item.id">{{item.name}}&nbsp;</span>
                                        </div>
                                        <span>...</span>
                                    </el-tooltip>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column label="售价" prop="price" align="center" sortable="false">
                            <template slot-scope="scope">
                                <div size="small">{{scope.row.price}}</div>
                            </template>
                        </el-table-column>
                        <el-table-column label="库存" prop="stock" align="center" sortable="false">
                            <template slot-scope="scope">
                                <div size="small" style="color: red;" v-if="scope.row.stock<=scope.row.stock_warning">
                                    {{scope.row.stock}}
                                </div>
                                <div size="small" v-else>{{scope.row.stock}}</div>
                            </template>
                        </el-table-column>
                        <el-table-column label="商品标签" prop="label_name" align="center" sortable="false"
                                         min-width="100">
                            <template slot-scope="scope">
                                <div size="small">{{scope.row.label_name}}</div>
                            </template>
                        </el-table-column>
                        <el-table-column label="最高盈利" prop="max_income" align="center" sortable="false"
                                         min-width="100">
                            <template slot-scope="scope">
                                <div size="small">{{scope.row.max_income}}</div>
                            </template>
                        </el-table-column>
                        <el-table-column label="状态" prop="is_on_sale" align="center">
                            <template slot-scope="scope">
                                <el-switch
                                        v-model="scope.row.is_on_sale"
                                        :active-value="1"
                                        :inactive-value="0"
                                        @change="handle('is_on_sale', scope.row)"
                                >
                                </el-switch>
                            </template>
                        </el-table-column>
                        <el-table-column label="来源" prop="goods_source" align="center">
                            <template slot-scope="scope">
                                <el-tag size="mini" :type="scope.row.goods_source == '' ? 'success' : 'danger'">
                                    {{scope.row.goods_source == '' ? '自营' : '供应链'}}
                                </el-tag>
                            </template>
                        </el-table-column>
                        <el-table-column label="创建时间" width="160" prop="created_at" align="center">
                            <template slot-scope="scope">
                                <div size="small">{{scope.row.created_at|dateTimeFormat('Y-m-d H:i:s')}}</div>
                            </template>
                        </el-table-column>
                        <el-table-column label="操作" min-width="300" align="center">
                            <template slot-scope="scope">
                                <template>
                                    <el-button type="text" @click="handle('ship',scope.row)">编辑</el-button>
                                    <el-button type="text" @click="handle('moveGoods',scope.row)">申请调货</el-button>
                                    <el-button type="text" @click="handle('destroy',scope.row)">删除</el-button>

                                </template>
                            </template>
                        </el-table-column>

                    </el-table>
                    <div style="text-align: right;margin: 20px 0;">
                        <el-pagination @current-change="pagination" background layout="prev, pager, next"
                                       :page-count="pageCount"></el-pagination>
                    </div>
                </el-tab-pane>
            </el-tabs>
        </div>
    </el-card>

    <el-dialog title="调货申请" :visible.sync="moveGoodsDialog" width="50%" v-if="moveGoodsForm.length>0">
        <el-form ref="moveGoodsForm" label-width="80px">
            <el-table :data="moveGoodsForm" v-if="moveGoodsForm.length>0">
                <el-table-column label="商品规格ID">
                    <template slot-scope="scope">
                        <span>{{scope.row.attr_id}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="商品名称">
                    <template slot-scope="scope">
                        <span>{{scope.row.name}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="当前库存">
                    <template slot-scope="scope">
                        <span>{{scope.row.stock}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="调货中的数量">
                    <template slot-scope="scope">
                        <span>{{scope.row.apply_num}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="调货数量">
                    <template slot-scope="scope">
                        <el-input-number size="small" :min="0" v-model="scope.row.move_num"></el-input-number>
                    </template>
                </el-table-column>
            </el-table>
            <div style="text-align: center;margin-top: 20px">
                <el-button size="small" @click="moveGoodsDialog = false">取消</el-button>
                <el-button size="small" type="primary" @click="handle('moveGoodsSubmit')">确定</el-button>
            </div>
        </el-form>
    </el-dialog>
    <el-dialog title="编辑商品" width="300px" :visible.sync="goodsEditVisible" append-to-body>
        <el-form :inline="true" size="small" label-width="200px">
            <el-form-item label="配送方式">
                <el-checkbox-group v-model="goodsEdit.freight_type">
                    <el-checkbox v-for="(item,index) in freight_type" :key="item" :label="item">
                        {{freight_type_name[item]}}
                    </el-checkbox>
                </el-checkbox-group>
            </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
                <el-button @click="goodsEditVisible = false" type="default" size="small">取消</el-button>
                <el-button type="primary" :loading="btnLoading" style="margin-bottom: 10px;" size="small"
                           @click="handle('saveShip',goodsEdit)">保存</el-button>
                </span>

    </el-dialog>
</div>
<script>
    const app = new Vue({
        el: '#app',
        props: {
            import_store_goods_url: {
                type: String,
                default: 'store/client/goods/import-store-goods'
            },
        },
        data() {
            return {
                goodsEditVisible: false,
                goodsEdit: {},
                goods_name: '',
                goods_id: '',
                tabs: [{
                    name: '全部',
                    value: 'all'
                },
                    {
                        name: '销售中',
                        value: 'onsale'
                    },
                    {
                        name: '下架中',
                        value: 'offline'
                    },
                    {
                        name: '售罄',
                        value: 'sell-out'
                    },
                ],
                activeName: 'all',
                list: [],
                listLoading: false,
                page: 1,
                pageCount: 0,
                mch_id: 0, // 这个地方不知道要怎么获取
                searchCats: [],
                datetime: [],
                search_data: { // 筛选条件
                    type: null,
                    cats: [],
                    start: null,
                    end: null,
                    goods_id: null,
                    goods_name: null,
                    goods_type: null,
                },
                sort: 0,
                sort_id: 0,
                goods_name_id: 0,
                export_url: 'store/client/goods/export-excel',
                export_list: {},
                group_buy_active_arr: {},
                selectedGoodIds: [],
                pay_success_jump: 0,
                paySuccessSelectJumpUrlDialogVisible: false,
                currentItem: {},
                synchronize_goods_dialog: 0,
                syncGoods2Store: false,
                syncGoods2StoreLoading: false,
                mchGoodsList: [],
                mchGoodsPageCount: 0,
                mchGoodsPage: 1,
                selectedRowIds: [],
                mchGoodsSearch: {
                    name: '',
                    goods_id: '',
                    mch_id: '',
                    mall_id: '',
                    cats: []
                },
                btnLoading: false,
                mchList: [],
                mallList: [],
                sign: '',
                moveGoodsDialog: false,
                moveGoodsForm: [],
                freight_type: [1, 2, 3],
                freight_type_name: ['','快递物流', '同城配送', '上门自提'],
            };
        },
        mounted: function () {
            this.getList();
        },
        computed: {
            show_clear_search_btn: function () {
                return !isEmpty(this.search_data.cats) || !isEmpty(this.search_data.start) ||
                    !isEmpty(this.search_data.end) || !isEmpty(this.search_data.goods_id) ||
                    !isEmpty(this.search_data.goods_name);
            }
        },
        created() {
            this.sign = getQuery('sign')
        },
        methods: {
            showMoveGoods(row) {
                this.moveGoodsDialog = true
                this.moveGoodsForm = []
                let self = this;
                self.goods_id = row.goods_id
                request({
                    params: {
                        r: 'happiness/client/goods/move-stock',
                        goods_id: row.goods_id
                    },
                    method: 'get',
                }).then(e => {
                    if (e.data.code == 0) {
                        let data = e.data.data
                        if (data.length > 0) {
                            data.forEach(function (item) {
                                self.moveGoodsForm.push({
                                    attr_id: item.attr.id,
                                    name: item.attr.name,
                                    move_num: item.move_num,
                                    stock: item.stock,
                                    apply_num: item.apply_num
                                })
                            })
                        }

                    } else {
                        self.$message.error(e.data.msg);
                    }
                }).catch(e => {
                    console.log(e);
                });

            },
            submitMoveGoods() {
                let self = this;
                request({
                    params: {
                        r: 'happiness/client/goods/move-stock',
                    },
                    method: 'post',
                    data: {
                        attr: self.moveGoodsForm,
                        goods_id: self.goods_id
                    }
                }).then(e => {
                    if (e.data.code == 0) {
                        self.moveGoodsForm = e.data.data
                        self.moveGoodsDialog = false
                        self.$message.success(e.data.msg);
                    } else {
                        self.$message.error(e.data.msg);
                    }
                }).catch(e => {
                    console.log(e);
                });

            },
            importGoods() { //数据导入
                navigateTo({
                    r: this.import_store_goods_url,
                    page: this.page
                });
            },
            selectCat(arr) {
                this.search_data.cats = [];
                arr.forEach(it => this.search_data.cats.push(it.id))
                this.getList()
            },
            clearCat() { // 清除分类
                this.search_data.cats = []
                this.getList()
            },
            changeTime(e) {
                // console.log(e)
                this.search_data.start = e[0]
                this.search_data.end = e[1]
            },
            handleClick(res) { //标签页切换
                if (this.search_data.status == this.activeName) return;
                this.search_data.type = this.activeName;
                this.getList();
            },
            sortChange(row) {
                if (row.prop) {
                    this.search_data.sort_field = row.prop;
                    this.search_data.sort_type = row.order == "descending" ? 'desc' : 'asc';
                } else {
                    this.search_data.sort_prop = null;
                    this.search_data.sort_type = null;
                }
                this.getList();
            },
            search() {
                this.page = 1;
                this.getList();
            },
            clearSearch() {
                this.search_data.cats = [];
                this.search_data.start = null;
                this.search_data.end = null;
                this.search_data.goods_id = null;
                this.search_data.goods_name = null;
                this.datetime = [];
                this.getList();
            },
            handle(type, data = null) {
                let id = data ? parseInt(data.id) : '';
                switch (type) {
                    case 'edit':
                        let params = {
                            r: 'happiness/client/goods/edit'
                        };
                        if (id) params = Object.assign(params, {
                            id: id,
                        });
                        navigateTo(params);
                        break;

                    case 'destroy':
                        param = {
                            id: data.id,
                            type
                        };
                        this.$confirm('删除该条数据后不可以恢复, 是否继续?', '警告', {
                            type: 'warning'
                        }).then(() => {
                            this.send(param)
                        })
                        break;
                    case 'is_on_sale':
                        param = {
                            id: id,
                            is_on_sale: data.is_on_sale,
                            type
                        };
                        operate_type = data.is_on_sale == 0 ? '下架' : '上架';
                        this.$confirm('是否' + operate_type + '该商品?', '警告', {
                            type: 'warning'
                        }).then(() => {
                            this.send(param)
                        })
                        break;
                    case 'moveGoods':
                        this.showMoveGoods(data)
                        break;
                    case 'moveGoodsSubmit':
                        this.submitMoveGoods()
                        break;
                    case 'ship':
                        request({
                            params: {
                                r: 'happiness/client/goods/ship',
                                id: id
                            },
                            method: 'get',
                        }).then(e => {
                            if (e.data.code == 0) {
                                this.freight_type = e.data.data
                                this.goodsEdit = {
                                    id: id,
                                    freight_type: data.freight_type,
                                }
                                this.goodsEditVisible = true
                            }
                        })
                        break;
                    case 'saveShip':
                        this.btnLoading = true
                        this.ship(this.goodsEdit)
                        break;
                }
                this.cancelEdit(type);
            },
            ship(params) {
                let self = this;
                request({
                    params: {
                        r: 'happiness/client/goods/ship'
                    },
                    method: 'post',
                    data: params
                }).then(e => {
                    if (e.data.code == 0) {
                        self.$message.success(e.data.msg);
                        self.getList();
                        this.btnLoading=false
                        this.goodsEditVisible = false
                    } else {
                        self.$message.error(e.data.msg);
                        this.btnLoading=false
                    }
                }).catch(e => {
                    console.log(e);
                });
            },
            send(params) {
                let self = this;
                request({
                    params: {
                        r: 'happiness/client/goods/index',
                    },
                    method: 'post',
                    data: params
                }).then(e => {
                    if (e.data.code == 0) {
                        self.$message.success(e.data.msg);
                        self.getList();
                    } else {
                        self.$message.error(e.data.msg);
                    }
                }).catch(e => {
                    console.log(e);
                });
            },
            edit(row, type) {
                switch (type) {
                    case 'sort':
                        this.sort = row.sort;
                        this.sort_id = row.id;
                        break;
                    case 'goods_name':
                        this.goods_name_id = row.id;
                        this.goods_name = row.goods_name;
                        break;
                }
            },
            cancelEdit(type) {
                switch (type) {
                    case 'sort':
                        this.sort = 0;
                        this.sort_id = 0;
                        break;
                    case 'goods_name':
                        this.goods_name = '';
                        this.goods_name_id = 0;
                        break;
                }
            },
            searchClick() {
                this.page = 1;
                this.getList();
            },

            pagination(currentPage) {
                let self = this;
                self.page = currentPage;
                self.getList();
            },
            // 获取商品列表
            getList() {
                let self = this;
                let basic_params = {
                    r: 'happiness/client/goods/index',
                    page: self.page,
                };
                params = Object.assign(basic_params, this.search_data);
                if (self.listLoading == false) {
                    self.listLoading = true;
                    request({
                        params: params,
                        method: 'get',
                    }).then(e => {
                        self.listLoading = false;
                        if (e.data.code == 0) {
                            self.list = e.data.data.list;
                            self.group_buy_active_arr = e.data.data.group_buy_active_arr;
                            self.pageCount = e.data.data.page_count;
                            self.pay_success_jump = e.data.data.pay_success_jump;
                            this.export_list = e.data.data.export_list;
                            this.synchronize_goods_dialog = e.data.data.synchronize_goods_dialog
                        } else {
                            self.$message.error(e.data.msg);
                        }
                    }).catch(e => {
                        self.$message.error(e.data.msg);
                        self.listLoading = false;
                    });
                }
            },
            // 批量下架商品
            multipleOff() {
                let self = this;
                if (!self.selectedGoodIds.length) {
                    self.$message.error('请先选择要下架的商品');
                    return false;
                }
                self.listLoading = true;
                self.$confirm('是否确认下架所选中商品', '警告', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request({
                        params: {
                            r: 'happiness/client/goods/mutiple-off',
                        },
                        method: 'post',
                        data: {
                            good_ids: self.selectedGoodIds,
                        }
                    }).then(e => {
                        self.listLoading = false;
                        if (e.data.code == 0) {
                            self.$message.success('操作成功');
                            self.getList();
                        } else {
                            self.$message.error(e.data.msg);
                            return false;
                        }
                    }).catch(e => {
                        self.listLoading = false;
                        console.log(e);
                        self.$message.error('网络错误');
                        return false;
                    });
                }).catch(() => {
                    self.listLoading = false;
                    console.log('已取消操作');
                    return false;
                });

            },
            multipleOn() {
                let self = this;
                if (!self.selectedGoodIds.length) {
                    self.$message.error('请先选择要上架的商品');
                    return false;
                }
                self.listLoading = true;
                self.$confirm('是否确认上架所选中商品', '警告', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request({
                        params: {
                            r: 'happiness/client/goods/mutiple-on',
                        },
                        method: 'post',
                        data: {
                            good_ids: self.selectedGoodIds,
                        }
                    }).then(e => {
                        self.listLoading = false;
                        if (e.data.code == 0) {
                            self.$message.success('操作成功');
                            self.getList();
                        } else {
                            self.$message.error(e.data.msg);
                            return false;
                        }
                    }).catch(e => {
                        self.listLoading = false;
                        console.log(e);
                        self.$message.error('网络错误');
                        return false;
                    });
                }).catch(() => {
                    self.listLoading = false;
                    console.log('已取消操作');
                    return false;
                });

            },
            // 批量下架选中
            handleSelectionChange(val) {
                if (val.length) {
                    this.selectedGoodIds = val.map((e) => {
                        if (e.can_change_status == true) {
                            return e.id;
                        }
                    });
                } else {
                    this.selectedGoodIds = [];
                }
            },
            hidePaySuccessSelectJumpUrlDialogVisible() {
                this.paySuccessSelectJumpUrlDialogVisible = false
            },
            onChangeJumpUrl(goods) {
                this.currentItem = goods
                this.paySuccessSelectJumpUrlDialogVisible = true
            },
            syncGoods() {
                this.syncGoods2Store = true;
                this.getMallList()
                this.getMchGoodsList();
            },
            getMallList() {
                let _this = this;
                let basic_params = {
                    r: 'happiness/client/goods/get-mall-list',
                };
                params = Object.assign(basic_params, {});
                request({
                    params: params,
                    method: 'get',
                }).then(e => {
                    if (e.data.code == 0) {
                        _this.mallList = e.data.data;
                    } else {
                        _this.$message.error(e.data.data.msg);
                    }
                }).catch(e => {
                    _this.$message.error(e.data.data.msg);
                    _this.syncGoods2StoreLoading = false;
                });

            },
            getMchGoodsList() {
                let _this = this;
                let basic_params = {
                    r: 'happiness/client/goods/sync-goods-list',
                    page: this.mchGoodsPage,
                    limit: 15,
                    ..._this.mchGoodsSearch
                };
                params = Object.assign(basic_params, {});
                if (_this.syncGoods2StoreLoading == false) {
                    _this.syncGoods2StoreLoading = true;
                    request({
                        params: params,
                        method: 'get',
                    }).then(e => {
                        _this.syncGoods2StoreLoading = false;
                        if (e.data.code == 0) {
                            _this.mchGoodsList = e.data.data.list;
                            _this.mchGoodsPageCount = e.data.data.page_count;

                        } else {
                            _this.$message.error(e.data.data.msg);
                        }
                    }).catch(e => {
                        _this.$message.error(e.data.data.msg);
                        _this.syncGoods2StoreLoading = false;
                    });
                }
            },
            searchMchGoods() {
                this.mchGoodsPage = 1
                this.getMchGoodsList()
            },
            getRowKey(row) {
                return row.id;
            },
            handleSelectAll() {
                let _this = this
                _this.mchGoodsList.map(function (item, index) {
                    _this.selectedRowIds.push(item.id)
                })

            },
            handleSyncSelect(selection, row) {
                this.selectedRowIds.push(row.id)
            },
            mchGoodsPagination(currentPage) {
                this.mchGoodsPage = currentPage;
                this.getMchGoodsList();
            },
            confirmSyncGoods() {
                let _this = this
                if (_this.selectedRowIds.length <= 0) {
                    _this.$message.error('请选择需要同步的商品');
                    return
                }
                _this.$confirm('确定要同步这些商品到门店?', '警告', {
                    type: 'warning'
                }).then(() => {
                    this.btnLoading = true;
                    request({
                        params: {
                            r: 'happiness/client/goods/sync-goods-store'
                        },
                        method: 'post',
                        data: {
                            selected_goods_ids: this.selectedRowIds,
                        }
                    }).then(res => {
                        if (res.data.code == 0) {
                            _this.$message.success(res.data.msg);
                            _this.syncGoods2Store = false;
                            _this.btnLoading = false;
                        } else {
                            _this.$message.error(res.data.msg);
                        }
                    }).catch(err => {
                        console.info(err);
                        _this.syncGoods2Store = false;
                        _this.btnLoading = false;
                    })
                })
            },
            selectMallCat(arr) {
                this.mchGoodsSearch.cats = [];
                arr.forEach(it => this.mchGoodsSearch.cats.push(it.id))
                this.getMchGoodsList()
            },
            clearMallCat() { // 清除分类
                this.mchGoodsSearch.cats = []
                this.getMchGoodsList()
            },
            checkSelectable(row) {
                if (row.supplier_type != 4 && row.can_change_status == true) {
                    return true;
                } else {
                    return false;
                }
            },
        }
    });
</script>