user-maker-service.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html>
  2. <html class="h100p">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>个人中心-合作协议-创业帮</title>
  6. <meta name="keywords" content="个人中心-合作协议-创业帮">
  7. <meta name="description" content="个人中心-合作协议-创业帮">
  8. <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  11. <meta content="telephone=no" name="format-detection">
  12. <meta content="email=no" name="format-detection">
  13. <meta name="apple-mobile-web-app-title" content="个人中心-合作协议-创业帮">
  14. <meta http-equiv="Cache-Control" content="no-siteapp">
  15. <link rel="stylesheet" href="./static/css/main.css">
  16. </head>
  17. <body class="h100p nopb login pt0" style="padding-top:0;">
  18. <div class="rel sign-service" id="app" v-cloak>
  19. <van-nav-bar class="user_rank_explan_title user_title_normal" left-arrow title="创业帮合作协议" v-if="toptitleisshow" @click-left="goback">
  20. <template #left> <img src="./static/images/left.png" alt=""></template>
  21. </van-nav-bar>
  22. <div class="pl16 pr16 f14 more mt16">*请完整阅读并至底部签署</div>
  23. <div class="pl16 pr16 f14" v-html="articleinfo.Contents" style="line-height:1.4;"></div>
  24. <div class="signbox rel" @click="signpage" v-if="signimg === ''">
  25. <div class="abs tc"><img src="./static/images/user-sign.png" alt="">
  26. <div class="f12 c999">点击签名</div>
  27. </div>
  28. </div><img class="signbox" :src="signimg" alt="" style="width:calc(100% - 38px); margin:0 16px;" v-if="signimg !== ''">
  29. <div class="fieldbtn df bc333" v-cloak>
  30. <van-button class="mr12 onbtn" block round @click="goback">取消</van-button>
  31. <van-button type="primary" block round color="#FFD500" :disabled="issign" @click="shresign">确认签署</van-button>
  32. </div>
  33. </div>
  34. <script src="./static/js/klm-vv.min.js"></script>
  35. <script src="./static/js/appfunc.min.js"></script>
  36. <script src="./static/js/klm-axios-config.js"></script>
  37. <script src="./static/js/publicfn.js"></script>
  38. <script>
  39. function OnStart(){
  40. if(PublicLib.getCookieInfo('SignPic') !== '' && PublicLib.getCookieInfo('SignPic') !== undefined){
  41. app.signimg = PublicLib.getCookieInfo('SignPic');
  42. app.issign = false;
  43. PublicLib.putCookieInfo('SignPic', '');
  44. };
  45. };
  46. // 通过 CDN 引入时不会自动注册 Lazyload 组件
  47. // 可以通过下面的方式手动注册
  48. Vue.use(vant.Lazyload);
  49. // 在 #app 标签下渲染一个按钮组件
  50. let app = new Vue({
  51. el: '#app',
  52. data() {
  53. return {
  54. toptitleisshow:false,
  55. articleinfo:{
  56. Title: '',
  57. Contents:''
  58. },
  59. issign:true,
  60. signimg:'',
  61. //- signimg:'./static/images/left.png',
  62. };
  63. },
  64. created() {
  65. if(this.signimg !== ''){
  66. this.issign = false;
  67. };
  68. this.toptitleisshow = toptitleisshow;
  69. this.getmakercode();
  70. },
  71. methods: {
  72. shresign(){
  73. PublicLib.putCookieInfo('userIsSign', 'true');
  74. //- TODO签署接口
  75. tips('协议签署成功!');
  76. setTimeout(()=>{
  77. this.goback();
  78. },1000)
  79. },
  80. signpage(){
  81. PublicLib.Goto({Url:'user-maker-service-sign'});
  82. },
  83. goback(){
  84. PublicLib.GoBack({Level:1});
  85. },
  86. async getmakercode(){
  87. const res = await getRequest('api/v1/pageinfo/detail?t='+Math.random(6),JSON.stringify({Id:4}));
  88. if(res.status !== '1') return tips('获取创客协议失败,请重试!');
  89. this.articleinfo = res.data;
  90. }
  91. }
  92. });
  93. </script>
  94. </body>
  95. </html>