authrz.html 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1.0,initial-scale=1,user-scalable=no,viewport-fit=true" data-shuvi-head="true">
  6. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  8. <link rel="stylesheet" type="text/css" href="/Public/Home/static/css/base.css" />
  9. <title>{$webname}</title>
  10. <style>
  11. .css-ogtd7z {
  12. box-sizing: border-box;
  13. margin: 0px;
  14. min-width: 0px;
  15. display: flex;
  16. transition: all 1s ease 0s;
  17. -webkit-box-pack: center;
  18. justify-content: center;
  19. background-color: rgb(254, 241, 242);
  20. }
  21. .css-jrzkh7 {
  22. box-sizing: border-box;
  23. margin: 0px;
  24. min-width: 0px;
  25. background-color: rgb(24, 26, 32);
  26. }
  27. .css-1aac2e {
  28. box-sizing: border-box;
  29. margin: 0px auto;
  30. min-width: 0px;
  31. padding-left: 24px;
  32. padding-right: 24px;
  33. max-width: 1248px;
  34. background-color: rgb(254, 241, 242);
  35. }
  36. .css-1wr4jig {
  37. box-sizing: border-box;
  38. margin: 0px;
  39. min-width: 0px;
  40. display: flex;
  41. flex-direction: column;
  42. flex: 1 1 0%;
  43. }
  44. .css-xry4yv {
  45. box-sizing: border-box;
  46. margin: 0px;
  47. min-width: 0px;
  48. display: flex;
  49. min-height: 600px;
  50. flex: 1 1 0%;
  51. flex-direction: column;
  52. }
  53. .css-xry4yv {
  54. flex-direction: row;
  55. }
  56. .css-foka8b {
  57. box-sizing: border-box;
  58. margin: 0px;
  59. min-width: 0px;
  60. display: flex;
  61. box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 8%) 0px 0px 4px;
  62. position: relative;
  63. z-index: 1;
  64. flex-direction: column;
  65. width: 200px;
  66. background: #ffffff;
  67. }
  68. .css-160vccy {
  69. box-sizing: border-box;
  70. margin: 0px;
  71. min-width: 0px;
  72. flex: 1 1 0%;
  73. background-color: rgb(250, 250, 250);
  74. }
  75. .css-z87e9z {
  76. box-sizing: border-box;
  77. margin: 0px;
  78. min-width: 0px;
  79. text-decoration: none;
  80. color: rgb(201, 148, 0);
  81. border-left: 4px solid rgb(240, 185, 11);
  82. height: 48px;
  83. background-color: rgb(245, 245, 245);
  84. font-weight: 500;
  85. display: flex;
  86. -webkit-box-align: center;
  87. align-items: center;
  88. -webkit-box-pack: justify;
  89. justify-content: space-between;
  90. }
  91. .css-10j588g {
  92. box-sizing: border-box;
  93. margin: 0px;
  94. min-width: 0px;
  95. display: flex;
  96. flex: 1 1 0%;
  97. height: 100%;
  98. -webkit-box-align: center;
  99. align-items: center;
  100. }
  101. .css-iizq59 {
  102. box-sizing: border-box;
  103. margin: 0px;
  104. min-width: 0px;
  105. font-weight: 500;
  106. font-size: 14px;
  107. line-height: 20px;
  108. word-break: break-word;
  109. display: flex;
  110. flex: 1 1 0%;
  111. height: 100%;
  112. -webkit-box-align: center;
  113. align-items: center;
  114. color: rgb(33, 40, 51);
  115. }
  116. .css-14thuu2 {
  117. box-sizing: border-box;
  118. margin: 0px 8px;
  119. min-width: 0px;
  120. color: rgb(240, 185, 11);
  121. font-size: 24px;
  122. fill: rgb(240, 185, 11);
  123. width: 1em;
  124. flex-shrink: 0;
  125. }
  126. .css-6ijtmk {
  127. box-sizing: border-box;
  128. margin: 0px;
  129. min-width: 0px;
  130. text-decoration: none;
  131. color: rgb(201, 148, 0);
  132. border-left: 4px solid transparent;
  133. height: 48px;
  134. display: flex;
  135. -webkit-box-align: center;
  136. align-items: center;
  137. -webkit-box-pack: justify;
  138. justify-content: space-between;
  139. background:#fff;
  140. }
  141. .css-hd27fe {
  142. box-sizing: border-box;
  143. margin: 0px 8px;
  144. min-width: 0px;
  145. color: rgb(132, 142, 156);
  146. font-size: 24px;
  147. fill: rgb(132, 142, 156);
  148. width: 1em;
  149. flex-shrink: 0;
  150. }
  151. .css-1n0484q {
  152. box-sizing: border-box;
  153. margin: 0px;
  154. min-width: 0px;
  155. font-weight: 400;
  156. font-size: 14px;
  157. line-height: 20px;
  158. word-break: break-word;
  159. display: flex;
  160. flex: 1 1 0%;
  161. height: 100%;
  162. -webkit-box-align: center;
  163. align-items: center;
  164. color: rgb(33, 40, 51);
  165. }
  166. .css-1wr4jig {
  167. box-sizing: border-box;
  168. margin: 0px;
  169. min-width: 0px;
  170. display: flex;
  171. flex-direction: column;
  172. flex: 1 1 0%;
  173. background:#fff;
  174. }
  175. .css-1u0m1fa {
  176. margin: 0px;
  177. min-width: 0px;
  178. box-sizing: border-box;
  179. padding-left: 24px;
  180. padding-right: 24px;
  181. display: block;
  182. }
  183. .css-fhl5lc {
  184. box-sizing: border-box;
  185. margin: 0px;
  186. min-width: 0px;
  187. display: flex;
  188. height: 48px;
  189. -webkit-box-align: center;
  190. align-items: center;
  191. }
  192. .css-1cdfkn6 {
  193. box-sizing: border-box;
  194. margin: 0px;
  195. min-width: 0px;
  196. text-decoration: none;
  197. color: rgb(112, 122, 138);
  198. font-size: 12px;
  199. line-height: 18px;
  200. font-weight: 400;
  201. transition: color 0.2s ease 0s;
  202. pointer-events: auto;
  203. }
  204. .css-1bbywci {
  205. box-sizing: border-box;
  206. margin: 0px;
  207. min-width: 0px;
  208. flex: 1 1 0%;
  209. flex-direction: column;
  210. width: 100%;
  211. padding: 32px;
  212. }
  213. .css-1pl31wt {
  214. box-sizing: border-box;
  215. margin: 0px;
  216. min-width: 0px;
  217. overflow: unset;
  218. margin-top: -15px;
  219. padding-left: 0px;
  220. padding-right: 0px;
  221. }
  222. .css-k2y2sp {
  223. box-sizing: border-box;
  224. margin: 0px;
  225. min-width: 0px;
  226. display: flex;
  227. -webkit-box-pack: justify;
  228. justify-content: space-between;
  229. -webkit-box-align: center;
  230. align-items: center;
  231. flex-direction: row;
  232. }
  233. .css-1868gi1 {
  234. box-sizing: border-box;
  235. margin: 0px;
  236. min-width: 0px;
  237. font-weight: 600;
  238. font-size: 32px;
  239. line-height: 40px;
  240. }
  241. .css-x5jwjg {
  242. box-sizing: border-box;
  243. margin: 0px;
  244. min-width: 0px;
  245. display: flex;
  246. align-items: flex-end;
  247. margin-top: 0px;
  248. }
  249. .css-3kuzxc {
  250. margin: 0px;
  251. appearance: none;
  252. user-select: none;
  253. cursor: pointer;
  254. overflow: hidden;
  255. text-overflow: ellipsis;
  256. white-space: nowrap;
  257. display: inline-flex;
  258. -webkit-box-align: center;
  259. align-items: center;
  260. -webkit-box-pack: center;
  261. justify-content: center;
  262. box-sizing: border-box;
  263. font-family: inherit;
  264. text-align: center;
  265. text-decoration: none;
  266. outline: none;
  267. font-weight: 500;
  268. line-height: 20px;
  269. word-break: keep-all;
  270. color: rgb(33, 40, 51);
  271. border-radius: 6px;
  272. padding: 6px 16px;
  273. min-height: 24px;
  274. border: none;
  275. background-image: none;
  276. background-color: rgb(252, 213, 53);
  277. min-width: 52px;
  278. height: 40px;
  279. font-size: 14px;
  280. }
  281. .css-1cdfkn6:hover,.css-1cdfkn6:active,.css-1cdfkn6:visited{
  282. color: rgb(252, 213, 53);
  283. text-decoration: none;
  284. }
  285. .css-z32tht {
  286. box-sizing: border-box;
  287. margin: 24px 0px;
  288. min-width: 0px;
  289. }
  290. .css-joa6mv {
  291. box-sizing: border-box;
  292. margin: 24px 0px;
  293. min-width: 0px;
  294. background: #f5f5f5;
  295. padding: 10px;
  296. }
  297. .css-1op9i22 {
  298. box-sizing: border-box;
  299. margin: 0px;
  300. min-width: 0px;
  301. position: relative;
  302. }
  303. .rc-table {
  304. font-size: 12px;
  305. color: rgb(102, 102, 102);
  306. transition: opacity 0.3s ease 0s;
  307. position: relative;
  308. line-height: 1.5;
  309. overflow: hidden;
  310. }
  311. .css-xdf65a {
  312. color: rgb(30, 35, 41);
  313. }
  314. .css-3tfm4c {
  315. box-sizing: border-box;
  316. margin: 0px;
  317. min-width: 0px;
  318. height: 24px;
  319. }
  320. .css-vurnku {
  321. box-sizing: border-box;
  322. margin: 0px;
  323. min-width: 0px;
  324. }
  325. .css-154a57d {
  326. box-sizing: border-box;
  327. margin: 24px 0px 0px;
  328. min-width: 0px;
  329. display: inline-flex;
  330. position: relative;
  331. -webkit-box-align: center;
  332. align-items: center;
  333. line-height: 1.6;
  334. border: 1px solid rgb(234, 236, 239);
  335. border-radius: 4px;
  336. width: 100%;
  337. height: 48px;
  338. }
  339. .css-16fg16t {
  340. box-sizing: border-box;
  341. margin: 0px;
  342. min-width: 0px;
  343. width: 100%;
  344. height: 100%;
  345. padding: 0px;
  346. outline: none;
  347. border: none;
  348. background-color: inherit;
  349. opacity: 1;
  350. }
  351. .css-154a57d input {
  352. padding-left: 12px;
  353. padding-right: 12px;
  354. }
  355. .css-154a57d input {
  356. color: rgb(30, 35, 41);
  357. font-size: 14px;
  358. padding-left: 8px;
  359. padding-right: 8px;
  360. }
  361. .css-154a57d .bn-input-label {
  362. font-size: 12px;
  363. }
  364. .css-154a57d:hover{
  365. border-color: rgb(240, 185, 11);
  366. }
  367. .css-5vzups {
  368. box-sizing: border-box;
  369. margin: 0px;
  370. min-width: 0px;
  371. position: absolute;
  372. top: -24px;
  373. left: 0px;
  374. line-height: 24px;
  375. transition-property: top, font-size;
  376. transition-duration: 0.3s;
  377. transition-timing-function: ease;
  378. z-index: 1;
  379. cursor: text;
  380. color: rgb(71, 77, 87);
  381. font-size: 14px;
  382. }
  383. .css-kiaw5d {
  384. box-sizing: border-box;
  385. margin: 0px;
  386. min-width: 0px;
  387. font-size: 14px;
  388. line-height: 20px;
  389. }
  390. .layui-upload-file{display: none!important;opacity: .01;}
  391. </style>
  392. </head>
  393. <body>
  394. <div class="App">
  395. <div class="css-tq0shg">
  396. <include file="Public:header"/>
  397. <div class="css-ogtd7z">
  398. <div class="css-jrzkh7">
  399. <div id="header_global_js_wxgy34nj" class="css-1aac2e"></div>
  400. </div>
  401. </div>
  402. <main class="css-1wr4jig">
  403. <main class="css-xry4yv">
  404. <!--左边-->
  405. <div class="css-foka8b">
  406. <a data-bn-type="link" href="{:U('User/index')}" class="css-6ijtmk" style="text-decoration: none;">
  407. <div class="css-10j588g">
  408. <i class="bi bi-person-fill css-hd27fe"></i>
  409. <div data-bn-type="text" class="css-iizq59">{:L('总览')}</div>
  410. </div>
  411. </a>
  412. <a data-bn-type="link" href="{:U('User/addresslist')}" class="css-6ijtmk" style="text-decoration: none;">
  413. <div class="css-10j588g">
  414. <i class="bi bi-journal-text css-hd27fe"></i>
  415. <div data-bn-type="text" class="css-1n0484q">{:L('地址管理')}</div>
  416. </div>
  417. </a>
  418. <a data-bn-type="link" href="{:U('User/authrz')}" class="css-z87e9z" style="text-decoration: none;">
  419. <div class="css-10j588g">
  420. <i class="bi bi-shield-check css-14thuu2"></i>
  421. <div data-bn-type="text" class="css-1n0484q">{:L('实名认证')}</div>
  422. </div>
  423. </a>
  424. <a data-bn-type="link" href="{:U('User/respwd')}" class="css-6ijtmk" style="text-decoration: none;">
  425. <div class="css-10j588g">
  426. <i class="bi bi-gear css-hd27fe"></i>
  427. <div data-bn-type="text" class="css-1n0484q">{:L('修改密码')}</div>
  428. </div>
  429. </a>
  430. <a data-bn-type="link" href="{:U('User/tgcode')}" class="css-6ijtmk" style="text-decoration: none;">
  431. <div class="css-10j588g">
  432. <i class="bi bi-person-plus css-hd27fe"></i>
  433. <div data-bn-type="text" class="css-1n0484q">{:L('推荐返佣')}</div>
  434. </div>
  435. </a>
  436. <a data-bn-type="link" href="{:U('User/notice')}" class="css-6ijtmk" style="text-decoration: none;">
  437. <div class="css-10j588g">
  438. <i class="bi bi-bell css-hd27fe"></i>
  439. <div data-bn-type="text" class="css-1n0484q">{:L('我的通知')}</div>
  440. </div>
  441. </a>
  442. <a data-bn-type="link" href="{:U('User/online')}" class="css-6ijtmk" style="text-decoration: none;">
  443. <div class="css-10j588g">
  444. <i class="bi bi-headset css-hd27fe"></i>
  445. <div data-bn-type="text" class="css-1n0484q">{:L('联系客服')}</div>
  446. </div>
  447. </a>
  448. <a data-bn-type="link" href="{:U('User/mybill')}" class="css-6ijtmk" style="text-decoration: none;">
  449. <div class="css-10j588g">
  450. <i class="bi bi-card-list css-hd27fe"></i>
  451. <div data-bn-type="text" class="css-1n0484q">{:L('我的账单')}</div>
  452. </div>
  453. </a>
  454. </div>
  455. <!--右边-->
  456. <div class="css-1wr4jig">
  457. <div class="css-1u0m1fa">
  458. <div class="css-fhl5lc">
  459. <a class="css-1cdfkn6" href="##">{:L('实名认证管理')}</a>
  460. </div>
  461. </div>
  462. <div class="css-1bbywci">
  463. <div class="css-1pl31wt">
  464. <div class="css-k2y2sp">
  465. <div data-bn-type="text" class="css-1868gi1">{:L('认证信息')}</div>
  466. <div class="css-x5jwjg"></div>
  467. </div>
  468. </div>
  469. <div class="css-z32tht">
  470. <div class="css-joa6mv">
  471. <span class="f12 fcy">{:L('完成实名认证后能够获得相应的权益')}</span>
  472. </div>
  473. <div class="css-1op9i22">
  474. <div style="width:400px;min-height: 400px;">
  475. <div class="css-vurnku">
  476. <div class="css-154a57d">
  477. <input data-bn-type="input" id="phone" placeholder="{:L('请输入手机号码')}" class="css-16fg16t" value="{$info.phone}">
  478. <label class="bn-input-label css-5vzups">
  479. <div data-bn-type="text" class="css-kiaw5d">{:L('手机号码')}</div>
  480. </label>
  481. </div>
  482. </div>
  483. <div style="width:100%;height:30px;"></div>
  484. <div class="css-vurnku">
  485. <div class="css-154a57d" style="border:none;min-height:120px;max-height:200px;">
  486. <?php if($info['cardzm'] != ''){ ?>
  487. <img src="/Public/Static/payimgs/<?php echo $info['cardzm'];?>" id="test1" style="height:100px;" />
  488. <input type="hidden" id="cardzm" value="<?php echo $info['cardzm'];?>" />
  489. <?php }else{?>
  490. <img src="/Public/Static/img/upimg.png" id="test1" style="height: 100px;" />
  491. <input type="hidden" id="cardzm" value="" />
  492. <?php }?>
  493. <label class="bn-input-label css-5vzups">
  494. <div data-bn-type="text" class="css-kiaw5d">{:L('上传身份证正面')}</div>
  495. </label>
  496. </div>
  497. </div>
  498. <div style="width:100%;height:30px;"></div>
  499. <div class="css-vurnku">
  500. <div class="css-154a57d" style="border:none;min-height:120px;max-height:200px;">
  501. <?php if($info['cardfm'] != ''){ ?>
  502. <img src="/Public/Static/payimgs/<?php echo $info['cardfm'];?>" id="test2" style="height:100px;" />
  503. <input type="hidden" id="cardfm" value="<?php echo $info['cardfm'];?>" />
  504. <?php }else{?>
  505. <img src="/Public/Static/img/upimg.png" id="test2" style="height: 100px;" />
  506. <input type="hidden" id="cardfm" value="" />
  507. <?php }?>
  508. <label class="bn-input-label css-5vzups">
  509. <div data-bn-type="text" class="css-kiaw5d">{:L('上传身份证背面')}</div>
  510. </label>
  511. </div>
  512. </div>
  513. <input type="hidden" id="flag" value="1" />
  514. <div style="width:100%;height:30px;"></div>
  515. <if condition="$info.rzstatus eq 2">
  516. <div class="css-x5jwjg">
  517. <button data-bn-type="button" class="css-3kuzxc" style="padding: 6px 30px;">{:L('认证审核成功')}</button>
  518. </div>
  519. <else />
  520. <div class="css-x5jwjg">
  521. <button data-bn-type="button" id="sumbtn" class="css-3kuzxc" style="padding: 6px 30px;">{:L('提交')}</button>
  522. </div>
  523. </if>
  524. </div>
  525. </div>
  526. </div>
  527. </div>
  528. </div>
  529. </main>
  530. </main>
  531. <include file="Public:footer"/>
  532. </div>
  533. </div>
  534. </body>
  535. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  536. <script type="text/javascript" src="/Public/Home/static/js/layer/layer.js" ></script>
  537. <script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
  538. <script type="text/javascript" src="/Public/Home/static/js/jquery.SuperSlide.2.1.1.js" ></script>
  539. <script type="text/javascript">
  540. $("#sumbtn").click(function(){
  541. var flag = $("#flag").val();
  542. if(flag == 2){
  543. return false;
  544. }
  545. var phone = $("#phone").val();
  546. var cardzm = $("#cardzm").val();
  547. var cardfm = $("#cardfm").val();
  548. if(phone == ''){
  549. layer.msg("{:L('请输入手机号码')}");return false;
  550. }
  551. if(cardzm == null || cardzm == ''){
  552. layer.msg("{:L('请上传上传身份证正面')}");return false;
  553. }
  554. if(cardfm == ''){
  555. layer.msg("{:L('请上传上传身份证背面')}");return false;
  556. }
  557. $("#flag").val(2)
  558. $.post("{:U('User/upauthrz')}",
  559. {'phone' : phone,'cardzm':cardzm,'cardfm':cardfm},
  560. function(data){
  561. if(data.code == 1){
  562. layer.msg(data.info);
  563. setTimeout(function(args){
  564. window.location.reload();
  565. },2000);
  566. }else{
  567. layer.msg(data.info);return false;
  568. }
  569. }
  570. );
  571. });
  572. </script>
  573. <script type="text/javascript">
  574. layui.use('upload', function(){
  575. var upload = layui.upload;
  576. var uploadInst = upload.render({
  577. elem: '#test1' //绑定元素
  578. ,url: '{:U("User/recharge_img")}' //上传接口
  579. ,done: function(res){
  580. console.log(res);
  581. if(res.code == 0){
  582. $('#cardzm').val(res.data.img);
  583. $("#test1").attr('src',res.data.src);
  584. }
  585. }
  586. ,error: function(){
  587. layer.msg("{:L('上传失败')}");
  588. }
  589. });
  590. });
  591. </script>
  592. <script type="text/javascript">
  593. layui.use('upload', function(){
  594. var upload = layui.upload;
  595. var uploadInst = upload.render({
  596. elem: '#test2' //绑定元素
  597. ,url: '{:U("User/recharge_img")}' //上传接口
  598. ,done: function(res){
  599. console.log(res);
  600. if(res.code == 0){
  601. $('#cardfm').val(res.data.img);
  602. $("#test2").attr('src',res.data.src);
  603. }
  604. }
  605. ,error: function(){
  606. layer.msg("{:L('上传失败')}");
  607. }
  608. });
  609. });
  610. </script>
  611. <script type="text/javascript">
  612. $("#nav").slide({
  613. type:"menu",// 效果类型,针对菜单/导航而引入的参数(默认slide)
  614. titCell:".nLi", //鼠标触发对象
  615. targetCell:".sub", //titCell里面包含的要显示/消失的对象
  616. effect:"slideDown", //targetCell下拉效果
  617. delayTime:300 , //效果时间
  618. triggerTime:0, //鼠标延迟触发时间(默认150)
  619. returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
  620. });
  621. </script>
  622. </html>