Home.vue 83 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126
  1. <template>
  2. <div>
  3. <headers></headers>
  4. <search :informationTotal="informationTotal"></search>
  5. <ul class="module-classify-list">
  6. <div class="module-classify-list" style="padding: 0px">
  7. <img
  8. class="banner"
  9. src="@/assets/ballot/20220923.png"
  10. alt=""
  11. style="width: 0px; height: 0px"
  12. />
  13. <!-- <div class="broadcast" v-if="newSum!=0"> -->
  14. <!-- 信息播报 -->
  15. <!-- <div class="testtest_one" :class="{'testtest_tow':broadcastFlag_one,'testtest_three':broadcastFlag_tow,}">
  16. <span style="color:orange">New </span> <span style="color:white">{{$i18n.locale=='zh'?'信息播报':'Information broadcast'}} : </span> -->
  17. <!-- 播报滚动的情况 -->
  18. <!-- <div class="testtest_one scroll-up" ref="scroll" style="display:inline-block" v-if="scrollArr.length>1">
  19. <ul style="width:300px;padding-top:2.5px">
  20. <li style="height:100%;width:100%" v-for="(item,index) in broadcastList" :key="index">
  21. <template v-if="item.number != 0">
  22. <span style="color:white">{{item.title}}:</span> <span style="color:orange;margin-right:10px">{{'+'+item.number}}</span>
  23. </template>
  24. </li>
  25. </ul>
  26. <ul style="width:300px;padding-top:2.5px">
  27. <li style="height:100%;width:100%" v-for="(item,index) in broadcastList" :key="index">
  28. <template v-if="item.number != 0">
  29. <span style="color:white">{{item.title}}:</span> <span style="color:orange;margin-right:10px">{{'+'+item.number}}</span>
  30. </template>
  31. </li>
  32. </ul>
  33. </div> -->
  34. <!-- 播报不滚动的情况 -->
  35. <!-- <div class="testtest_one scroll-up" style="display:inline-block" v-if="scrollArr.length<2">
  36. <ul style="width:300px;padding-top:2.5px">
  37. <li style="height:100%;width:100%" v-for="(item,index) in broadcastList" :key="index">
  38. <template v-if="item.number != 0">
  39. <span style="color:white">{{item.title}}:</span> <span style="color:orange;margin-right:10px">{{'+'+item.number}}</span>
  40. </template>
  41. </li>
  42. </ul>
  43. </div>
  44. </div> -->
  45. <!-- 信息播报 -->
  46. <!-- </div> -->
  47. <li
  48. v-for="(item, index, trueindex) in initData"
  49. :key="item.value + index"
  50. @mouseover="moduleClassifyHover(index)"
  51. @click="toViewImg(item), changeIcon(trueindex)"
  52. style="cursor: pointer"
  53. @mouseout="moduleClassifyHover(-1)"
  54. >
  55. <div
  56. class="module-classify-info"
  57. :class="
  58. moduleClassify != index
  59. ? ''
  60. : item.dataitem.length
  61. ? 'module-classify-info-active2'
  62. : 'module-classify-info-active'
  63. "
  64. >
  65. <!-- <div class='new' v-if="newIcon[trueindex]&&newIcon[trueindex]!=0">New</div> -->
  66. <div
  67. class="new"
  68. v-if="
  69. $i18n.locale == 'zh'
  70. ? newIcon[trueindex] > mynewIcon[trueindex]
  71. : newIcon[trueindex] > mynewIconEn[trueindex]
  72. "
  73. >
  74. New
  75. </div>
  76. <div class="module-classify-icon">
  77. <img :src="getIconUrl(item.icon + '3')" alt class="middle" />
  78. </div>
  79. <p class="module-classify-title" @click="toView(item.value, {})">
  80. {{ $t(item.label) }}
  81. </p>
  82. <div class="module-classify-line"></div>
  83. </div>
  84. <div
  85. class="module-classify-children"
  86. :class="$i18n.locale == 'en' ? 'en' : ''"
  87. >
  88. <template v-for="(i, index) in item.dataitem">
  89. <div
  90. class="cursor"
  91. :key="index"
  92. style="padding-left: 30px; width: 100%"
  93. @click="toView(i.value, i.json ? i.json : '', item, i)"
  94. >
  95. ● {{ $t(i.label) }}
  96. </div>
  97. </template>
  98. </div>
  99. </li>
  100. </div>
  101. </ul>
  102. <div class="latest-news-content" style="position: relative">
  103. <img
  104. class="most-watched cursor"
  105. @click="canClick && toViews('ConferenceDetail', paramKey)"
  106. :src="homeImg"
  107. alt=""
  108. />
  109. <!-- <img class="most-watched cursor"
  110. @click="toViews('ConferenceDetail','1333254258275622912')"
  111. src="@/assets/img/home/meeting_20210120.png"
  112. alt=""
  113. v-if="$i18n.locale!=='zh'"> -->
  114. <ul class="latest-news-list">
  115. <li style="position: relative" v-for="(item, num) in news" :key="num">
  116. <div style="text-align: center">
  117. <img
  118. :src="getIconUrl(item.icon)"
  119. width="44"
  120. height="44"
  121. alt=""
  122. class="cursor"
  123. style="margin-top: 42px; margin-bottom: 22px"
  124. @click="toViewChange(num)"
  125. />
  126. <p
  127. style="
  128. font-size: 26px;
  129. line-height: 26px;
  130. color: #333;
  131. font-weight: 500;
  132. "
  133. >
  134. {{ $t(item.label) }}
  135. </p>
  136. </div>
  137. <ul>
  138. <li v-for="(i, index) in item.newItem" :key="index">
  139. <p
  140. v-if="num != 2"
  141. class="tdLabel1 cursor"
  142. style="
  143. width: 95%;
  144. overflow: hidden;
  145. text-overflow: ellipsis;
  146. white-space: nowrap;
  147. display: inline-block;
  148. "
  149. @click="
  150. viewChange(
  151. i.baseEntityId ? i.baseEntityId : i.projectId,
  152. index,
  153. num
  154. )
  155. "
  156. >
  157. <span class="spot"></span>
  158. {{ $t(i.title ? i.title : i.projectName) }}
  159. </p>
  160. <!-- <p v-if="num==0" class="tdLabel2" style="width: 25%;text-align: center;float: right;">
  161. {{formatDate(i.publishDate)}}
  162. </p> -->
  163. <!-- <p v-if="num==1" class="tdLabel2" style="width: 25%;text-align: center;float: right;">
  164. {{formatDate(i.createDate)}}
  165. </p> -->
  166. <p
  167. v-if="num === 2"
  168. class="tdLabel1 cursor"
  169. @click="viewChange(i.id, index, num)"
  170. >
  171. <span class="spot"></span>
  172. {{
  173. $i18n.locale.toUpperCase() == 'ZH'
  174. ? i.meetingName
  175. : i.meetingNameEn
  176. }}
  177. </p>
  178. </li>
  179. </ul>
  180. <p class="latest-news-more">
  181. <span v-if="item.newItem.length > 0" @click="toViewChange(num)"
  182. >+</span
  183. >
  184. </p>
  185. </li>
  186. </ul>
  187. </div>
  188. <div
  189. :class="$i18n.locale == 'zh' ? 'quick-entry-list' : 'quick-entry-list2'"
  190. >
  191. <div @click="toView('developmentCooperation')">
  192. <!-- <span @click="toView('developmentCooperation')"> <i class="el-icon-folder-remove"></i> {{$t('common.DevelopmentCooperationForum')}} </span> -->
  193. </div>
  194. <div @click="toView('onlineMeeting')">
  195. <!-- <span @click="toView('onlineMeeting')"> <i class="el-icon-data-analysis"></i> {{ $t('common.OnlineMeeting')}} </span> -->
  196. </div>
  197. </div>
  198. <!-- 理事会投票入口 -->
  199. <!-- <div v-if="showHomeEntrance == true" class="voteBallot">
  200. 中文状态入口
  201. <img v-if="$i18n.locale == 'zh'" @click="clickVote()" :src="'api/file/pub/' + voteUrl[0].bannerUrl" alt=""
  202. style="width: 100%; height: 100%" />
  203. 英文状态入口
  204. <img v-if="$i18n.locale == 'en'" @click="clickVote()" :src="'api/file/pub/' + voteUrl[1].bannerUrl" alt=""
  205. style="width: 100%; height: 100%" />
  206. </div> -->
  207. <!-- <div class="ballot-info">
  208. <div class="ballot-login" @click="getLogin"></div>
  209. </div> -->
  210. <!-- 登录 -->
  211. <!-- <div class="ballot-details" v-if="ballotLanguage">
  212.  <div class="user-box" v-if="languageInfo.value == 'CN'">
  213. <div class="login-top">
  214. <div class="select-details-info">
  215. <el-select v-model="languageInfo.value" class="select-select">
  216. <el-option v-for="(item, index) in optionLists" :key="index" :label="item.label"
  217. :value="item.value">{{ item.label }}
  218. </el-option>
  219. </el-select>
  220. </div>
  221. <div class="login-text">用户登录</div>
  222. <div class="close-pic" @click="closeInfo">
  223. <img src="@/assets/ballot/close-l.png" alt="">
  224. </div>
  225. </div>
  226. <div class="user-info">
  227. <el-form :model="ruleForm" :rules="rules" ref="ruleForm">
  228. <el-form-item class="user-id" prop="id">
  229. <div class="user-text">ID:</div>
  230. <el-input v-model="ruleForm.id" placeholder="请输入登录ID" autocomplete="off"></el-input>
  231. </el-form-item>
  232. <el-form-item class="user-pws" prop="password">
  233. <div class="user-text">密码:</div>
  234. <el-input placeholder="请输入登录密码" v-model="ruleForm.password" show-password></el-input>
  235. </el-form-item>
  236. <el-form-item class="user-yzm" prop="voteCode">
  237. <div class="user-text">验证码:</div>
  238. <el-input placeholder="请输入验证码" v-model="ruleForm.voteCode"
  239. style="width:73%; margin-left: -23%;"></el-input>
  240. <div class="verify">
  241. <img :src="invitedUrl" alt="" @click="refreshCaptchaNew" />
  242. </div>
  243. <div class="voteWarn">{{ VerifyText }}</div>
  244. </el-form-item>
  245. <div class="user-login" @click="userLoginBallot('ruleForm')">
  246. 登&nbsp;&nbsp;&nbsp;录
  247. </div>
  248. <div class="user-change" @click="changePassword">修改密码</div>
  249. </el-form>
  250. </div>
  251. <div class="btm-pic">
  252. <img src="@/assets/ballot/未标题-2.png" alt="">
  253. </div>
  254. </div>
  255.  <div class="user-box" v-if="languageInfo.value == 'EN'">
  256. <div class="login-top">
  257. <div class="select-details-info">
  258. <el-select v-model="languageInfo.value" class="select-select">
  259. <el-option v-for="(item, index) in optionLists" :key="index" :label="item.label"
  260. :value="item.value">{{ item.label }}
  261. </el-option>
  262. </el-select>
  263. </div>
  264. <div class="login-text">User Login</div>
  265. <div class="close-pic" @click="closeInfo">
  266. <img src="@/assets/ballot/close-l.png" alt="">
  267. </div>
  268. </div>
  269. <div class="user-info">
  270. <el-form :model="ruleForm" :rules="rules" ref="ruleForm">
  271. <el-form-item class="user-id" prop="id">
  272. <div class="user-text">ID:</div>
  273. <el-input v-model="ruleForm.id" placeholder="Please enter your login ID" autocomplete="off">
  274. </el-input>
  275. </el-form-item>
  276. <el-form-item class="user-pws" prop="password">
  277. <div class="user-text">Password:</div>
  278. <el-input placeholder="Please enter your password" v-model="ruleForm.password"
  279. show-password></el-input>
  280. </el-form-item>
  281. <el-form-item class="user-yzm" prop="voteCode">
  282. <div class="user-text">Verification Code:</div>
  283. <el-input placeholder="Please enter verification code" v-model="ruleForm.voteCode"
  284. style="width:73%; margin-left: -23%;"></el-input>
  285. <div class="verify">
  286. <img :src="invitedUrl" alt="" @click="refreshCaptchaNew" />
  287. </div>
  288. <div class="voteWarn">{{ VerifyText }}</div>
  289. </el-form-item>
  290. <div class="user-login" @click="userLoginBallot('ruleForm')">
  291. Log in
  292. </div>
  293. <div class="user-change" @click="changePassword">修改密码</div>
  294. </el-form>
  295. </div>
  296. <div class="btm-pic">
  297. <img src="@/assets/ballot/未标题-2.png" alt="">
  298. </div>
  299. </div>
  300.  <div class="user-box" v-if="languageInfo.value == 'FR'">
  301. <div class="login-top">
  302. <div class="select-details-info">
  303. <el-select v-model="languageInfo.value" class="select-select">
  304. <el-option v-for="(item, index) in optionLists" :key="index" :label="item.label"
  305. :value="item.value">{{ item.label }}
  306. </el-option>
  307. </el-select>
  308. </div>
  309. <div class="login-text">Connexion d'utilisateur</div>
  310. <div class="close-pic" @click="closeInfo">
  311. <img src="@/assets/ballot/close-l.png" alt="">
  312. </div>
  313. </div>
  314. <div class="user-info">
  315. <el-form :model="ruleForm" :rules="rules" ref="ruleForm">
  316. <el-form-item class="user-id" prop="id">
  317. <div class="user-text">ID:</div>
  318. <el-input v-model="ruleForm.id" placeholder="Veuillez saisir votre identifiant de connexion"
  319. autocomplete="off"></el-input>
  320. </el-form-item>
  321. <el-form-item class="user-pws" prop="password">
  322. <div class="user-text">Mot de passe:</div>
  323. <el-input placeholder="Veuillez saisir votre mot de passe" v-model="ruleForm.password"
  324. show-password></el-input>
  325. </el-form-item>
  326. <el-form-item class="user-yzm" prop="voteCode">
  327. <div class="user-text">Code de vérification:</div>
  328. <el-input placeholder="Veuillez saisir le code de vérification" v-model="ruleForm.voteCode"
  329. style="width:73%; margin-left: -23%;"></el-input>
  330. <div class="verify">
  331. <img :src="invitedUrl" alt="" @click="refreshCaptchaNew" />
  332. </div>
  333. <div class="voteWarn">{{ VerifyText }}</div>
  334. </el-form-item>
  335. <div class="user-login" @click="userLoginBallot('ruleForm')">
  336. Se connecter
  337. </div>
  338. <div class="user-change" @click="changePassword">修改密码</div>
  339. </el-form>
  340. </div>
  341. <div class="btm-pic">
  342. <img src="@/assets/ballot/未标题-2.png" alt="">
  343. </div>
  344. </div>
  345.  <div class="user-box" v-if="languageInfo.value == 'RU'">
  346. <div class="login-top">
  347. <div class="select-details-info">
  348. <el-select v-model="languageInfo.value" class="select-select">
  349. <el-option v-for="(item, index) in optionLists" :key="index" :label="item.label"
  350. :value="item.value">{{ item.label }}
  351. </el-option>
  352. </el-select>
  353. </div>
  354. <div class="login-text">Вход</div>
  355. <div class="close-pic" @click="closeInfo">
  356. <img src="@/assets/ballot/close-l.png" alt="">
  357. </div>
  358. </div>
  359. <div class="user-info">
  360. <el-form :model="ruleForm" :rules="rules" ref="ruleForm">
  361. <el-form-item class="user-id" prop="id">
  362. <div class="user-text">ID:</div>
  363. <el-input v-model="ruleForm.id" placeholder="Введите ваш логин" autocomplete="off">
  364. </el-input>
  365. </el-form-item>
  366. <el-form-item class="user-pws" prop="password">
  367. <div class="user-text">Пароль:</div>
  368. <el-input placeholder="Введите ваш пароль" v-model="ruleForm.password" show-password>
  369. </el-input>
  370. </el-form-item>
  371. <el-form-item class="user-yzm" prop="voteCode">
  372. <div class="user-text">Код проверки:</div>
  373. <el-input placeholder="Введите код проверки" v-model="ruleForm.voteCode"
  374. style="width:73%; margin-left: -23%;"></el-input>
  375. <div class="verify">
  376. <img :src="invitedUrl" alt="" @click="refreshCaptchaNew" />
  377. </div>
  378. <div class="voteWarn">{{ VerifyText }}</div>
  379. </el-form-item>
  380. <div class="user-login" @click="userLoginBallot('ruleForm')">
  381. Войти
  382. </div>
  383. <div class="user-change" @click="changePassword">修改密码</div>
  384. </el-form>
  385. </div>
  386. <div class="btm-pic">
  387. <img src="@/assets/ballot/未标题-2.png" alt="">
  388. </div>
  389. </div>
  390. </div> -->
  391. <!-- 修改密码 -->
  392. <div>
  393. <!-- <div class="change-details" v-if="changeBallot">
  394. <div class="change-box1">
  395. <div class="change-top">
  396. <div class="change-box">
  397. <el-select v-model="languageInfo.value" class="change-change">
  398. <el-option v-for="(item, index) in optionLists" :key="index" :label="item.label"
  399. :value="item.value">
  400. </el-option>
  401. </el-select>
  402. </div>
  403. <div class="change-text">修改密码</div>
  404. <div class="change-pic" @click="changeCloseInfo">
  405. <img src="@/assets/ballot/close-l.png" alt="">
  406. </div>
  407. </div>
  408. <div class="change-user-info">
  409. <div class="change-item-id">
  410. <div class="change-title">ID:</div>
  411. <el-input v-model="changeList.id" placeholder="请输入ID"></el-input>
  412. </div>
  413. <div class="change-user-id">
  414. <div class="change-title">原密码:</div>
  415. <el-input v-model="changeList.oldPassword" placeholder="请输入原密码" show-password></el-input>
  416. </div>
  417. <div class="change-user-pws">
  418. <div class="change-title">新密码:</div>
  419. <el-input placeholder="请输入新密码" v-model="changeList.password" show-password></el-input>
  420. </div>
  421. <div class="change-user-yzm">
  422. <div class="change-title">新密码:</div>
  423. <el-input placeholder="请再次输入新密码" v-model="changeList.newPassword" show-password></el-input>
  424. </div>
  425. <div class="user-change1">密码规则:</div>
  426. <div class="user-long">1.&nbsp;&nbsp;密码长度:8-20位</div>
  427. <div class="user-style">
  428. <div class="user-style1">2.&nbsp;&nbsp;密码格式:</div>
  429. <div class="user-style2">大小写英文字母、数字、符合至少三项<br /> 混合,并且符合安全规定。</div>
  430. </div>
  431. <div class="user-change-pic" @click="sureChange">
  432. 确认修改
  433. </div>
  434. </div>
  435. <div class="change-btm-pic">
  436. <img src="@/assets/ballot/未标题-2.png" alt="">
  437. </div>
  438. </div>
  439. </div> -->
  440. </div>
  441. <!-- 在线客服右侧浮窗-->
  442. <div
  443. style="
  444. position: fixed;
  445. left: 50%;
  446. top: 80%;
  447. transform: translate(595px, -50%);
  448. width: 70px;
  449. background: #fff;
  450. box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  451. "
  452. class="realTimeInfo_scree"
  453. >
  454. <div
  455. style="
  456. width: 70px;
  457. height: 70px;
  458. background: #2a548c;
  459. text-align: center;
  460. font-size: 12px;
  461. color: #fff;
  462. "
  463. class="cursor"
  464. @click="toView('customerService')"
  465. >
  466. <img
  467. src="@/assets/img/home/footer/customerServiceexport@2x.png"
  468. alt=""
  469. style="width: 30px; margin-top: 10px"
  470. />
  471. <div>{{ $t('common.Online') }}</div>
  472. </div>
  473. <div
  474. style="
  475. width: 70px;
  476. height: 70px;
  477. text-align: center;
  478. font-size: 12px;
  479. color: #666;
  480. border-bottom: 1px solid rgba(241, 241, 241, 1);
  481. cursor: pointer;
  482. "
  483. @mouseover="mouseOver"
  484. @mouseleave="mouseLeave"
  485. >
  486. <img
  487. src="@/assets/img/home/footer/QRcodeexport@2x.png"
  488. alt=""
  489. style="width: 30px; margin-top: 10px"
  490. />
  491. <div>{{ $i18n.locale == 'zh' ? '手机网页版' : 'Mobile Web' }}</div>
  492. </div>
  493. <div
  494. ref="QRCode"
  495. id="qrcode"
  496. style="
  497. position: absolute;
  498. transform: translate(-120%, -50%);
  499. display: none;
  500. "
  501. ></div>
  502. <div
  503. style="
  504. width: 70px;
  505. height: 70px;
  506. text-align: center;
  507. font-size: 12px;
  508. color: #666;
  509. border-bottom: 1px solid rgba(241, 241, 241, 1);
  510. "
  511. class="cursor"
  512. @click="ShareChange"
  513. >
  514. <img
  515. src="@/assets/img/home/footer/rectangle@2x.png"
  516. alt=""
  517. style="width: 30px; margin-top: 10px"
  518. />
  519. <div>{{ $t('common.Share') }}</div>
  520. </div>
  521. <div
  522. style="
  523. width: 70px;
  524. height: 70px;
  525. text-align: center;
  526. font-size: 12px;
  527. color: #666;
  528. border-bottom: 1px solid rgba(241, 241, 241, 1);
  529. cursor: pointer;
  530. "
  531. @click="toView('appDownload')"
  532. >
  533. <img
  534. src="@/assets/img/home/footer/app.png"
  535. alt=""
  536. style="width: 30px; margin-top: 10px"
  537. />
  538. <div>{{ $t('common.appDownload') }}</div>
  539. </div>
  540. <!-- 首页跳转 -->
  541. <div
  542. style="
  543. width: 70px;
  544. height: 70px;
  545. text-align: center;
  546. font-size: 12px;
  547. color: #666;
  548. border-bottom: 1px solid rgba(241, 241, 241, 1);
  549. "
  550. class="cursor"
  551. @click="toView('home')"
  552. >
  553. <img
  554. src="@/assets/img/home/footer/home@2x.png"
  555. alt=""
  556. style="width: 30px; margin-top: 10px"
  557. />
  558. <div>{{ $t('common.Home') }}</div>
  559. </div>
  560. <div
  561. style="position: absolute; transform: translate(90%, -90%)"
  562. v-show="ShareNum"
  563. >
  564. <!-- <vshare ></vshare> -->
  565. <!-- <div class="share-component" data-sites="weibo,qzone,qq,wechat"></div> -->
  566. <share
  567. style="width: 84px; margin-bottom: 180px"
  568. :config="vshareConfig"
  569. ></share>
  570. </div>
  571. <div
  572. style="
  573. width: 70px;
  574. height: 70px;
  575. text-align: center;
  576. display: none;
  577. font-size: 12px;
  578. color: #666;
  579. border-bottom: 1px solid rgba(241, 241, 241, 1);
  580. "
  581. class="cursor"
  582. @click="toUp"
  583. id="toUp"
  584. >
  585. <img
  586. src="@/assets/img/home/footer/BackTopexport@2x.png"
  587. alt=""
  588. style="width: 30px; margin-top: 10px"
  589. />
  590. <div>{{ $t('common.Top') }}</div>
  591. </div>
  592. </div>
  593. <el-dialog
  594. width="50%"
  595. :visible.sync="detialPlayVideoVideo"
  596. @close="closePlay"
  597. >
  598. <player :video-url="videoUrl" :state="state"></player>
  599. </el-dialog>
  600. <el-dialog width="50%" :visible.sync="detialPlayVideoPdf">
  601. <div>
  602. <iframe
  603. width="100%"
  604. id="embed"
  605. height="600px"
  606. :src="src"
  607. frameborder="0"
  608. ></iframe>
  609. </div>
  610. </el-dialog>
  611. <footers></footers>
  612. <!-- 投票浮窗 -->
  613. <!-- <div class="mytest" v-if="voteflag">
  614. <i class="el-icon-circle-close" @click="voteoff()"></i>
  615. <img :src="'./api/file/pub/' + voteImg" alt="" @click="toVotelist()" />
  616. </div> -->
  617. <!-- 生物多样性 -->
  618. <!-- <div class="ballotAnimals">
  619. <img
  620. @click="getUserPicDetal()"
  621. src="@/assets/Biodiversity/ddd23.png"
  622. style="width: 100%; height: 100%"
  623. />
  624. </div> -->
  625. <!-- 投票入口 -->
  626. <!-- 非洲活动飘窗 -->
  627. <!-- <div v-if="$i18n.locale == 'zh' ? true : false">-->
  628. <!-- <div class="africanActivity" v-if="activity">-->
  629. <!-- <i class="el-icon-circle-close" @click="voteoff1()"></i>-->
  630. <!-- <img src="@/assets/中文.png" alt="" @click="toVotelist1()" />-->
  631. <!-- </div>-->
  632. <!-- </div>-->
  633. <!-- <div v-else>-->
  634. <!-- <div class="africanActivity" v-if="activity">-->
  635. <!-- <i class="el-icon-circle-close" @click="voteoff1()"></i>-->
  636. <!-- <img src="@/assets/英文En.png" alt="" @click="toVotelist1()" />-->
  637. <!-- </div>-->
  638. <!-- </div>-->
  639. <!-- 广告栏浮窗-->
  640. <!-- 左对联-->
  641. <div
  642. class="advertise advertiseLeft"
  643. v-if="showLeftAdvertise && leftAdverList && leftAdverList.advPicUrl"
  644. >
  645. <img
  646. @click="toshowLink(leftAdverList, 'web_left_couplet')"
  647. :src="'./api/file/pub/' + leftAdverList.advPicUrl"
  648. alt=""
  649. style="width: 150px; height: 434px; display: block"
  650. />
  651. <!-- <img @click="toshowLink(leftAdverList[0].advPicLink)" v-else src="@/assets/img/home/advertise/adverRight.png" alt="" style="height: 100%">-->
  652. <div class="close1" @click="closeAdver(1)">
  653. x {{ $t('common.CloseAdvertise') }}
  654. </div>
  655. </div>
  656. <!-- 右对联-->
  657. <div
  658. class="advertise advertiseRight"
  659. v-if="showLeftAdvertise && rightAdverList && rightAdverList.advPicUrl"
  660. >
  661. <img
  662. @click="toshowLink(rightAdverList, 'web_right_couplet')"
  663. :src="'./api/file/pub/' + rightAdverList.advPicUrl"
  664. alt=""
  665. style="width: 100%; height: 100%"
  666. />
  667. <!-- <img @click="toshowLink(rightAdverList.advPicLink)" v-else src="@/assets/img/home/advertise/adverRight.png" alt="" style="height: 100%">-->
  668. <div class="close" @click="closeAdver(2)">
  669. x {{ $t('common.CloseAdvertise') }}
  670. </div>
  671. </div>
  672. <!-- 浮窗广告-->
  673. <div
  674. class="advertise advertiseUnderRight"
  675. v-if="showUnderRightAdver && UnderAdverList && UnderAdverList.advPicUrl"
  676. >
  677. <img
  678. @click="toshowLink(UnderAdverList, 'web_suspensio')"
  679. :src="'./api/file/pub/' + UnderAdverList.advPicUrl"
  680. alt=""
  681. style="width: 100%; height: 100%"
  682. />
  683. <!-- <img @click="toshowLink(UnderAdverList.advPicLink)" v-else src="@/assets/img/home/advertise/adverUnderRight.png" alt="" style="width: 100%">-->
  684. <div class="close" @click="closeAdver(3)">
  685. x {{ $t('common.CloseAdvertise') }}
  686. </div>
  687. </div>
  688. <!-- 投票邀请码和验证码 -->
  689. <el-dialog title="" :visible.sync="dialogFormVisible">
  690. <el-form :model="form">
  691. <el-form-item
  692. :label="$i18n.locale == 'zh' ? '投票码' : 'Voting code'"
  693. :label-width="formLabelWidth"
  694. >
  695. <el-input v-model="form.code" autocomplete="off"></el-input>
  696. <div class="voteWarn">{{ VoteText }}</div>
  697. </el-form-item>
  698. <el-form-item
  699. :label="$i18n.locale == 'zh' ? '验证码' : 'Verification code'"
  700. :label-width="formLabelWidth"
  701. style="position: relative"
  702. >
  703. <el-input
  704. v-model="form.verify"
  705. autocomplete="off"
  706. style="width: 50%"
  707. ></el-input>
  708. <div class="verify">
  709. <img :src="invitedUrl" alt="" @click="refreshCaptcha" />
  710. </div>
  711. <div class="voteWarn">{{ VerifyText }}</div>
  712. </el-form-item>
  713. </el-form>
  714. <div slot="footer" class="dialog-footer">
  715. <el-button @click="dialogFormVisible = false">{{
  716. $i18n.locale == 'zh' ? '取消' : 'cancel'
  717. }}</el-button>
  718. <el-button type="primary" @click="inviteEnter">{{
  719. $i18n.locale == 'zh' ? '确定' : 'confirm'
  720. }}</el-button>
  721. </div>
  722. </el-dialog>
  723. </div>
  724. </template>
  725. <script>
  726. import { goActivityTargetUrl } from '@/utils/urlConfig.js'
  727. import { getLatestInformationPortal } from '@/api/baseUnitView'
  728. import headers from '@/components/headerNew'
  729. //投票首页
  730. // import headers from "@/components/ballotHeader";
  731. import { BallotsLogin, BallotChanges } from '@/api/ballot/ballot'
  732. import HeaderItem from '@/components/headerItem'
  733. import editor from '@/components/dialog'
  734. import tabers from '@/components/taber'
  735. import search from '@/components/searchNew'
  736. import vshare from 'vshare'
  737. import Share from 'vue-social-share'
  738. import QRCode from 'qrcodejs2'
  739. import footers from '@/components/footersNew'
  740. import { getLatestBaseProjectViewPortal } from '@/api/project/baseProjectView'
  741. import { allInformationViewCount } from '@/api/information/information'
  742. import {
  743. getHomeImg,
  744. getLatestMeetingListPortal,
  745. getLatestMeetingListPortalEn,
  746. } from '@/api/meeting/meetingOutInfo'
  747. //用户投票状态查询方法引入
  748. import {
  749. getBannerUrls,
  750. getCouncilVoteSituation,
  751. getCouncilVoteSituationBeforeLogin,
  752. voteCodeVakidate,
  753. captchaValidate,
  754. } from '@/api/vote/council'
  755. // import {get} from "@/api/work/wtDeptWorkTaskInfo"; //注意引入
  756. import player from '@/components/Player'
  757. import pdf from 'vue-pdf'
  758. import { getActivityForVotes } from '@/api/vote/vote'
  759. import {
  760. advertisementTotals,
  761. advertisementEntitys,
  762. advertisementInfos,
  763. getAppAdvert,
  764. } from '@/api/operation/baseAdvertisement'
  765. //查询广告数据
  766. import { getCaptcha } from '@/api/user'
  767. import { getCaptchaNew } from '@/api/user'
  768. //各个功能日新增数
  769. import { getDataBroadcastInfos } from '@/api/dataBroadcastInfos'
  770. export default {
  771. name: 'Home',
  772. components: {
  773. headers,
  774. tabers,
  775. HeaderItem,
  776. search,
  777. footers,
  778. editor,
  779. vshare,
  780. Share,
  781. player,
  782. pdf,
  783. },
  784. data() {
  785. return {
  786. rules: {
  787. id: [{ required: true, message: '请输入用户ID', trigger: 'blur' }],
  788. password: [
  789. { required: true, message: '请输入用户密码', trigger: 'blur' },
  790. ],
  791. voteCode: [
  792. { required: true, message: '请输入验证码', trigger: 'blur' },
  793. ],
  794. },
  795. changeList: {
  796. id: undefined,
  797. oldPassword: undefined,
  798. password: undefined,
  799. newPassword: undefined,
  800. },
  801. //投票
  802. ballotLanguage: false,
  803. changeBallot: false,
  804. optionLists: [
  805. {
  806. value: 'CN',
  807. label: '中文',
  808. },
  809. {
  810. value: 'EN',
  811. label: 'English',
  812. },
  813. {
  814. value: 'FR',
  815. label: 'Français',
  816. },
  817. {
  818. value: 'RU',
  819. label: 'Русский',
  820. },
  821. ],
  822. languageInfo: {
  823. value: 'CN',
  824. },
  825. ruleForm: {
  826. id: '',
  827. password: '',
  828. voteCode: '',
  829. },
  830. activity: true,
  831. scrollArea: '',
  832. speed: 20,
  833. timer: null,
  834. delay: 1000,
  835. liHeight: '',
  836. //============================
  837. goActivityTargetUrl,
  838. moduleClassify: -1,
  839. dialogVisible: false,
  840. ShareNum: false,
  841. videoUrl: require('../assets/pdfAndVideo/video.mp4'),
  842. currentPage: 0, // pdf文件页码
  843. pageCount: 0, // pdf文件总页数
  844. fileType: 'pdf', // 文件类型
  845. src: null,
  846. pdfPage: 1,
  847. pageCount: 0,
  848. detialPlayVideoVideo: false,
  849. detialPlayVideoPdf: false,
  850. state: false,
  851. homeImg: '',
  852. paramKey: '',
  853. canClick: '',
  854. showLeftAdvertise: true,
  855. showUnderRightAdver: true,
  856. adverseList: [],
  857. rightAdverList: {},
  858. leftAdverList: {},
  859. UnderAdverList: {},
  860. leftUrl: '',
  861. rightUrl: '',
  862. UnderRightUrl: '',
  863. voteImg: '', //投票宣传图
  864. voteflag: false,
  865. voteTime: '', //投票时间
  866. whiteList: '', //白名单
  867. isWhiteList: '', //是否启用白名单
  868. loginAccount: '', //用户登录的账号
  869. loginAccountEl: '',
  870. params: {
  871. pageNo: 1,
  872. pageSize: 3,
  873. language: '',
  874. //0为默认排序,1为关注排序
  875. descStatus: 0,
  876. messageOpenType: 'Y',
  877. status: 1,
  878. },
  879. news: [
  880. {
  881. icon: 'new1',
  882. label: 'common.LatestNews',
  883. newItem: [],
  884. },
  885. {
  886. icon: 'project1',
  887. label: 'common.LatestProject',
  888. newItem: [],
  889. },
  890. {
  891. icon: 'meeting1',
  892. label: 'common.LatestMeeting',
  893. newItem: [],
  894. },
  895. ],
  896. initData: {
  897. data1: {
  898. label: 'common.ProjectResources',
  899. value: 'projectPresentation',
  900. icon: 'resources',
  901. dataitem: [
  902. // {
  903. // label: "common.Pre-planning",
  904. // value: "projectPresentation",
  905. // },
  906. // {
  907. // label: "common.ProjectShowcase",
  908. // value: "projectPresentation",
  909. // },
  910. // {
  911. // label: "common.EvaluationAnalysis",
  912. // value: "projectPresentation",
  913. // },
  914. // {
  915. // label: "common.MatchTracking",
  916. // value: "projectPresentation",
  917. // },
  918. ],
  919. },
  920. data2: {
  921. label: 'common.NewsData',
  922. icon: 'news',
  923. value: 'realTimeInfo1',
  924. dataitem: [
  925. // {
  926. // label: "common.Information",
  927. // value: "realTimeInfo",
  928. // json: "0",
  929. // },
  930. // {
  931. // label: "common.DataInformation",
  932. // value: "realTimeInfo",
  933. // json: "1",
  934. // },
  935. // {
  936. // label: "common.JournalInformation",
  937. // value: "realTimeInfo",
  938. // json: "2",
  939. // },
  940. ],
  941. },
  942. data3: {
  943. label: 'common.GlobalData',
  944. icon: 'data',
  945. value: 'realTimeInfo',
  946. dataitem: [
  947. // {
  948. // label: "common.ResearchResults",
  949. // value: "resourceSharing",
  950. // },
  951. // {
  952. // label: "common.ResearchResources",
  953. // value: "resourceSharing",
  954. // },
  955. // {
  956. // label: "common.ConferenceFacilities",
  957. // value: "resourceSharing",
  958. // },
  959. ],
  960. },
  961. data4: {
  962. label: 'common.CountryInformation',
  963. icon: 'country',
  964. value: 'countryInformation',
  965. dataitem: [
  966. // {
  967. // label: "common.Resources",
  968. // value: "countryInformation",
  969. // },
  970. // {
  971. // label: "common.EnergyDevelopmentPlanning",
  972. // value: "countryInformation",
  973. // },
  974. // {
  975. // label: "common.ProjectStatus",
  976. // value: "countryInformation",
  977. // },
  978. // {
  979. // label: "common.ProjectDevelopmentGuide",
  980. // value: "countryInformation",
  981. // },
  982. ],
  983. },
  984. data5: {
  985. icon: 'enterprise',
  986. label: 'common.EnterpriseShow',
  987. value: 'enterprise',
  988. dataitem: [
  989. // {
  990. // label: "common.CompanyProfile",
  991. // value: "enterprise",
  992. // },
  993. // {
  994. // label: "common.ProductInformation",
  995. // value: "enterprise",
  996. // },
  997. // {
  998. // label: "common.CoreTechnology",
  999. // value: "enterprise",
  1000. // },
  1001. // {
  1002. // label: "common.ProjectPerformance",
  1003. // value: "enterprise",
  1004. // },
  1005. ],
  1006. },
  1007. data6: {
  1008. label: 'common.FinancialServices',
  1009. icon: 'finance',
  1010. value: 'financialServices',
  1011. dataitem: [
  1012. // {
  1013. // label: "common.FinancialInstitutions",
  1014. // value: "financialServices",
  1015. // },
  1016. // {
  1017. // label: "common.Fund",
  1018. // value: "financialServices",
  1019. // },
  1020. // {
  1021. // label: "common.Investment&FinancingCases",
  1022. // value: "financialServices",
  1023. // },
  1024. ],
  1025. },
  1026. data7: {
  1027. label: 'common.ThinkTankConsulting',
  1028. icon: 'ThinkTank',
  1029. value: 'thinkTankConsulting',
  1030. dataitem: [
  1031. // {
  1032. // label: "common.ThinkTankNews",
  1033. // value: "thinkTankConsulting",
  1034. // },
  1035. // {
  1036. // label: "common.ServiceScope",
  1037. // value: "thinkTankConsulting",
  1038. // },
  1039. // {
  1040. // label: "common.ProjectCase",
  1041. // value: "thinkTankConsulting",
  1042. // },
  1043. // {
  1044. // label: "common.WillingnessToCooperate",
  1045. // value: "thinkTankConsulting",
  1046. // },
  1047. ],
  1048. },
  1049. data8: {
  1050. label: 'common.CooperationNetwork',
  1051. icon: 'cooperation',
  1052. value: 'IntroductionMemberProfile',
  1053. dataitem: [
  1054. // {
  1055. // label: "common.MemberIntroduction",
  1056. // value: "IntroductionMemberProfile",
  1057. // json: "member",
  1058. // },
  1059. // {
  1060. // label: "common.AllianceIntroduction",
  1061. // value: "IntroductionMemberProfile",
  1062. // json: "union",
  1063. // },
  1064. // {
  1065. // label: "common.CooperativeUnitIntroduction",
  1066. // value: "IntroductionMemberProfile",
  1067. // json: "cooperation",
  1068. // },
  1069. // {
  1070. // label: "common.CustomService",
  1071. // value: "IntroductionMemberProfile",
  1072. // json: "custom",
  1073. // },
  1074. ],
  1075. },
  1076. data9: {
  1077. label: 'common.Cooperation&Communication',
  1078. icon: 'exchange',
  1079. value: 'cooperationExchange',
  1080. dataitem: [
  1081. // {
  1082. // label: "common.MemberActivities",
  1083. // value: "cooperationExchange",
  1084. // },
  1085. // {
  1086. // label: "common.AllianceActivities",
  1087. // value: "cooperationExchange",
  1088. // },
  1089. // {
  1090. // label: "common.CooperationActivities",
  1091. // value: "cooperationExchange",
  1092. // },
  1093. ],
  1094. },
  1095. data10: {
  1096. label: 'common.NationalregionalCommissions',
  1097. icon: 'commissions',
  1098. value: 'nationalregionalCommittees',
  1099. dataitem: [
  1100. // {
  1101. // label: "common.BriefintroductiontotheCommittee",
  1102. // value: "nationalregionalCommittees",
  1103. // },
  1104. // {
  1105. // label: "common.Committeelayout",
  1106. // value: "nationalregionalCommittees",
  1107. // },
  1108. // {
  1109. // label: "common.Committeeactivities",
  1110. // value: "nationalregionalCommittees",
  1111. // },
  1112. ],
  1113. },
  1114. // data9: {
  1115. // label: "common.ResourceSharing",
  1116. // icon: "share",
  1117. // value: "resourceSharing",
  1118. // dataitem: [
  1119. // // {
  1120. // // label: "common.ResearchResults",
  1121. // // value: "resourceSharing",
  1122. // // },
  1123. // // {
  1124. // // label: "common.ResearchResources",
  1125. // // value: "resourceSharing",
  1126. // // },
  1127. // // {
  1128. // // label: "common.ConferenceFacilities",
  1129. // // value: "resourceSharing",
  1130. // // },
  1131. // ],
  1132. // },
  1133. data11: {
  1134. label: 'common.ConferenceService',
  1135. icon: 'discussion',
  1136. value: 'conferenceServices',
  1137. dataitem: [
  1138. // {
  1139. // label: "common.ConferenceInformation",
  1140. // value: "conferenceServices",
  1141. // },
  1142. // {
  1143. // label: "common.ConferenceResults",
  1144. // value: "conferenceServices",
  1145. // },
  1146. // {
  1147. // label: "common.ConferenceFeedback",
  1148. // value: "conferenceServices",
  1149. // },
  1150. ],
  1151. },
  1152. data12: {
  1153. label: 'common.ExhibitionService',
  1154. icon: 'Exhibition',
  1155. value: 'exhibitionService2',
  1156. dataitem: [
  1157. {
  1158. label: 'common.ExhibitionServices',
  1159. value: 'exhibitionService2',
  1160. },
  1161. {
  1162. label: 'common.Cloudexhibition',
  1163. value: 'exhibitionService',
  1164. },
  1165. {
  1166. label: 'common.OnlineExhibition',
  1167. value: 'exhibitionService',
  1168. },
  1169. // {
  1170. // label: "common.ExhibitionService",
  1171. // value: "exhibitionService",
  1172. // },
  1173. // {
  1174. // label: "common.Exhibitionresults",
  1175. // value: "exhibitionService",
  1176. // },
  1177. // {
  1178. // label: "common.Exhibitionfeedback",
  1179. // value: "exhibitionService",
  1180. // },
  1181. ],
  1182. },
  1183. },
  1184. informationTotal: '',
  1185. dcpVip: '',
  1186. showHomeEntrance: '',
  1187. votedLeader: '',
  1188. votedMatter: '',
  1189. voteUrl: [],
  1190. //以下为投票码和验证码部分(主席投票所需数据)
  1191. dialogFormVisible: false,
  1192. formLabelWidth: '120px',
  1193. form: {
  1194. code: '', //投票码
  1195. verify: '', //验证码
  1196. },
  1197. invitedCode: [],
  1198. codeUid: '',
  1199. invitedUrl: '',
  1200. VerifyText: '', //验证码提示信息
  1201. VoteText: '', //投票码提示信息
  1202. //==========================
  1203. broadcastList: [], //新增数据播报
  1204. newIcon: [], //从接口里面取出的各个新增数据值
  1205. mynewIcon: [0, 0, 999, 999, 999, 999, 999, 0, 999, 0, 0, 999], //默认用cookie存储的新增值(中文)
  1206. mynewIconEn: [0, 0, 999, 999, 999, 999, 999, 0, 999, 0, 0, 999], //默认用cookie存储的新增值(英文)
  1207. broadcastFlag_one: false, //信息播报是否滚动样式flag
  1208. broadcastFlag_tow: false,
  1209. newSum: 0,
  1210. scrollArr: [], //用来判断新增条数,从而判断是否让播报滚动
  1211. vshareConfig: {
  1212. shareList: [
  1213. // 此处放分享列表(ID)
  1214. 'weixin',
  1215. ],
  1216. common: {
  1217. //此处放置通用设置
  1218. bdUrl: window.location.href,
  1219. },
  1220. share: [
  1221. {
  1222. //此处放置分享按钮设置
  1223. },
  1224. ],
  1225. url: window.location.href.replace('#/', ''), // 网址,默认使用
  1226. sites: ['wechat'],
  1227. wechatQrcodeTitle: '',
  1228. wechatQrcodeHelper: '<p>https://www.geidcp.com</p>',
  1229. image: [
  1230. //此处放置图片分享设置
  1231. ],
  1232. selectShare: [
  1233. //此处放置划词分享设置
  1234. ],
  1235. },
  1236. }
  1237. },
  1238. watch: {
  1239. '$i18n.locale'() {
  1240. this.getDataBroadcastInfo()
  1241. this.getRelevantList(1, null, this.$i18n.locale.toUpperCase())
  1242. this.getBaseProject()
  1243. this.getConfrences()
  1244. this.qrcode()
  1245. this.votefalgChange()
  1246. this.getAdver()
  1247. },
  1248. videoUrl: function (val) {
  1249. // const myPlayer = this.$refs.videoPlayer.player
  1250. if (val !== '') {
  1251. this.$refs.videoPlayer.player.src(val)
  1252. }
  1253. },
  1254. state: function (val) {
  1255. if (val) {
  1256. this.$refs.videoPlayer.player.pause()
  1257. }
  1258. },
  1259. },
  1260. mounted() {
  1261. this.getDataBroadcastInfo() //获取当日新增数
  1262. this.getMynewicon()
  1263. // setTimeout(()=>{
  1264. // this.scrollbar();//信息播报滚动
  1265. // },3000)
  1266. // console.log('账号',this.$Cookies.get('userInfo'))
  1267. //取出用户手机号和邮箱
  1268. // this.src = '../assets/pdfAndVideo/SchemeOfOnlineExhibitionHall.pdf';
  1269. if (this.$Cookies.get('token')) {
  1270. this.loginAccount = JSON.parse(this.$Cookies.get('userInfo')).umsUser
  1271. .userPreferredMobile
  1272. ? JSON.parse(this.$Cookies.get('userInfo')).umsUser.userPreferredMobile
  1273. : JSON.parse(this.$Cookies.get('userInfo')).umsUser.userEmail
  1274. this.loginAccountEl = JSON.parse(
  1275. this.$Cookies.get('userInfo')
  1276. ).umsUser.userEmail
  1277. }
  1278. if (window._bd_share_main) {
  1279. window._bd_share_main.init()
  1280. }
  1281. this.getshowEnter()
  1282. this.getVoteState()
  1283. this.getBannerUrl()
  1284. // this.src = pdf.createLoadingTask(this.src)
  1285. window.addEventListener('scroll', this.showbtn, true)
  1286. this.getRelevantList(1, null, this.$i18n.locale.toUpperCase()) // 最新资讯
  1287. this.getBaseProject()
  1288. this.getConfrences()
  1289. this.getHomeImgs()
  1290. this.getAdver()
  1291. if (this.$Cookies.get('token')) {
  1292. this.getActivityForVotesData()
  1293. } //投票活动
  1294. window.addEventListener('scroll', this.handleScroll)
  1295. this.src = '/api/file/pub/def/Scheme3ofonlineexhibitionhall.pdf'
  1296. document.all.iframeid.src = this.src ? this.src : ''
  1297. this.$forceUpdate()
  1298. },
  1299. loadPdfHandler(e) {
  1300. this.currentPage = 1 // 加载的时候先加载第一页
  1301. },
  1302. destroyed() {
  1303. window.removeEventListener('scroll', this.handleScroll)
  1304. },
  1305. methods: {
  1306. //修改密码
  1307. changePassword() {
  1308. this.ballotLanguage = false
  1309. this.changeBallot = true
  1310. },
  1311. sureChange() {
  1312. if (this.changeList.password != this.changeList.newPassword) {
  1313. this.$message.warning('两次密码不一致,请重新输入!')
  1314. } else {
  1315. let params = {
  1316. id: this.changeList.id,
  1317. oldPassword: this.changeList.oldPassword,
  1318. password: this.changeList.password,
  1319. }
  1320. console.log(params)
  1321. BallotChanges(params).then((res) => {
  1322. console.log(res)
  1323. this.$message.success('修改成功,请重新登录')
  1324. setTimeout(() => {
  1325. this.ballotLanguage = true
  1326. this.changeBallot = false
  1327. })
  1328. })
  1329. }
  1330. // if (localStorage.getItem('mettingUser')) {
  1331. // let idNum = localStorage.getItem('mettingUser')
  1332. // let idList = JSON.parse(idNum)
  1333. // let id = idList.userId
  1334. // console.log(id);
  1335. // } else {
  1336. // alert('登录之后才可以修改密码')
  1337. // }
  1338. },
  1339. //投票-新
  1340. getLogin() {
  1341. console.log(111)
  1342. this.ballotLanguage = true
  1343. this.changeBallot = false
  1344. this.refreshCaptchaNew()
  1345. },
  1346. closeInfo() {
  1347. this.ballotLanguage = false
  1348. },
  1349. changeCloseInfo() {
  1350. this.changeBallot = false
  1351. },
  1352. //投票登录
  1353. userLoginBallot(formName) {
  1354. this.$refs[formName].validate((valid) => {
  1355. if (valid) {
  1356. this.CaptchaValidate()
  1357. // this.GetBallotsLoginDetail()
  1358. } else {
  1359. console.log('error submit!!')
  1360. return false
  1361. }
  1362. })
  1363. },
  1364. getActivityForVotesData() {
  1365. getActivityForVotes().then((res) => {
  1366. this.voteTime = res.data.activityForVotes[0].voteEndDate //投票结束时间
  1367. if (this.loginAccount.slice(0, 4) == '0086') {
  1368. this.loginAccount = this.loginAccount.slice(4)
  1369. console.log(
  1370. this.loginAccount,
  1371. this.loginAccountEl,
  1372. '====截取数据===='
  1373. )
  1374. }
  1375. this.isWhiteList = res.data.activityForVotes[0].isWhiteList
  1376. this.whiteList = res.data.activityForVotes[0].whiteList
  1377. //判断一下是否开启白名单,并判断用户账号是否在白名单里
  1378. if (this.isWhiteList == 'Yes') {
  1379. if (
  1380. (this.$Cookies.get('token') &&
  1381. this.$i18n.locale == 'zh' &&
  1382. this.whiteList.includes(this.loginAccount)) ||
  1383. this.whiteList.includes(this.loginAccountEl)
  1384. ) {
  1385. console.log(
  1386. this.loginAccount,
  1387. this.loginAccountEl,
  1388. '白名单数据列表1'
  1389. )
  1390. this.voteflag = true
  1391. }
  1392. } else if (this.$Cookies.get('token') && this.$i18n.locale == 'zh') {
  1393. this.voteflag = true
  1394. }
  1395. //判断投票接口是否有数据,以及是否有投票图
  1396. if (res.data.activityForVotes) {
  1397. this.voteImg = res.data.activityForVotes[0].coverPictureUrl
  1398. if (!this.voteImg) {
  1399. this.voteflag = false
  1400. }
  1401. } else {
  1402. this.voteflag = false
  1403. }
  1404. })
  1405. },
  1406. handleScroll() {
  1407. var scrollTop =
  1408. window.pageYOffset ||
  1409. document.documentElement.scrollTop ||
  1410. document.body.scrollTop
  1411. var offsetTop = document.querySelector('.realTimeInfo_scree').offsetTop
  1412. let top =
  1413. document.getElementsByClassName('realTimeInfo_scree')[0].style.top
  1414. let leftAdver = document.getElementsByClassName('advertiseLeft')[0]
  1415. let rightAdver = document.getElementsByClassName('advertiseRight')[0]
  1416. let underRightAdver = document.getElementsByClassName(
  1417. 'advertiseUnderRight'
  1418. )[0]
  1419. console.log(top)
  1420. if (scrollTop > 400) {
  1421. document.getElementsByClassName('realTimeInfo_scree')[0].style.top =
  1422. '48%'
  1423. if (leftAdver) {
  1424. leftAdver.style.top = '10%'
  1425. }
  1426. if (rightAdver) {
  1427. rightAdver.style.top = '10%'
  1428. }
  1429. if (underRightAdver) {
  1430. underRightAdver.style.top = '50%'
  1431. }
  1432. } else if (scrollTop < 510) {
  1433. document.getElementsByClassName('realTimeInfo_scree')[0].style.top =
  1434. '80%'
  1435. if (leftAdver) {
  1436. leftAdver.style.top = '40%'
  1437. }
  1438. if (rightAdver) {
  1439. rightAdver.style.top = '40%'
  1440. }
  1441. if (underRightAdver) {
  1442. underRightAdver.style.top = '80%'
  1443. }
  1444. }
  1445. },
  1446. moduleClassifyHover(index) {
  1447. this.moduleClassify = index
  1448. },
  1449. previewPDF(row) {},
  1450. closeDialog() {
  1451. this.pdfPage = 1
  1452. },
  1453. //PDF改变页数
  1454. previousPage() {
  1455. var p = this.pdfPage
  1456. p = p > 1 ? p - 1 : this.pageCount
  1457. this.pdfPage = p
  1458. },
  1459. nextPage() {
  1460. var p = this.pdfPage
  1461. p = p < this.pageCount ? p + 1 : 1
  1462. this.pdfPage = p
  1463. },
  1464. getConfrences() {
  1465. var page = {
  1466. pageSize: 3,
  1467. pageNo: 1,
  1468. lang: this.$i18n.locale,
  1469. }
  1470. if (page.lang == 'zh') {
  1471. getLatestMeetingListPortal(page).then((res) => {
  1472. if (res.data) {
  1473. this.news[2].newItem = res.data.meetingBasicInfos || []
  1474. }
  1475. })
  1476. } else {
  1477. getLatestMeetingListPortalEn(page).then((res) => {
  1478. if (res.data) {
  1479. this.news[2].newItem = res.data.meetingBasicInfos || []
  1480. }
  1481. })
  1482. }
  1483. },
  1484. getHomeImgs() {
  1485. getHomeImg().then((res) => {
  1486. if (res.data.homeImg) {
  1487. this.homeImg = './api/fileextend/pub/' + res.data.homeImg[0].bannerUrl
  1488. this.paramKey = res.data.homeImg[0].paramKey
  1489. this.canClick = true
  1490. } else {
  1491. this.homeImg = require('@/assets/img/home/homeMeetingImg.png')
  1492. this.canClick = false
  1493. }
  1494. })
  1495. },
  1496. closePlay(val) {
  1497. console.log(val)
  1498. },
  1499. toViewImg(item) {
  1500. if (item.dataitem.length > 0) {
  1501. this.toView(
  1502. item.dataitem[0].value,
  1503. item.dataitem[0].json ? item.dataitem[0].json : ''
  1504. )
  1505. } else {
  1506. this.toView(item.value)
  1507. }
  1508. },
  1509. qrcode() {
  1510. document.getElementById('qrcode').innerHTML = ''
  1511. this.url = window.location.href
  1512. const that = this
  1513. let qrcode = new QRCode('qrcode', {
  1514. width: 132,
  1515. height: 132,
  1516. text: 'https://m.geidcp.com/#/?language=' + that.$i18n.locale, // 二维码地址
  1517. })
  1518. },
  1519. ShareChange() {
  1520. this.ShareNum = !this.ShareNum
  1521. },
  1522. mouseOver() {
  1523. this.qrcode()
  1524. this.ShareNum = false
  1525. this.$refs['QRCode'].style.display = 'block'
  1526. },
  1527. mouseLeave() {
  1528. this.$refs['QRCode'].style.display = 'none'
  1529. },
  1530. getRelevantList(num, type, language, title) {
  1531. let page = {
  1532. typeDict: type,
  1533. language: language,
  1534. pageSize: 3,
  1535. pageNo: num,
  1536. businessType: 'information',
  1537. title: title ? title : '',
  1538. }
  1539. getLatestInformationPortal(page).then((res) => {
  1540. if (res.data) {
  1541. this.news[0].newItem = res.data.portalInformationList || []
  1542. }
  1543. })
  1544. },
  1545. getBaseProject() {
  1546. this.params.language = this.$i18n.locale.toUpperCase()
  1547. getLatestBaseProjectViewPortal(this.params).then((result) => {
  1548. var data = result.data
  1549. if (data.baseProjectViews) {
  1550. this.news[1].newItem = result.data.baseProjectViews || []
  1551. }
  1552. })
  1553. allInformationViewCount().then((result) => {
  1554. var data = result.data
  1555. if (data) {
  1556. this.informationTotal = data.cmsInformationViewCount
  1557. }
  1558. })
  1559. },
  1560. viewChange(id, index, num) {
  1561. if (id) {
  1562. if (num == 0) {
  1563. this.toViews('realTimeInfoItemdetails', id)
  1564. }
  1565. if (num == 1) {
  1566. this.toViews('projectPresentationDetails', id)
  1567. }
  1568. if (num == 2) {
  1569. localStorage.setItem('conferenceId', id)
  1570. this.toViews('ConferenceDetail', id)
  1571. }
  1572. }
  1573. },
  1574. toViewChange(index) {
  1575. if (index == 0) {
  1576. this.toView('realTimeInfo')
  1577. }
  1578. console.log(index + 'index')
  1579. if (index == 1) {
  1580. this.toView('projectPresentation')
  1581. }
  1582. if (index == 2) {
  1583. this.toView('conferenceServices')
  1584. }
  1585. },
  1586. CreateMeeting() {
  1587. this.dialogVisible = true
  1588. },
  1589. showbtn() {
  1590. let topBtn = document.getElementById('toUp')
  1591. let scrollTop =
  1592. window.pageYOffset ||
  1593. document.documentElement.scrollTop ||
  1594. document.body.scrollTop
  1595. let browserHeight = window.outerHeight
  1596. if (scrollTop > 100) {
  1597. if (topBtn) {
  1598. topBtn.style.display = 'block'
  1599. }
  1600. } else {
  1601. if (topBtn) {
  1602. topBtn.style.display = 'none'
  1603. }
  1604. }
  1605. },
  1606. getIconUrl(url) {
  1607. return require('@/assets/img/home/' + url + '.png')
  1608. },
  1609. // 返回顶部
  1610. toUp() {
  1611. // window.scrollTo(0,0);
  1612. var timer = setInterval(function () {
  1613. let osTop =
  1614. document.documentElement.scrollTop || document.body.scrollTop
  1615. let ispeed = Math.floor(-osTop / 5)
  1616. document.documentElement.scrollTop = document.body.scrollTop =
  1617. osTop + ispeed
  1618. this.isTop = true
  1619. if (osTop === 0) {
  1620. clearInterval(timer)
  1621. }
  1622. }, 30)
  1623. },
  1624. toViews(router, json, item, i) {
  1625. this.$store.commit('modify', router)
  1626. window.localStorage.setItem('router', router)
  1627. localStorage.setItem('conferenceId', json)
  1628. const { href } = this.$router.resolve({
  1629. name: router,
  1630. query: {
  1631. key: json,
  1632. },
  1633. })
  1634. window.open(href, '_blank')
  1635. },
  1636. toView(router, json, item, i, myself) {
  1637. if (i && i.label == 'common.OnlineExhibition') {
  1638. window.open(
  1639. 'http://tour.quanjingke.com/xiangmu/quanqiunengyuan_vtour_v7/index.html',
  1640. '_blank'
  1641. )
  1642. } else if (i && i.label == 'common.Cloudexhibition') {
  1643. window.open('http://show.lksby.com/index', '_blank')
  1644. } else if (i && i.label == 'common.Exhibitionfeedback') {
  1645. this.detialPlayVideoPdf = true
  1646. } else if (myself === 'newpro') {
  1647. //进入新项目
  1648. /*
  1649. 1,判断用户是否登录----如果登录了就判断用户是否为会员
  1650. 1.1 不是会员,弹窗提示 ‘示例:只有会员才能参与此活动’
  1651. 1.2 是会员 执行下面的代码
  1652. 1.3 未登录跳转到登录页
  1653. */
  1654. var popup = window.open(this.goActivityTargetUrl, '_blank')
  1655. if (popup) {
  1656. let data = {
  1657. localStorage: {
  1658. 'Auth-Token': '',
  1659. refresh_token: '',
  1660. user: this.$i18n.locale,
  1661. locale: '',
  1662. },
  1663. cookies: '',
  1664. // user:JSON.parse(localStorage.getItem('user')),
  1665. // lang: this.$i18n.locale,
  1666. isAutoLogin: true,
  1667. }
  1668. //遍历local storage
  1669. let storage = window.localStorage
  1670. Object.keys(data.localStorage).forEach((key) => {
  1671. data.localStorage[key] = storage.getItem(key)
  1672. })
  1673. //遍历cookie
  1674. let cookie = document.cookie
  1675. data.cookies = cookie.split('; ')
  1676. console.log(11)
  1677. console.log(data)
  1678. setTimeout(() => {
  1679. popup.postMessage(JSON.stringify(data), this.goActivityTargetUrl)
  1680. }, 500)
  1681. }
  1682. } else {
  1683. if (json) {
  1684. if (router == 'projectPresentationDetails') {
  1685. this.$router.push({ name: router, query: { key: json } })
  1686. } else {
  1687. this.$router.push({ name: router, query: { key: json } })
  1688. }
  1689. } else {
  1690. console.log(router, json, item, i, myself, '222222')
  1691. this.$router.push({ name: router })
  1692. }
  1693. this.$store.commit('modify', router)
  1694. window.localStorage.setItem('router', router)
  1695. }
  1696. },
  1697. //点击广告图片跳转并记录
  1698. toshowLink(item, position) {
  1699. console.log(item, position)
  1700. let clickPic = {
  1701. // position:position,
  1702. advId: item.id,
  1703. }
  1704. getAppAdvert(clickPic).then((res) => {
  1705. console.log(res)
  1706. })
  1707. if (item.advPicLink != '') {
  1708. console.log(item.advPicLink)
  1709. window.open(item.advPicLink, '_blank')
  1710. } else {
  1711. return
  1712. }
  1713. },
  1714. //理事投票入口点击事件
  1715. // clickVote() {
  1716. // if (!this.$Cookies.get('token')) {
  1717. // // this.toView('login')
  1718. // this.$router.push({path: 'login'});
  1719. // } else {
  1720. // if (this.dcpVip) {
  1721. // this.$router.push({path: 'electionBallot'});
  1722. // // this.toView('electionBallot', '', '', '', 'newpro')
  1723. // } else {
  1724. // this.$message.info(this.$t('common.notVip'));
  1725. // }
  1726. // }
  1727. // },
  1728. clickVote() {
  1729. if (!this.$Cookies.get('token')) {
  1730. // this.toView('login')
  1731. this.$router.push({ path: 'login' })
  1732. } else {
  1733. this.dialogFormVisible = true
  1734. this.refreshCaptcha()
  1735. }
  1736. },
  1737. //生物多样性
  1738. getUserPicDetal() {
  1739. this.$router.push({ path: 'BiodiversityAndEnergyRevolution' })
  1740. },
  1741. //跳转到投票页
  1742. toVotelist() {
  1743. //投票老页面
  1744. // this.$router.push({ path: "voteList" });
  1745. //投票新页面
  1746. this.$router.push({ path: 'voteInfo' })
  1747. },
  1748. // 跳转到活动页
  1749. toVotelist1() {
  1750. let language = window.localStorage.getItem('locale')
  1751. let routerUrl = this.$router.resolve({
  1752. // key:"154a437de7c611ecbac48cec4bc03c2d",
  1753. path: '/nationalregionalCommissionsDetailds',
  1754. query: {
  1755. key: '7419a7b7e63c11ec963e0894ef7fd169',
  1756. language: language,
  1757. },
  1758. })
  1759. window.open(routerUrl.href, '_blank')
  1760. },
  1761. voteoff() {
  1762. this.voteflag = false
  1763. },
  1764. voteoff1() {
  1765. this.activity = false
  1766. },
  1767. votefalgChange() {
  1768. if (this.isWhiteList == 'Yes') {
  1769. if (
  1770. this.$Cookies.get('token') &&
  1771. this.$i18n.locale == 'zh' &&
  1772. this.whiteList.includes(this.loginAccount)
  1773. ) {
  1774. this.voteflag = true
  1775. } else {
  1776. this.voteflag = false
  1777. }
  1778. } else if (this.isWhiteList == 'No') {
  1779. if (this.$Cookies.get('token') && this.$i18n.locale == 'zh') {
  1780. this.voteflag = true
  1781. } else {
  1782. this.voteflag = false
  1783. }
  1784. }
  1785. },
  1786. // 判断投票是否结束
  1787. isVoteOver(t) {
  1788. var ct = Date.parse(new Date())
  1789. t = Date.parse(t)
  1790. if (t - ct > 0) {
  1791. return true
  1792. } else {
  1793. return false
  1794. }
  1795. },
  1796. //登录后查询投票用户状态
  1797. getVoteState() {
  1798. getCouncilVoteSituation().then((res) => {
  1799. let sta = res.data.councilVoteSituation
  1800. this.dcpVip = sta.dcpVip
  1801. this.showHomeEntrance = sta.showHomeEntrance
  1802. this.votedLeader = sta.votedLeader
  1803. this.votedMatter = sta.votedMatter
  1804. })
  1805. },
  1806. //登录前查询是否显示投票入口
  1807. getshowEnter() {
  1808. getCouncilVoteSituationBeforeLogin().then((res) => {
  1809. let status = res.data.councilVoteSituationBeforeLogin
  1810. this.showHomeEntrance = status.showHomeEntrance
  1811. })
  1812. },
  1813. //获取banner图片
  1814. getBannerUrl() {
  1815. getBannerUrls({
  1816. paramKey: 'COUNCIL_VOTE_ENTRANCE_ZH,COUNCIL_VOTE_ENTRANCE_EN',
  1817. }).then((res) => {
  1818. this.voteUrl = res.data.bannerUrls
  1819. })
  1820. },
  1821. //投票邀请码
  1822. inviteEnter() {
  1823. if (this.form.code.length == 0) {
  1824. this.VoteText =
  1825. this.$i18n.locale == 'zh'
  1826. ? '投票码不能为空!'
  1827. : 'The voting code cannot be empty!'
  1828. setTimeout(() => {
  1829. this.VoteText = ''
  1830. }, 3000)
  1831. }
  1832. if (this.form.verify.length == 0) {
  1833. this.VerifyText =
  1834. this.$i18n.locale == 'zh'
  1835. ? '验证码不能为空!'
  1836. : 'The verification code cannot be empty!'
  1837. setTimeout(() => {
  1838. this.VerifyText = ''
  1839. }, 3000)
  1840. }
  1841. if (this.form.code.length != 0 && this.form.verify.length != 0) {
  1842. this.CaptchaValidate()
  1843. }
  1844. // var msg = this.$i18n.locale == 'zh'?'投票码和验证码不能为空!':'The voting code and verification code cannot be empty!'
  1845. // if(this.form.code.length!=0 && this.form.verify.length!=0){
  1846. // this.VoteCodeVakidate();
  1847. // }else{
  1848. // this.$message({
  1849. // message: msg,
  1850. // type: 'warning'
  1851. // });
  1852. // }
  1853. },
  1854. refreshCaptchaNew() {
  1855. getCaptchaNew(this.codeUid).then((response) => {
  1856. this.codeUid = response['headers']['captcha-uid']
  1857. let data = response.data
  1858. if (data.size == 0) {
  1859. return
  1860. }
  1861. let reader = new FileReader()
  1862. reader.onload = (e) => {
  1863. this.invitedUrl = e.target.result || ''
  1864. }
  1865. reader.readAsDataURL(data)
  1866. })
  1867. },
  1868. refreshCaptcha() {
  1869. getCaptcha(this.codeUid).then((response) => {
  1870. this.codeUid = response['headers']['captcha-uid']
  1871. let data = response.data
  1872. if (data.size == 0) {
  1873. return
  1874. }
  1875. let reader = new FileReader()
  1876. reader.onload = (e) => {
  1877. this.invitedUrl = e.target.result || ''
  1878. }
  1879. reader.readAsDataURL(data)
  1880. })
  1881. },
  1882. VoteCodeVakidate() {
  1883. var msg = this.$i18n.locale == 'zh' ? '投票码错误!' : 'Voting code error!'
  1884. voteCodeVakidate(this.form.code)
  1885. .then((res) => {
  1886. if (res.status == 200) {
  1887. this.$router.push({
  1888. path: 'electionBallot',
  1889. query: { votedLeader: this.votedLeader },
  1890. })
  1891. }
  1892. })
  1893. .catch((error) => {
  1894. this.VoteText = msg
  1895. setTimeout(() => {
  1896. this.VoteText = ''
  1897. }, 3000)
  1898. })
  1899. },
  1900. CaptchaValidate() {
  1901. var msgs =
  1902. this.$i18n.locale == 'zh' ? '验证码错误!' : 'Verification code error!'
  1903. captchaValidate(this.ruleForm.voteCode, this.codeUid)
  1904. .then((res) => {
  1905. if (res.status == 200) {
  1906. this.VoteCodeVakidate()
  1907. // this.GetBallotsLoginDetail()
  1908. }
  1909. })
  1910. .catch((error) => {
  1911. this.VerifyText = msgs
  1912. setTimeout(() => {
  1913. this.VerifyText = ''
  1914. }, 3000)
  1915. })
  1916. },
  1917. GetBallotsLoginDetail() {
  1918. let params = {
  1919. voteCode: this.ruleForm.voteCode,
  1920. id: this.ruleForm.id,
  1921. password: this.ruleForm.password,
  1922. }
  1923. BallotsLogin(params).then((res) => {
  1924. // console.log(res);
  1925. if (res.status == 200) {
  1926. let userList = res.data
  1927. let mettingUser = JSON.stringify(userList)
  1928. localStorage.setItem('mettingUser', [mettingUser])
  1929. if (this.languageInfo.value == 'CN') {
  1930. this.$message.success('登陆成功')
  1931. }
  1932. if (this.languageInfo.value == 'EN') {
  1933. this.$message.success('Login successfully')
  1934. }
  1935. if (this.languageInfo.value == 'FR') {
  1936. this.$message.success('Connexion réussie avec')
  1937. }
  1938. if (this.languageInfo.value == 'RU') {
  1939. this.$message.success('Посадка завершена.')
  1940. }
  1941. setTimeout(() => {
  1942. this.$router.push({ path: 'ballotCampaignMainPage' })
  1943. }, 1500)
  1944. }
  1945. })
  1946. },
  1947. // CaptchaValidate() {
  1948. // var msgs =
  1949. // this.$i18n.locale == "zh" ? "验证码错误!" : "Verification code error!";
  1950. // captchaValidate(this.form.verify, this.codeUid)
  1951. // .then((res) => {
  1952. // if (res.status == 200) {
  1953. // this.VoteCodeVakidate();
  1954. // }
  1955. // })
  1956. // .catch((error) => {
  1957. // this.VerifyText = msgs;
  1958. // setTimeout(() => {
  1959. // this.VerifyText = "";
  1960. // }, 3000);
  1961. // });
  1962. // },
  1963. // 关闭广告
  1964. closeAdver(ele) {
  1965. if (ele == 1 || ele == 2) {
  1966. this.showLeftAdvertise = false
  1967. } else {
  1968. this.showUnderRightAdver = false
  1969. }
  1970. },
  1971. //获取广告
  1972. getAdver() {
  1973. this.rightAdverList = {}
  1974. this.leftAdverList = {}
  1975. this.UnderAdverList = {}
  1976. //左对联广告
  1977. let paramsLeft = {
  1978. position: 'web_left_couplet',
  1979. language: this.$i18n.locale.toUpperCase(),
  1980. }
  1981. getAppAdvert(paramsLeft).then((res) => {
  1982. if (res.data) {
  1983. let addverList2 = res.data[0].list
  1984. for (let i = 0; i < addverList2.length; i++) {
  1985. if (this.$i18n.locale == addverList2[i].languageDict) {
  1986. this.leftAdverList = addverList2[i]
  1987. break
  1988. } else {
  1989. this.leftAdverList = {}
  1990. }
  1991. }
  1992. console.log('this.leftAdverList')
  1993. console.log(this.leftAdverList)
  1994. }
  1995. })
  1996. //右对联广告
  1997. let paramsRight = {
  1998. position: 'web_right_couplet',
  1999. language: this.$i18n.locale.toUpperCase(),
  2000. }
  2001. getAppAdvert(paramsRight).then((res) => {
  2002. if (res.data) {
  2003. let addverList3 = res.data[0].list
  2004. for (let i = 0; i < addverList3.length; i++) {
  2005. if (this.$i18n.locale == addverList3[i].languageDict) {
  2006. this.rightAdverList = addverList3[i]
  2007. break
  2008. } else {
  2009. this.rightAdverList = {}
  2010. }
  2011. }
  2012. console.log('this.rightAdverList')
  2013. console.log(this.rightAdverList)
  2014. }
  2015. })
  2016. //浮窗广告
  2017. let paramsUnderRight = {
  2018. position: 'web_suspension',
  2019. language: this.$i18n.locale.toUpperCase(),
  2020. }
  2021. getAppAdvert(paramsUnderRight).then((res) => {
  2022. if (res.data) {
  2023. // this.UnderAdverList = res.data[0].list;
  2024. let addverList1 = res.data[0].list
  2025. for (let i = 0; i < addverList1.length; i++) {
  2026. if (this.$i18n.locale == addverList1[i].languageDict) {
  2027. this.UnderAdverList = addverList1[i]
  2028. break
  2029. } else {
  2030. this.UnderAdverList = {}
  2031. }
  2032. }
  2033. console.log('this.UnderAdverList')
  2034. console.log(this.UnderAdverList)
  2035. }
  2036. })
  2037. },
  2038. //打开页面时执行,如果没有cookie就存入,有的话取出赋值给mynewIcon
  2039. getMynewicon() {
  2040. //存中文
  2041. if (!this.getCookie('newflag')) {
  2042. this.setCookie('newflag', this.mynewIcon)
  2043. } else {
  2044. this.mynewIcon = this.getCookie('newflag').split(',')
  2045. }
  2046. //存英文
  2047. if (!this.getCookie('newflagEn')) {
  2048. this.setCookie('newflagEn', this.mynewIconEn)
  2049. } else {
  2050. this.mynewIconEn = this.getCookie('newflagEn').split(',')
  2051. }
  2052. // console.log('华为手机Pro',this.mynewIcon,this.mynewIconEn);
  2053. },
  2054. //点击图标时改变相应的数据,并重新存入cookie
  2055. changeIcon(i) {
  2056. var arr = [0, 1, 6, 9, 10]
  2057. if (arr.indexOf(i) != -1) {
  2058. if (this.$i18n.locale == 'zh') {
  2059. this.mynewIcon[i] = this.newIcon[i]
  2060. this.setCookie('newflag', this.mynewIcon)
  2061. } else {
  2062. this.mynewIconEn[i] = this.newIcon[i]
  2063. this.setCookie('newflagEn', this.mynewIconEn)
  2064. }
  2065. }
  2066. // console.log('华为手机====',this.getCookie('newflag').split(',')[i],this.newIcon[i])
  2067. },
  2068. //cookie存入
  2069. setCookie(cname, cvalue) {
  2070. var d = new Date()
  2071. var tomorrow =
  2072. Date.parse(new Date(new Date().setHours(0, 0, 0, 0))) + 86400000 //第二天零点的时间戳毫秒数
  2073. var now = Date.parse(new Date()) //现在的时间
  2074. d.setTime(d.getTime() + (tomorrow - now))
  2075. var expires = 'expires=' + d.toGMTString()
  2076. document.cookie = cname + '=' + cvalue + '; ' + expires
  2077. },
  2078. //cookie获取
  2079. getCookie(cname) {
  2080. var name = cname + '='
  2081. var ca = document.cookie.split(';')
  2082. for (var i = 0; i < ca.length; i++) {
  2083. var c = ca[i].trim()
  2084. if (c.indexOf(name) == 0) return c.substring(name.length, c.length)
  2085. }
  2086. return ''
  2087. },
  2088. //============================
  2089. getDataBroadcastInfo() {
  2090. getDataBroadcastInfos(this.$i18n.locale).then((res) => {
  2091. // this.broadcastList = res.data.dataBroadcastInfos;
  2092. var yes = res.data.dataBroadcastInfos
  2093. this.broadcastList = []
  2094. this.newIcon = []
  2095. if (this.$i18n.locale == 'zh') {
  2096. for (var key in yes) {
  2097. //把更新的数据判断后放入一个数组
  2098. // console.log('aabb',key,yes[key])
  2099. if (key == 'aProjectTodayNum') {
  2100. this.broadcastList.push({ title: '项目资源', number: yes[key] })
  2101. this.newIcon.push(Number(yes[key]))
  2102. } else if (key == 'bNewsTodayNum') {
  2103. this.broadcastList.push({ title: '资讯数据', number: yes[key] })
  2104. this.newIcon.push(Number(yes[key]))
  2105. } else if (key == 'cCountryTodayNum') {
  2106. this.broadcastList.push({ title: '国别信息', number: yes[key] })
  2107. this.newIcon.push(Number(yes[key]))
  2108. } else if (key == 'dUnitTodayNum') {
  2109. this.broadcastList.push({ title: '企业展示', number: yes[key] })
  2110. this.newIcon.push(Number(yes[key]))
  2111. } else if (key == 'eFinanceTodayNum') {
  2112. this.broadcastList.push({ title: '金融服务', number: yes[key] })
  2113. this.newIcon.push(Number(yes[key]))
  2114. } else if (key == 'fThinkTankTodayNum') {
  2115. this.broadcastList.push({ title: '智库咨询', number: yes[key] })
  2116. this.newIcon.push(Number(yes[key]))
  2117. } else if (key == 'gCooperationNetworkTodayNum') {
  2118. this.broadcastList.push({ title: '合作网络', number: yes[key] })
  2119. this.newIcon.push(Number(yes[key]))
  2120. } else if (key == 'hCooperationExchangeTodayNum') {
  2121. this.broadcastList.push({ title: '合作交流', number: yes[key] })
  2122. this.newIcon.push(Number(yes[key]))
  2123. } else if (key == 'iCommitteeTodayNum') {
  2124. this.broadcastList.push({
  2125. title: '区域和国家委员会',
  2126. number: yes[key],
  2127. })
  2128. this.newIcon.push(Number(yes[key]))
  2129. } else if (key == 'jResourceSharingTodayNum') {
  2130. this.broadcastList.push({ title: '资源共享', number: yes[key] })
  2131. this.newIcon.push(Number(yes[key]))
  2132. } else if (key == 'kMeetingTodayNum') {
  2133. this.broadcastList.push({ title: '会议服务', number: yes[key] })
  2134. this.newIcon.push(Number(yes[key]))
  2135. }
  2136. }
  2137. } else {
  2138. for (var key in yes) {
  2139. //把更新的数据判断后放入一个数组
  2140. // console.log('aabb',key,yes[key])
  2141. if (key == 'aProjectTodayNum') {
  2142. this.broadcastList.push({ title: 'Projects', number: yes[key] })
  2143. this.newIcon.push(Number(yes[key]))
  2144. } else if (key == 'bNewsTodayNum') {
  2145. this.broadcastList.push({ title: 'Info&Data', number: yes[key] })
  2146. this.newIcon.push(Number(yes[key]))
  2147. } else if (key == 'cCountryTodayNum') {
  2148. this.broadcastList.push({ title: 'Countries', number: yes[key] })
  2149. this.newIcon.push(Number(yes[key]))
  2150. } else if (key == 'dUnitTodayNum') {
  2151. this.broadcastList.push({
  2152. title: 'Enterprises',
  2153. number: yes[key],
  2154. })
  2155. this.newIcon.push(Number(yes[key]))
  2156. } else if (key == 'eFinanceTodayNum') {
  2157. this.broadcastList.push({
  2158. title: 'Financial Service',
  2159. number: yes[key],
  2160. })
  2161. this.newIcon.push(Number(yes[key]))
  2162. } else if (key == 'fThinkTankTodayNum') {
  2163. this.broadcastList.push({
  2164. title: 'Consulting',
  2165. number: yes[key],
  2166. })
  2167. this.newIcon.push(Number(yes[key]))
  2168. } else if (key == 'gCooperationNetworkTodayNum') {
  2169. this.broadcastList.push({
  2170. title: 'Cooperation Network',
  2171. number: yes[key],
  2172. })
  2173. this.newIcon.push(Number(yes[key]))
  2174. } else if (key == 'hCooperationExchangeTodayNum') {
  2175. this.broadcastList.push({
  2176. title: 'Cooperation & Communication',
  2177. number: yes[key],
  2178. })
  2179. this.newIcon.push(Number(yes[key]))
  2180. } else if (key == 'iCommitteeTodayNum') {
  2181. this.broadcastList.push({
  2182. title: 'Regional and National Committees',
  2183. number: yes[key],
  2184. })
  2185. this.newIcon.push(Number(yes[key]))
  2186. } else if (key == 'jResourceSharingTodayNum') {
  2187. this.broadcastList.push({
  2188. title: 'Resource Sharing',
  2189. number: yes[key],
  2190. })
  2191. this.newIcon.push(Number(yes[key]))
  2192. } else if (key == 'kMeetingTodayNum') {
  2193. this.broadcastList.push({
  2194. title: 'Conferences',
  2195. number: yes[key],
  2196. })
  2197. this.newIcon.push(Number(yes[key]))
  2198. }
  2199. }
  2200. }
  2201. this.newSum = 0
  2202. this.scrollArr = []
  2203. this.newIcon.forEach((item) => {
  2204. this.newSum = this.newSum + item
  2205. if (item > 0) {
  2206. this.scrollArr.push(item)
  2207. }
  2208. })
  2209. // setTimeout(()=>{
  2210. // this.scrollbar();//信息播报滚动
  2211. // },3000)
  2212. console.log(
  2213. '狮子王--------------',
  2214. this.newIcon,
  2215. this.newSum,
  2216. this.scrollArr
  2217. )
  2218. })
  2219. },
  2220. scrollbar() {
  2221. this.$nextTick(() => {
  2222. this.scrollArea = this.$refs.scroll
  2223. let li = this.scrollArea.getElementsByTagName('li')
  2224. this.liHeight = li[0].offsetHeight
  2225. this.scrollArea.scrollTop = 0
  2226. // this.scrollArea.innerHTML += this.scrollArea.innerHTML;
  2227. this.scrollArr.length > 1 && setTimeout(this.startScroll, this.delay)
  2228. })
  2229. },
  2230. startScroll() {
  2231. this.timer = setInterval(this.scrollUp, this.speed)
  2232. this.scrollArea.scrollTop++
  2233. },
  2234. scrollUp() {
  2235. // console.log('背灼炎天光',this.liHeight,this.scrollArea.scrollTop)
  2236. if (Math.round(this.scrollArea.scrollTop) % this.liHeight == 0) {
  2237. clearInterval(this.timer)
  2238. setTimeout(this.startScroll, this.delay)
  2239. } else {
  2240. this.scrollArea.scrollTop++
  2241. if (this.scrollArea.scrollTop >= this.scrollArea.scrollHeight / 2) {
  2242. this.scrollArea.scrollTop = 0
  2243. }
  2244. }
  2245. },
  2246. //new图标只显示==>项目资源、合作交流、资讯数据、资源共享、会议服务五个栏目
  2247. },
  2248. }
  2249. </script>
  2250. <style scoped>
  2251. * {
  2252. box-sizing: border-box;
  2253. padding: 0;
  2254. margin: 0;
  2255. }
  2256. /* body *{
  2257. -webkit-filter: grayscale(100%);
  2258. -moz-filter: grayscale(100%);
  2259. -ms-filter: grayscale(100%);
  2260. -o-filter: grayscale(100%);
  2261. filter: grayscale(100%);
  2262. filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  2263. filter:gray;
  2264. } */
  2265. /* 修改密码 */
  2266. .change-box1 {
  2267. margin: 20px auto;
  2268. width: 468px;
  2269. height: 570px;
  2270. z-index: 999;
  2271. background: linear-gradient(0deg, #ffffff 0%, #2ba5df 100%);
  2272. box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.5);
  2273. overflow: hidden;
  2274. }
  2275. .change-top {
  2276. width: 468px;
  2277. height: 81px;
  2278. background: #f5f5f5;
  2279. border-radius: 4px 4px 0px 0px;
  2280. position: relative;
  2281. }
  2282. .change-box {
  2283. width: 100px;
  2284. height: 30px;
  2285. z-index: 999999;
  2286. overflow: hidden;
  2287. position: absolute;
  2288. top: 26px;
  2289. left: 20px;
  2290. }
  2291. .change-change {
  2292. width: 180px;
  2293. height: 40px;
  2294. line-height: 40px;
  2295. font-size: 14px;
  2296. transform: translateX(-60px) translateY(-2px);
  2297. }
  2298. .change-text {
  2299. width: 80px;
  2300. height: 20px;
  2301. font-size: 20px;
  2302. font-family: PingFangSC-Medium, PingFang SC;
  2303. font-weight: 500;
  2304. color: #262626;
  2305. line-height: 20px;
  2306. position: absolute;
  2307. top: 32px;
  2308. left: 194px;
  2309. }
  2310. .change-pic {
  2311. width: 25px;
  2312. height: 24px;
  2313. text-align: center;
  2314. overflow: hidden;
  2315. border-radius: 20px;
  2316. cursor: pointer;
  2317. position: absolute;
  2318. top: 32px;
  2319. right: 21px;
  2320. }
  2321. .change-pic > img {
  2322. width: 100%;
  2323. height: 100%;
  2324. }
  2325. .change-user-info {
  2326. width: 384px;
  2327. height: 508px;
  2328. text-align: center;
  2329. margin-left: 42px;
  2330. }
  2331. .change-item-id {
  2332. width: 384px;
  2333. height: 51px;
  2334. margin-top: 20px;
  2335. position: relative;
  2336. }
  2337. .change-user-id {
  2338. width: 384px;
  2339. height: 51px;
  2340. margin-top: 10px;
  2341. position: relative;
  2342. }
  2343. .change-user-pws {
  2344. width: 384px;
  2345. height: 51px;
  2346. margin-top: 10px;
  2347. position: relative;
  2348. }
  2349. .change-user-yzm {
  2350. width: 384px;
  2351. height: 51px;
  2352. margin-top: 10px;
  2353. position: relative;
  2354. }
  2355. .change-title {
  2356. height: 39px;
  2357. line-height: 39px;
  2358. z-index: 999;
  2359. width: 80px;
  2360. text-align: left;
  2361. border-radius: 10px;
  2362. position: absolute;
  2363. top: 0;
  2364. left: 30px;
  2365. }
  2366. .user-change-pic {
  2367. width: 386px;
  2368. height: 59px;
  2369. text-align: center;
  2370. line-height: 59px;
  2371. border-radius: 10px;
  2372. cursor: pointer;
  2373. background-color: #47c4ef;
  2374. font-size: 24px;
  2375. color: #fff;
  2376. }
  2377. .user-change1 {
  2378. width: 375px;
  2379. height: 16px;
  2380. font-size: 16px;
  2381. font-family: PingFangSC-Regular, PingFang SC;
  2382. font-weight: 400;
  2383. text-align: initial;
  2384. color: #333333;
  2385. line-height: 16px;
  2386. margin-left: 10px;
  2387. }
  2388. .user-style {
  2389. margin-top: 19px;
  2390. display: flex;
  2391. margin-left: 10px;
  2392. text-align: initial;
  2393. }
  2394. .user-style1 {
  2395. width: 115px;
  2396. height: 24px;
  2397. font-size: 16px;
  2398. font-family: PingFangSC-Regular, PingFang SC;
  2399. font-weight: 400;
  2400. color: #333333;
  2401. line-height: 24px;
  2402. text-align: initial;
  2403. }
  2404. .user-style2 {
  2405. width: 298px;
  2406. height: 48px;
  2407. font-size: 15px;
  2408. font-family: PingFangSC-Regular, PingFang SC;
  2409. font-weight: 400;
  2410. color: #333333;
  2411. line-height: 24px;
  2412. text-align: initial;
  2413. }
  2414. .user-long {
  2415. width: 357px;
  2416. height: 20px;
  2417. font-size: 15px;
  2418. margin-top: 19px;
  2419. margin-left: 10px;
  2420. font-family: PingFangSC-Regular, PingFang SC;
  2421. font-weight: 400;
  2422. color: #333333;
  2423. line-height: 20px;
  2424. text-align: initial;
  2425. }
  2426. .change-btm-pic {
  2427. padding: 0;
  2428. margin: 0;
  2429. position: absolute;
  2430. top: 542px;
  2431. }
  2432. .change-details {
  2433. width: 468px;
  2434. height: 570px;
  2435. z-index: 999;
  2436. position: absolute;
  2437. top: 50px;
  2438. left: 50%;
  2439. transform: translateX(-50%);
  2440. }
  2441. /* 投票 */
  2442. .ballot-details {
  2443. width: 650px;
  2444. height: 570px;
  2445. z-index: 999;
  2446. position: absolute;
  2447. top: 50px;
  2448. left: 50%;
  2449. transform: translateX(-50%);
  2450. }
  2451. .user-box {
  2452. width: 650px;
  2453. height: 570px;
  2454. background: linear-gradient(0deg, #01b4ff 0%, #084ebf 100%);
  2455. box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.5);
  2456. overflow: hidden;
  2457. }
  2458. .login-top {
  2459. width: 650px;
  2460. height: 81px;
  2461. background: #f5f5f5;
  2462. border-radius: 4px 4px 0px 0px;
  2463. position: relative;
  2464. }
  2465. .select-select {
  2466. width: 140px;
  2467. height: 41px;
  2468. line-height: 41px;
  2469. font-size: 14px;
  2470. transform: translateX(30px) translateY(20px);
  2471. }
  2472. /* /deep/.el-input__suffix {
  2473. padding-right: 20px;
  2474. color: #000;
  2475. } */
  2476. .login-text {
  2477. width: 240px;
  2478. height: 20px;
  2479. font-size: 20px;
  2480. font-family: PingFangSC-Medium, PingFang SC;
  2481. font-weight: 700;
  2482. color: #262626;
  2483. line-height: 20px;
  2484. text-align: center;
  2485. position: absolute;
  2486. top: 32px;
  2487. left: 192px;
  2488. }
  2489. .close-pic {
  2490. width: 25px;
  2491. height: 24px;
  2492. text-align: center;
  2493. overflow: hidden;
  2494. border-radius: 20px;
  2495. cursor: pointer;
  2496. position: absolute;
  2497. top: 32px;
  2498. right: 21px;
  2499. }
  2500. .close-pic > img {
  2501. width: 100%;
  2502. height: 100%;
  2503. }
  2504. .user-info {
  2505. width: 600px;
  2506. height: 508px;
  2507. text-align: center;
  2508. margin-left: 20px;
  2509. }
  2510. .user-id {
  2511. width: 100%;
  2512. height: 51px;
  2513. margin-top: 40px;
  2514. position: relative;
  2515. }
  2516. .user-pws {
  2517. width: 100%;
  2518. height: 51px;
  2519. margin-top: 36px;
  2520. position: relative;
  2521. }
  2522. .user-yzm {
  2523. width: 100%;
  2524. height: 51px;
  2525. margin-top: 36px;
  2526. position: relative;
  2527. }
  2528. .user-text {
  2529. height: 39px;
  2530. line-height: 39px;
  2531. z-index: 999;
  2532. width: 140px;
  2533. text-align: left;
  2534. font-size: 14px;
  2535. border-radius: 10px;
  2536. position: absolute;
  2537. top: 0;
  2538. left: 40px;
  2539. }
  2540. .user-login {
  2541. width: 100%;
  2542. height: 59px;
  2543. text-align: center;
  2544. line-height: 59px;
  2545. cursor: pointer;
  2546. background: linear-gradient(177deg, #84e2ff 0%, #30ade8 100%);
  2547. box-shadow: 0px 2px 4px 0px #097fb0,
  2548. inset 0px 3px 3px 0px rgba(194, 235, 255, 0.63);
  2549. border-radius: 8px;
  2550. margin-top: 38px;
  2551. font-size: 24px;
  2552. color: #fff;
  2553. }
  2554. .user-change {
  2555. width: 56px;
  2556. height: 20px;
  2557. font-size: 14px;
  2558. font-family: PingFangSC-Regular, PingFang SC;
  2559. font-weight: 400;
  2560. color: #0b5da1;
  2561. line-height: 20px;
  2562. cursor: pointer;
  2563. }
  2564. .btm-pic {
  2565. width: 100%;
  2566. padding: 0;
  2567. margin: 0;
  2568. position: absolute;
  2569. top: 512px;
  2570. }
  2571. .btm-pic > img {
  2572. width: 100%;
  2573. }
  2574. /* /deep/ .user-info .el-input__inner {
  2575. padding-left: 150px;
  2576. background-color: #f5f5f5;
  2577. color: #000;
  2578. } */
  2579. .quick-entry-list,
  2580. .quick-entry-list2 {
  2581. width: 1180px;
  2582. overflow: hidden;
  2583. margin: 0 auto 30px auto;
  2584. }
  2585. .quick-entry-list2 > div,
  2586. .quick-entry-list > div {
  2587. width: 50%;
  2588. height: 120px;
  2589. float: left;
  2590. cursor: pointer;
  2591. }
  2592. .quick-entry-list > div:first-child {
  2593. background: #5882f1 url('../assets/img/home/quick-entry1.png') no-repeat
  2594. center center / 100% 100%;
  2595. }
  2596. .quick-entry-list > div:last-child {
  2597. background: #0091ff url('../assets/img/home/quick-entry2.png') no-repeat
  2598. center center / 100% 100%;
  2599. }
  2600. .quick-entry-list2 > div:first-child {
  2601. background: #5882f1 url('../assets/img/home/quick-entry3.png') no-repeat
  2602. center center / 100% 100%;
  2603. }
  2604. .quick-entry-list2 > div:last-child {
  2605. background: #0091ff url('../assets/img/home/quick-entry4.png') no-repeat
  2606. center center / 100% 100%;
  2607. }
  2608. .module-classify-list {
  2609. width: 1180px;
  2610. margin: 0 auto;
  2611. padding: 0 0 30px 0;
  2612. overflow: hidden;
  2613. background: #fff;
  2614. }
  2615. .module-classify-list * {
  2616. transition: all 0.3s;
  2617. }
  2618. .module-classify-list li {
  2619. width: 180px;
  2620. height: 205px;
  2621. margin: 0 8px;
  2622. float: left;
  2623. padding: 0 18px;
  2624. border-radius: 9px;
  2625. position: relative;
  2626. overflow: hidden;
  2627. }
  2628. .module-classify-list li:hover {
  2629. box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  2630. }
  2631. .module-classify-info {
  2632. position: relative;
  2633. }
  2634. .module-classify-icon {
  2635. width: 70px;
  2636. height: 70px;
  2637. margin: 0 auto;
  2638. margin-top: 46px;
  2639. /* background: #F4F8FF; */
  2640. border-radius: 50%;
  2641. position: relative;
  2642. }
  2643. .module-classify-icon img {
  2644. position: absolute;
  2645. top: 0;
  2646. left: 0;
  2647. /* transform: translate(-50%, -50%); */
  2648. width: 100%;
  2649. height: 100%;
  2650. }
  2651. .module-classify-title {
  2652. font-weight: 600;
  2653. font-size: 17px;
  2654. color: #666;
  2655. line-height: 20px;
  2656. margin-top: 23px;
  2657. text-align: center;
  2658. cursor: pointer;
  2659. }
  2660. .module-classify-line {
  2661. width: 0%;
  2662. height: 2px;
  2663. background: #0091ff;
  2664. position: absolute;
  2665. left: 50%;
  2666. transform: translateX(-50%);
  2667. bottom: -4px;
  2668. transition: all 0.3s;
  2669. opacity: 0;
  2670. }
  2671. .module-classify-info-active .module-classify-icon {
  2672. margin-top: 37px;
  2673. width: 84px;
  2674. height: 84px;
  2675. /* background: #0091FF; */
  2676. }
  2677. /* .module-classify-info-active .module-classify-icon img{
  2678. width: 42px;
  2679. height: 42px;
  2680. } */
  2681. .module-classify-info-active2 {
  2682. margin-top: 30px;
  2683. }
  2684. .module-classify-info-active2 .module-classify-icon {
  2685. width: 48px;
  2686. height: 48px;
  2687. margin-top: 30px;
  2688. /* background: #0091FF; */
  2689. }
  2690. /* .module-classify-info-active2 .module-classify-icon img{
  2691. width: 24px;
  2692. height: 24px;
  2693. } */
  2694. .module-classify-info-active2 .module-classify-title {
  2695. color: #0091ff;
  2696. margin-top: 0;
  2697. }
  2698. .module-classify-info-active2 .module-classify-line {
  2699. width: 100%;
  2700. opacity: 1;
  2701. }
  2702. .module-classify-children {
  2703. font-size: 12px;
  2704. font-weight: 400;
  2705. text-align: left;
  2706. color: #0091ff;
  2707. line-height: 20px;
  2708. padding: 10px 0;
  2709. opacity: 0;
  2710. position: absolute;
  2711. top: 205px;
  2712. left: 20px;
  2713. transition: all 0.3s;
  2714. }
  2715. .module-classify-children div {
  2716. display: inline-block;
  2717. width: 50%;
  2718. font-size: 13px;
  2719. overflow: hidden;
  2720. white-space: nowrap;
  2721. cursor: pointer;
  2722. }
  2723. .module-classify-list li:hover .module-classify-children {
  2724. top: 110px;
  2725. opacity: 1;
  2726. }
  2727. .module-classify-list li:hover .module-classify-children.en {
  2728. top: 140px;
  2729. }
  2730. .latest-news-content {
  2731. width: 1180px;
  2732. margin: 0 auto;
  2733. }
  2734. .latest-news-content .most-watched {
  2735. width: 100%;
  2736. }
  2737. .latest-news-more {
  2738. text-align: right;
  2739. }
  2740. .latest-news-more span {
  2741. font-size: 24px;
  2742. font-weight: 900;
  2743. color: #0091ff;
  2744. cursor: pointer;
  2745. }
  2746. .latest-news-more span:hover {
  2747. color: #dd541a;
  2748. }
  2749. .latest-news-list {
  2750. overflow: hidden;
  2751. padding-bottom: 20px;
  2752. }
  2753. .latest-news-list > li {
  2754. width: 33.3%;
  2755. min-height: 290px;
  2756. float: left;
  2757. padding: 0 14px;
  2758. position: relative;
  2759. }
  2760. .latest-news-list > li::before {
  2761. content: '';
  2762. position: absolute;
  2763. bottom: 30px;
  2764. left: 0;
  2765. width: 4px;
  2766. height: 125px;
  2767. }
  2768. .latest-news-list > li:nth-child(1)::before {
  2769. background: #608cc4;
  2770. }
  2771. .latest-news-list > li:nth-child(2)::before {
  2772. background: #6dd400;
  2773. }
  2774. .latest-news-list > li:nth-child(3)::before {
  2775. background: #ffaa05;
  2776. }
  2777. .latest-news-list ul {
  2778. margin-top: 20px;
  2779. margin-bottom: 10px;
  2780. line-height: 30px;
  2781. font-size: 14px;
  2782. }
  2783. .latest-news-list ul li {
  2784. padding-left: 18px;
  2785. position: relative;
  2786. height: 30px;
  2787. }
  2788. .latest-news-list ul li p {
  2789. width: 100%;
  2790. overflow: hidden;
  2791. text-overflow: ellipsis;
  2792. white-space: nowrap;
  2793. }
  2794. .latest-news-list ul li::before {
  2795. content: '';
  2796. display: block;
  2797. width: 8px;
  2798. height: 8px;
  2799. background: #cfe2fb;
  2800. position: absolute;
  2801. top: 11px;
  2802. left: 0;
  2803. }
  2804. .mytest {
  2805. position: fixed;
  2806. top: 60%;
  2807. right: 8%;
  2808. z-index: 2;
  2809. width: 300px;
  2810. height: 150px;
  2811. cursor: pointer;
  2812. }
  2813. .mytest > img {
  2814. width: 100%;
  2815. height: 100%;
  2816. }
  2817. .africanActivity {
  2818. position: fixed;
  2819. top: 60%;
  2820. right: 8%;
  2821. z-index: 2;
  2822. width: 300px;
  2823. height: 150px;
  2824. }
  2825. .africanActivity > img {
  2826. width: 100%;
  2827. height: 100%;
  2828. }
  2829. .el-icon-circle-close {
  2830. position: absolute;
  2831. top: 5px;
  2832. right: 5px;
  2833. background-color: white;
  2834. border-radius: 50%;
  2835. }
  2836. .ballot-info {
  2837. width: 163px;
  2838. height: 38px;
  2839. text-align: center;
  2840. line-height: 32px;
  2841. border-radius: 50px;
  2842. position: absolute;
  2843. top: 290px;
  2844. right: 582px;
  2845. z-index: 999;
  2846. cursor: pointer;
  2847. opacity: 0;
  2848. }
  2849. .ballot-login {
  2850. width: 100%;
  2851. height: 100%;
  2852. color: #fff;
  2853. font-size: 14px;
  2854. font-weight: 700;
  2855. }
  2856. .voteBallot {
  2857. position: fixed;
  2858. left: 67%;
  2859. top: 11%;
  2860. transform: translate(-800px, -50%);
  2861. z-index: 999;
  2862. width: 200px;
  2863. height: 71px;
  2864. box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  2865. }
  2866. .ballotAnimals {
  2867. position: fixed;
  2868. left: 83%;
  2869. top: 54%;
  2870. z-index: 999;
  2871. width: 290px;
  2872. height: 110px;
  2873. box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  2874. cursor: pointer;
  2875. }
  2876. .verify {
  2877. width: 138px;
  2878. height: 35px;
  2879. z-index: 99999;
  2880. position: absolute;
  2881. top: 0;
  2882. right: 20px;
  2883. }
  2884. .voteWarn {
  2885. height: 25px;
  2886. color: red;
  2887. font-size: 10px;
  2888. line-height: 30px;
  2889. transition: height 2s;
  2890. }
  2891. .advertise {
  2892. border: 1px solid #ccc;
  2893. box-sizing: border-box;
  2894. z-index: 999;
  2895. box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  2896. cursor: pointer;
  2897. }
  2898. .advertiseLeft {
  2899. width: 150px;
  2900. height: 455px;
  2901. position: fixed;
  2902. top: 50%;
  2903. left: 200px;
  2904. }
  2905. .advertiseRight {
  2906. width: 80px;
  2907. height: 300px;
  2908. position: fixed;
  2909. top: 40%;
  2910. right: 20px;
  2911. }
  2912. .advertiseUnderRight {
  2913. width: 180px;
  2914. height: 150px;
  2915. position: fixed;
  2916. top: 80%;
  2917. right: 20px;
  2918. }
  2919. .close {
  2920. width: 150px;
  2921. background: #f5f5f5;
  2922. cursor: pointer;
  2923. font-size: 14px;
  2924. text-align: center;
  2925. /*color: #ccc;*/
  2926. }
  2927. .close1 {
  2928. width: 150px;
  2929. /* background: #f5f5f5; */
  2930. cursor: pointer;
  2931. font-size: 14px;
  2932. text-align: center;
  2933. }
  2934. .new {
  2935. position: relative;
  2936. z-index: 1;
  2937. float: right;
  2938. width: 38px;
  2939. height: 20px;
  2940. margin-right: 25%;
  2941. line-height: 20px;
  2942. background: red;
  2943. color: white;
  2944. text-align: center;
  2945. border-radius: 9px;
  2946. font-size: 13px;
  2947. }
  2948. .broadcast {
  2949. width: 100%;
  2950. background-color: #2b5e9e;
  2951. height: 55px;
  2952. line-height: 55px;
  2953. margin: 20px 0 0 0;
  2954. padding: 0 28px;
  2955. border-top-left-radius: 35px;
  2956. border-top-right-radius: 35px;
  2957. white-space: nowrap;
  2958. /* overflow: hidden; */
  2959. }
  2960. @-webkit-keyframes short {
  2961. 0% {
  2962. -webkit-transform: translate3d(0, 0, 0);
  2963. transform: translate3d(0, 0, 0);
  2964. }
  2965. 100% {
  2966. -webkit-transform: translate3d(-300px, 0, 0);
  2967. transform: translate3d(-280px, 0, 0);
  2968. }
  2969. }
  2970. @-webkit-keyframes long {
  2971. 0% {
  2972. -webkit-transform: translate3d(0, 0, 0);
  2973. transform: translate3d(0, 0, 0);
  2974. }
  2975. 100% {
  2976. -webkit-transform: translate3d(-300px, 0, 0);
  2977. transform: translate3d(-980px, 0, 0);
  2978. }
  2979. }
  2980. .testtest_one {
  2981. width: max-content;
  2982. height: 100%;
  2983. }
  2984. .testtest_one span {
  2985. vertical-align: top;
  2986. }
  2987. .testtest_tow {
  2988. width: max-content;
  2989. /* 动画部分 */
  2990. /* animation-name: rowup;
  2991. animation-duration: 5s;
  2992. animation-iteration-count: infinite; */
  2993. -webkit-animation: 10s short linear infinite normal;
  2994. animation: 10s short linear infinite normal;
  2995. }
  2996. .testtest_three {
  2997. width: max-content;
  2998. /* 动画部分 */
  2999. /* animation-name: rowup;
  3000. animation-duration: 5s;
  3001. animation-iteration-count: infinite; */
  3002. -webkit-animation: 12s long linear infinite normal;
  3003. animation: 12s long linear infinite normal;
  3004. }
  3005. .scroll-up {
  3006. height: 50px;
  3007. line-height: 50px;
  3008. overflow: hidden;
  3009. }
  3010. </style>