| | |
| | | --> |
| | | <template> |
| | | <div class="product-box h-100-g"> |
| | | |
| | | <nav class="product-title"> |
| | | 产品管理 |
| | | </nav> |
| | |
| | | <van-icon name="scan" /> |
| | | <p>支付宝扫码收款</p> |
| | | </div> |
| | | |
| | | |
| | | <div class="product-list grid"> |
| | | <div class="list-title">办理分期</div> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | // 菜单栏 |
| | | menu: [ |
| | | { |
| | | icon: '#iconxinyongkafenqi', |
| | | label: '信用卡分期', |
| | | path: '', |
| | | color:'#896EDB' |
| | | icon: "#iconxinyongkafenqi", |
| | | label: "信用卡分期", |
| | | path: "", |
| | | color: "#896EDB", |
| | | }, |
| | | { |
| | | icon: '#iconhuabeifenqi', |
| | | label: '花呗分期', |
| | | color:'#896EDB' |
| | | icon: "#iconhuabeifenqi", |
| | | label: "花呗分期", |
| | | color: "#896EDB", |
| | | }, |
| | | { |
| | | icon: '#iconshoujifenqi', |
| | | label: '手机分期', |
| | | color:'#896EDB' |
| | | icon: "#iconshoujifenqi", |
| | | label: "手机分期", |
| | | color: "#896EDB", |
| | | }, |
| | | { |
| | | icon: '#icongoujizhijiang', |
| | | label: '购机直降', |
| | | color:'#ccc' |
| | | icon: "#icongoujizhijiang", |
| | | label: "购机直降", |
| | | color: "#ccc", |
| | | }, |
| | | { |
| | | icon: '#iconzhixianghua', |
| | | label: '智享花', |
| | | color:'#896EDB' |
| | | icon: "#iconzhixianghua", |
| | | label: "智享花", |
| | | color: "#896EDB", |
| | | }, |
| | | { |
| | | icon: '#iconzhixianghua', |
| | | label: '信用购', |
| | | color:'#896EDB' |
| | | icon: "#iconzhixianghua", |
| | | label: "信用购", |
| | | color: "#896EDB", |
| | | }, |
| | | { |
| | | icon: '#icondangmianfu', |
| | | label: '商户收款', |
| | | color:'#ccc' |
| | | icon: "#icondangmianfu", |
| | | label: "商户收款", |
| | | color: "#ccc", |
| | | }, |
| | | { |
| | | icon: '#iconhuabeiheyueji', |
| | | label: '花呗合约机', |
| | | color:'#896EDB' |
| | | icon: "#iconhuabeiheyueji", |
| | | label: "花呗合约机", |
| | | color: "#896EDB", |
| | | }, |
| | | { |
| | | icon: '#iconhuabeitie', |
| | | label: '花呗提额', |
| | | color:'#896EDB' |
| | | icon: "#iconhuabeitie", |
| | | label: "花呗提额", |
| | | color: "#896EDB", |
| | | }, |
| | | |
| | | ] |
| | | } |
| | | ], |
| | | }; |
| | | }, |
| | | created() { |
| | | // this.openAuto(); |
| | |
| | | alert("openId:"+openId); |
| | | alert("codeId:"+codeId); |
| | | if(codeId == undefined) { |
| | | var strUrl = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + "wx594ab33e0466eccf" + |
| | | "&redirect_uri=" + "https%3a%2f%2fsie.jycash.cn%2fsib_wx_scorem%2f%23%2f" + "&response_type=code&scope=snsapi_userinfo" + "#wechat_redirect"; |
| | | var strUrl = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + "wx594ab33e0466eccf" + "&redirect_uri=" + "https%3a%2f%2fsie.jycash.cn%2fsib_wx_scoren%2f%23%2f" + "&response_type=code&scope=snsapi_userinfo" + "#wechat_redirect"; |
| | | window.location.href = strUrl; |
| | | }else if(openId == undefined){ |
| | | this.$api.getWeChatUserInfo({"code":codeId}).then( |
| | | res => { |
| | | this.$api.getWeChatUserInfo({ code: codeId }).then( |
| | | (res) => { |
| | | let openId = res.body; |
| | | window.localStorage.setItem("pOpenId",openId); |
| | | this.$api.setUserOpenId({"openId":openId}).then( |
| | | res => { |
| | | this.$api.setUserOpenId({ openId: openId }).then( |
| | | (res) => { |
| | | alert("updateOpenId:"+ openId); |
| | | }, |
| | | error => { |
| | | (error) => { |
| | | statusCodeManage.showTipOfStatusCode(error, this); |
| | | } |
| | | ); |
| | | }, |
| | | error => { |
| | | (error) => { |
| | | statusCodeManage.showTipOfStatusCode(error, this); |
| | | } |
| | | ); |
| | |
| | | } |
| | | |
| | | switch (item.label) { |
| | | case '信用卡分期': |
| | | case "信用卡分期": |
| | | this.Click_XYK(); |
| | | break; |
| | | case '花呗分期': |
| | | case "花呗分期": |
| | | this.Click_HBFQ(); |
| | | break; |
| | | } |
| | | }, |
| | | |
| | | |
| | | //信用卡分期点击 |
| | | Click_XYK() { |
| | | |
| | | }, |
| | | Click_XYK() {}, |
| | | |
| | | //花呗分期 |
| | | Click_HBFQ() { |
| | | Click_HBFQ() {}, |
| | | }, |
| | | |
| | | |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | |
| | | font-weight: bold; |
| | | text-align: center; |
| | | } |
| | | |
| | | |
| | | .alipay{ |
| | | width: 360px; |
| | |
| | | color: @c-default; |
| | | } |
| | | } |
| | | |
| | | |
| | | //产品列表 |
| | | .grid { |
| | |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | .list-title{ |
| | | width: 100%; |
| | | .lh(44px); |
| | |
| | | border-bottom: 1px solid #c7c7c7; |
| | | } |
| | | |
| | | |
| | | //单独修改某一单元格样式 |
| | | .iconshoujifenqi{ |
| | | |
| | | } |
| | | |
| | | |
| | | |
| | | } |
| | | </style> |