84c4f28d81a0fe6fe984d9f909ac297a.php 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281
  1. <?php /*a:2:{s:53:"D:\phpEnv\www\SCM-API\app\admin\view\index\login.html";i:1750736984;s:52:"D:\phpEnv\www\SCM-API\app\admin\view\layout\vue.html";i:1750736984;}*/ ?>
  2. <!DOCTYPE html>
  3. <html <?php if($config['elementUi']['dark']): ?>class="dark"<?php endif; ?>>
  4. <head>
  5. <meta charset="utf-8">
  6. <title><?php echo site_config('basic.sitename'); ?></title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  8. <meta name="renderer" content="webkit">
  9. <meta name="referrer" content="never">
  10. <meta name="robots" content="noindex, nofollow">
  11. <link rel="shortcut icon" href="<?php echo request()->domain(); ?>/favicon.ico" />
  12. <link rel="stylesheet" href="<?php echo request()->domain(); ?>/assets/css/element-plus.css" />
  13. <link rel="stylesheet" href="<?php echo request()->domain(); ?>/assets/css/theme/dark.css" />
  14. <link rel="stylesheet" href="<?php echo request()->domain(); ?>/assets/libs/font-awesome/css/font-awesome.min.css" />
  15. <link rel="stylesheet" href="<?php echo request()->domain(); ?>/assets/css/yunqi.css" />
  16. <style>
  17. body {
  18. color: #999;
  19. }
  20. .login-container {
  21. height: 100%;
  22. min-height: 550px;
  23. display: flex;
  24. align-items: center;
  25. justify-content: center;
  26. position: fixed;
  27. left: 0;
  28. right: 0;
  29. bottom: 0;
  30. top: 0;
  31. background-color: #eeeeee;
  32. background-image: url("/assets/img/bg.svg");
  33. background-size: 100% 100%;
  34. background-size: cover;
  35. }
  36. .login-container .login-box {
  37. position: relative;
  38. box-sizing: border-box;
  39. display: flex;
  40. align-items: center;
  41. justify-content: space-around;
  42. width: 96.5%;
  43. height: 94%;
  44. padding: 0 50px;
  45. background-color: rgba(255, 255, 255, 0.8);
  46. border-radius: 10px;
  47. }
  48. .login-container .login-box .under {
  49. position: absolute;
  50. top: 13px;
  51. left: 18px;
  52. }
  53. .login-container .login-box .under a{
  54. text-decoration:none;
  55. font-size: 16px;
  56. color: #4c4c4c;
  57. }
  58. .login-container .login-box .under span{
  59. font-size: 16px;
  60. color: #4c4c4c;
  61. margin-left: 20px;
  62. cursor: pointer;
  63. }
  64. .login-container .login-box .login-left {
  65. width: 800px;
  66. margin-right: 10px;
  67. text-align: center;
  68. }
  69. .login-container .login-box .login-left .login-left-img {
  70. width: 80%;
  71. }
  72. .login-container .login-box .login-form {
  73. width: 420px;
  74. padding: 50px 40px 0px;
  75. background-color: var(--el-bg-color);
  76. border-radius: 10px;
  77. box-shadow: rgba(0, 0, 0, 0.1) 0 2px 10px 2px;
  78. }
  79. .login-container .login-box .login-form .login-logo {
  80. display: flex;
  81. align-items: center;
  82. justify-content: center;
  83. margin-bottom: 45px;
  84. }
  85. .login-container .login-box .login-form .login-logo .login-icon {
  86. width: 80px;
  87. }
  88. .login-container .login-box .login-form .login-logo .logo-text {
  89. padding: 0 0 0 25px;
  90. margin: 0;
  91. font-size: 42px;
  92. font-weight: bold;
  93. color: #34495e;
  94. white-space: nowrap;
  95. }
  96. .login-container .login-box .login-form .el-form-item {
  97. margin-bottom: 10px;
  98. }
  99. .login-container .login-box .login-form .login-btn {
  100. display: flex;
  101. justify-content: space-between;
  102. width: 100%;
  103. margin-top: 40px;
  104. white-space: nowrap;
  105. }
  106. .login-container .login-box .login-form .login-btn .el-button {
  107. width: 185px;
  108. }
  109. .captcha-img img{
  110. width: 125px;
  111. }
  112. .login-right{
  113. display: flex;
  114. flex-direction: column;
  115. margin-left: 10px;
  116. align-items: center;
  117. justify-content: center;
  118. }
  119. .login-right-img{
  120. width: 125px;
  121. }
  122. @media screen and (max-width: 1250px) {
  123. .login-left {
  124. display: none;
  125. }
  126. }
  127. @media screen and (max-width: 600px) {
  128. .login-box{
  129. padding: 0 20px!important;
  130. }
  131. .login-form {
  132. width: 100% !important;
  133. padding: 10px !important;
  134. }
  135. .captcha-img img{
  136. width: 120px;
  137. }
  138. .login-icon {
  139. width: 20%!important;
  140. }
  141. .login-logo{
  142. margin: 20px 0!important;
  143. }
  144. .logo-text {
  145. font-size: 32px!important;
  146. }
  147. }
  148. .login-admin{
  149. display: flex;
  150. flex-direction: column;
  151. }
  152. </style>
  153. </head>
  154. <body>
  155. <div id="app">
  156. <el-container id="container" style="display: none;">
  157. <el-main style="padding: 0px;border-radius:4px;" id="mainScrollbar">
  158. <el-scrollbar>
  159. <div class="login-container">
  160. <div class="login-box">
  161. <div class="login-left">
  162. <img class="login-left-img" src="/assets/img/banner.png" alt="login" />
  163. </div>
  164. <div class="login-form">
  165. <div class="login-logo">
  166. <img class="login-icon" src="<?php echo htmlentities((string) $logo); ?>" alt="" />
  167. <h2 class="logo-text"><?php echo htmlentities((string) $sitename); ?></h2>
  168. </div>
  169. <el-form ref="loginForm" :model="loginForm" label-width="0px" :rules="rules">
  170. <?php echo token_field(); ?>
  171. <el-row>
  172. <el-col :span="thirdLogin?15:24">
  173. <el-form-item label="" prop="username">
  174. <el-input size="large" v-model="loginForm.username" placeholder="用户名">
  175. <template #prepend>
  176. <i class="fa fa-user"></i>
  177. </template>
  178. </el-input>
  179. </el-form-item>
  180. <el-form-item label="" prop="password">
  181. <el-input size="large" type="password" v-model="loginForm.password" placeholder="密码">
  182. <template #prepend>
  183. <i class="fa fa-lock"></i>
  184. </template>
  185. </el-input>
  186. </el-form-item>
  187. <?php if($login_captcha): ?>
  188. <el-form-item label="" prop="captcha" style="margin-bottom:10px;">
  189. <el-row>
  190. <el-col :span="12" :xs="14">
  191. <el-input size="large" v-model="loginForm.captcha" placeholder="验证码">
  192. <template #prepend>
  193. <i class="fa fa-ellipsis-h"></i>
  194. </template>
  195. </el-input>
  196. </el-col>
  197. <el-col :span="12" :xs="10">
  198. <div class="captcha-img">
  199. <img :src="captchaUrl" @click="refreshCaptcha"/>
  200. </div>
  201. </el-col>
  202. </el-row>
  203. </el-form-item>
  204. <?php endif; ?>
  205. </el-col>
  206. <el-col :span="9" v-if="thirdLogin && qrcode" class="hide-800">
  207. <div class="login-right">
  208. <img class="login-right-img" :src="qrcode" alt="login" />
  209. <span>微信扫码</span>
  210. </div>
  211. </el-col>
  212. </el-row>
  213. <el-form-item label="" prop="savepassword" style="margin-bottom:10px;">
  214. <el-checkbox-group v-model="loginForm.savepassword">
  215. <el-checkbox :label="1"><?php echo __('记住密码'); ?></el-checkbox>
  216. </el-checkbox-group>
  217. </el-form-item>
  218. <el-form-item>
  219. <el-button type="primary" size="large" style="width: 100%" @click="login">登陆</el-button>
  220. </el-form-item>
  221. </el-form>
  222. </div>
  223. </div>
  224. </div>
  225. <el-dialog
  226. v-model="dialogVisible"
  227. title="选择登录账号"
  228. width="600"
  229. >
  230. <div class="login-admin">
  231. <el-radio-group v-model="checked">
  232. <el-radio v-for="item in adminlist" :label="item.id" size="large" border>{{item.nickname}}</el-radio>
  233. </el-radio-group>
  234. <span style="margin-top: 20px">您当前微信绑定了多个账户,请任选择一个登录</span>
  235. </div>
  236. <template #footer>
  237. <div class="dialog-footer">
  238. <el-button @click="cancelDialog">取消</el-button>
  239. <el-button type="primary" @click="confirmDialog">
  240. 确认
  241. </el-button>
  242. </div>
  243. </template>
  244. </el-dialog>
  245. </el-scrollbar>
  246. </el-main>
  247. </el-container>
  248. </div>
  249. </body>
  250. <script type="text/javascript" src="<?php echo request()->domain(); ?>/assets/js/yunqi.js?v=<?php echo htmlentities((string) $config['version']); ?>"></script>
  251. <script type="text/javascript">
  252. Yunqi.setConfig(<?php echo json_encode($config,JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES); ?>);
  253. Yunqi.setData(<?php echo build_var_json(get_defined_vars()); ?>);
  254. Yunqi.setAuth(<?php echo json_encode($auth->getBackendAuth(),JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES); ?>);
  255. </script>
  256. <script type="module">
  257. import pageinfo from '<?php echo htmlentities((string) $config['baseUrl']); ?>ajax/js/84c4f28d81a0fe6fe984d9f909ac297a';
  258. import zhcn from '<?php echo request()->domain(); ?>/assets/js/zh-cn.js';
  259. try{
  260. Yunqi.setUp(pageinfo,zhcn);
  261. }catch (e){
  262. console.error(e);
  263. }
  264. </script>
  265. </html>