人人商城

url2qr.html 2.4KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. {template 'common/header'}
  2. <div class="">
  3. <ol class="breadcrumb we7-breadcrumb">
  4. <a href="{php echo url('platform/qr/list');}"><i class="wi wi-back-circle"></i> </a>
  5. <li><a href="{php echo url('platform/qr/list');}">二维码列表</a></li>
  6. <li><a href="{php echo url('platform/url2qr');}">长链接转二维码</a></li>
  7. </ol>
  8. <div class="we7-form" id="url-to-qr" ng-controller="UrlToQr" ng-cloak>
  9. <div class="form-group">
  10. <label for="" class="control-label col-sm-2">输入长链接</label>
  11. <div class="form-controls col-sm-9">
  12. <div class="input-group">
  13. <input type="text" name="longurl" class="form-control" id="longurl" value="{$setting['welcome']}" placeholder="请输入长链接" autocomplete="off">
  14. <span class="input-group-btn color-default" ng-click="selectUrl()"><button class="btn btn-default"><i class="fa fa-external-link"></i>选择系统链接</button></span>
  15. </div>
  16. <span class="help-block">请输入您要转换的长链接,支持http://、https://、weixin://wxpay 格式的url</span>
  17. <span class="btn btn-primary we7-margin-horizontal-none we7-margin-vertical" id="change" ng-click="transformUrl()">立即转换</span>
  18. </div>
  19. </div>
  20. <div class="form-group">
  21. <label class="control-label col-sm-2">转换长链接</label>
  22. <div class="form-controls col-sm-9">
  23. <div class="url2qr-content">
  24. <div class="qr">
  25. <p>生成的二维码</p>
  26. <div class="qr-img">
  27. <img src="" id="qrsrc" style="border:1px solid #ccc;padding:0px;border-radius:4px;"/>
  28. </div>
  29. <a href="javascript:;" ng-click="downQr()" class="btn btn-default disabled">保存</a>
  30. </div>
  31. <div class="url">
  32. 生成的短链接
  33. <div class="url-short">
  34. <input type="text" name="shorturl" id="shorturl" value="" class="form-control" disabled="disabled">
  35. </div>
  36. <a href="javascript:;" id="copy-0" class="btn btn-default disabled" clipboard supported="supported" text="copyLink" on-copied="success('0')">点击复制</a>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. <script type="text/javascript">
  45. angular.module('qrApp').value('config', {
  46. site_url: "{php echo $_W['siteroot']}",
  47. img_url: "{php echo url('platform/url2qr/qr')}",
  48. transform_url: "{php echo url('platform/url2qr/change')}",
  49. down_url: "{php echo url('platform/url2qr/down_qr')}",
  50. });
  51. angular.bootstrap($('#url-to-qr'), ['qrApp']);
  52. </script>
  53. {template 'common/footer'}