w-front-end / select_good · Files

<template>
    <div class="search-box">
            
            <!-- nav -->
            <div class="nav" :style="'padding-top: ' + ($parent.top.value) + 'px'">

                <!-- 搜索组件 -->
                <search-com @cancel="doCancel"
                    :searchs="searchs">
                </search-com>
            </div>

            <!-- pl占位 -->
            <div class="pl" :style="'padding-top: ' + ($parent.top.value) + 'px'"></div>

            <!-- 搜索结果-商品 -->
            <list-com @jump="toDetail" @primary="toShop"
                :lists="commoditys">

                <!-- 标题 -->
                <text-title-box slot="title" @more="more"
                    :titles="{
                        title: '苹果-商品',
                        more: true,
                        style: '2'
                    }">
                </text-title-box>
            </list-com>

            <!-- 搜索结果-达人 -->
            <list-com @jump="toDarenProfile" @primary="fansShop"
                :lists="darenLists">

                <!-- 标题 -->
                <text-title-box slot="title" @more="more"
                    :titles="{
                        title: '苹果-达人',
                        more: true,
                        style: '2'
                    }">
                </text-title-box>
            </list-com>

            <!-- 搜索结果-美食 -->
            <list-com @jump="toFood"
                :lists="foodList">

                <!-- 标题 -->
                <text-title-box slot="title" @more="more"
                    :titles="{
                        title: '苹果-美食',
                        more: true,
                        style: '2'
                    }">
                </text-title-box>
            </list-com>





    </div>
</template>

<script>

    // 引入组件
    import { Toast, Indicator } from "mint-ui";
    import searchCom from "@/components/searchCom/searchCom";
    import textTitleBox from "@/components/textTitleBox/textTitleBox";
    import listCom from "@/components/listCom/listCom";





    export default {
        name: 'search',
        data () {
            return {
                title: "",
                searchs: {
                    backgroundColor: "#FAFBFD",
                    borderColor: "#FC1541"
                },
                commoditys: {
                    style: "4",
                    backgroundColor: "#FFFFFF",
                    list: [
                        {
                            simg: "static/img/9.png",
                            title: "覆盆子苹果礼盒套装",
                            price: "299.90"
                        },
                        {
                            simg: "static/img/9.png",
                            title: "覆盆子苹果礼盒套装",
                            price: "299.90"
                        },
                        {
                            simg: "static/img/9.png",
                            title: "覆盆子苹果礼盒套装",
                            price: "299.90"
                        }
                    ]
                },
                darenLists: {
                    style: "daren-list",
                    backgroundColor: "#FFFFFF",
                    list: [
                        {
                            user_img: "static/img/6.png",
                            title: "万能苹果",
                            fans: "222",
                            is_fans: "0"
                        },
                        {
                            user_img: "static/img/6.png",
                            title: "全球小苹果",
                            fans: "999",
                            is_fans: "0"
                        },
                        {
                            user_img: "static/img/6.png",
                            title: "健身小苹果",
                            fans: "222",
                            is_fans: "0"
                        },
                        {
                            user_img: "static/img/6.png",
                            title: "全球小苹果",
                            fans: "10",
                            is_fans: "1"
                        },
                        {
                            user_img: "static/img/6.png",
                            title: "健身小苹果",
                            fans: "1000",
                            is_fans: "1"
                        }
                    ]
                },
                foodList: {
                    style: "5",
                    backgroundColor: "#FFFFFF",
                    list: [
                        {
                            simg: "static/img/9.png",
                            title: "食色天香（外文大厦店）",
                            evaluate: "4.6",
                            count: "1234",
                            flag: "网家家城市推荐TOP 100",
                            distance: "456m"
                        },
                        {
                            simg: "static/img/9.png",
                            title: "食色天香（外文大厦店）",
                            evaluate: "4.6",
                            count: "1234",
                            flag: "网家家城市推荐TOP 100",
                            distance: "456km"
                        },
                        {
                            simg: "static/img/9.png",
                            title: "食色天香（外文大厦店）",
                            evaluate: "4.6",
                            count: "1234",
                            flag: "",
                            distance: "456m"
                        }
                    ]
                },







            }
        },
        components: {
            searchCom,
            textTitleBox,
            listCom,






        },
        created() {

            // 设置标题
            this.$set(this, "title", "搜索");
        },
        methods: {

            /**
             * 优选页面接口
             */
            fansShopMessageList() {

                // 校验登录
                if (this.$parent.checkLogin()) {

                    // 加载中提示
                    Indicator.open("加载中...");

                    // 获取证书请求接口
                    this.http("/Api/" + this.getApiVersion().dynamic + "/fansShopMessageList", {
                            uid: this.getStore("uid")
                        }, this.fansShopMessageListCallback, {
                            method: "post"
                        }
                    );
                }
            },

            /**
             * 优选页面接口回调
             * @param {object} res [服务器返回数据]
             * @param {object} ext [扩展参数]
             */
            fansShopMessageListCallback(res, ext) {

                // 加载完成
                Indicator.close();

                // 下拉刷新结束
                this.$set(this, "isLoading", false);

                // 返回处理
                if (res.code == 200) {

                    // 解构数据
                    let { data: datas } = res;

                    /* 获取优选库“优选”数据 开始 */

                    // 获取“达人列表数据”
                    if (datas.list && datas.list.length) {

                        // 设置“达人列表数据”数据
                        this.$set(this, "dresserList", datas.list);
                    }

                    // 获取“热销商品”
                    if (datas.hotGoods && datas.hotGoods.length) {

                        // 设置“热销商品”数据
                        this.$set(this, "hotGoods", datas.hotGoods);

                        // 判断“热销商品”更多
                        if (datas.hotGoodsMore) {

                            // 设置“热销商品”更多
                            this.$set(this, "hotGoodsMore", datas.hotGoodsMore);
                        }
                    }

                    // 获取“最新上架”
                    if (datas.newGoods && datas.newGoods.length) {

                        // 设置“最新上架”数据
                        this.$set(this, "newGoods", datas.newGoods);

                        // 判断“最新上架”更多
                        if (datas.newGoodsMore) {

                            // 设置“最新上架”更多
                            this.$set(this, "newGoodsMore", datas.newGoodsMore);
                        }
                    }

                    // 获取“最近购买”
                    if (datas.newBuyGoods && datas.newBuyGoods.length) {

                        // 设置“最近购买”数据
                        this.$set(this, "newBuyGoods", datas.newBuyGoods);
                    }

                    // 获取“猜你喜欢”
                    if (datas.recommendGoods && datas.recommendGoods.length) {

                        // 设置“猜你喜欢”数据
                        this.$set(this, "recommendGoods", datas.recommendGoods);
                    }

                    /* 获取优选库“优选”数据 结束 */

                } else if (res.code == 400) {

                    // 获取优选失败
                    Toast(res.message);
                } else {

                    // 获取优选失败
                    Toast("获取优选失败");
                }
            },

            /**
             * 更多
             * @param {object} item [数据对象]
             */
            more(item) {



                console.log("more", item);
                


                // 判断并调用通用跳转
                if (typeof this.$parent.gotoDetail === "function") {
                    this.$parent.gotoDetail(item);
                }
            },

            /**
             * 跳转商品详情
             * @param {object} item [数据对象]
             */
            toDetail(item) {



                console.log("toDetail", item);
                



                // 判断并调用通用跳转
                if (typeof this.$parent.gotoDetail === "function") {

                    // 构造跳转详情页参数
                    let options = {
                        type: "2",
                        to: item.id,
                        shop_type: item.shop_type
                    }

                    this.$parent.gotoDetail(options);
                }
            },

            /**
             * 进入店铺
             * @param {object} item [数据对象]
             */
            toShop(item) {


                console.log("toShop", item);
                



            },

            /**
             * 进入达人个人主页
             * @param {object} item [数据对象]
             */
            toDarenProfile(item) {


                console.log("toDarenProfile", item);
                



            },

            /**
             * 关注/取消关注达人
             * @param {object} item [数据对象]
             */
            fansShop(item) {


                console.log("fansShop", item);
                



            },

            /**
             * 进入美食
             * @param {object} item [数据对象]
             */
            toFood(item) {


                console.log("toFood", item);
                



            },






            /**
             * 搜索框取消按钮，销毁WebView
             */
            doCancel() {

                // 判断destroy函数是否存在
                if (typeof this.$parent.destroy === "function") {
                    this.$parent.destroy();
                } else {

                    // 后退
                    window.history.go(-1);
                }
            }
        },
        head: {
            title () {
                return {
                    inner: this.title
                }
            }
        },
        watch: {

            // 设置页面标题
            title(newVal) {
                if (this.$store.state.browser.toLowerCase() == "qq" && this.$store.state.deviceType.toLowerCase() == "iphone") {
                    this.$iFrame.insertIFrame(newVal);
                } else {
                    this.$emit("updateHead");
                }
            }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style rel="stylesheet/less" lang='less' scoped>
    @import "search";
</style>