AppInside/cloudPushOrder/cloudPushOrderManage.html
New file @@ -0,0 +1,467 @@ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>快省云发单</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link rel="stylesheet" type="text/css" href="css/base.css" /> <link rel="stylesheet" type="text/css" href="css/cloudPushOrderManage.css" /> <script> window.onresize = function() { document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px'; }; window.onresize(); </script> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <div class="div_header"> <div class="div_header_title"> <div class="div_header_1" @click="selectTab(1)"> <p>云发单管理</p> </div> <div class="div_header_mid"> <div></div> </div> <div class="div_header_2" @click="selectTab(2)"> <p>发单商品库</p> </div> </div> <div class="div_header_line"> <div class="div_header_line_1"></div> <div class="div_header_line_2"></div> </div> </div> <!-- 云发单管理 --> <div v-if="selectTabType==1" class="div_cloudPushOrderManage"> <div class="div_top_header"> <div class="" style="display: -webkit-flex;"> <img :src="userInfo.portrait" class="headPortrait"> <div> <div class="nickName">{{userInfo.nickName}}</div> <div v-if="!openState" class="desc">开通云发单，自动分享轻松赚钱</div> <div v-else class="desc"> 开通时间：{{userInfo.openTime}} 剩余<span style="color: #E5005C;font-size: 0.36rem; font-weight: bold;"> {{userInfo.countdown}} </span>天 </div> <div v-if="!openState" class="openPushOrderManage" @click="openCloudPushOrder()">开通</div> <div v-else class="openPushOrderManage">续费</div> </div> </div> </div> <!-- 云发单管理未登录 --> <div v-if="!isWxLogin" class="div_cloudPushOrderManage_notLogin"> <div class="div_cloudPushOrderManage_notLogin_content1"> <div class="login_wx" @click="loginWX()"> <p>登录微信</p> </div> <div class="content1_desc"> 请先登录微信，微信在线才能发单哦~ </div> </div> <div class="div_cloudPushOrderManage_notLogin_content2"> <div style="display: -webkit-flex; padding-top: 0.45rem;align-items: center;"> <img src="img/icon_1.png" class="img1"> <img src="img/icon_arrow.png" class="icon_arrow"> <img src="img/icon_2.png" class="icon_img"> <img src="img/icon_arrow.png" class="icon_arrow"> <img src="img/icon_3.png" class="icon_img"> <img src="img/icon_arrow.png" class="icon_arrow"> <img src="img/icon_4.png" class="icon_img"> <img src="img/icon_arrow.png" class="icon_arrow"> <img src="img/icon_5.png" class="icon_img"> </div> <div style="display: -webkit-flex;color: #666666;font-size: 0.24rem; margin-top: 0.17rem;"> <div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;"> 登录微信 </div> <div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;"> 激活微信群 </div> <div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;"> 选品/采集 </div> <div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;"> 选群/朋友圈 </div> <div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;"> 自动发单 </div> </div> </div> <div class="div_cloudPushOrderManage_notLogin_content3"> <div style="height: 0.77rem; display: -webkit-flex; align-items: center;"> <div style="font-size: 0.26rem;font-weight: bold;color: #2BA245; margin-left: 0.25rem;"> 云发单 </div> <div style="background-color: #2BA245; width: 2px;height: 0.3rem;margin-left: 0.22rem;"></div> <div style="font-size: 0.26rem;color: #000000; margin-left: 0.19rem;"> 自动群发单/朋友圈发圈 </div> </div> <div class="div_image_fmt"> <img :src="userInfo.head" class="image_fmt"> </div> </div> </div> <!-- 云发单管理已经登录 --> <div v-if="isWxLogin" class="div_cloudPushOrderManage_login"> <div class="div_cloudPushOrderManage_login_content1"> <div style="display: -webkit-flex; justify-content: space-between;"> <div> <div style="color:#333333; display:-webkit-flex;font-size: 0.36rem;height: 0.36rem;align-items: center; margin-left: 0.28rem;margin-top: 0.34rem;"> 微信已登录 </div> <div style="color:#666666; display:-webkit-flex;font-size: 0.3rem;height: 0.3rem;align-items: center; margin-left: 0.28rem;margin-top: 0.22rem;"> {{userInfo.wxName}} </div> </div> <div style="height: 1.54rem;display: -webkit-flex;align-items: center;"> <p style="color: #FFFFFF; font-size: 0.24rem; background-color: #2BA245; width: 2rem;height: 0.5rem;border-radius: 0.25rem;display:-webkit-flex;align-items: center;justify-content: center;margin-right: 0.26rem;"> 退出登录 </p> </div> </div> </div> <div class="div_cloudPushOrderManage_login_content2"> <div> 朋友圈发单 </div> <img src="img/icon_off.png"> </div> <div class="div_cloudPushOrderManage_login_content3"> <div class="div_cloudPushOrderManage_login_content3_header"> <div> 微信群发单 </div> <img src="img/icon_refresh.png"> </div> <div class="" style="margin-top: 0.2rem; background-color: #FFF3D3; display: -webkit-flex;align-items: center;justify-content: center;margin-left: 0.15rem;margin-right: 0.1rem;"> <p style="font-size: 0.24rem;color: #666666; padding-top: 0.25rem;padding-left: 0.25rem;padding-bottom: 0.25rem;padding-right: 0.05rem;"> 请选择自己为群主的微信群，并把群保存到微信通讯录中，且向“微信群"发送“快省爆款推荐”激活云发单 <p> </div> <div class="div_list"> <div class="div_item" v-for="(item, index) in dataList"> <div style="height: 0.33rem;"></div> <div class="div_item_content"> <div>微信群名称微信群名称微信群名称</div> <img src="img/icon_off.png"> </div> </div> </div> <div style="color: #999999; font-size: 0.22rem;height: 0.22rem;display: -webkit-flex;justify-content: center;align-items: center;margin-top: 0.51rem;"> 发单建议频率不要过高，以免影响群友 </div> <div style="height: 0.33rem;"></div> </div> </div> <div style="height: 0.2rem;"></div> </div> <div v-if="selectTabType==2" class="div_goodsLibrary"> <div class="div_goodsLibrary_content1"> <div> <div style="color: #333333;font-size: 0.34rem;height: 0.34rem; display: -webkit-flex;align-items: center;margin-left: 0.25rem;margin-top: 0.23rem;"> 自动采集官方推荐 </div> <div style="color: #666666;font-size: 0.2rem;height: 0.22rem; display: -webkit-flex;align-items: center;margin-left: 0.25rem;margin-top: 0.14rem;"> 官方精选1个小时内仅发送一个商品（9:00~21:00） </div> </div> <img src="img/icon_off.png" style="width: 1.02rem;height: 0.62rem;margin-top: 0.27rem;margin-right: 0.2rem;"> </div> <div class="div_goodsLibrary_content2"> <div> <div style="color: #333333;font-size: 0.34rem;height: 0.34rem; display: -webkit-flex;align-items: center;margin-left: 0.25rem;margin-top: 0.23rem;"> 优先发送自选商品 </div> <div style="color: #666666;font-size: 0.2rem;height: 0.22rem; display: -webkit-flex;align-items: center;margin-left: 0.25rem;margin-top: 0.14rem;"> 即选即发，注重质量不追求数量，避免骚扰群友 </div> </div> <img src="img/icon_off.png" style="width: 1.02rem;height: 0.62rem;margin-top: 0.27rem;margin-right: 0.2rem;"> </div> <div class="div_goodsLibraryList"> <div class="div_item_goodsLibrary" v-for="(item, index) in goodsList"> <div> <img v-bind:src="goodsList.img" class="goodsimg" /> </div> <div class="div_item_rightBg"> <div class="div_goods_title_bg"> <img src="img/icon_tb.png"> <span class="goods_title">{{item.title}}</span> </div> <div class="div_goods_labels_bg"> <div class="div_goods_label1"> 公益宝贝 </div> <div class="div_goods_label2"> 夏季爆款 </div> </div> <div class="div_store_bg"> <img src="img/icon_store.png"> <div>{{item.store}}</div> </div> <div class="div_coupon_bg"> <div v-if="item.type==1" style="color: white;font-size: 0.24rem;font-weight: bold;width: 0.41rem;height: 0.36rem;background-color: #E5005C;display: flex;align-items: center;justify-content: center;border-radius: 0.06rem 0 0 0.06rem;"> 券 </div> <div v-else style="color: white;font-size: 0.24rem;background-color: #E5005C;border-radius: 0.06rem;"> 2.5折 </div> <div v-if="item.type==1" class="coupon_money"> ￥15 </div> <div class="fanli_title"> 返￥9.9 </div> </div> <div class="div_payment_sales_bg"> <div>￥</div> <div>0</div> <div>￥78.9</div> <div v-if="item.type==1">月销 8968</div> </div> </div> </div> </div> </div> <div class="dialogmask_notOpen"> <div class="dialog"> <img src="img/icon_close.png" @click="hiddenDialog()"> <div class="dialog_title">未开通提醒</div> <div class="dialog_content">云发单首先要登录微信，且需要购买云发单服务，完成设置后，才会自动发单/发圈。</div> <div class="dialog_commit" @click="commitAddTxRecord">去开通</div> </div> </div> <div class="dialogmask_Tips"> <div class="dialog"> <img src="img/icon_close.png" @click="hiddenDialog()"> <div class="dialog_title">官方采集</div> <div class="dialog_content">开启后30分钟内将会进行第一次发单，之后每1个小时发一个商品，你可随时关闭。</div> <div class="dialog_commit" @click="commitAddTxRecord">知道了</div> </div> </div> <div class="dialogmask_wx"> <div class="dialog_wx"> <img src="img/icon_close.png" @click="hiddenDialog()"> <div class="dialog_title">请使用手机微信扫描登录</div> <div class=""> <img :src="qrCodeUrl" style="width: 4.46rem;height: 4.46rem;margin-left: 0.57rem;margin-top: 0.46rem;"> </div> <div style="color: #E5005C;font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;justify-content: center;margin-top: 0.2rem;"> 登录方法 </div> <div style="color: #E5005C;font-size: 0.24rem;height: 0.24rem;margin-top: 0.1rem;margin-left: 0.65rem;margin-right: 0.6rem;"> 方法一：将二维码截图后发送其他手机，再使用手机微信扫一扫登录。<br> 方法二：将二维码截图发送至电脑，再用手机扫描二维码登录。 </div> </div> </div> </div> </body> <script> // "http://api.flqapp.com"; var host = "http://192.168.1.253:8080"; var host1 = "http://192.168.1.114:8848"; var check = null; var wId = null; $(function() { var app = new Vue({ el: '#root', data: { selectTabType: 1, openState: false, // 是否了开通云发单权限 isWxLogin: false, // 是否登录了微信 circle: false, // 朋友圈-是否开启 qrCodeUrl: null, userInfo: {}, dataList: [{}, {}], goodsList: [{ title: '牛仔外套女ins潮春秋装韩版宽松百搭春季2019新款流行港...', store: '三只松鼠官方旗舰店', type: 1 }, { title: '牛仔外套女ins潮春秋装韩版宽松百搭春季2019新款流行港...', store: '三只松鼠官方旗舰店', type: 2 }, ] }, watch: { }, methods: { selectTab: function(type) { if (app.selectTabType == type) return; $('.div_header_line_' + type).css('opacity', '1') $('.div_header_' + type).css('color', '#E5005C') $('.div_header_line_' + app.selectTabType).css('opacity', '0') $('.div_header_' + app.selectTabType).css('color', '#000000') app.selectTabType = type app.stopMacloginCheck(); }, hiddenDialog: function() { $('.dialogmask_notOpen').css('display', 'none') $('.dialogmask_Tips').css('display', 'none') $('.dialogmask_wx').css('display', 'none') app.stopMacloginCheck(); }, openCloudPushOrder: function() { yesApp.jumpWeb(host1 + '/flqFront/AppInside/cloudPushOrder/openCloudPushOrder.html', null); }, loginWX: function() { if (app.openState) { app.fetchQrcodeMaclogin(); } else { yesApp.jumpWeb(host1 + '/flqFront/AppInside/cloudPushOrder/openCloudPushOrder.html', null); } }, commitAddTxRecord: function() { }, fetchQrcodeMaclogin: function() { yesApp.showLoading(); var uid = yesApp.getUid(); var params = { uid: uid, }; params = yesApp.getRequestBaseParams(params); $.ajax({ type: "GET", data: JSON.parse(params), url: host + "/fanli/api/v2/user/cloud/getQrcodeMaclogin", dataType: "jsonp", async: false, success: function(result) { yesApp.hideLoading(); if (result.code == 0) { wid = result.data.wId; app.qrCodeUrl = result.data.qrCodeUrl; $('.dialogmask_wx').css('display', 'block'); app.setMacloginCheck(); } else { yesApp.toast(result.msg); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { yesApp.hideLoading(); if (textStatus === 'timeout') { setTimeout(function() {}, 2000); } } }); }, setMacloginCheck: function() { var myVar = setInterval(function() { app.fetchMacloginCheck(); }, 3000); check = myVar; }, fetchMacloginCheck: function() { var uid = yesApp.getUid(); var params = { uid: uid, wId: wId }; params = yesApp.getRequestBaseParams(params); $.ajax({ type: "GET", data: JSON.parse(params), url: host + "/fanli/api/v2/user/cloud/macloginCheck", dataType: "jsonp", async: false, success: function(result) { if (result.code == 0) { if (result.data.state) { $('.dialogmask_wx').css('display', 'none'); app.stopMacloginCheck(); app.fetcCloudInfo(); } } else { yesApp.toast(result.msg); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { yesApp.hideLoading(); if (textStatus === 'timeout') { setTimeout(function() {}, 2000); } } }); }, stopMacloginCheck: function() { clearInterval(check); }, fetcCloudInfo: function() { yesApp.showLoading(); var uid = yesApp.getUid(); var params = { uid: uid, }; params = yesApp.getRequestBaseParams(params); $.ajax({ type: "GET", data: JSON.parse(params), url: host + "/fanli/api/v2/user/cloud/getCloudInfo", dataType: "jsonp", async: false, success: function(result) { yesApp.hideLoading(); if (result.code == 0) { if (parseInt(result.data.openState) == 0) { app.openState = false; } else if (parseInt(result.data.openState) == 1) { app.openState = true;; } app.isWxLogin = result.data.loginState; app.circle = result.data.circle; app.userInfo = result.data; } else { yesApp.toast(result.msg); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { yesApp.hideLoading(); if (textStatus === 'timeout') { setTimeout(function() {}, 2000); } } }); } } }); app.fetcCloudInfo(); }); </script> </html> AppInside/cloudPushOrder/css/base.css
New file @@ -0,0 +1,407 @@ * { margin: 0; /* 不允许复制 */ -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ -khtml-user-select: none; /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ /* IOS点击阴影 */ -webkit-tap-highlight-color: transparent; /* 禁止长按图片保存 */ -webkit-touch-callout: none; } body { background-color: #F3F3F3; font-family: Arial, "Microsoft YaHei"; } .div_header { position: fixed; width: 100%; z-index: 100; top: 0 } .div_header_title { display: -webkit-flex; background-color: white; font-size: 0.3rem; } .div_header_1 { color: #E5005B; height: 0.74rem; width: 49.5%; display: -webkit-flex; } .div_header_1 p { margin-left: 1.02rem; margin-top: 0.18rem; } .div_header_mid { width: 1%; display: -webkit-flex; justify-content: center; } .div_header_mid :nth-child(1) { background-color: #F3F3F3; height: 0.5rem; width: 1px; margin-top: 0.15rem; } .div_header_2 { color: #333333; height: 0.74rem; width: 49.5%; display: -webkit-flex; } .div_header_2 p { margin-left: 1.02rem; margin-top: 0.18rem; } .div_header_line { display: -webkit-flex; background-color: white; } .div_header_line_1 { width: 1.44rem; height: 0.04rem; border-radius: 0.02rem; background-color: #E5005B; margin-left: 1.07rem; } .div_header_line_2 { width: 1.44rem; height: 0.04rem; border-radius: 0.02rem; background-color: #E5005B; margin-left: 2.34rem; opacity: 0; } .div_cloudPushOrderManage { margin-top: 0.9rem; } .div_goodsLibrary_content1 { margin-top: 0.93rem; margin-left: 0.2rem; margin-right: 0.2rem; height: 1.16rem; background-color: white; border-radius: 0.2rem; display: -webkit-flex; justify-content: space-between; } .div_goodsLibrary_content2 { margin-top: 0.16rem; margin-left: 0.2rem; margin-right: 0.2rem; height: 1.16rem; background-color: white; border-radius: 0.2rem; display: -webkit-flex; justify-content: space-between; } .div_goodsLibraryList { margin-top: 0.05rem; } .div_item_goodsLibrary { background-color: white; margin-top: 0.2rem; margin-left: 0.2rem; margin-right: 0.2rem; height: 2.94rem; border-radius: 0.16rem; display: -webkit-flex; } .goodsimg { width: 2.6rem; height: 2.6rem; background-color: #F6F6F6; border-radius: 0.1rem; margin-top: 0.16rem; margin-left: 0.16rem; } .div_item_rightBg { margin-left: 0.2rem; position: relative; } .div_goods_title_bg { /* background-color: blue; */ height: 0.7rem; margin-top: 0.16rem; width: 4rem; } .div_goods_title_bg img { width: 0.63rem; height: 0.31rem; /* float: left; */ position: relative; top: -0.62rem; } .div_goods_title_bg span { text-indent: 2.7em; color: #333333; font-size: 0.26rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; line-height: 0.39rem; margin-top: -1.2rem; } .div_goods_labels_bg { display: -webkit-flex; align-items: center; font-size: 0.18rem; margin-top: 0.2rem; } .div_goods_label1 { display: -webkit-flex; align-items: center; justify-content: center; color: #FE0014; border: #FE0014 solid 0.01rem; height: 0.26rem; border-radius: 0.06rem; } .div_goods_label2 { display: -webkit-flex; align-items: center; justify-content: center; color: #FF9600; border: #FF9600 solid 0.01rem; height: 0.26rem; border-radius: 0.06rem; margin-left: 0.1rem; } .div_store_bg { margin-top: 0.1rem; display: -webkit-flex; align-items: center; } .div_store_bg img { width: 0.27rem; height: 0.24rem; } .div_store_bg div { color: #000000; font-size: 0.24rem; margin-left: 0.07rem; height: 0.24rem; display: -webkit-flex; align-items: center; } .div_coupon_bg { position: absolute; display: flex; bottom: 0.17rem; } .coupon_money { color: #E5005C; font-size: 0.24rem; border-right: 1px solid #E5005C; border-top: 1px solid #E5005C; border-bottom: 1px solid #E5005C; height: 0.32rem; display: flex; align-items: center; justify-content: center; border-radius: 0 0.06rem 0.06rem 0; } .fanli_title { color: #E5005C; font-size: 0.24rem; height: 0.36rem; display: flex; align-items: center; justify-content: center; background-color: #FFE7F1; border-radius: 0.06rem; margin-left: 0.16rem; } .div_payment_sales_bg { position: absolute; display: flex; height: 0.35rem; bottom: 0.7rem; } .div_payment_sales_bg :nth-child(1) { color: #E5005C; font-size: 0.26rem; } .div_payment_sales_bg :nth-child(2) { margin-top: -0.08rem; color: #E5005C; font-size: 0.4rem; font-weight: bold; } .div_payment_sales_bg :nth-child(3) { color: #AAAAAA; font-size: 0.24rem; margin-left: 0.1rem; margin-top: 0.01rem; } .div_payment_sales_bg :nth-child(4) { color: #AAAAAA; font-size: 0.24rem; margin-left: 0.19rem; } .dialogmask_notOpen { display: none; position: fixed; width: 100%; height: 100%; background: rgba(1, 1, 1, 0.5); top: 0; left: 0; z-index: 1001; } .dialogmask_Tips { display: none; position: fixed; width: 100%; height: 100%; background: rgba(1, 1, 1, 0.5); top: 0; left: 0; z-index: 1001; } .dialogmask_wx { display: none; position: fixed; width: 100%; height: 100%; background: rgba(1, 1, 1, 0.5); top: 0; left: 0; z-index: 1001; } .dialog { width: 5.60rem; min-height: 1rem; background: #FFFFFF; border-radius: 0.1rem; z-index: 1000; display: block; height: auto; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-height: 4.2rem; } .dialog_wx { width: 5.60rem; min-height: 1rem; background: #FFFFFF; border-radius: 0.1rem; z-index: 1000; display: block; height: auto; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-height: 8.4rem; } .dialog>img { height: 0.5rem; right: 0.2rem; top: 0.2rem; position: absolute } .dialog_wx>img { height: 0.5rem; right: 0.2rem; top: 0.2rem; position: absolute } .dialog_title { color: #010101; font-size: 0.32rem; height: 0.32rem; display: -webkit-flex; align-items: center; justify-content: center; margin-top: 0.49rem; } .dialog_content { color: #333333; font-size: 0.3rem; text-align: center; margin-top: 0.44rem; margin-left: 0.3rem; margin-right: 0.3rem; } .dialog_commit { color: #FFFFFF; font-size: 0.32rem; background-color: #E5005C; border-radius: 0.4rem; margin-top: 0.4rem; margin-left: 0.42rem; margin-right: 0.42rem; height: 0.8rem; display: -webkit-flex; align-items: center; justify-content: center; } AppInside/cloudPushOrder/css/cloudPushOrderManage.css
New file @@ -0,0 +1,235 @@ .div_cloudPushOrderManage { margin-top: 0.78rem; } .div_top_header { background-image: url(../img/icon_header.png); width: 100%; height: 2.67rem; background-repeat: no-repeat; /** 不重复*/ background-size: contain; } .headPortrait { width: 1.2rem; height: 1.2rem; background-color: #F3F3F3; border-radius: 50%; margin-left: 0.52rem; margin-top: 0.44rem; } .nickName { color: white; font-size: 0.4rem; height: 0.4rem; display: -webkit-flex; align-items: center; margin-left: 0.22rem; margin-top: 0.47rem; } .desc { color: white; font-size: 0.24rem; height: 0.25rem; display: -webkit-flex; align-items: center; margin-left: 0.22rem; margin-top: 0.12rem; } .openPushOrderManage { color: white; font-size: 0.24rem; width: 2.2rem; height: 0.49rem; display: -webkit-flex; align-items: center; justify-content: center; background-color: #E5005C; border-radius: 0.245rem; margin-left: 0.22rem; margin-top: 0.19rem; } .div_cloudPushOrderManage_notLogin { width: 100%; margin-top: -0.4rem; } .div_cloudPushOrderManage_notLogin_content1 { margin-left: 0.2rem; margin-right: 0.2rem; border-radius: 0.2rem; height: 5.7rem; background-color: white; } .login_wx { padding-top: 2.47rem; } .login_wx p { color: white; font-size: 0.34rem; background-color: #2BA245; width: 4.48rem; height: 0.76rem; display: -webkit-flex; align-items: center; justify-content: center; border-radius: 0.38rem; margin-left: 1.32rem; } .content1_desc { color: #666666; font-size: 0.24rem; margin-left: 1.6rem; margin-top: 0.25rem; height: 0.24rem; display: -webkit-flex; align-items: center; } .div_cloudPushOrderManage_notLogin_content2 { margin-top: 0.18rem; margin-left: 0.2rem; margin-right: 0.2rem; border-radius: 0.2rem; height: 2.2rem; background-color: white; } .img1 { width: 0.9rem; height: 0.9rem; margin-left: 0.22rem; } .icon_img { width: 0.9rem; height: 0.9rem; margin-left: 0.05rem; } .icon_arrow { width: 0.44rem; height: 0.07rem; margin-left: 0.05rem; } .div_cloudPushOrderManage_notLogin_content3 { margin-top: 0.18rem; margin-left: 0.2rem; margin-right: 0.2rem; border-radius: 0.2rem; height: 4rem; background-color: white; } .div_image_fmt {} .image_fmt { margin-left: 0.17rem; width: 6.81rem; height: 2.98rem; background-color: #F3F3F3; border-radius: 0.1rem; } .div_cloudPushOrderManage_login { width: 100%; margin-top: -0.4rem; } .div_cloudPushOrderManage_login_content1 { margin-left: 0.2rem; margin-right: 0.2rem; border-radius: 0.2rem; height: 1.54rem; background-color: white; } .div_cloudPushOrderManage_login_content2 { margin-top: 0.22rem; margin-left: 0.2rem; margin-right: 0.2rem; border-radius: 0.2rem; height: 1.16rem; background-color: white; display: -webkit-flex; align-items: center; justify-content: space-between; } .div_cloudPushOrderManage_login_content2 div { color: #333333; font-size: 0.34rem; margin-left: 0.28rem; } .div_cloudPushOrderManage_login_content2 img { width: 1.02rem; height: 0.62rem; margin-right: 0.27rem; } .div_cloudPushOrderManage_login_content3 { margin-top: 0.22rem; margin-left: 0.2rem; margin-right: 0.2rem; border-radius: 0.2rem; background-color: white; } .div_cloudPushOrderManage_login_content3_header { display: -webkit-flex; justify-content: space-between; align-items: center; height: 0.86rem; border-bottom: 1px solid #E0E0E0; color: #333333; font-size: 0.34rem; } .div_cloudPushOrderManage_login_content3_header div { margin-left: 0.28rem; } .div_cloudPushOrderManage_login_content3_header img { width: 0.5rem; height: 0.46rem; margin-right: 0.37rem; } .div_item_content { display: -webkit-flex; align-items: center; justify-content: space-between; height: 0.62rem; } .div_item_content { color: #666666; font-size: 0.3rem } .div_item_content div { margin-left: 16px; width: 3.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .div_item_content img { width: 1.02rem; height: 0.62rem; margin-right: 0.27rem; } AppInside/cloudPushOrder/css/opeCloudPushOrder.css
New file @@ -0,0 +1,183 @@ .div_cloudPushOrderManage { margin-top: 0.78rem; } .div_top_header { background-image: url(../img/icon_openHeader.png); width: 100%; height: 3.37rem; background-repeat: no-repeat; /** 不重复*/ background-size: contain; } .headPortrait { width: 1.2rem; height: 1.2rem; background-color: #F3F3F3; border-radius: 50%; margin-left: 0.52rem; margin-top: 0.44rem; } .nickName { color: white; font-size: 0.4rem; height: 0.4rem; display: -webkit-flex; align-items: center; margin-left: 0.22rem; margin-top: 0.47rem; } .desc { color: white; font-size: 0.24rem; height: 0.25rem; display: -webkit-flex; align-items: center; margin-left: 0.22rem; margin-top: 0.12rem; } .div_contentBG1 { margin-top: -1.4rem; margin-left: 0.2rem; margin-right: 0.2rem; border-radius: 0.2rem; height: 2.72rem; background-color: white; } .divContent_tq1 { margin-top: 0.34rem; margin-left: 0.52rem; } .divContent_tq2 { margin-top: 0.34rem; margin-left: 1.15rem; } .divContent_tq3 { margin-top: 0.34rem; margin-left: 1.15rem; } .divContent_tq_img { height: 0.9rem; display: -webkit-flex; justify-content: center; } .divContent_tq_img img { width: 0.9rem; height: 0.9rem; } .div_contentBG2 { margin-top: 0.2rem; margin-left: 0.2rem; margin-right: 0.2rem; border-radius: 0.2rem; height: 5.12rem; background-color: white; } .div_money1 { background-image: url(../img/icon_money1.png); width: 3.1rem; height: 2.08rem; background-repeat: no-repeat; /** 不重复*/ background-size: contain; margin-top: 0.31rem; margin-left: 0.31rem; position: relative; } .div_money_normol { background-image: url(../img/icon_money_normol.png); width: 3.1rem; height: 2.08rem; background-repeat: no-repeat; /** 不重复*/ background-size: contain; margin-top: 0.31rem; margin-left: 0.29rem; display: -webkit-flex; align-items: center; justify-content: center; color: #929292; font-size: 0.48rem; font-weight: bold; } .img_moneySelect { position: absolute; width: 0.78rem; height: 0.78rem; right: 0; } .moneyPrice { color: #191514; font-size: 0.6rem; font-weight: bold; text-align: center; margin-top: 0.45rem; } .openDate { color: #6F4935; font-size: 0.24rem; width: 1.36rem; height: 0.32rem; display: -webkit-flex; align-items: center; justify-content: center; background-color: #FFFFFF; border-radius: 0.16rem; margin-left: 0.87rem; margin-top: 0.05rem; } .div_open { color: #FFFFFF; font-size: 0.34rem; width: 5.6rem; height: 0.76rem; background-color: #E5005B; margin-top: 0.51rem; margin-left: 0.76rem; border-radius: 0.38rem; display: -webkit-flex; align-items: center; justify-content: center; } .img_xy { width: 0.36rem; height: 0.36rem; margin-left: 1.27rem; } .div_contentBG3 { margin-top: 0.2rem; margin-left: 0.2rem; margin-right: 0.2rem; border-radius: 0.2rem; background-color: white; } .div_tips { color: #333333; font-size: 0.34rem; height: 0.86rem; display: -webkit-flex; align-items: center; padding-left: 0.27rem; border-bottom: #E0E0E0 solid 1px; } AppInside/cloudPushOrder/css/openRecord.css
New file @@ -0,0 +1,40 @@ .div_openRecord { background-image: url(../img/icon_openRecord.png); width: 100%; height: 1.14rem; background-repeat: no-repeat; /** 不重复*/ background-size: contain; position: fixed; top: 0.78rem; display: -webkit-flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 0.36rem; } .div_cloudPushOrderManage_other { margin-top: 1.92rem; } .div_item { display: -webkit-flex; justify-content: space-between; height: 1.4rem; background-color: white; position: relative; } .div_item_left { display: -webkit-flex; } .line { position: absolute; background-color: #e0e0e0; height: 1px; width: 7.1rem; bottom: 0; left: 0.2rem; } AppInside/cloudPushOrder/img/icon_1.png
New file @@ -0,0 +1,175 @@ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>快省云发单</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link rel="stylesheet" type="text/css" href="css/base.css" /> <link rel="stylesheet" type="text/css" href="css/opeCloudPushOrder.css" /> <script> window.onresize = function() { document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px'; }; window.onresize(); </script> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <div class="div_header"> <div class="div_header_title"> <div class="div_header_1" @click="selectTab(1)"> <p>云发单管理</p> </div> <div class="div_header_mid"> <div></div> </div> <div class="div_header_2" @click="selectTab(2)"> <p>发单商品库</p> </div> </div> <div class="div_header_line"> <div class="div_header_line_1"></div> <div class="div_header_line_2"></div> </div> </div> <!-- 云发单管理 --> <div class="div_cloudPushOrderManage"> <div class="div_top_header"> <div class="" style="display: -webkit-flex;"> <img :src="userInfo.por" class="headPortrait"> <div> <div class="nickName">杰拉斯</div> <div class="desc">开通云发单，自动分享轻松赚钱</div> </div> </div> </div> <div class="div_contentBG1"> <div style="display: -webkit-flex;align-items: center; height: 0.32rem; padding-top: 0.33rem;"> <div style="width: 5px;height: 0.32rem; background-color: #C99663;margin-left: 0.23rem;"></div> <div style="color: #000000;font-size: 0.26rem;margin-left: 0.14rem;">开启后专享特权</div> </div> <div style="display: -webkit-flex;"> <div class="divContent_tq1"> <div class="divContent_tq_img"> <img src="img/icon_tq1.png"> </div> <div style="color: #666666;font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;margin-top: 0.17rem;"> 群自动发单 </div> </div> <div class="divContent_tq2"> <div class="divContent_tq_img"> <img src="img/icon_tq2.png"> </div> <div style="color: #666666;font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;margin-top: 0.17rem;"> 圈自动发单 </div> </div> <div class="divContent_tq3"> <div class="divContent_tq_img"> <img src="img/icon_tq3.png"> </div> <div style="color: #666666;font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;margin-top: 0.17rem;"> 发圈一键发单 </div> </div> </div> </div> <div class="div_contentBG2"> <div style="display: -webkit-flex;"> <div class="div_money1"> <div class="moneyPrice"> <span style="font-size: 0.32rem;">￥</span>20.00 </div> <div class="openDate"> 1个月 </div> <img src="img/icon_money_select.png" class="img_moneySelect"> </div> <div class="div_money_normol"> 即将开放 </div> </div> <div class="div_open"> 立即开通 </div> <div style="display: -webkit-flex;align-items: center;margin-top: 0.2rem;"> <img src="img/icon_select.png" class="img_xy"> <div style="color: #666666;font-size: 0.22rem;margin-left: 0.16rem;"> 同意《板栗快省云发单功能包月服务协议》 </div> </div> <div style="display: -webkit-flex;align-items: center; margin-top: 0.33rem;height: 0.25rem;" @click="openRecord()"> <div style="color: #BC9069;font-size: 0.26rem;margin-left: 0.16rem; margin-left: 2.95rem;"> 开通记录 </div> <img src="img/icon_back.png" style="width:0.1rem;height: 0.17rem;margin-left: 0.09rem;"> </div> </div> <div class="div_contentBG3"> <div class="div_tips"> 开通须知 </div> <div style="color: #333333; font-size: 0.24rem;margin-top: 0.37rem;padding-left: 0.25rem;padding-right: 0.15rem;"> 1.需要通过你的微信号登录云端ipad协议才能正常使用。<br> 2.由于微信规则的问题，如出现个人微信号封号问题，无法事先预料和提醒，且不可逆。<br> 3.已经开通，无法退款，请谨慎选择。<br> 4.确认开通代表你同意并知晓以上问题。 </div> <div style="height: 0.4rem;"></div> </div> <div style="height: 0.2rem;"></div> </div> </div> </body> <script> // "http://api.flqapp.com"; var host = "http://api.flqapp.com"; var host1 = "http://192.168.1.114:8848"; $(function() { var app = new Vue({ el: '#root', data: { selectTabType: 1, isOpenCloud: false, //是否了开通云发单权限 isWxLogin: false, //是否登录了微信 userInfo: {}, dataList: [{}, {}] }, watch: { }, methods: { selectTab: function(type) { if (app.selectTabType == type) return; $('.div_header_line_' + type).css('opacity', '1') $('.div_header_' + type).css('color', '#E5005C') $('.div_header_line_' + app.selectTabType).css('opacity', '0') $('.div_header_' + app.selectTabType).css('color', '#000000') app.selectTabType = type }, openRecord: function() { yesApp.jumpWeb(host1 + '/flqFront/AppInside/cloudPushOrder/openRecord.html', null); } } }); }); </script> </html> AppInside/cloudPushOrder/openRecord.html
New file @@ -0,0 +1,100 @@ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>快省云发单</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link rel="stylesheet" type="text/css" href="css/base.css" /> <link rel="stylesheet" type="text/css" href="css/openRecord.css" /> <script> window.onresize = function() { document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px'; }; window.onresize(); </script> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <div class="div_header"> <div class="div_header_title"> <div class="div_header_1" @click="selectTab(1)"> <p>云发单管理</p> </div> <div class="div_header_mid"> <div></div> </div> <div class="div_header_2" @click="selectTab(2)"> <p>发单商品库</p> </div> </div> <div class="div_header_line"> <div class="div_header_line_1"></div> <div class="div_header_line_2"></div> </div> </div> <div class="div_openRecord">开通记录</div> <!-- 云发单管理 --> <div class="div_cloudPushOrderManage_other"> <div class="div_list"> <div class="div_item" v-for="(item, index) in dataList"> <div class="div_item_left"> <img src="img/icon_record.png" style="width: 0.7rem;height: 0.7rem;margin-left: 0.16rem;margin-top: 0.39rem;"> <div > <div style="color: #333333;font-size: 0.28rem;height: 0.28rem;display: -webkit-flex;align-items: center;margin-top: 0.3rem;margin-left: 0.24rem;"> 成功开通 1个月 </div> <div style="color: #E5005C;font-size: 0.36rem;height: 0.28rem;font-weight: bold; display: -webkit-flex;align-items: center;margin-top: 0.28rem;margin-left: 0.22rem;"> ￥20.00 </div> </div> </div> <div style="color: #666666;font-size: 0.24rem;height: 0.18rem;display: -webkit-flex;align-items: center;margin-top: 0.35rem;margin-right: 0.2rem;"> 2020.02.02 20:00 </div> <div class="line"></div> </div> </div> </div> </div> </body> <script> // "http://api.flqapp.com"; var host = "http://api.flqapp.com"; var host1 = "http://192.168.1.114:8848"; $(function() { var app = new Vue({ el: '#root', data: { selectTabType: 1, isOpenCloud: false, //是否了开通云发单权限 isWxLogin: false, //是否登录了微信 userInfo: {}, dataList: [{}, {}] }, watch: { }, methods: { selectTab: function(type) { if (app.selectTabType == type) return; $('.div_header_line_' + type).css('opacity', '1') $('.div_header_' + type).css('color', '#E5005C') $('.div_header_line_' + app.selectTabType).css('opacity', '0') $('.div_header_' + app.selectTabType).css('color', '#000000') app.selectTabType = type }, } }); }); </script> </html> AppInside/dataPreview/receivedData.html
@@ -104,7 +104,7 @@ money: money, }; params = yesApp.getRequestBaseParams(params); $.ajax({ type: "GET", data: JSON.parse(params),
