Enterprise.vue 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744
  1. <template>
  2. <div>
  3. <div class="autoBox box">
  4. <div class="crumbs">
  5. <el-breadcrumb separator="/">
  6. <el-breadcrumb-item :to="{ path: 'home' }">{{$t('common.Home')}}</el-breadcrumb-item>
  7. <el-breadcrumb-item>{{$t('common.EnterpriseShow')}}</el-breadcrumb-item>
  8. </el-breadcrumb>
  9. </div>
  10. <div style="margin-top: 20px;">
  11. <Screen v-bind:screen1="screen1" :screen2="screen2" :screen3="screen3" @screenBack="screenBack">
  12. </Screen>
  13. </div>
  14. <div
  15. style="margin-top: 20px;margin-left: 20px;margin-right: 20px; padding-bottom: 10px;border-bottom: 1px solid #CCCCCC;">
  16. <!-- 关注排序 -->
  17. <div :class="index==0?'projectSlot1':'projectSlot2'" class="cursor">
  18. <span style="padding:0 13px;height: 35px;display: inline-block;width: 120px;" @click="screen(0)"
  19. :class="index==0?'screen1':'screen2'">{{$t('common.LatestRelease')}}</span>
  20. <span id="attention2" style="padding:0 13px;height: 35px;display: inline-block;width: 120px;"
  21. @click="screen(1)" :class="index==1?'screen1':'screen2'">{{$t('common.MostAttention')}}</span>
  22. <div style="float: right;margin-right: 50px;font-size: 20px;" class="menu">
  23. <i class="fa fa-bars" aria-hidden="true" :style="projectFaIcon==1?'color:#000':'color:#bcbcbc'"
  24. style="margin-right: 20px;" @click="projectFaIcon=1"></i>
  25. <i class="el-icon-menu" @click="projectFaIcon=2"
  26. :style="projectFaIcon==2?'color:#000':'color:#bcbcbc'"></i>
  27. </div>
  28. </div>
  29. </div>
  30. <!-- <div style="width: 1100px;height: 2px;color: #000;"></div> -->
  31. <!-- 项目个数 -->
  32. <div style="margin-top: 20px;margin-left: 20px;;display: inline-block; font-size:14px;color: #bcbcbc;">
  33. {{$t('common.Total')}}
  34. <span style="color: #1251A7;font-size: 14px;font-weight: 600;"> {{totalPage}}</span>
  35. {{$t('common.enterprise')}}
  36. </div>
  37. <div style="margin-top: 10px;float: right; font-size:14px;color: #bcbcbc;margin-right: 20px;">
  38. <el-input v-model="page.unitName" @keyup.enter.native="getBase"
  39. :placeholder="$i18n.locale=='zh'?'请输入搜索':'Please enter search'" maxlength="10" show-word-limit
  40. style="width: 250px;margin-right: 28px;">
  41. <i class="el-icon-search"></i>
  42. <el-button slot="append" icon="el-icon-search" @click="getBase"
  43. style="background: #fff;border-left: 0;"></el-button>
  44. </el-input>
  45. </div>
  46. <div v-show="projectFaIcon==1" class="initListBox" v-for="(item,index) in init" :key="item.id">
  47. <div>
  48. <div style="position: absolute;left: 0;width: 182px;height: 158px;">
  49. <img :src="item.photo" alt
  50. style="width: 224px;height: 182px;border: 1px solid rgba(221,221,221,.5);" />
  51. </div>
  52. <div style="margin-left: 250px;margin-top: 20px;width: 700px; font-size: 12px;"
  53. @click="toViewTargtBack('enterpriseDetails',item)">
  54. <div>
  55. <span class="initData_label cursor">{{item.unitName}}</span>
  56. <!-- 推荐企业 -->
  57. <span
  58. style="margin-left: 34px;padding: 10px;background:rgb(51, 208, 255);color: #fff;font-weight: 700;"
  59. v-if="item.recommendFlag=='y'">
  60. {{$t('common.RecommendedEnterprise')}}
  61. </span>
  62. </div>
  63. <div style="line-height: 25px;">
  64. <span style="margin-right: 100px;">
  65. <i class="el-icon-location-outline"></i>
  66. {{$i18n.locale === 'zh'?
  67. item.unitCountry:item.unitCountryDict?
  68. item.unitCountryDict.charAt(0).toUpperCase() +
  69. item.unitCountryDict.slice(1):''}} - {{item.unitRegion}}
  70. </span>
  71. <i class="el-icon-time"></i>
  72. <span>{{$t('common.DateOfEstablishment')}}: {{formatDate(item.setUpDate)}}</span>
  73. </div>
  74. <div style="line-height: 25px;">
  75. <span>
  76. <i class="fa fa-envelope-open-o" aria-hidden="true"></i>
  77. {{$t('common.ProductInformation')}}
  78. <span style="color: #0099FF;padding: 0 10px;">{{informationNumMap[item.baseEntityId]
  79. ?'('+informationNumMap[item.baseEntityId][1]+')':'(0)'}}</span>
  80. {{$t('common.CoreTechnology')}}
  81. <span style="color: #0099FF;padding: 0 10px;">{{informationNumMap[item.baseEntityId]
  82. ?'('+informationNumMap[item.baseEntityId][2]+')':'(0)'}}</span>
  83. {{$t('common.ProjectPerformance')}}
  84. <span style="color: #0099FF;padding: 0 10px;">{{informationNumMap[item.baseEntityId]
  85. ?'('+informationNumMap[item.baseEntityId][3]+')':'(0)'}}</span>
  86. </span>
  87. </div>
  88. <div class="plate" style="line-height: 25px; -webkit-box-orient: vertical;
  89. position:relative;
  90. line-height:1.4em;
  91. overflow: hidden;
  92. height:7em;height: 75px;margin-top: 5px;width: 810px;">
  93. <span style="line-height: 25px;height: 50px;display: block;">
  94. <i class="el-icon-tickets"></i>
  95. {{item.unitIntrodution}}
  96. </span>
  97. </div>
  98. <div>
  99. <el-tag style="margin: 10px 10px 0 0;" v-for="unitLabel in item.unitLabel">
  100. {{unitLabel}}
  101. </el-tag>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <!-- ul布局 -->
  107. <ul v-show="projectFaIcon==2" class="initListBox2">
  108. <li v-for="(item,index) in init" :key="item.id" class="cursor" style="width: 24%;position: relative;"
  109. @click="toEnterpriseView('enterpriseDetailss',item,item.showable)">
  110. <img :src="item.photo" alt=""
  111. style="width: 100%;height: 240px;border: 1px solid rgba(221,221,221,.5);">
  112. <div style=" color: #666;height: 90px;overflow: hidden;">
  113. <div style="line-height: 1.4em;">
  114. <span class="initData_label2 cursor">{{item.unitName}}</span>
  115. </div>
  116. <div style="height: 20px;">
  117. </div>
  118. </div>
  119. </li>
  120. </ul>
  121. <div style="clear: both;"></div>
  122. <div style="width: 100%;position: relative;height: 100px;">
  123. <el-pagination v-if="totalPage !==0"
  124. style="height: 80px;position: absolute;left: 50%;top: 100px;transform: translate(-50%,-50%);"
  125. background layout="prev, pager, next" :page-size=12 :total=totalPage
  126. :current-page.sync="currentPage" @current-change="handleCurrentChange"></el-pagination>
  127. <div style="height: 80px;position: absolute;left: 50%;top: 100px;transform: translate(-50%,-50%);"
  128. v-else>
  129. {{$i18n.locale=='en'? 'Sorry no data !':'暂无数据'}}
  130. </div>
  131. </div>
  132. <!-- 项目信息展示-->
  133. <div style="display: flex;justify-content: space-between;border-bottom: 2px solid #c9c6c6;padding: 0 30px;">
  134. <!-- 右侧信息-->
  135. <div style="display: inline-block;width: 97%;margin-right: 35px;">
  136. <div
  137. style="padding: 10px 0;width:100%; border-bottom: 2px solid #2c558a;line-height: 50px;margin-left: 20px;">
  138. {{$t('common.LatestDevelopment')}}
  139. <span @click="getInformation(listInformation.pageNo + 1)" style="float: right;cursor: pointer;">
  140. <div style="width: 12px;height: 12px;float: left;">
  141. <img src="@/assets/img/helpCenter/change1.png" alt="" style="width:100%;">
  142. </div>
  143. <div style="float:left;margin-left:5px;font-size:16px;color:#778AA4">
  144. {{$t('common.ChangeTheBatch')}}
  145. </div>
  146. </span>
  147. </div>
  148. <ul class="item messageList">
  149. <li v-for="item in unitDynamicInfos"
  150. @click="toViewDetail('enterpriseInformationDetails',item.baseEntityId,'common.LatestDevelopment')"
  151. class="cursor list">
  152. <div class="square"></div>
  153. <span class="title" v-text="item.title"></span>
  154. <span style="margin-left: auto;" v-text="formatDate(item.createDate)"></span>
  155. </li>
  156. </ul>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </template>
  162. <script>
  163. import Base from "@/views/base/Base";
  164. import HeaderItem from "@/components/headerItem";
  165. import tabers from "@/components/taber";
  166. import footers from "@/components/footers";
  167. import Screen from "@/components/screen";
  168. import { getBaseUnitViews, get, saveOrUpdate, del,getUnit,getInformationCountByIds,getUnitDynamicInfos} from "@/api/baseUnitView";
  169. import { getDicts } from "@/api/dict";
  170. import moment from "moment";
  171. import {gateGetUnitViewById} from "@/api/baseUnitView";
  172. export default {
  173. name: "enterprise",
  174. components: { tabers, HeaderItem, footers, Screen, moment },
  175. extends: Base,
  176. data() {
  177. return {
  178. index: 0,
  179. loading: true,
  180. totalPage: "",
  181. projectFaIcon:2,
  182. page: {
  183. pageSize: "12",
  184. pageNo: "1",
  185. language:'',
  186. descStatus:'0',
  187. unitName:null,
  188. },
  189. currentPage:1,
  190. screen1: {
  191. value: "common.Region",
  192. item: [],
  193. },
  194. screen2: {
  195. value: "common.Type",
  196. item: [],
  197. },
  198. screen3:{
  199. value:'common.Byletter',
  200. item:[
  201. {
  202. value:null,
  203. ifValue:true,
  204. label:'common.All'
  205. },{
  206. ifValue:false,
  207. value:'A',
  208. label:'A'
  209. },{
  210. ifValue:false,
  211. value:'B',
  212. label:'B'
  213. },{
  214. ifValue:false,
  215. value:'C',
  216. label:'C'
  217. },{
  218. ifValue:false,
  219. value:'D',
  220. label:'D'
  221. },{
  222. ifValue:false,
  223. value:'E',
  224. label:'E'
  225. },{
  226. ifValue:false,
  227. value:'F',
  228. label:'F'
  229. },{
  230. ifValue:false,
  231. value:'G',
  232. label:'G'
  233. },{
  234. ifValue:false,
  235. value:'H',
  236. label:'H'
  237. },{
  238. ifValue:false,
  239. value:'I',
  240. label:'I'
  241. },{
  242. ifValue:false,
  243. value:'J',
  244. label:'J'
  245. },{
  246. ifValue:false,
  247. value:'K',
  248. label:'K'
  249. },{
  250. ifValue:false,
  251. value:'L',
  252. label:'L'
  253. },{
  254. ifValue:false,
  255. value:'M',
  256. label:'M'
  257. },{
  258. ifValue:false,
  259. value:'N',
  260. label:'N'
  261. },{
  262. ifValue:false,
  263. value:'O',
  264. label:'O'
  265. },{
  266. ifValue:false,
  267. value:'P',
  268. label:'P'
  269. },{
  270. ifValue:false,
  271. value:'Q',
  272. label:'Q'
  273. },{
  274. ifValue:false,
  275. value:'R',
  276. label:'R'
  277. },{
  278. ifValue:false,
  279. value:'S',
  280. label:'S'
  281. },{
  282. ifValue:false,
  283. value:'T',
  284. label:'T'
  285. },{
  286. ifValue:false,
  287. value:'U',
  288. label:'U'
  289. },{
  290. ifValue:false,
  291. value:'V',
  292. label:'V'
  293. },{
  294. ifValue:false,
  295. value:'W',
  296. label:'W'
  297. },{
  298. ifValue:false,
  299. value:'X',
  300. label:'X'
  301. },{
  302. ifValue:false,
  303. value:'Y',
  304. label:'Y'
  305. },{
  306. ifValue:false,
  307. value:'Z',
  308. label:'Z'
  309. }],
  310. },
  311. init: [],
  312. dict: {},
  313. recommend: [
  314. ],
  315. Initials:'',
  316. informationNumMap:{},
  317. listInformation : {
  318. pageNo: 1,
  319. pageSize: 5,
  320. language: '',
  321. },
  322. shouldGetBegin:false,
  323. flag:true,
  324. unitDynamicInfos:[],
  325. photoNum:'0',
  326. };
  327. },
  328. mounted() {
  329. this.getData();// 请求字典值
  330. this.getBase();// 请求数据
  331. this.getInformation(1);
  332. this.$store.commit('modify', 'enterprise');
  333. window.localStorage.setItem('router', 'enterprise');
  334. },
  335. watch: {
  336. '$i18n.locale'(){
  337. this.getBase();
  338. this.getData();
  339. this.getInformation(1);
  340. },
  341. "page.unitName"(){
  342. this.page.pageNo = '1'
  343. }
  344. },
  345. methods: {
  346. closeMask () {
  347. let path=this.$route.path.substr(1);
  348. this.$store.state.router=path;
  349. window.onload()
  350. },
  351. getInformation(pageNo){
  352. this.listInformation.language = this.$i18n.locale.toUpperCase();
  353. if(this.shouldGetBegin){
  354. pageNo = 1;
  355. }
  356. this.listInformation.pageNo = pageNo;
  357. getUnitDynamicInfos(this.listInformation).then(res=>{
  358. var data = res.data;
  359. if(data){
  360. this.unitDynamicInfos = data||[];
  361. this.shouldGetBegin = this.unitDynamicInfos.length < 5 ? true : false;
  362. }
  363. })
  364. },
  365. toViewDetail(router,json,name){
  366. this.$store.commit('modify', router);
  367. window.localStorage.setItem('router', router);
  368. const { href } = this.$router.resolve({
  369. name: router,
  370. query: {
  371. key: json,
  372. name:name?name:''
  373. }
  374. });
  375. window.open(href, '_blank');
  376. },
  377. getData() {
  378. if(this.$i18n.locale=='zh'){
  379. getDicts(
  380. "CONTINENT_CODE_DICT,INDUSTRY_DICTS,BUSINESS_APPROVAL_STATUS,RELEASE_STATUS_DICT"
  381. ).then((res) => {
  382. this.screen1.item = res.data[0];
  383. this.loading = false;
  384. this.screen1.item.unshift({
  385. label: "common.All",
  386. value: null,
  387. });
  388. // this.screen2.item = res.data[1];
  389. this.screen2.item=[];
  390. // this.screen2.item = this.screen2.item.slice(0,4)
  391. res.data[1].forEach(item=>{
  392. if( item.value=='06' || item.value=='09' || item.value=='11' || item.value=='01' || item.value=='02' || item.value=='04' || item.value=='05' ){
  393. this.screen2.item.push(item)
  394. }
  395. })
  396. // 2020-10-20 团体组织跟科研机构 放最后
  397. let ky = this.screen2.item[0];
  398. let tt = this.screen2.item[1];
  399. this.screen2.item.remove(ky);
  400. this.screen2.item.remove(tt);
  401. this.screen2.item.push(ky);
  402. this.screen2.item.push(tt);
  403. this.screen2.item.unshift({
  404. label: "common.All",
  405. value: null,
  406. });
  407. console.log(this.screen1, this.screen2);
  408. });
  409. }else if(this.$i18n.locale=='en'){
  410. getDicts(
  411. "CONTINENT_CODE_DICT_EN,INDUSTRY_DICTS_EN,BUSINESS_APPROVAL_STATUS,RELEASE_STATUS_DICT"
  412. ).then((res) => {
  413. this.screen1.item = res.data[0];
  414. this.loading = false;
  415. this.screen1.item.unshift({
  416. label: "common.All",
  417. value: null,
  418. });
  419. // this.screen2.item = res.data[1];
  420. // this.screen2.item = this.screen2.item.slice(0,4)
  421. // let screen2Leave=[]
  422. this.screen2.item=[];
  423. // this.screen2.item.unshift({
  424. // label: "common.All",
  425. // value: null,
  426. // });
  427. this.$forceUpdate();
  428. this.screen2.item=[{
  429. label: "common.All",
  430. value: null,
  431. }];
  432. res.data[1].forEach(item=>{
  433. if(item.value=='06' || item.value=='09' || item.value=='11' || item.value=='01' || item.value=='02' || item.value=='04' || item.value=='05' ){
  434. this.screen2.item.push(item);
  435. }
  436. })
  437. // 2020-10-20 团体组织跟科研机构 放最后
  438. let ky = this.screen2.item[1];
  439. let tt = this.screen2.item[2];
  440. this.screen2.item.remove(ky);
  441. this.screen2.item.remove(tt);
  442. this.screen2.item.push(ky);
  443. this.screen2.item.push(tt);
  444. console.log(this.screen1, this.screen2);
  445. });
  446. }
  447. },
  448. getBase(dict) {
  449. const that =this;
  450. this.page.language=this.$i18n.locale.toUpperCase();
  451. getBaseUnitViews(this.page).then((res) => {
  452. var businessIds = [];
  453. if (res.data.baseUnitViews) {
  454. that.init = res.data.baseUnitViews;
  455. this.init.forEach(item=>{
  456. businessIds.push(item.baseEntityId);
  457. item.unitIntrodution=item.unitIntrodution?item.unitIntrodution.replace(/<[^>]+>|&[^>]+;/g, ""):'';
  458. })
  459. getInformationCountByIds(businessIds,this.$i18n.locale.toUpperCase()).then(result=>{
  460. var data = result.data;
  461. if(data){
  462. this.informationNumMap = data||{};
  463. }
  464. })
  465. this.getRecommended();
  466. that.init.forEach((element) => {
  467. if (element.unitLabel) {
  468. element.unitLabel = element.unitLabel.split(",");
  469. }
  470. element.createDate=this.formatDate(element.createDate,'YYYY-MM-DD');
  471. element.createDate=this.formatDate(element.createDate,'YYYY-MM-DD');
  472. if(!element.photo || element.photo == 'null'){
  473. this.getRandomNum()
  474. const context = require.context("@/assets/img/", true, /\.(png|jpg)$/);
  475. element.photo = context("./enterprise/" + this.photoNum + ".png");
  476. }else{
  477. element.photo = '/api/file/pub/'+element.photo;
  478. }
  479. });
  480. that.totalPage = res.data.page.totalCount - 0;
  481. } else {
  482. this.init=[];
  483. this.totalPage=0
  484. }
  485. this.loading = false;
  486. });
  487. },
  488. getRandomNum(){
  489. this.photoNum = Math.ceil(Math.random()*3);
  490. },
  491. handleCurrentChange(val) {
  492. console.log(`当前页: ${val}`, val);
  493. this.page.pageNo = val;
  494. this.loading = true;
  495. this.getBase();
  496. },
  497. getRecommended(){
  498. let page={
  499. recommendFlag:'y',
  500. pageSize: "5",
  501. pageNo: "1",
  502. language:this.$i18n.locale.toUpperCase(),
  503. descStatus:'0',
  504. }
  505. const that =this;
  506. getBaseUnitViews(page).then((res) => {
  507. if (res.data.baseUnitViews) {
  508. that.recommend = res.data.baseUnitViews;
  509. console.log(res.data.baseUnitViews,that.init);
  510. } else {
  511. // this.$message("当前推荐企业暂无信息");
  512. }
  513. this.loading = false;
  514. });
  515. },
  516. // getIconUrl(url){
  517. // return require("@/assets/img/home/"+url+".png");
  518. // },
  519. getIconUrl(url) {
  520. return require("@/assets/img/realTimeInfo/" + url);
  521. },
  522. //条件处理判断是跳转到企业详情还是会员详情
  523. toEnterpriseView(router,json,type){
  524. if(type=='2'){
  525. gateGetUnitViewById(json.baseEntityId,this.$i18n.locale.toUpperCase()).then(res => {
  526. var data = res.data;
  527. if(data && data.isMember!='') {
  528. this.toViewIntroduction("IntroductionPresentationDetails",data.isMember);
  529. }
  530. })
  531. }else if(type=='1'){
  532. this.toViewTargtBack("enterpriseDetails",json);
  533. }
  534. },
  535. //跳转会员
  536. toViewIntroduction(router,json){
  537. this.$store.commit('modify', router);
  538. window.localStorage.setItem('router', router);
  539. let member ={
  540. memberNameZh: json.memberNameZh,
  541. memberNameEn:json.memberNameEn,
  542. unitId:json.unitId,
  543. }
  544. const { href } = this.$router.resolve({
  545. name: router,
  546. query: {
  547. key: json.id,
  548. member:JSON.stringify(member)
  549. }
  550. });
  551. window.open(href, '_blank');
  552. },
  553. //跳转正常企业
  554. toViewTargtBack(router,json){
  555. this.$store.commit('modify', router);
  556. window.localStorage.setItem('router', router);
  557. const { href } = this.$router.resolve({
  558. name: router,
  559. query: {
  560. key: json.baseEntityId
  561. }
  562. });
  563. window.open(href, '_blank');
  564. },
  565. screenBack(data) {
  566. this.page.pageNo = '1';
  567. this.currentPage=1;
  568. this.dict.areDict = data.click1;
  569. this.dict.industryDict = data.click2;
  570. let obj = Object.assign(this.page, this.dict);
  571. this.page = obj;
  572. this.page.Initials=data.click3?data.click3.toString():'';
  573. if(!data.click5){
  574. this.getBase(this.page);
  575. }
  576. this.getBase(this.page);
  577. this.loading = true;
  578. },
  579. screen(i) {
  580. this.index = i;
  581. this.page.descStatus=i+'';
  582. this.getBase();
  583. },
  584. },
  585. };
  586. </script>
  587. <!-- Add "scoped" attribute to limit CSS to this component only -->
  588. <style scoped>
  589. .box {
  590. margin-top: 10px;
  591. background: #fff;
  592. /* height: 500px; */
  593. padding: 20px 0;
  594. }
  595. .crumbs {
  596. margin-left: 20px;
  597. }
  598. body {
  599. margin: 0;
  600. }
  601. li {
  602. display: inline-block;
  603. margin-left: 6px;
  604. padding: 0 2px;
  605. color: #1251a7;
  606. }
  607. .initData_label {
  608. color: #2c558a;
  609. font-weight: 700;
  610. font-size: 18px;
  611. line-height: 42px;
  612. }
  613. .initData_label2 {
  614. color: #666;
  615. font-weight: 700;
  616. font-size: 18px;
  617. line-height: 42px;
  618. }
  619. .initData_label:hover {
  620. color: #2c558a;
  621. }
  622. .recommend {
  623. margin-top: 15px;
  624. margin-left: 100px;
  625. }
  626. .recommend li {
  627. display: inline-block;
  628. width: 170px;
  629. /* height: 130px; */
  630. text-align: center;
  631. margin-right: 15px;
  632. }
  633. .enterprise_style_span {
  634. display: block;
  635. width: 85px;
  636. text-align: center;
  637. /* height: 50px; */
  638. border-bottom: 2px solid #6699ff;
  639. margin-left: 10px;
  640. line-height: 50px;
  641. color:#6c819d;
  642. font-size: 18px;
  643. font-weight: 700;
  644. }
  645. .Initials1 {
  646. color: red;
  647. }
  648. .projectSlot1{
  649. height: 35px;width: 100%;line-height: 35px;
  650. background: url("~@/assets/img/projectPresentation/project-front.png") no-repeat;
  651. }
  652. .projectSlot2{
  653. height: 35px;width: 100%;line-height: 35px;
  654. background: url("~@/assets/img/projectPresentation/project-behind.png") no-repeat;
  655. }
  656. .screen1 {
  657. /* background: url("~@/assets/img/projectPresentation/project-front.png") no-repeat; */
  658. color: rgb(0, 0, 0);
  659. font-size: 14px;
  660. text-align: center;
  661. }
  662. .screen2 {
  663. /* background: url("~@/assets/img/projectPresentation/project-behind.png") no-repeat; */
  664. text-align: center;
  665. font-size: 14px;
  666. color: #979292;
  667. }
  668. .menu i:hover{
  669. color: #0079ef;
  670. }
  671. .initListBox {
  672. margin-top: 20px;
  673. margin-left: 20px;
  674. margin-right: 20px;
  675. font-size:14px;
  676. color: #333;
  677. min-height: 200px;
  678. position: relative;
  679. border-bottom: 1px solid #E4E4E4;
  680. }
  681. .initListBox2{
  682. margin-top: 20px;
  683. margin-left: 20px;
  684. margin-right: 20px;
  685. font-size:14px;
  686. color: #666;
  687. position: relative;
  688. /* border-bottom: 1px solid #E4E4E4; */
  689. }
  690. .list{
  691. line-height: 45px;
  692. font-size: 14px;
  693. border-bottom: 2px dotted #d4d4d4;
  694. display: flex;
  695. align-items: center;
  696. }
  697. .list:hover {
  698. color:#FF0036;
  699. }
  700. .messageList{
  701. padding:30px 20px;
  702. width: 100%;
  703. }
  704. .square{
  705. width: 8px;
  706. height: 8px;
  707. background: rgb(5, 91, 219);
  708. display: inline-block;
  709. margin-right: 10px;
  710. }
  711. .title{
  712. width: 390px;
  713. display: inline-block;
  714. height: 100%;
  715. overflow: hidden;
  716. white-space:nowrap;
  717. text-overflow:ellipsis;
  718. }
  719. .el-button{
  720. padding: 10px 20px!important;
  721. }
  722. </style>