FinancialServicesDetails.vue 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727
  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 :to="{ path: 'FinancialServicesAgency' }">{{$t('common.FinancialInstitutions')}}</el-breadcrumb-item>
  9. <el-breadcrumb-item>{{initData.unitName}}</el-breadcrumb-item>
  10. </el-breadcrumb>
  11. </div>
  12. <!-- 机构详情-->
  13. <div style="width: 100%;height: 450px;position: relative;margin-top:20px">
  14. <div style="width:96%;height:100%;margin:auto">
  15. <!-- 轮播图 -->
  16. <div style="width:40%;height:100%;float:left;">
  17. <div class="swipers">
  18. <div class="swiper-container gallery-top">
  19. <div class="swiper-wrapper">
  20. <div class="swiper-slide" v-for="(item,index) in img" :key="index">
  21. <img :src="'api/file/pub/' + item" alt="" style="width: 100%;height: 100%;">
  22. </div>
  23. </div>
  24. <div class="swiper-button-next swiper-button-white"></div>
  25. <div class="swiper-button-prev swiper-button-white"></div>ni
  26. </div>
  27. <div class="swiper-container gallery-thumbs">
  28. <div class="swiper-wrapper">
  29. <div
  30. class="swiper-slide"
  31. :key="'thumb'+index"
  32. :data-swiper-slide-index="index"
  33. v-for="(i,index) in img">
  34. <img :src="'api/file/pub/' +i" alt style="width: 100%;height: 100%;"/>
  35. </div>
  36. </div>
  37. </div>
  38. <div style="float: right;color: #666;font-size: 14px;margin-right: 20px;"></div>
  39. <div style="clear: both"></div>
  40. </div>
  41. </div>
  42. <!-- 机构详情 -->
  43. <div style="width:55%;height:100%;float:left;">
  44. <div class="details">
  45. <div style="width: 100%; font-size: 16px;color: #666666">
  46. <div>
  47. <span class="initData_label cursor">{{initData.unitName}}</span>
  48. <div style="margin-top: 37px">
  49. <div>
  50. <span>
  51. <i class="el-icon-location-outline"></i>
  52. {{$t('common.place')}}:
  53. <span v-show="initData.unitRegion">{{areaDictsMap[initData.areaDict]}}-{{countryDictsMap[initData.unitCountryDict]}}-{{initData.unitRegion}}</span>
  54. </span>
  55. </div>
  56. <div style="width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 20px">
  57. <span>
  58. <i class="el-icon-office-building" aria-hidden="true"></i>
  59. {{$t('common.Website')}}:
  60. <a href="javaScript:;" class="a-style" @click="toOffcial(initData.officialWebsitePath)">
  61. {{initData.officialWebsitePath}}
  62. </a>
  63. </span>
  64. </div>
  65. <div style=";margin-top: 20px">
  66. <i class="el-icon-tickets"></i>
  67. <span>
  68. {{$t('common.ProductAndService')}}
  69. (<span style="color: blue"><a href="#service">{{serveceNum}}</a></span>)
  70. </span>
  71. <span style="margin-left: 30px;">
  72. {{$t('common.InvestmentAndCases')}}
  73. (<span style="color: blue"><a href="#example">{{exampleNum}}</a></span>)
  74. </span>
  75. </div>
  76. <div style=";margin-top: 20px">
  77. <div style="color: #666;">
  78. <i class="el-icon-tickets"></i>
  79. {{$t('common.Introduce')}}:
  80. </div>
  81. <div style="height:52px;line-height:20px;font-size: 14px;
  82. -webkit-box-orient: vertical;
  83. position:relative;
  84. overflow: hidden;
  85. margin-top: -10px;"
  86. class="plate"
  87. @click="dialogVisibleChange" v-html="initData.unitIntroduction"></div>
  88. </div>
  89. <div style="color: #666;font-size: 16px;margin-right: 20px;margin-top: 20px">
  90. <div>
  91. <!-- 关注按钮-->
  92. <el-button type="" style="margin-top: 10px;height: 40px;" icon="el-icon-star-off" :style="ifcommon?'color: #66b1ff;':''" @click="shareChange()">
  93. {{ifcommon?$t('common.InstitutionConcerned'):$t('common.PayAttention')}}
  94. </el-button>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <!--产品与服务-->
  105. <div style="margin: 20px 20px;" v-show="serviceContent[1]&&serveceNum>0" id="service">
  106. <div class="tankthink_style" >
  107. <img src="@/assets/img/cooperationExchange/20200608_03.gif" alt="" style="width: 6px;height:18px;margin-top: 5px">
  108. <span class="tankthink_style_span">{{$t('common.ProductAndService')}}</span>
  109. <span style="font-weight: normal;font-size: 14px;float: right;margin-right: 20px;cursor:pointer;" @click="toViewMore('FinancialServiceMoreList',initData.baseEntityId,'1')" v-if="serveceNum>5"> {{$t('common.ViewMore')}}</span>
  110. </div>
  111. <div class="tankthink_content">
  112. <div style="width: 75%;float:left;font-size:14px;color:#666666;vertical-align: top">
  113. <ul style="padding:10px">
  114. <li style="height: 40px;line-height: 40px;border-bottom: 1px dashed #d4d4d4;cursor: pointer" v-for="(serveItem,index) in serviceContent[1]" v-if="index < 5" @click="toViewDetails('FinancialserviceContentDetails',serveItem.baseEntityId,initData.baseEntityId)">
  115. <div style="display: inline-block;width: 70%;float: left;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap">
  116. {{serveItem.title}}
  117. </div>
  118. <div style="display: inline-block;float: right;margin-right: 20px">
  119. {{formatDate(serveItem.publishDate)}}
  120. </div>
  121. <div style="clear: both"></div>
  122. </li>
  123. </ul>
  124. </div>
  125. <div style="width: 23%;float:right; margin-left: 20px;margin-top: 20px">
  126. <img src="@/assets/img/financialService/productService1.png" alt="" style="width:100%;height: 200px">
  127. <!-- <img :src="'api/file/pub/' + picture1" alt="" style="width:100%;height: 200px">-->
  128. <!-- <img v-if="picture1 == null" src="@/assets/img/financialService/productService1.png" alt="" style="width:100%;height: 200px">-->
  129. </div>
  130. <div style="clear:both"></div>
  131. </div>
  132. </div>
  133. <!--投融资案例-->
  134. <div style="margin: 20px 20px;" v-show="serviceContent[2]&&exampleNum>0" id="example">
  135. <div class="tankthink_style" >
  136. <img src="@/assets/img/cooperationExchange/20200608_03.gif" alt="" style="width: 6px;height:18px;margin-top: 5px">
  137. <span class="tankthink_style_span">{{$t('common.InvestmentAndCases')}}</span>
  138. <span style="font-weight: normal;font-size: 14px;float: right;margin-right: 20px;cursor:pointer;" @click="toViewMore('FinancialServiceMoreList',initData.baseEntityId,'2')" v-show="exampleNum>5"> {{$t('common.ViewMore')}}</span>
  139. <!--<span style="float: right;font-size: 14px;color: #666666;font-weight: normal;margin-right: 20px">更多 ></span>-->
  140. </div>
  141. <div class="tankthink_content">
  142. <div style="width: 75%;float:left;font-size:14px;color:#666666;vertical-align: top">
  143. <ul style="padding:10px">
  144. <li style="height: 40px;line-height: 40px;border-bottom: 1px dashed #d4d4d4;cursor: pointer;" v-for="(exItem,index) in serviceContent[2]" v-if="index < 5" @click="toViewDetails('FinancialserviceContentDetails',exItem.baseEntityId,initData.baseEntityId)">
  145. <div style="display: inline-block;width: 70%;float: left;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap">
  146. {{exItem.title}}
  147. </div>
  148. <div style="display: inline-block;float: right;margin-right: 20px">
  149. {{formatDate(exItem.publishDate)}}
  150. </div>
  151. <div style="clear: both"></div>
  152. </li>
  153. </ul>
  154. </div>
  155. <div style="width: 23%;float:right; margin-left: 20px;margin-top: 20px">
  156. <!-- <img :src="'api/file/pub/' + picture2" alt="" style="width:100%;height: 200px">-->
  157. <!-- <img v-if="picture2 == null" src="@/assets/img/financialService/productService2.png" alt="" style="width:100%;height: 200px">-->
  158. <img src="@/assets/img/financialService/productService2.png" alt="" style="width:100%;height: 200px">
  159. </div>
  160. <div style="clear:both"></div>
  161. </div>
  162. </div>
  163. <!--机构动态-->
  164. <div style="margin: 20px 20px;" v-if="serviceContent[3] && dynamicNum>0" >
  165. <!-- <div style="margin: 20px 20px;">-->
  166. <div class="tankthink_style3">
  167. <img src="@/assets/img/cooperationExchange/20200608_03.gif" alt="" style="width: 6px;height:18px;margin-top: 5px">
  168. <span class="tankthink_style_span">{{$t('common.InstitutionDynamic')}}</span>
  169. <span style="font-weight: normal;font-size: 14px;float: right;margin-right: 20px;cursor:pointer;" @click="toViewMore('FinancialServiceMoreList',initData.baseEntityId,'3')" v-if="dynamicNum>5"> {{$t('common.ViewMore')}}</span>
  170. </div>
  171. <div >
  172. <div style="width: 23%;float:left; margin-right: 20px;margin-top: 20px">
  173. <img src="@/assets/img/financialService/productService3.png" alt="" style="width:100%;height: 200px">
  174. </div>
  175. <div class="tankthink_content">
  176. <div style="width: 75%;float:right;font-size:14px;color:#666666">
  177. <ul style="padding:10px">
  178. <li style="height: 40px;line-height: 40px;border-bottom: 1px dashed #d4d4d4;cursor: pointer;" v-for="(dyItem,index) in serviceContent[3]" @click="toViewDetails('FinancialserviceContentDetails',dyItem.baseEntityId,initData.baseEntityId)" v-if="index < 5" >
  179. <div style="display: inline-block;width: 70%;float: left;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap">
  180. {{dyItem.title}}
  181. </div>
  182. <div style="display: inline-block;float: right;margin-right: 20px">
  183. {{formatDate(dyItem.publishDate)}}
  184. </div>
  185. <div style="clear: both"></div>
  186. </li>
  187. </ul>
  188. </div>
  189. <div style="clear:both"></div>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. <!--企业简介-->
  195. <el-dialog
  196. :title="$t('common.InformationDetails')"
  197. :visible.sync="dialogVisibleintro"
  198. width="30%">
  199. <span style="line-height: 29px;font-size: 14px;word-break:normal;color: #666666" v-html="initData.unitIntroduction"></span>
  200. </el-dialog>
  201. <!--登录提示-->
  202. <el-dialog
  203. :title="$i18n.locale=='zh'?'提示':'Reminder'"
  204. :visible.sync="toViewLogin"
  205. :width="$i18n.locale=='zh'?'500px':'750px'"
  206. :height="$i18n.locale=='zh'?'300px':'386px'"
  207. :before-close="toViewLoginChange"
  208. >
  209. <div style="width: 100%;height: 100%;">
  210. <img src="@/assets/img/loginTips.png" alt="" style="width: 180px;height: 180px;margin-left: 20px;">
  211. <div style="float: right;margin-right: 20px;" :style="$i18n.locale=='zh'?'width: 49%;margin-top: 10px;':'width: 453px;margin-top: -25px;'">
  212. <div style="font-size: 20px;font-weight: normal;color: #333333;
  213. font-family: HiraginoSansGB-W3, HiraginoSansGB;
  214. line-height: 40px;">
  215. {{$t('common.ReminderFirst')}}
  216. </div>
  217. <div style="font-size: 16px;font-family: HiraginoSansGB-W3, HiraginoSansGB;
  218. font-weight: normal;color: #666666;line-height: 30px;">
  219. {{$t('common.ReminderSecond')}} <span style="color: #0091FF;font-size: 18px;">{{num}}</span> {{$t('common.ReminderThird')}}
  220. </div>
  221. <div style="font-size: 14px;font-family: HiraginoSansGB-W3, HiraginoSansGB;
  222. font-weight: normal;color: #666666;line-height: 30px;">
  223. {{$t('common.ReminderForth')}}
  224. </div>
  225. <div style="font-size: 14px;font-family: HiraginoSansGB-W3, HiraginoSansGB;
  226. height:33px;line-height:60px;font-weight: normal;color: #0091FF;">
  227. <span style="margin-left: 40px;" class="cursor" @click="toView('login')">
  228. {{$t('common.ReminderFifth')}}
  229. </span>
  230. <span style="margin-left: 10px;" class="cursor" @click="toView('Register')">
  231. {{$t('common.ReminderSixth')}}
  232. </span>
  233. </div>
  234. </div>
  235. </div>
  236. </el-dialog>
  237. </div>
  238. </template>
  239. <script>
  240. import { Swiper} from 'vue-awesome-swiper';
  241. import {getInformationList} from '@/api/financialService/cmsInformationViews';
  242. import 'vue-awesome-swiper/node_modules/swiper/dist/css/swiper.css'
  243. import Base from "@/views/base/Base";
  244. import { saveFollowModel } from "@/api/operation/basePortalModelFollowInfo";
  245. import {getToken } from "@/utils/auth";
  246. import { getDicts } from "@/api/dict";
  247. import {getBaseFinancialInstitutionInfos} from "../../api/financialService/baseFinancialInstitutionInfo";
  248. import {getFollowModeNumlByModelIdAndUserId} from "../../api/operation/basePortalModelFollowInfo";
  249. import {saveOrUpdate as clickSave} from "@/api/operation/basePortalModelClickInfo";
  250. export default {
  251. name: "FinancialServicesDetails",
  252. extends: Base,
  253. data() {
  254. return {
  255. num:5,
  256. serveceNum:0,
  257. exampleNum:0,
  258. dynamicNum:0,
  259. toViewLogin:false,
  260. timer:'',
  261. img:[],
  262. picture1:'',
  263. picture2:'',
  264. picture3:'',
  265. dialogVisible:false,
  266. FinancialServicesDetails: "",
  267. serviceList:[],
  268. dialogVisibleintro:false,
  269. serviceContent:[],
  270. unitCountryDicts:[],
  271. unitAreaDicts:[],
  272. example:'',
  273. dynamic:'',
  274. ifcommon:false,
  275. initData:{},
  276. queryDetails:{
  277. pageSize: "10",
  278. pageNo: "1",
  279. language:'',
  280. baseEntityId:''
  281. },
  282. clickModel:{
  283. modelType:"project",
  284. modelEntityId:"",
  285. userId:"",
  286. clickTime:"",
  287. },
  288. enterprise: {
  289. label1: {
  290. label: "",
  291. src: ""
  292. },
  293. label2: {
  294. src: "",
  295. },
  296. label3: {
  297. src: "",
  298. },
  299. label4: {
  300. src: "",
  301. },
  302. label5: {
  303. src: "",
  304. }
  305. },
  306. UnitTypeNumber:{},
  307. };
  308. },
  309. computed:{
  310. countryDictsMap: function () {
  311. return this.unitCountryDicts.array2Obj('value', 'label');
  312. },
  313. areaDictsMap: function () {
  314. return this.unitAreaDicts.array2Obj('value', 'label');
  315. },
  316. },
  317. updated(){
  318. this.Swiper();
  319. },
  320. mounted() {
  321. this.getCountry();
  322. this.getDetailsData();
  323. this.$store.commit('modify', 'FinancialServicesDetails');
  324. window.localStorage.setItem('router', 'FinancialServicesDetails');
  325. },
  326. watch: {
  327. '$i18n.locale'(){
  328. this.getDetailsData();
  329. this.getCountry();
  330. // this.shareChange()
  331. },
  332. "toViewLogin"(){
  333. if(this.toViewLogin==true){
  334. this.loginTipsChange()
  335. }
  336. },
  337. },
  338. methods: {
  339. // 未登录跳转
  340. loginTipsChange(){
  341. const that=this;
  342. this.num =5;
  343. // clearInterval(timer_interval);
  344. this.timer = setInterval(function() {
  345. if (that.num > 0) {
  346. that.num--;
  347. } else {
  348. if(that.toViewLogin==true){
  349. clearInterval(that.timer);
  350. that.toView('login');
  351. }else {
  352. clearInterval(that.timer);
  353. }
  354. }
  355. }, 1000)
  356. },
  357. // 判断未登录跳转是否关闭
  358. toViewLoginChange(done){
  359. this.toViewLogin=false;
  360. this.num=5;
  361. clearInterval(this.timer);
  362. },
  363. dialogVisibleChange(){
  364. this.dialogVisible=true;
  365. },
  366. Swiper() {
  367. var galleryThumbs = new Swiper(".gallery-thumbs", {
  368. spaceBetween: 10,
  369. slidesPerView: 4,
  370. freeMode: true,
  371. watchSlidesVisibility: true,
  372. watchSlidesProgress: true,
  373. autoplay: {//自动播放
  374. delay: 4000,
  375. disableOnInteraction: false,//用户操作后是否停止 默认停止(true)
  376. },
  377. });
  378. var galleryTop = new Swiper(".gallery-top", {
  379. spaceBetween: 10,
  380. navigation: {
  381. nextEl: ".swiper-button-next",
  382. prevEl: ".swiper-button-prev"
  383. },
  384. autoplay: {//自动播放
  385. delay: 4000,
  386. disableOnInteraction: false,//用户操作后是否停止 默认停止(true)
  387. },
  388. thumbs: {
  389. swiper: galleryThumbs
  390. }
  391. });
  392. },
  393. getDetailsData(){
  394. const that =this;
  395. this.queryDetails.language = this.$i18n.locale.toUpperCase();
  396. this.queryDetails.baseEntityId = this.$route.query.key;
  397. getBaseFinancialInstitutionInfos(this.queryDetails).then((res) => {
  398. if(res.data){
  399. this.initData = res.data.baseFinancialInstitutionInfos[0];
  400. if(this.initData.photo == null || this.initData.photo == false){
  401. this.initData.photo = '/def/def1.png';
  402. };
  403. this.getServiceList();
  404. this.img =[];
  405. this.img.push(this.initData.photo);
  406. this.num = res.data.page.totalCount;
  407. this.loading = false;
  408. this.conFlow()
  409. }else {
  410. this.initData = {};
  411. if(this.$i18n.locale =='zh'){
  412. this.$message({
  413. message: '无当前版本',
  414. type: 'error'
  415. });
  416. }else{
  417. this.$message({
  418. message: 'No current version',
  419. type: 'error'
  420. });
  421. }
  422. }
  423. });
  424. },
  425. // 获取产品与服务列表
  426. getServiceList() {
  427. const that =this;
  428. const params1={
  429. // pageNo:'1',
  430. businessType:'financial_institutions',
  431. businessId:this.initData.baseEntityId,
  432. language:this.$i18n.locale.toUpperCase(),
  433. };
  434. getInformationList(params1).then(res => {
  435. this.serviceContent = [];
  436. if(res.data[1]||res.data[2]||res.data[3]){
  437. this.serviceContent = res.data;
  438. this.serveceNum = this.serviceContent[1].length;
  439. this.exampleNum = this.serviceContent[2].length;
  440. this.dynamicNum = this.serviceContent[3].length;
  441. console.log(this.serveceNum,this.exampleNum, this.dynamicNum,'--------------------------------------数量')
  442. // this.serveceNum = res.data.page.totalCount;
  443. // let num=0;
  444. // if(this.serviceContent[num].pictureUrl){
  445. // this.picture1 = this.serviceContent[num].pictureUrl;
  446. // if(this.serviceContent[num].pictureUrl==null){
  447. // num++
  448. // }
  449. // }else {
  450. // this.picture1 = []
  451. // }
  452. }
  453. });
  454. },
  455. toView(router, json) {
  456. clearInterval(this.timer);
  457. this.$router.push({ name: router, params: {key:json} });
  458. },
  459. toViewDetails(router, json,baseEntityId) {
  460. const { href } = this.$router.resolve({
  461. name: router,
  462. // id:baseEntityId,
  463. query: {
  464. key: json,
  465. baseEntityId:baseEntityId
  466. },
  467. });
  468. window.open(href, '_blank');
  469. },
  470. toViewMore(router,json,typeDict){
  471. this.$store.commit('modify', router);
  472. window.localStorage.setItem('router', router);
  473. const { href } = this.$router.resolve({
  474. name: router,
  475. query: {
  476. key: json,
  477. typeDict:typeDict
  478. },
  479. });
  480. window.open(href, '_blank');
  481. },
  482. screenBack(data) {
  483. console.log(data, "screenBackscreenBackscreenBackscreenBack");
  484. },
  485. screen(i) {
  486. this.index = i;
  487. },
  488. // 关注项目
  489. shareChange() {
  490. if (this.ifcommon) {
  491. this.saveFollowModelDo("unfollow");
  492. } else {
  493. this.saveFollowModelDo("follow");
  494. }
  495. },
  496. //关注项目
  497. saveFollowModelDo: function (followType) {
  498. let user = window.localStorage.getItem("user");
  499. if (!this.$Cookies.get('token')) {
  500. this.toViewLogin = true;
  501. } else {
  502. var users = JSON.parse(user);
  503. var token = "" + getToken();
  504. var projectId = this.initData.baseEntityId;
  505. var userId = users.userId;
  506. // 接口逻辑
  507. this.submitHandler((token) => {
  508. saveFollowModel(projectId, "financialInstitution", userId, followType, token)
  509. .then((result) => {
  510. if(followType=='unfollow'){
  511. if(this.$i18n.locale=='zh'){
  512. this.$message({
  513. message: '取消关注成功',
  514. type: "success",
  515. });
  516. }else{
  517. this.$message({
  518. message: 'Cancel the follow successfully',
  519. type: "success",
  520. });
  521. }
  522. }else{
  523. if(this.$i18n.locale=='zh'){
  524. this.$message({
  525. message: '关注成功',
  526. type: "success",
  527. });
  528. }else{
  529. this.$message({
  530. message: 'Follow of success',
  531. type: "success",
  532. });
  533. }
  534. }
  535. this.ifcommon = !this.ifcommon;
  536. this.resetToken();
  537. // this.$message({
  538. // message: "关注哦",
  539. // type: "success",
  540. // });
  541. // this.ifcommon = !this.ifcommon;
  542. // this.resetToken();
  543. // if( this.ifcommon==false){
  544. // this.$message({
  545. // message: "取消了哦",
  546. // type: "failed",
  547. // });
  548. // }
  549. })
  550. .catch((error) => {
  551. });
  552. });
  553. }
  554. },
  555. dialogVisibleChange(){
  556. this.dialogVisibleintro=true;
  557. },
  558. getCountry(){
  559. getDicts(this.$i18n.locale=='zh'?'UNIT_COUNTRY_DICT,CONTINENT_CODE_DICT':'unit_country_dict_en,CONTINENT_CODE_DICT_EN').then((res)=>{
  560. this.unitCountryDicts = res.data[0];
  561. this.unitAreaDicts = res.data[1]
  562. })
  563. },
  564. conFlow(){
  565. let user = window.localStorage.getItem("user");
  566. if (user) {
  567. var users = JSON.parse(user);
  568. var token = "" + getToken();
  569. var baseEntityId = this.initData.baseEntityId;
  570. this.userId = users.userId;
  571. getFollowModeNumlByModelIdAndUserId(
  572. baseEntityId,
  573. "financialInstitution",
  574. this.userId
  575. ).then((res) => {
  576. this.ifcommon = res.data;
  577. console.log(
  578. res.data,
  579. );
  580. });
  581. }
  582. },
  583. toOffcial(url){
  584. // let urls='http://'+url;
  585. if(url.indexOf('http') == -1){
  586. url = 'http://' + url
  587. }
  588. window.open(url,'_blank')
  589. },
  590. }
  591. };
  592. </script>
  593. <!-- Add "scoped" attribute to limit CSS to this component only -->
  594. <style scoped>
  595. .box {
  596. margin-top: 10px;
  597. background: #fff;
  598. /* height: 500px; */
  599. padding: 20px 0;
  600. }
  601. .crumbs {
  602. margin-left: 20px;
  603. }
  604. body {
  605. margin: 0;
  606. }
  607. .swipers {
  608. position: absolute;
  609. top: 30px;
  610. /*left: 80px;*/
  611. width: 460px;
  612. height: 390px;
  613. }
  614. .details {
  615. position: absolute;
  616. top: 30px;
  617. left: 500px;
  618. width: 500px;
  619. height: 390px;
  620. font-size: 16px;
  621. }
  622. .swiper-container {
  623. width: 100%;
  624. height: 300px;
  625. margin-left: auto;
  626. margin-right: auto;
  627. }
  628. .swiper-slide {
  629. background-size: cover;
  630. background-position: center;
  631. }
  632. .gallery-top {
  633. height: 80%;
  634. width: 100%;
  635. }
  636. .gallery-thumbs {
  637. height: 20%;
  638. box-sizing: border-box;
  639. padding: 10px 0;
  640. }
  641. .gallery-thumbs .swiper-slide {
  642. width: 25%;
  643. height: 100%;
  644. opacity: 0.4;
  645. }
  646. .gallery-thumbs .swiper-slide-thumb-active {
  647. opacity: 1;
  648. }
  649. .initData_label {
  650. color: #2c558a;
  651. font-weight: 700;
  652. font-size: 30px;
  653. }
  654. .tankthink_style {
  655. width: 75%;
  656. line-height: 50px;
  657. color: #666666;
  658. font-size: 18px;
  659. font-weight: 700;
  660. margin-top: 5px;
  661. }
  662. .tankthink_style3 {
  663. width: 100%;
  664. line-height: 50px;
  665. color: #666666;
  666. font-size: 18px;
  667. font-weight: 700;
  668. margin-top: 5px;
  669. }
  670. .tankthink_style_span {
  671. display: inline-block;
  672. padding: 0 10px;
  673. height: 50px;
  674. border-bottom: 2px solid #6699ff;
  675. color: #2C558A;
  676. }
  677. .tankthink_style_product tr {
  678. line-height: 30px;
  679. width: 100%;
  680. display: inline-block;
  681. border-bottom: 1px solid #ccc;
  682. font-size: 14px;
  683. color: #666666;
  684. margin-bottom: 5px;
  685. }
  686. .share:hover {
  687. color: #2c558a;
  688. }
  689. >>>.el-dialog__body {
  690. word-break:normal;
  691. padding: 0px 20px 10px;
  692. }
  693. .tankthink_content{
  694. width: 100%;
  695. }
  696. </style>