FinancialServiceInvestmentGuideOld.vue 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360
  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 :to="{ path: 'financialServices' }">{{$t('common.FinancialServices')}}</el-breadcrumb-item>
  8. <el-breadcrumb-item>{{$t('common.InvestmentGuide')}}</el-breadcrumb-item>
  9. </el-breadcrumb>
  10. </div>
  11. <div style="padding: 0 20px">
  12. <div style="background:#fff;margin-top: 14px;">
  13. <div style="width: 100%;height:50px;color: #fff;background: #2C558A;text-align: center;font-size: 28px;font-weight: 700;line-height: 50px;border-radius: 6px;">{{$t('common.InvestmentGuidelines')}}</div>
  14. </div>
  15. <div style="margin-top: 20px;">
  16. <div style="width: 100%;padding:20px 0;border-bottom: 2px solid rgba(151,151,151,.5);color: #666666" v-for="(item,index) in initData" @click="toView('FinancialServicesGuideDetails',item.baseEntityId)">
  17. <div style="width: 180px;height:254px;float: left;" v-if="item.photo && item.photo != null">
  18. <img :src="'api/file/pub/'+ item.photo" alt="" style="width: 100%;height: 100%;">
  19. </div>
  20. <div style="width: 180px;height:254px;float: left;position: relative;text-align: center" v-if="!item.photo || item.photo==null" >
  21. <img src="@/assets/img/financialService/investmentlogo.png" alt="" style="width: 100%;height: 100%;">
  22. <div style="position: absolute;top: 50px;color: #fff; padding: 0 10px;font-size: 10px;width: 89%">
  23. {{item.name}}
  24. </div>
  25. <div style="color: #173F79;font-size: 12px;position: absolute;bottom: 50px;padding: 0 10px;font-size: 10px;width: 89%">
  26. {{$t('common.TitleBottom')}}
  27. </div>
  28. </div>
  29. <div style="width:79.5%;height:254px;float: right;margin-left: 10px;position: relative">
  30. <span style="font-size: 20px;font-weight: 700;cursor: pointer;" >{{item.name}}</span>
  31. <div v-html="item.introduction" style="width: 100%;font-size:16px;text-align: justify;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;"></div>
  32. <div v-if="item.countries" style="width: 100%;font-size: 16px;position: absolute;bottom: 30px">{{$t('common.FocusCountry')}}:<span style="color: #0091FF">{{changeStr(item.countries)}}</span></div>
  33. <!--语言版本-->
  34. <div style="margin-top: 54px;font-size: 16px;position:absolute;bottom: 0" v-if="languageList[item.baseEntityId]">
  35. <span>
  36. <span v-show="languageList[item.baseEntityId].entityZh == 1">{{$t('common.Chinese')}}</span>
  37. <span v-show="languageList[item.baseEntityId].entityEn == 1"> | {{$t('common.English')}}</span>
  38. <span v-show="languageList[item.baseEntityId].entityFr == 1"> | {{$t('common.French')}}</span>
  39. <span v-show="languageList[item.baseEntityId].entityDe == 1"> | {{$t('common.German')}}</span>
  40. <span v-show="languageList[item.baseEntityId].entityEs == 1"> | {{$t('common.Spanish')}}</span>
  41. <span v-show="languageList[item.baseEntityId].entityJa == 1"> | {{$t('common.Japanese')}}</span>
  42. <span v-show="languageList[item.baseEntityId].entityAr == 1"> | {{$t('common.Arabic')}}</span>
  43. <span v-show="languageList[item.baseEntityId].entityRu == 1"> | {{$t('common.Russian')}}</span>
  44. </span>
  45. <span style="margin-left: 95px">{{formatDate(item.publishDate)}}</span>
  46. </div>
  47. </div>
  48. <div style="clear: both"></div>
  49. </div>
  50. <div style="width: 100%;position: relative;height: 100px;">
  51. <el-pagination
  52. type="index"
  53. style="height: 80px;position: absolute;left: 50%;top: 100px;transform: translate(-50%,-50%);"
  54. background
  55. :index="indexMethod"
  56. layout="prev, pager, next"
  57. :page-size="5"
  58. :total="num-0"
  59. @current-change="handleCurrentChange"
  60. ></el-pagination>
  61. </div>
  62. </div>
  63. <!-- <div style="clear: both"></div>-->
  64. <!-- <div style="width:28%;height:100px;float: right;margin: 40px 0;">-->
  65. <!--其他机构相关研究报告-->
  66. <!-- <div class="relevanInformation">-->
  67. <!-- <div class="informationTitle">{{$t('common.RelatedResearch')}}</div>-->
  68. <!-- <div class="informationList">-->
  69. <!-- <ul>-->
  70. <!-- <li style="list-style: disc;margin-left: 20px;" v-for="reportIltem in reportList" @click="toInformationList1(reportIltem)">-->
  71. <!-- <div class="list">-->
  72. <!-- {{reportIltem.name}}-->
  73. <!-- </div>-->
  74. <!-- </li>-->
  75. <!-- </ul>-->
  76. <!-- </div>-->
  77. <!-- </div>-->
  78. <!--投融资会议及活动-->
  79. <!-- <div class="relevanInformation">-->
  80. <!-- <div class="informationTitle">{{$t('common.InvestmentAndFinancing')}}</div>-->
  81. <!-- <div class="informationList">-->
  82. <!-- <ul>-->
  83. <!-- <li style="list-style: disc;margin-left: 20px" v-for="(InvestItem,index) in InvestmentList" @click="toDetails('ConferenceResult',InvestItem.id)">-->
  84. <!-- <div class="list">-->
  85. <!-- {{$i18n.locale=='en'?InvestItem.meetingNameEn: InvestItem.meetingName}}-->
  86. <!-- </div>-->
  87. <!-- </li>-->
  88. <!-- <li style="list-style: disc;margin-left: 20px" v-for="(activeItem,index) in activityList" @click="toDetails('cooperationExchangeListDetails',activeItem.baseActivityEntityId)">-->
  89. <!-- <div class="list">-->
  90. <!-- {{activeItem.activityName}}-->
  91. <!-- </div>-->
  92. <!-- </li>-->
  93. <!-- </ul>-->
  94. <!-- </div>-->
  95. <!-- </div>-->
  96. </div>
  97. </div>
  98. </div>
  99. </template>
  100. <script>
  101. import {getBaseInvestmentGuidelinesInfos} from '@/api/financialService/baseInvestmentGuidelinesInfo';
  102. import { getDicts } from "@/api/dict";
  103. import {getConfrences} from "../../api/meeting/meetingOutInfo";
  104. import {activityInfos} from "../../api/cooperation/baseCooperationUnit";
  105. import {getBaseResearchResultViews} from "../../api/research/baseResearchResultView";
  106. export default{
  107. name:'FinancialServiceInvestmentGuide',
  108. data(){
  109. return{
  110. initData:[],
  111. num:0,
  112. params:{
  113. pageSize:"5",
  114. pageNo:"1",
  115. language:'',
  116. statusDict:'2'
  117. },
  118. reportList:[],
  119. InvestmentList:[],
  120. activityList:[],
  121. dictList:[],
  122. languageList:'',
  123. }
  124. },
  125. computed:{
  126. countryDictsMap: function () {
  127. return this.dictList.array2Obj('value', 'label');
  128. },
  129. changeStr(){
  130. return function (str) {
  131. let newStr = '';
  132. str.split(',').forEach(item =>{
  133. newStr = newStr + this.countryDictsMap[item] + '、'
  134. });
  135. newStr = newStr.substring(0, newStr.lastIndexOf("、"));
  136. return newStr ;
  137. }
  138. }
  139. },
  140. mounted() {
  141. this.getData();
  142. this.getDict();
  143. this.getMeetingAndActive();
  144. this.getactivityStatusDict();
  145. this.getreportList()
  146. },
  147. watch: {
  148. '$i18n.locale'(){
  149. this.getData();
  150. this.getDict();
  151. this.getMeetingAndActive();
  152. this.getactivityStatusDict();
  153. this.getreportList()
  154. },
  155. },
  156. methods:{
  157. getDict() {
  158. const that = this;
  159. if(this.$i18n.locale=='zh'){
  160. getDicts(
  161. "UNIT_COUNTRY_DICT"
  162. ).then((res) => {
  163. this.dictList = res.data[0];
  164. });
  165. }else if(this.$i18n.locale=='en'){
  166. getDicts(
  167. "unit_country_dict_en"
  168. ).then((res) => {
  169. this.dictList = res.data[0];
  170. });
  171. }
  172. },
  173. getData(dict){
  174. const that =this;
  175. this.params.language = this.$i18n.locale.toUpperCase();
  176. getBaseInvestmentGuidelinesInfos(this.params).then((res)=>{
  177. this.initData = res.data.baseInvestmentGuidelinesInfos;
  178. this.languageList = res.data.investmentGuidelinesEntitiesMap;
  179. console.log(this.languageList)
  180. if (this.initData){
  181. this.num = res.data.page.totalCount;
  182. }else{
  183. this.num = '';
  184. }
  185. this.loading = false;
  186. })
  187. },
  188. toInformationList1(ele){
  189. let params = {
  190. entityId:ele.entityId,
  191. // researchResultFileId:ele.researchResultFileId,
  192. }
  193. this.toViewInformationList('resourceSharingDetails',params)
  194. },
  195. toViewInformationList(router, json) {
  196. clearInterval(this.timer);
  197. const {href} = this.$router.resolve({
  198. name: router,
  199. query: {
  200. key:JSON.stringify(json),
  201. }
  202. });
  203. window.open(href, '_blank');
  204. },
  205. toView(router,json){
  206. this.$router.push({
  207. name:router,
  208. query:{key:json}
  209. })
  210. },
  211. toDetails(router,json){
  212. // this.$store.commit('modify', router);
  213. window.localStorage.setItem('router', router);
  214. localStorage.setItem('conferenceId', json);
  215. const {href} = this.$router.resolve({
  216. name: router,
  217. query: {
  218. key: json
  219. }
  220. });
  221. window.open(href, '_blank');
  222. },
  223. getMeetingAndActive(){
  224. // 获取会议
  225. getConfrences().then((res)=>{
  226. if(res.data.meetingBasicInfos){
  227. let meetingLength = res.data.meetingBasicInfos.length;
  228. this.InvestmentList = [];
  229. for(let i=0;i<meetingLength;i++){
  230. if(i<3){
  231. this.InvestmentList.push(res.data.meetingBasicInfos[i])
  232. }
  233. }
  234. }
  235. });
  236. },
  237. getactivityStatusDict(){
  238. let list={
  239. pageSize:9,
  240. pageNo:1,
  241. language:this.$i18n.locale.toUpperCase(),
  242. activityStatusDict:1, // 活动类型
  243. activityArea:"",// 大洲
  244. }
  245. activityInfos(list).then(res=>{
  246. if(JSON.stringify(res.data)!=='{}'){
  247. let activityLength = res.data.activityInfos.length;
  248. this.activityList = [];
  249. for(let i=0;i<activityLength;i++){
  250. if(i<2){
  251. this.activityList.push(res.data.activityInfos[i])
  252. }
  253. }
  254. }
  255. })
  256. },
  257. getreportList(){
  258. const that = this;
  259. let reportParams = {
  260. pageSize: 5,
  261. pageNo: 1,
  262. language:this.$i18n.locale.toUpperCase(),
  263. totalPage:'',
  264. descStatus:'0'
  265. };
  266. getBaseResearchResultViews(reportParams).then((res)=>{
  267. this.reportList = res.data.baseResearchResultViews;
  268. console.log(this.reportList,'-----------------------------研究报告')
  269. })
  270. },
  271. //分页索引接着上一页的索引
  272. indexMethod(index){
  273. return (this.page-1)*10+index+1;
  274. },
  275. handleCurrentChange(val) {
  276. this.params.pageNo = val;
  277. this.loading = true;
  278. this.getData();
  279. },
  280. }
  281. }
  282. </script>
  283. <style scoped>
  284. .box {
  285. margin-top: 10px;
  286. background: #fff;
  287. /* height: 500px; */
  288. padding: 20px 0;
  289. }
  290. .crumbs {
  291. margin-left: 20px;
  292. }
  293. body {
  294. margin: 0;
  295. }
  296. p{
  297. margin: 0;
  298. padding: 0;
  299. }
  300. .relevanInformation{
  301. min-height: 200px;
  302. padding: 0 0 0 20px;
  303. overflow: hidden;
  304. }
  305. .informationTitle{
  306. border-bottom: 1px solid #2C558A;
  307. padding: 0 0 10px 0;
  308. font-weight: 600;
  309. font-size: 20px;
  310. color: #666666;
  311. opacity: 0.9;
  312. color: #2C558A;
  313. }
  314. .informationList ul{
  315. margin-top: 14px;
  316. font-size: 14px;
  317. list-style-type:disc;
  318. padding: 0 30px 0 0;
  319. box-sizing: border-box;
  320. }
  321. .informationList ul li{
  322. width: 100%;
  323. /*height: 34px;*/
  324. line-height: 34px;
  325. margin-bottom: 12px;
  326. color: #666666;
  327. cursor: pointer;
  328. list-style-type: disc;
  329. }
  330. .informationList ul li .list{
  331. width: 100%;
  332. overflow: hidden;
  333. text-overflow: ellipsis;
  334. display:-webkit-box;
  335. -webkit-box-orient:vertical;
  336. -webkit-line-clamp:3;
  337. }
  338. </style>