index.vue 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352
  1. <template>
  2. <fullscreen :fullscreen.sync="fullscreen" class="container">
  3. <div class="container-box">
  4. <h2 class="font-ui">培训考试</h2>
  5. <div class="adv-type">
  6. <div @click="jumpinfo('/trainingPlan','培训计划')">
  7. <span>
  8. <svg class="icon"
  9. style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
  10. viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2960">
  11. <path
  12. d="M292 192h440c55.228 0 100 44.772 100 100v440c0 55.228-44.772 100-100 100H292c-55.228 0-100-44.772-100-100V292c0-55.228 44.772-100 100-100z"
  13. fill="#4988FD" p-id="2961"></path>
  14. <path
  15. d="M574.07 283.178h117.568c27.164 0 49.186 22.022 49.186 49.186v117.568c0 27.166-22.022 49.186-49.186 49.186h-117.568c-27.164 0-49.188-22.022-49.188-49.186v-117.568c0-27.164 22.024-49.186 49.188-49.186z"
  16. fill="#DFECFD" p-id="2962"></path>
  17. <path
  18. d="M308.596 605.028h406.8c14.042 0 25.424 10.742 25.424 24s-11.384 24-25.424 24h-406.8c-14.04-0.014-25.424-10.754-25.424-24 0-13.242 11.384-24 25.424-24zM307.172 704.122h211.136c13.25 0.32 23.732 11.32 23.414 24.57-0.31 12.8-10.614 23.106-23.414 23.414H307.172c-13.25-0.32-23.734-11.32-23.414-24.572 0.31-12.802 10.614-23.104 23.414-23.412z"
  19. fill="#FFFFFF" p-id="2963"></path>
  20. <path
  21. d="M307.172 301.118h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.574 0.31-12.8 10.614-23.102 23.414-23.412zM307.172 381.402h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.572 0.31-12.802 10.614-23.106 23.414-23.414zM307.172 461.672h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.574 0.31-12.798 10.614-23.102 23.414-23.412z"
  22. fill="#DFECFD" p-id="2964"></path>
  23. </svg>
  24. </span>
  25. <span>培训计划</span>
  26. </div>
  27. <div @click="jumpinfo('/trainAssess','培训考核')">
  28. <span>
  29. <svg class="icon"
  30. style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
  31. viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2960">
  32. <path
  33. d="M292 192h440c55.228 0 100 44.772 100 100v440c0 55.228-44.772 100-100 100H292c-55.228 0-100-44.772-100-100V292c0-55.228 44.772-100 100-100z"
  34. fill="#4988FD" p-id="2961"></path>
  35. <path
  36. d="M574.07 283.178h117.568c27.164 0 49.186 22.022 49.186 49.186v117.568c0 27.166-22.022 49.186-49.186 49.186h-117.568c-27.164 0-49.188-22.022-49.188-49.186v-117.568c0-27.164 22.024-49.186 49.188-49.186z"
  37. fill="#DFECFD" p-id="2962"></path>
  38. <path
  39. d="M308.596 605.028h406.8c14.042 0 25.424 10.742 25.424 24s-11.384 24-25.424 24h-406.8c-14.04-0.014-25.424-10.754-25.424-24 0-13.242 11.384-24 25.424-24zM307.172 704.122h211.136c13.25 0.32 23.732 11.32 23.414 24.57-0.31 12.8-10.614 23.106-23.414 23.414H307.172c-13.25-0.32-23.734-11.32-23.414-24.572 0.31-12.802 10.614-23.104 23.414-23.412z"
  40. fill="#FFFFFF" p-id="2963"></path>
  41. <path
  42. d="M307.172 301.118h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.574 0.31-12.8 10.614-23.102 23.414-23.412zM307.172 381.402h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.572 0.31-12.802 10.614-23.106 23.414-23.414zM307.172 461.672h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.574 0.31-12.798 10.614-23.102 23.414-23.412z"
  43. fill="#DFECFD" p-id="2964"></path>
  44. </svg>
  45. </span>
  46. <span>培训考核</span>
  47. </div>
  48. <div @click="jumpinfo('/trainStatis','培训统计')">
  49. <span>
  50. <svg class="icon"
  51. style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
  52. viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2960">
  53. <path
  54. d="M292 192h440c55.228 0 100 44.772 100 100v440c0 55.228-44.772 100-100 100H292c-55.228 0-100-44.772-100-100V292c0-55.228 44.772-100 100-100z"
  55. fill="#4988FD" p-id="2961"></path>
  56. <path
  57. d="M574.07 283.178h117.568c27.164 0 49.186 22.022 49.186 49.186v117.568c0 27.166-22.022 49.186-49.186 49.186h-117.568c-27.164 0-49.188-22.022-49.188-49.186v-117.568c0-27.164 22.024-49.186 49.188-49.186z"
  58. fill="#DFECFD" p-id="2962"></path>
  59. <path
  60. d="M308.596 605.028h406.8c14.042 0 25.424 10.742 25.424 24s-11.384 24-25.424 24h-406.8c-14.04-0.014-25.424-10.754-25.424-24 0-13.242 11.384-24 25.424-24zM307.172 704.122h211.136c13.25 0.32 23.732 11.32 23.414 24.57-0.31 12.8-10.614 23.106-23.414 23.414H307.172c-13.25-0.32-23.734-11.32-23.414-24.572 0.31-12.802 10.614-23.104 23.414-23.412z"
  61. fill="#FFFFFF" p-id="2963"></path>
  62. <path
  63. d="M307.172 301.118h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.574 0.31-12.8 10.614-23.102 23.414-23.412zM307.172 381.402h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.572 0.31-12.802 10.614-23.106 23.414-23.414zM307.172 461.672h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.574 0.31-12.798 10.614-23.102 23.414-23.412z"
  64. fill="#DFECFD" p-id="2964"></path>
  65. </svg>
  66. </span>
  67. <span>培训统计</span>
  68. </div>
  69. </div>
  70. <h2 class="font-ui">考核通报</h2>
  71. <div class="adv-type">
  72. <div @click="jumpinfo('/foocusAssess','集中考核')">
  73. <span>
  74. <svg class="icon"
  75. style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
  76. viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3379">
  77. <path
  78. d="M232 192h560c22.092 0 40 17.908 40 40v560c0 22.092-17.908 40-40 40H232c-22.092 0-40-17.908-40-40V232c0-22.092 17.908-40 40-40z"
  79. fill="#4988FD" p-id="3380"></path>
  80. <path
  81. d="M792 832H232c-22.056 0-40-17.944-40-40V232c0-22.056 17.944-40 40-40h560c22.056 0 40 17.944 40 40v560c0 22.056-17.944 40-40 40z m-540-60h520V252H252v520z"
  82. fill="#4988FD" p-id="3381"></path>
  83. <path
  84. d="M352 532c-11.046 0-20-8.956-20-20v-160c0-11.046 8.954-20 20-20s20 8.954 20 20v160c0 11.044-8.954 20-20 20z"
  85. fill="#DFECFD" p-id="3382"></path>
  86. <path
  87. d="M424 372h-144c-11.046 0-20-8.954-20-20s8.954-20 20-20h144c11.046 0 20 8.954 20 20s-8.954 20-20 20zM732 372H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 448H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 524H512c-11.046 0-20-8.956-20-20 0-11.046 8.954-20 20-20h220c11.044 0 20 8.954 20 20 0 11.044-8.956 20-20 20zM732 692H280c-11.046 0-20-8.956-20-20s8.954-20 20-20h452c11.044 0 20 8.956 20 20s-8.956 20-20 20z"
  88. fill="#DFECFD" p-id="3383"></path>
  89. </svg>
  90. </span>
  91. <span>集中考核</span>
  92. </div>
  93. </div>
  94. <h2 class="font-ui">宣传落实</h2>
  95. <div class="adv-type">
  96. <div @click="jumpinfo('/propaganda','宣传落实')">
  97. <span>
  98. <svg class="icon"
  99. style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
  100. viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3379">
  101. <path
  102. d="M232 192h560c22.092 0 40 17.908 40 40v560c0 22.092-17.908 40-40 40H232c-22.092 0-40-17.908-40-40V232c0-22.092 17.908-40 40-40z"
  103. fill="#4988FD" p-id="3380"></path>
  104. <path
  105. d="M792 832H232c-22.056 0-40-17.944-40-40V232c0-22.056 17.944-40 40-40h560c22.056 0 40 17.944 40 40v560c0 22.056-17.944 40-40 40z m-540-60h520V252H252v520z"
  106. fill="#4988FD" p-id="3381"></path>
  107. <path
  108. d="M352 532c-11.046 0-20-8.956-20-20v-160c0-11.046 8.954-20 20-20s20 8.954 20 20v160c0 11.044-8.954 20-20 20z"
  109. fill="#DFECFD" p-id="3382"></path>
  110. <path
  111. d="M424 372h-144c-11.046 0-20-8.954-20-20s8.954-20 20-20h144c11.046 0 20 8.954 20 20s-8.954 20-20 20zM732 372H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 448H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 524H512c-11.046 0-20-8.956-20-20 0-11.046 8.954-20 20-20h220c11.044 0 20 8.954 20 20 0 11.044-8.956 20-20 20zM732 692H280c-11.046 0-20-8.956-20-20s8.954-20 20-20h452c11.044 0 20 8.956 20 20s-8.956 20-20 20z"
  112. fill="#DFECFD" p-id="3383"></path>
  113. </svg>
  114. </span>
  115. <span>宣传落实</span>
  116. </div>
  117. <div @click="jumpinfo('/pointPosition','宣传点位清单')">
  118. <span>
  119. <svg class="icon"
  120. style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
  121. viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3379">
  122. <path
  123. d="M232 192h560c22.092 0 40 17.908 40 40v560c0 22.092-17.908 40-40 40H232c-22.092 0-40-17.908-40-40V232c0-22.092 17.908-40 40-40z"
  124. fill="#4988FD" p-id="3380"></path>
  125. <path
  126. d="M792 832H232c-22.056 0-40-17.944-40-40V232c0-22.056 17.944-40 40-40h560c22.056 0 40 17.944 40 40v560c0 22.056-17.944 40-40 40z m-540-60h520V252H252v520z"
  127. fill="#4988FD" p-id="3381"></path>
  128. <path
  129. d="M352 532c-11.046 0-20-8.956-20-20v-160c0-11.046 8.954-20 20-20s20 8.954 20 20v160c0 11.044-8.954 20-20 20z"
  130. fill="#DFECFD" p-id="3382"></path>
  131. <path
  132. d="M424 372h-144c-11.046 0-20-8.954-20-20s8.954-20 20-20h144c11.046 0 20 8.954 20 20s-8.954 20-20 20zM732 372H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 448H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 524H512c-11.046 0-20-8.956-20-20 0-11.046 8.954-20 20-20h220c11.044 0 20 8.954 20 20 0 11.044-8.956 20-20 20zM732 692H280c-11.046 0-20-8.956-20-20s8.954-20 20-20h452c11.044 0 20 8.956 20 20s-8.956 20-20 20z"
  133. fill="#DFECFD" p-id="3383"></path>
  134. </svg>
  135. </span>
  136. <span>宣传点位清单</span>
  137. </div>
  138. <div @click="jumpinfo('/Hallstore','厅店级宣传点位清单')">
  139. <span>
  140. <svg class="icon"
  141. style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
  142. viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3379">
  143. <path
  144. d="M232 192h560c22.092 0 40 17.908 40 40v560c0 22.092-17.908 40-40 40H232c-22.092 0-40-17.908-40-40V232c0-22.092 17.908-40 40-40z"
  145. fill="#4988FD" p-id="3380"></path>
  146. <path
  147. d="M792 832H232c-22.056 0-40-17.944-40-40V232c0-22.056 17.944-40 40-40h560c22.056 0 40 17.944 40 40v560c0 22.056-17.944 40-40 40z m-540-60h520V252H252v520z"
  148. fill="#4988FD" p-id="3381"></path>
  149. <path
  150. d="M352 532c-11.046 0-20-8.956-20-20v-160c0-11.046 8.954-20 20-20s20 8.954 20 20v160c0 11.044-8.954 20-20 20z"
  151. fill="#DFECFD" p-id="3382"></path>
  152. <path
  153. d="M424 372h-144c-11.046 0-20-8.954-20-20s8.954-20 20-20h144c11.046 0 20 8.954 20 20s-8.954 20-20 20zM732 372H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 448H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 524H512c-11.046 0-20-8.956-20-20 0-11.046 8.954-20 20-20h220c11.044 0 20 8.954 20 20 0 11.044-8.956 20-20 20zM732 692H280c-11.046 0-20-8.956-20-20s8.954-20 20-20h452c11.044 0 20 8.956 20 20s-8.956 20-20 20z"
  154. fill="#DFECFD" p-id="3383"></path>
  155. </svg>
  156. </span>
  157. <span>厅店级宣传点位清单</span>
  158. </div>
  159. </div>
  160. <h2 class="font-ui">经验共享</h2>
  161. <div class="adv-type">
  162. <div @click="jumpinfo('/experienceCollec','营销经验收集')">
  163. <span>
  164. <svg class="icon"
  165. style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
  166. viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3379">
  167. <path
  168. d="M232 192h560c22.092 0 40 17.908 40 40v560c0 22.092-17.908 40-40 40H232c-22.092 0-40-17.908-40-40V232c0-22.092 17.908-40 40-40z"
  169. fill="#4988FD" p-id="3380"></path>
  170. <path
  171. d="M792 832H232c-22.056 0-40-17.944-40-40V232c0-22.056 17.944-40 40-40h560c22.056 0 40 17.944 40 40v560c0 22.056-17.944 40-40 40z m-540-60h520V252H252v520z"
  172. fill="#4988FD" p-id="3381"></path>
  173. <path
  174. d="M352 532c-11.046 0-20-8.956-20-20v-160c0-11.046 8.954-20 20-20s20 8.954 20 20v160c0 11.044-8.954 20-20 20z"
  175. fill="#DFECFD" p-id="3382"></path>
  176. <path
  177. d="M424 372h-144c-11.046 0-20-8.954-20-20s8.954-20 20-20h144c11.046 0 20 8.954 20 20s-8.954 20-20 20zM732 372H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 448H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 524H512c-11.046 0-20-8.956-20-20 0-11.046 8.954-20 20-20h220c11.044 0 20 8.954 20 20 0 11.044-8.956 20-20 20zM732 692H280c-11.046 0-20-8.956-20-20s8.954-20 20-20h452c11.044 0 20 8.956 20 20s-8.956 20-20 20z"
  178. fill="#DFECFD" p-id="3383"></path>
  179. </svg>
  180. </span>
  181. <span>营销经验收集</span>
  182. </div>
  183. <div @click="jumpinfo('/experCollec','经验共享库')">
  184. <span>
  185. <svg class="icon"
  186. style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
  187. viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3379">
  188. <path
  189. d="M232 192h560c22.092 0 40 17.908 40 40v560c0 22.092-17.908 40-40 40H232c-22.092 0-40-17.908-40-40V232c0-22.092 17.908-40 40-40z"
  190. fill="#4988FD" p-id="3380"></path>
  191. <path
  192. d="M792 832H232c-22.056 0-40-17.944-40-40V232c0-22.056 17.944-40 40-40h560c22.056 0 40 17.944 40 40v560c0 22.056-17.944 40-40 40z m-540-60h520V252H252v520z"
  193. fill="#4988FD" p-id="3381"></path>
  194. <path
  195. d="M352 532c-11.046 0-20-8.956-20-20v-160c0-11.046 8.954-20 20-20s20 8.954 20 20v160c0 11.044-8.954 20-20 20z"
  196. fill="#DFECFD" p-id="3382"></path>
  197. <path
  198. d="M424 372h-144c-11.046 0-20-8.954-20-20s8.954-20 20-20h144c11.046 0 20 8.954 20 20s-8.954 20-20 20zM732 372H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 448H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 524H512c-11.046 0-20-8.956-20-20 0-11.046 8.954-20 20-20h220c11.044 0 20 8.954 20 20 0 11.044-8.956 20-20 20zM732 692H280c-11.046 0-20-8.956-20-20s8.954-20 20-20h452c11.044 0 20 8.956 20 20s-8.956 20-20 20z"
  199. fill="#DFECFD" p-id="3383"></path>
  200. </svg>
  201. </span>
  202. <span>经验共享库</span>
  203. </div>
  204. </div>
  205. </div>
  206. </fullscreen>
  207. </template>
  208. <script>
  209. import mySearch from "../../../components/search.vue";
  210. import myMessage from "../../../components/myMessage.vue"
  211. import toolList from '../../../components/toolList'
  212. import myUpload from '../../../components/upload'
  213. export default {
  214. components: {
  215. mySearch,
  216. myMessage,
  217. toolList,
  218. myUpload
  219. },
  220. data() {
  221. return {
  222. fullscreen: false,
  223. lockFlag: 'see',
  224. province: true,
  225. orgsts:0
  226. }
  227. },
  228. methods: {
  229. jumpinfot(p, n) {
  230. this.$http({
  231. url: "/sysmgr/csysuserinfo/queryUserInfoByLoginNo",
  232. method: "post",
  233. headers: {
  234. "Content-Type": "application/json",
  235. },
  236. data: {},
  237. }).then((res) => {
  238. if(res.data.companyFlag == 1){
  239. this.$router.push({
  240. path: p,
  241. });
  242. this.setabList(n, p);
  243. }else if(res.data.companyFlag == 0){
  244. this.$router.push({
  245. path: '/settlementEval',
  246. });
  247. this.setabList(n, 'settlementEval');
  248. }
  249. });
  250. },
  251. jumpinfo(p, n) {
  252. this.$router.push({
  253. path: p,
  254. });
  255. this.setabList(n, p);
  256. },
  257. setabList(n, p) {
  258. let params = {
  259. children: "",
  260. name: n,
  261. rountPath: p,
  262. target: "_self",
  263. };
  264. for (let i = 0; i < this.$store.state.tabList.length; i++) {
  265. if (this.$store.state.tabList[i].name === params.name) {
  266. this.$store.state.tabList[i] = params;
  267. }
  268. }
  269. let set = new Set([...this.$store.state.tabList, params]);
  270. set.add(params);
  271. this.$store.commit("setDefaultActive", params.rountPath);
  272. this.$store.commit("setTabList", Array.from(set));
  273. },
  274. getUser() {
  275. this.userInfo = JSON.parse(window.sessionStorage.userInfo);
  276. let menus = JSON.parse(window.sessionStorage.childrenMenus);
  277. for(let n=0;n<menus.length;n++){
  278. if (menus[n].jspUrl == "/organizaStructure") {
  279. this.orgsts = 1;
  280. }
  281. }
  282. console.log(this.orgsts)
  283. }
  284. },
  285. mounted() {
  286. this.getUser();
  287. },
  288. created() {
  289. }
  290. }
  291. </script>
  292. <style scoped lang="scss">
  293. .container-box {
  294. height: calc(100vh - 200px);
  295. overflow-y: scroll;
  296. padding-bottom: 20px;
  297. }
  298. .adv-type {
  299. margin: 20px 0;
  300. display: flex;
  301. justify-content: left;
  302. flex-wrap: wrap;
  303. // border: 1px solid #ddd;
  304. border-radius: 5px;
  305. padding: 20px;
  306. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  307. div {
  308. width: 20%;
  309. text-align: center;
  310. height: 80px;
  311. overflow: hidden;
  312. min-width: 100px;
  313. cursor: pointer;
  314. padding-top: 10px;
  315. margin: 10px 0;
  316. }
  317. div:hover {
  318. background: #CFE8FC;
  319. border-radius: 5px;
  320. }
  321. span {
  322. width: 100%;
  323. display: inline-block;
  324. height: 40px;
  325. // line-height: 40px;
  326. i {
  327. color: #0074D9;
  328. font-size: 36px;
  329. }
  330. }
  331. .wfour {
  332. width: 25%;
  333. }
  334. .wfive {
  335. width: 20%;
  336. }
  337. }
  338. </style>