zhaojs
2023-07-13 9f2e8c07d5c64967bc56d60d4067e7174598825d
public/html/compareprice.html
@@ -38,7 +38,7 @@
            background: #fff;
            border-radius: .2rem;
            margin-bottom: 0.2rem;
            padding-top:.4rem;
            padding-top:.2rem;
        }
        .mid-content-list
        {
@@ -55,18 +55,30 @@
            margin-bottom: 0.2rem;
            font-weight: 500;
            color: #958d8d;
            text-align: right;
            padding-right: 0.1rem;
        }
        .copytxt
        {
            font-size: 13px;
        position: absolute;
        bottom: 0.1rem;
        right: 0.1rem;
        color: #958d8d;
        }
        .content-txtarea
        {
            width: 88%;
            margin: 0 auto;
            height: 2.2rem;
            position: relative;
        }
        .txtarea{
            width: 100%;
            height: 99%;
            border: 0px;
            background: #f5f5f9;
            resize:none;
        }
        .mid-button-content
        {
@@ -98,8 +110,9 @@
        }
        .ulist > a {
        display: block;
        text-decoration: none;
            display: block;
            text-decoration: none;
            margin-bottom: 0.15rem;
        }
        .ulist {
@@ -289,30 +302,27 @@
<body style="background: #f5f5f9;">
    <div id="comprice">
        <image class="top-content" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/compareprice_topimg.png"></image>
        <div class="main-content">
            <image class="top-content" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/compareprice_topimg.png"></image>
            <div class="mid-content">
                <div class="mid-content-con">
                    <div class="content-tip">
                        支持淘宝、天猫、京东、抖音、拼多多等多家电商
                    <div class="content-tip" v-on:click="clear()">
                        清空
                    </div>
                    <div class="content-txtarea">
                        <textarea class="txtarea"></textarea>
                        <textarea class="txtarea" v-model="txtareatxt" :placeholder='txtplaceholder'></textarea>
                        <span class="copytxt" v-on:click="fromcopy()">粘贴</span>
                    </div>
                    <div class="mid-button-content">
                        <div class="mid-button-content-img">
                            <image style="width: 100%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/compareprice_search.png"></image>
                        </div>
                        <!-- <div class="mid-button-content-img">
                            <image style="width: 100%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/compareprice_clear.png"></image>
                        </div> -->
                    </div>
                </div>
                <div class="cont-title">
                    查询排行
                </div>
                    <div v-if="goodsItem.length==0" class="mid-content-none">
                        暂无数据~
                    </div>
@@ -357,21 +367,80 @@
        size=size<=0?400:size;
        document.documentElement.style.fontSize = (size > 750 ? 750 : size) / 7.5 + 'px';
    })();
    function scanCode(str)
    {
        app.copytxt(str);
    }
    function likeDataGet(data)
    {
        app.likeDataGet(data);
    }
    Vue.use(VueLazyload, {
        preLoad: 1.3,//
        error: 'https://sr.ffquan.cn/cms_pic/20200622/bro7s7f6vrkd3jat4ujg0.png',
        loading: 'https://sr.ffquan.cn/cms_pic/20200612/brhjkf76vrkcrfpi79eg0.png',
        attempt: 1
    })
    new Vue({
  var app=  new Vue({
        el: '#comprice',
        data:{
          //posturl:'http://dfg.shop.com',
          posturl:'http://appapitest.ushopvip.com',
          posturl:'https://appapitest.ushopvip.com',
          //posturl:'http://dfgapp.ushopvip.com',
          goodsItem:[],
          txtareatxt:'',
          txtplaceholder:'1、支持淘宝、天猫、京东、抖音、拼多多等多家电商 \r\n 2、请粘贴您需要转换的分享文案/链接和口令/商品链接;不支持券链接'
        },
        methods:{
            likeDataGet:function(postData)
            {
                $.ajax({
                    headers:{
                        "token":this.getUrlPar("token")
                    },
                    url:_this.posturl+'/api/activity/cmsGet',
                    type:"post",
                    dataType:"json",
                    async: false,
                    data:{
                        deviceType:postData.postData,
                        deviceValue:postData.deviceValue,
                        pageId:1,
                        pageSize:10,
                        type:1
                    }
                }).done(function(res){
                    console.log(res);
                })
            },
            getLikeGoods:function()
            {
                uni.postMessage({
                    data: {
                        action: 'getlike'
                    }
                })
            },
            clear:function()
            {
                this.txtareatxt='';
            },
            copytxt(str)
            {
                if(str&&str.data&&str.data.length>0)
                {
                    this.txtareatxt=str.data;
                }
            },
            fromcopy:function()
            {
                uni.postMessage({
                    data: {
                        action: 'copy'
                    }
                })
            },
            getCmsUrl:function(){
                var _this = this;
                _this.loading=true;
@@ -379,7 +448,6 @@
                    headers:{
                        "token":this.getUrlPar("token")
                    },
                    url:_this.posturl+'/api/activity/cmsGet',
                    type:"post",
                    dataType:"json",
@@ -422,7 +490,7 @@
            },
        },
        mounted:function(){
            this.getGoodsList();
            this.getLikeGoods();
        }
    })
</script>