shrnewlight.navui4.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="stylesheet" href="/mbos/store/4000148/shrnewlightapp/main.css">
  8. <title>s-HR 移动门户</title>
  9. <script>
  10. var globalThis = window || this
  11. console.log(globalThis,99)
  12. </script>
  13. </head>
  14. <body>
  15. <div id="app">
  16. <!--声明协议弹窗-->
  17. <div class="mask-wrapper" v-if="signAgreement">
  18. <div class="wrapper-content">
  19. <div class="dialog-title">{{localeResource.agreementTitle}}</div>
  20. <div class="dialog-text">
  21. <span>{{localeResource.agreementContent}}</span>
  22. <a v-for="item in agreements" :key="item.id" @click="getAgreement(item.id)" style="color: #388cff;">《{{ item.name }}》</a>
  23. </div>
  24. <div class="btns">
  25. <span @click="disAgree">{{localeResource.disAgree}}</span>
  26. <span @click="Agreement" class="agree">{{localeResource.agree}}</span>
  27. </div>
  28. </div>
  29. </div>
  30. <div v-show="showText" class="agreement-text">
  31. <div v-html="agreementText" class="agreement-detail"></div>
  32. <div class="close-button" @click="closeBtn">
  33. <div>{{localeResource.close}}</div>
  34. </div>
  35. </div>
  36. <main v-if="versionError">
  37. <div>
  38. <img class="no_data" src="/mbos/store/4000148/shrnewlightapp/no_data.png" alt="">
  39. <div class="data_tips">{{localeResource.version}}</div>
  40. </div>
  41. </main>
  42. <main v-else>
  43. <div class="search_bar_wrapper">
  44. <img class="search_icon" src="/mbos/store/4000148/shrnewlightapp/search_icon.svg" alt="">
  45. <input class="search_input" type="text" :placeholder="search" @input="onchange">
  46. <div v-show="showChangeLan" class="language_title" @click="switchLanguage">
  47. {{localeResource.title}}
  48. </div>
  49. </div>
  50. <div class="main_content">
  51. <div>
  52. <img class="banner_image" :src="bannerUrl" alt="">
  53. </div>
  54. <div v-if="originData.length === 0">
  55. <img class="no_data" src="/mbos/store/4000148/shrnewlightapp/no_data.png" alt="">
  56. <div class="data_tips">{{localeResource.noData}}</div>
  57. </div>
  58. <div class="card_wrapper" v-if="shrCommonlyUsed && shrCommonlyUsed.length">
  59. <div class="card_category_title">
  60. {{localeResource.used}}
  61. </div>
  62. <div class="card_list">
  63. <div class="card_item" v-for="item in shrCommonlyUsed" :key="item.name">
  64. <div @click="()=> onItemClick(item)" class="card_item_content">
  65. <img class="card_icon" :src="item.icon" alt="">
  66. <div class="card_title">
  67. {{item.name}}
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="card_wrapper" v-for="data in categoricalDate">
  74. <div class="card_category_title">{{data.name}}</div>
  75. <div class="card_list" id="card_list">
  76. <div class="card_item" v-for="item in data.children" :key="item.name">
  77. <div @click="()=> onItemClick(item)" class="card_item_content">
  78. <img class="card_icon" :src="item.icon" alt="">
  79. <div class="card_title">
  80. {{item.name}}
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. <div class="privacy" v-show="isAllowVersion && originData.length !== 0" @click="()=> turnToPrivacy()">
  87. {{localeResource.privacy}}
  88. </div>
  89. </div>
  90. </main>
  91. </div>
  92. </body>
  93. <script src="/mbos/store/4000148/shrnewlightapp/vue2.js"></script>
  94. <script defer src="/mbos/store/4000148/shrnewlightapp/main.js"></script>
  95. </html>