You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

629 lines
20 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  8. <meta name="version" content="<%= version %>">
  9. <meta name="renderer" content="webkit">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <title>iFormall-Link</title>
  12. <!-- <link rel="stylesheet" href="./static/css/app.css"> -->
  13. <!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_1353677_r2uqwvchk5.css"> -->
  14. <!-- https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.4.1/cropper.css -->
  15. <link href="https://formall.oss-accelerate.aliyuncs.com/malinkadmin/css/cropper.css" rel="stylesheet">
  16. <link href="https://formall.oss-accelerate.aliyuncs.com/adminlib/fengniaosdk/toolBarStyle.css" rel="stylesheet">
  17. <link rel="shortcut icon" href="./static/images/iForMall.png" type="image/x-icon">
  18. <!-- 引入elementui样式 -->
  19. <script type="text/javascript"
  20. src="https://formall.oss-accelerate.aliyuncs.com/malinkadmin/lib/cropperjs/cropper.js"></script>
  21. <script type="text/javascript"
  22. src="https://formall.oss-accelerate.aliyuncs.com/malinkadmin/lib/echarts/4.1.0/echarts-en.common.js"></script>
  23. <script type="text/javascript"
  24. src="https://formall.oss-accelerate.aliyuncs.com/malinkadmin/lib/vue-ueditor-wrap/vue-ueditor-wrap.min.js">
  25. </script>
  26. <script type="text/javascript" src="https://formall.oss-accelerate.aliyuncs.com/malinkadmin/lib/wxLogin.js">
  27. </script>
  28. <!-- <script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.min.js"></script> -->
  29. <script type="module" src="./src/static/js/event.js"></script>
  30. <!-- 蜂鸟地图sdk引入 -->
  31. <script type="text/javascript"
  32. src="https://formall.oss-accelerate.aliyuncs.com/adminlib/fengniaosdk/fengmap.map.min.js"> </script>
  33. <script type="text/javascript"
  34. src="https://formall.oss-accelerate.aliyuncs.com/adminlib/fengniaosdk/fengmap.analyser.min.js"></script>
  35. <script type="text/javascript"
  36. src="https://formall.oss-accelerate.aliyuncs.com/adminlib/fengniaosdk/fengmap.plugin.min.js"></script>
  37. <script type="text/javascript"
  38. src="https://formall.oss-accelerate.aliyuncs.com/adminlib/fengniaosdk/fengmap.effect.min.js"></script>
  39. <!-- 蜂鸟地图sdk引入 -->
  40. <!-- 引入组件库 -->
  41. <!-- <script src="https://unpkg.com/element-ui/lib/index.js"></script> -->
  42. <!-- 引入样式 -->
  43. <!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> -->
  44. <style>
  45. .map {
  46. position: fixed;
  47. left: 500px;
  48. top: 0;
  49. width: 500px;
  50. height: 300px;
  51. }
  52. /* 字体label样式 */
  53. .el-form .el-form-item__label {
  54. font-size: 14px;
  55. color: #555555;
  56. font-weight: normal;
  57. }
  58. /*新建短信页面*/
  59. .msgAddBox .el-form-item__content .edit-item-input.el-textarea .el-textarea__inner {
  60. width: 400px !important;
  61. }
  62. /* 日期插件,input输入框的foucs样式 */
  63. .el-input--prefix .el-input__inner:focus {
  64. border-color: #C5C5C5;
  65. }
  66. /* 下拉框的focus的样式 */
  67. .el-select .el-input.is-focus .el-input__inner {
  68. border-color: #C5C5C5 !important;
  69. }
  70. .el-input .el-input--suffix .is-focus {
  71. border-color: #C5C5C5 !important;
  72. }
  73. .el-input.is-active .el-input__inner,
  74. .el-input__inner:focus {
  75. border-color: #C5C5C5 !important;
  76. }
  77. /* 下拉框的字体样式 */
  78. .el-select-dropdown__item.selected {
  79. color: #606266 !important;
  80. font-weight: inherit !important;
  81. }
  82. /* 时间插件样式 */
  83. .el-date-table td.today span {
  84. /* background: url('./static/images/today.png') !important;
  85. background-size: 100% 100% !important;
  86. color: transparent !important; */
  87. color: #ffffff !important;
  88. background-color: #409eff;
  89. }
  90. .el-date-table td.current:not(.disabled) span {
  91. color: #ffffff !important;
  92. background: #555555 !important;
  93. }
  94. .el-date-table td.available:hover {
  95. color: #606266 !important;
  96. }
  97. .el-date-table td span:hover {
  98. background: #555555 !important;
  99. color: #ffffff !important;
  100. }
  101. /*等级设置页面*/
  102. .wdbFormBox .el-input-group__append {
  103. padding: 0 10px !important;
  104. }
  105. .wdbFormBox .el-input-group--append .el-input__inner {
  106. text-align: center !important;
  107. }
  108. .wdbFormBox .el-input .el-input__inner {
  109. text-align: center !important;
  110. }
  111. .wdbFormBox .el-input .el-input__inner:focus {
  112. border-color: #EE7653 !important;
  113. }
  114. /*左侧导航*/
  115. /*二级导航*/
  116. .rightMenuBox .el-submenu__title {
  117. height: 44px !important;
  118. line-height: 41px !important;
  119. padding: 0 28px 0 29px !important;
  120. border-top: 1px solid #1A2734 !important;
  121. border-bottom: 1px solid #283A4D !important;
  122. border-right: 1px solid #283A4D !important;
  123. border-left: 1px solid #283A4D !important;
  124. }
  125. .rightMenuBox .el-menu-item {
  126. height: 44px !important;
  127. line-height: 41px !important;
  128. padding: 0 28px 0 29px !important;
  129. border-top: 1px solid #1A2734 !important;
  130. border-bottom: 1px solid #283A4D !important;
  131. border-left: 1px solid #283A4D !important;
  132. border-right: 1px solid #283A4D !important;
  133. text-shadow: 0 1px 1px #1A2734 !important;
  134. }
  135. .rightMenuBox .el-submenu.is-active .el-submenu__title {
  136. border-bottom: 1px solid #283A4D !important;
  137. }
  138. /*三级导航*/
  139. .rightMenuBox .el-submenu .el-menu-item {
  140. padding: 0 0 0 71px !important;
  141. border-top: 1px solid #15212D !important;
  142. border-bottom: 1px solid #1F2F3C !important;
  143. border-left: 1px solid #283A4D !important;
  144. border-right: 1px solid #283A4D !important;
  145. }
  146. .rightMenuBox .el-menu-item.is-active {
  147. border-right: 1px solid #141e29 !important;
  148. }
  149. /*更改导航右侧箭头*/
  150. .rightMenuBox .el-submenu__title .el-submenu__icon-arrow:before {
  151. content: "\E60B" !important;
  152. }
  153. .rightMenuBox .el-submenu__title .el-submenu__icon-arrow {
  154. margin-top: -6px !important;
  155. color: #5d7b97 !important;
  156. right: 26px !important;
  157. }
  158. /*按钮鼠标经过状态*/
  159. .hoverBtn:hover {
  160. opacity: 0.8;
  161. }
  162. .hoverBtn:active {
  163. opacity: 1;
  164. }
  165. /*礼品券页面dialog*/
  166. .myDialog .el-dialog__header {
  167. padding: 0 !important;
  168. }
  169. /*alertDialog组件样式*/
  170. .alertDialog .el-dialog__header {
  171. padding: 0 !important;
  172. }
  173. .alertDialog .el-dialog__body {
  174. padding: 30px 20px 20px 20px !important;
  175. }
  176. /* dialog样式定义 */
  177. .fx_dialog .el-dialog,
  178. .fx_dialogUser .el-dialog,
  179. .fx_dialog_list .el-dialog,
  180. .fx_dialog_list_chooseSH .el-dialog,
  181. .fx_dialog_setrole .el-dialog {
  182. border-radius: 6px;
  183. }
  184. .fx_dialog .el-dialog .el-dialog__header,
  185. .fx_dialogUser .el-dialog .el-dialog__header,
  186. .fx_dialog_list .el-dialog .el-dialog__header,
  187. .fx_dialog_list_chooseSH .el-dialog .el-dialog__header,
  188. .fx_dialog_setrole .el-dialog .el-dialog__header {
  189. padding: 40px 0 0 0;
  190. }
  191. .fx_dialog_list_chooseSH .el-dialog .el-dialog__header .el-dialog__headerbtn,
  192. .fx_dialogUser .el-dialog .el-dialog__header .el-dialog__headerbtn,
  193. .fx_dialog_setrole .el-dialog .el-dialog__header .el-dialog__headerbtn {
  194. top: 15px;
  195. right: 15px;
  196. }
  197. .fx_dialog .el-dialog .el-dialog__header .el-dialog__title,
  198. .fx_dialogUser .el-dialog .el-dialog__header .el-dialog__title,
  199. .fx_dialog_list .el-dialog .el-dialog__header .el-dialog__title,
  200. .fx_dialog_list_chooseSH .el-dialog .el-dialog__header .el-dialog__title,
  201. .fx_dialog_setrole .el-dialog .el-dialog__header .el-dialog__title {
  202. font-size: 18px;
  203. color: #555555;
  204. line-height: 0;
  205. }
  206. .fx_dialog_list .el-dialog .el-dialog__body {
  207. padding: 0px 20px;
  208. color: #555555;
  209. }
  210. .fx_dialog_setrole .el-dialog .el-dialog__body {
  211. padding: 20px 0 0 0;
  212. color: #555555;
  213. }
  214. .fx_dialog_list .el-dialog .el-dialog__footer {
  215. padding: 35px 24px 28px 0;
  216. }
  217. .fx_dialogUser .el-dialog .el-dialog__footer {
  218. padding: 35px 24px 28px 0;
  219. }
  220. .fx_dialog .el-dialog .el-dialog__footer {
  221. padding: 40px 33px 28px 0;
  222. }
  223. .fx_dialog_setrole .setrole .el-dialog .el-dialog__footer {
  224. padding: 0 33px 28px 0;
  225. }
  226. /* setrole */
  227. .fx_dialog_list_chooseSH .el-dialog .el-dialog__footer {
  228. padding: 35px 24px 28px 0;
  229. }
  230. .fx_dialogUser .el-dialog .el-dialog__body {
  231. padding: 20px 20px 0 20px !important;
  232. color: #555555;
  233. font-size: 19px;
  234. }
  235. .fx_dialog_list_chooseSH .el-dialog .el-dialog__body {
  236. padding: 21px 10px 0 10px;
  237. color: #555555;
  238. }
  239. /*multiple属性选择样式*/
  240. .fx_edit_item .fx_tip .el-form-item__content .el-form-item__error {
  241. opacity: 0;
  242. }
  243. /*投放页面单选按钮*/
  244. .couponListContentSmallBox .couponBox .el-checkbox__input {
  245. position: absolute;
  246. left: 25px !important;
  247. top: 52px !important;
  248. }
  249. .couponListContentSmallBox .couponBox .el-checkbox__input.is-checked+.el-checkbox__label {
  250. color: #fff !important;
  251. }
  252. .couponListContentSmallBox .couponBox .el-checkbox__label {
  253. position: absolute;
  254. left: 0 !important;
  255. top: 0 !important;
  256. }
  257. /* 时间插件 */
  258. .time-select-item.selected:not(.disabled) {
  259. color: #555555 !important;
  260. font-weight: 700;
  261. }
  262. /* 选择商户table内容样式 */
  263. .el-table--enable-row-transition .el-table__body td {
  264. text-align: center;
  265. }
  266. /* tab样式重改 */
  267. .tabBox .el-tabs__nav-wrap::after,
  268. .tabBox_game .el-tabs__nav-wrap::after,
  269. .tabBox_guanli .el-tabs__nav-wrap::after {
  270. height: 0;
  271. }
  272. .tabBox .el-tabs__item,
  273. .tabBox_game .el-tabs__item,
  274. .tabBox_guanli .el-tabs__item {
  275. padding: 0;
  276. height: 40px;
  277. width: 100px;
  278. line-height: 40px;
  279. color: #555555;
  280. }
  281. .tabBox .el-tabs__item.is-active {
  282. color: #ffffff;
  283. background: rgb(63, 196, 150);
  284. }
  285. .tabBox_game .el-tabs__item.is-active {
  286. color: #ffffff;
  287. background: rgb(200, 89, 99);
  288. }
  289. .tabBox_guanli .el-tabs__item.is-active {
  290. color: #ffffff;
  291. background: rgb(107, 94, 201);
  292. }
  293. .tabBox .el-tabs__item:hover,
  294. .tabBox_game .el-tabs__item:hover,
  295. .tabBox_guanli .el-tabs__item:hover {
  296. color: #555555;
  297. }
  298. .tabBox .el-tabs__item.is-active:hover,
  299. .tabBox_game .el-tabs__item.is-active:hover,
  300. .tabBox_guanli .el-tabs__item.is-active:hover {
  301. color: #ffffff;
  302. }
  303. .el-tabs__active-bar,
  304. .tabBox_game .el-tabs__active-bar,
  305. .tabBox_guanli .el-tabs__active-bar {
  306. height: 0 !important;
  307. }
  308. /* 进度条样式重改 */
  309. .fx_step {
  310. height: 83px;
  311. }
  312. .fx_step .el-step.is-center .el-step__line {
  313. left: 0;
  314. right: -100%;
  315. }
  316. .fx_step .el-step.is-horizontal .el-step__line {
  317. top: 0;
  318. height: 0px;
  319. border: 0;
  320. color: initial;
  321. }
  322. .fx_step .el-step__icon-inner {
  323. font-size: 18px;
  324. font-weight: 400;
  325. }
  326. /* 成功状态 */
  327. .fx_step .el-step__head.is-success {
  328. border-top: 3px solid #5976BF;
  329. border-color: #5976BF;
  330. color: #FFFFFF;
  331. }
  332. .fx_step .el-step__head.is-success .el-step__icon {
  333. width: 46px;
  334. height: 28px;
  335. border-radius: 0px 0px 28px 28px !important;
  336. border-top-width: 0px !important;
  337. background: #5976BF;
  338. border: 0;
  339. }
  340. /* 开始进度样式 */
  341. .fx_step .first_title .el-step__head.is-process,
  342. .fx_step .second_title .el-step__head.is-process,
  343. .fx_step .third_title .el-step__head.is-process,
  344. .fx_step .fourth_title .el-step__head.is-process {
  345. border-top: 3px solid #1F2F3E;
  346. border-color: #5976BF;
  347. color: #FFFFFF;
  348. }
  349. .fx_step .first_title .el-step__head.is-process .el-step__icon,
  350. .fx_step .second_title .el-step__head.is-process .el-step__icon,
  351. .fx_step .third_title .el-step__head.is-process .el-step__icon,
  352. .fx_step .fourth_title .el-step__head.is-process .el-step__icon {
  353. width: 46px;
  354. height: 28px;
  355. border-radius: 0px 0px 28px 28px !important;
  356. border-top-width: 0px !important;
  357. background: #5976BF;
  358. border: 0;
  359. }
  360. .fx_step .first_title .el-step__main .el-step__title,
  361. .fx_step .second_title .el-step__main .el-step__title,
  362. .fx_step .third_title .el-step__main .el-step__title,
  363. .fx_step .fourth_title .el-step__main .el-step__title {
  364. font-family: 'MicrosoftYaHei';
  365. color: #5976BF;
  366. font-size: 14px;
  367. font-weight: 400;
  368. }
  369. /* 等待的进度条样式 */
  370. .fx_step .second_title .el-step__head.is-wait,
  371. .fx_step .third_title .el-step__head.is-wait,
  372. .fx_step .fourth_title .el-step__head.is-wait {
  373. border-top: 3px solid #1F2F3E;
  374. border-color: #1F2F3E;
  375. color: #5D7B97;
  376. }
  377. .fx_step .second_title .el-step__head.is-wait .el-step__icon,
  378. .fx_step .third_title .el-step__head.is-wait .el-step__icon,
  379. .fx_step .fourth_title .el-step__head.is-wait .el-step__icon {
  380. width: 46px;
  381. height: 28px;
  382. border-radius: 0px 0px 28px 28px !important;
  383. border-top-width: 0px !important;
  384. background: #1F2F3E;
  385. border: 0;
  386. }
  387. .fx_step .second_title .el-step__main .el-step__title,
  388. .fx_step .third_title .el-step__main .el-step__title,
  389. .fx_step .fourth_title .el-step__main .el-step__title {
  390. font-family: 'MicrosoftYaHei';
  391. color: #5D7B97;
  392. font-size: 14px;
  393. font-weight: 400;
  394. }
  395. /* 商户界面进度条样式重改 */
  396. .fx_step_SH {
  397. height: 83px;
  398. }
  399. .fx_step_SH .el-step.is-center .el-step__line {
  400. left: 0;
  401. right: -100%;
  402. }
  403. .fx_step_SH .el-step.is-horizontal .el-step__line {
  404. top: 0;
  405. height: 0px;
  406. border: 0;
  407. color: initial;
  408. }
  409. .fx_step_SH .el-step__icon-inner {
  410. font-size: 18px;
  411. font-weight: 400;
  412. }
  413. /* 成功状态 */
  414. .fx_step_SH .el-step__head.is-success {
  415. border-top: 3px solid #51A9C9;
  416. border-color: #51A9C9;
  417. color: #FFFFFF;
  418. }
  419. .fx_step_SH .el-step__head.is-success .el-step__icon {
  420. width: 46px;
  421. height: 28px;
  422. border-radius: 0px 0px 28px 28px !important;
  423. border-top-width: 0px !important;
  424. background: #51A9C9;
  425. border: 0;
  426. }
  427. /* 开始进度样式 */
  428. .fx_step_SH .first_title .el-step__head.is-process,
  429. .fx_step_SH .second_title .el-step__head.is-process,
  430. .fx_step_SH .third_title .el-step__head.is-process {
  431. border-top: 3px solid #1F2F3E;
  432. border-color: #51A9C9;
  433. color: #FFFFFF;
  434. }
  435. .fx_step_SH .first_title .el-step__head.is-process .el-step__icon,
  436. .fx_step_SH .second_title .el-step__head.is-process .el-step__icon,
  437. .fx_step_SH .third_title .el-step__head.is-process .el-step__icon {
  438. width: 46px;
  439. height: 28px;
  440. border-radius: 0px 0px 28px 28px !important;
  441. border-top-width: 0px !important;
  442. background: #51A9C9;
  443. border: 0;
  444. }
  445. .fx_step_SH .first_title .el-step__main .el-step__title,
  446. .fx_step_SH .second_title .el-step__main .el-step__title,
  447. .fx_step_SH .third_title .el-step__main .el-step__title {
  448. font-family: 'MicrosoftYaHei';
  449. color: #51A9C9;
  450. font-size: 14px;
  451. font-weight: 400;
  452. }
  453. /* 等待的进度条样式 */
  454. .fx_step_SH .second_title .el-step__head.is-wait,
  455. .fx_step_SH .third_title .el-step__head.is-wait {
  456. border-top: 3px solid #1F2F3E;
  457. border-color: #1F2F3E;
  458. color: #5D7B97;
  459. }
  460. .fx_step_SH .second_title .el-step__head.is-wait .el-step__icon,
  461. .fx_step_SH .third_title .el-step__head.is-wait .el-step__icon {
  462. width: 46px;
  463. height: 28px;
  464. border-radius: 0px 0px 28px 28px !important;
  465. border-top-width: 0px !important;
  466. background: #1F2F3E;
  467. border: 0;
  468. }
  469. .fx_step_SH .second_title .el-step__main .el-step__title,
  470. .fx_step_SH .third_title .el-step__main .el-step__title {
  471. font-family: 'MicrosoftYaHei';
  472. color: #5D7B97;
  473. font-size: 14px;
  474. font-weight: 400;
  475. }
  476. .el-form-item.is-success .el-input__inner,
  477. .el-form-item.is-success .el-input__inner:focus,
  478. .el-form-item.is-success .el-textarea__inner,
  479. .el-form-item.is-success .el-textarea__inner:focus {
  480. border-color: #E1E6EA !important;
  481. }
  482. .fx_title .el-form-item__content {
  483. text-align: left;
  484. }
  485. .numberInputBox input::-webkit-outer-spin-button,
  486. .numberInputBox input::-webkit-inner-spin-button {
  487. -webkit-appearance: none;
  488. }
  489. .numberInputBox input[type="number"] {
  490. -moz-appearance: textfield;
  491. }
  492. .el-form-item__error {
  493. padding-top: 7px !important;
  494. }
  495. /* 自定义删除icon */
  496. .fx_upload .el-upload-list__item .el-icon-close {
  497. right: 200px;
  498. }
  499. .fx_upload .el-upload-list__item-status-label {
  500. right: 200px;
  501. }
  502. .fx_adress .el-input__inner {
  503. padding-left: 20px;
  504. }
  505. /* 修改滚动条的样式 */
  506. ::-webkit-scrollbar {
  507. width: 10px;
  508. height: 10px;
  509. }
  510. ::-webkit-scrollbar-track {
  511. background-color: #f1f1f1;
  512. }
  513. ::-webkit-scrollbar-thumb {
  514. border-radius: 5px;
  515. background-color: #888;
  516. }
  517. ::-webkit-scrollbar-thumb:hover {
  518. background-color: #555;
  519. }
  520. </style>
  521. </head>
  522. <body>
  523. <div id="app"></div>
  524. </body>
  525. <script type="module" src="/src/main.js"></script>
  526. </html>