{"remainingRequest":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\finance\\index.vue?vue&type=style&index=0&id=3f930433&scoped=true&lang=css&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\finance\\index.vue","mtime":1691993564214},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouYmFubmVyIGltZ3sKICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7Cn0KQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwMHB4KXsKICAgIC5icmVhZHsKICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmOwogICAgfQogICAgLmJyZWFkIGRpdnsKICAgICAgICB3aWR0aDogMTIwMHB4OwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICAgICAgcGFkZGluZzogMC44cmVtIDA7CiAgICAgICAgZm9udC1zaXplOiAxcmVtOwogICAgfQogICAgLnNtYXJ0LXRpdGxlewogICAgICAgIG1hcmdpbi10b3A6M3JlbTsKICAgIH0KICAgIC5zbWFydC1kZXZpY2V7CiAgICAgICAgd2lkdGg6IDEyMDBweDsKICAgICAgICBtYXJnaW46IDAgYXV0bzsKICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0OwogICAgICAgIGZvbnQtc2l6ZTogMXJlbTsKICAgICAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgfQogICAgLnNtYXJ0LWRldmljZSBzcGFuIHNwYW57CiAgICAgICAgZm9udC1zaXplOiAycmVtOwogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgcGFkZGluZy1yaWdodDogMXJlbTsKICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07CiAgICAgICAgZm9udC13ZWlnaHQ6IDkwMDsKICAgIH0KICAgIC5zbWFydC1kZXZpY2Ugc3BhbiBzcGFuOmFmdGVyewogICAgICAgIGNvbnRlbnQ6ICcnOwogICAgICAgIHdpZHRoOiAxcHg7CiAgICAgICAgaGVpZ2h0OiAxNXB4OwogICAgICAgIGJhY2tncm91bmQ6ICM2NjY7CiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgIHJpZ2h0OiAwOwogICAgICAgIGJvdHRvbTogN3B4OwogICAgfQogICAgLmRldmljZS10aXRsZSBpbWd7CiAgICAgICAgd2lkdGg6IDgwJTsKICAgIH0KICAgIC5uYXYtbGlzdHsKICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgICAgIGZsZXgtd3JhcDogbm93cmFwOwogICAgICAgIG1hcmdpbjogMnJlbSBhdXRvOwogICAgICAgIHdpZHRoOiA1MCU7CiAgICB9CiAgICAubmF2LWxpc3QgbGl7CiAgICAgICAgbWluLXdpZHRoOiAzMy4zMyU7CiAgICAgICAgbWF4LXdpZHRoOiAzMy4zMyU7CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgIGNvbG9yOiAjNjY2OwogICAgICAgIGZvbnQtc2l6ZTogMS41cmVtOwogICAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIH0KICAgIC5uYXYtbGlzdCBsaSBzcGFuewogICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjZjBmMGYwOwogICAgICAgIHBhZGRpbmctYm90dG9tOiAwLjhyZW07CiAgICB9CiAgICAuYWN0aXZlIHNwYW57CiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjRkY2QTAwIWltcG9ydGFudDsKICAgICAgICBjb2xvcjogIzMzMzsKICAgIH0KICAgIC5jYXNlLWxpc3QgdWx7CiAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICBmbGV4LXdyYXA6IHdyYXA7CiAgICAgICAganVzdGlmeS1jb250ZW50OiBsZWZ0OwogICAgfQogICAgLmNhc2UtbGlzdCB1bCBsaXsKICAgICAgICB3aWR0aDogNTAlOwogICAgICAgIG1hcmdpbi1ib3R0b206IDJyZW07CiAgICB9CiAgICAuY2FzZS1saXN0IHVsIGxpPmRpdnsKICAgICAgICB3aWR0aDogOTAlOwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgfQogICAgLmNhc2UtbGlzdCB1bCBsaSBpbWd7CiAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgaGVpZ2h0OiAyMHJlbTsKICAgIH0KICAgIC5idG4tbGlzdHsKICAgICAgICB3aWR0aDogNDAlOwogICAgfQp9CkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDBweCl7CiAgICAuYmFubmVyewogICAgICAgIGRpc3BsYXk6IG5vbmU7CiAgICB9CiAgICAuYnJlYWR7CiAgICAgICAgZGlzcGxheTogbm9uZTsKICAgIH0KICAgIC5zbWFydC10aXRsZXsKICAgICAgICBtYXJnaW4tdG9wOjJyZW07CiAgICB9CiAgICAuc21hcnQtZGV2aWNlewogICAgICAgIHdpZHRoOiA5MCU7CiAgICAgICAgbWFyZ2luOiAwIGF1dG87CiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDsKICAgICAgICBmb250LXNpemU6IDFyZW07CiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIH0KICAgIC5zbWFydC1kZXZpY2Ugc3BhbiBzcGFuewogICAgICAgIGZvbnQtc2l6ZTogMS41cmVtOwogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgcGFkZGluZy1yaWdodDogMXJlbTsKICAgICAgICBtYXJnaW4tcmlnaHQ6IDFyZW07CiAgICAgICAgZm9udC13ZWlnaHQ6IDkwMDsKICAgIH0KICAgIC5zbWFydC1kZXZpY2Ugc3BhbiBzcGFuOmFmdGVyewogICAgICAgIGNvbnRlbnQ6ICcnOwogICAgICAgIHdpZHRoOiAxcHg7CiAgICAgICAgaGVpZ2h0OiAxNXB4OwogICAgICAgIGJhY2tncm91bmQ6ICM2NjY7CiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgIHJpZ2h0OiAwOwogICAgICAgIGJvdHRvbTogN3B4OwogICAgfQogICAgLmRldmljZS10aXRsZSBpbWd7CiAgICAgICAgd2lkdGg6IDEwMCU7CiAgICB9CiAgICAubmF2LWxpc3R7CiAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgICBmbGV4LXdyYXA6IG5vd3JhcDsKICAgICAgICBtYXJnaW46IDJyZW07CiAgICB9CiAgICAubmF2LWxpc3QgbGl7CiAgICAgICAgbWluLXdpZHRoOiAzMy4zMyU7CiAgICAgICAgbWF4LXdpZHRoOiAzMy4zMyU7CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgIGNvbG9yOiAjNjY2OwogICAgICAgIGZvbnQtc2l6ZTogMC44cmVtOwogICAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIH0KICAgIC5uYXYtbGlzdCBsaSBzcGFuewogICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjZjBmMGYwOwogICAgICAgIHBhZGRpbmctYm90dG9tOiAwLjhyZW07CiAgICB9CiAgICAuYWN0aXZlIHNwYW57CiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjRkY2QTAwIWltcG9ydGFudDsKICAgICAgICBjb2xvcjogIzMzMzsKICAgICAgICBmb250LXdlaWdodDo4MDAhaW1wb3J0YW50OwogICAgfQogICAgLmNhc2UtbGlzdCB1bCBsaXsKICAgICAgICBtYXJnaW4tYm90dG9tOiAycmVtOwogICAgfQogICAgLmNhc2UtbGlzdCB1bCBsaT5kaXZ7CiAgICAgICAgd2lkdGg6IDkwJTsKICAgICAgICBtYXJnaW46IDAgYXV0bzsKICAgIH0KICAgIC5jYXNlLWxpc3QgdWwgbGkgaW1newogICAgICAgIHdpZHRoOiAxMDAlOwogICAgfQogICAgLmJ0bi1saXN0ewogICAgICAgIHdpZHRoOiA5MCU7CiAgICB9CiAgICAuYnRuLWxpc3Qgc3BhbnsKICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjOTk2RkVDIWltcG9ydGFudDsKICAgICAgICBib3JkZXItcmFkaXVzOiAwIWltcG9ydGFudDsKICAgICAgICBjb2xvcjogIzk5NkZFQzsKICAgIH0KfQoubGlzdC1jb250ZW50ewogICAgbWluLWhlaWdodDogMTByZW07Cn0KLmNhc2UtY29udGVudHsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQouY2FzZS1jb250ZW50IGRpdnsKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIGJvdHRvbTogMDsKICAgIGJhY2tncm91bmQ6ICM3NzU1YTc4MDsKICAgIGNvbG9yOiAjZmZmOwogICAgd2lkdGg6IDEwMCU7CiAgICAvKm1hcmdpbjogMCBhdXRvOyovCiAgICAvKmxlZnQ6IDA7Ki8KICAgIC8qcmlnaHQ6IDA7Ki8KfQouY2FzZS1jb250ZW50IGltZ3sKICAgIGRpc3BsYXk6IGJsb2NrOwp9Ci5jYXNlLWNvbnRlbnQgZGl2IGgzewogICAgd2lkdGg6IDkwJTsKICAgIG1hcmdpbjogMXJlbSBhdXRvOwogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7CiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKfQouYnRuLWxpc3R7CiAgICBtYXJnaW46IDAgYXV0bzsKICAgIGRpc3BsYXk6IGZsZXg7Cn0KLmJ0bi1saXN0IHNwYW57CiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICB3aWR0aDogNDAlOwogICAgYm9yZGVyOiAxcHggc29saWQgIzMzMzsKICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7CiAgICBwYWRkaW5nOiAwLjVyZW07CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7Cn0KLmJ0bi1saXN0IHNwYW46Zmlyc3QtY2hpbGR7CiAgICBtYXJnaW4tcmlnaHQ6IDUlOwp9Ci8q5LuA5LmI5piv5oqV6J6N5ZyIKi8KLmNpcmNsZS1pbmZvIGltZ3sKICAgIHdpZHRoOiAxMDAlOwp9Ci5jaXJjbGUtaW5mbyBwLC5jaXJjbGUtc3R5bGUtY29udGVudCBwewogICAgbGluZS1oZWlnaHQ6IDEuNXJlbTsKICAgIGZvbnQtc2l6ZTogMXJlbTsKICAgIGNvbG9yOiAjMzMzOwp9Ci5jaXJjbGUtc3R5bGUtdGl0bGV7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICBtYXJnaW46IDJyZW0gMDsKfQouY2lyY2xlLXN0eWxlLXRpdGxlIHNwYW57CiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICBjb2xvcjogIzMzMzsKICAgIGZvbnQtc2l6ZTogMS4xcmVtOwogICAgYm9yZGVyLWJvdHRvbTogNHB4IHNvbGlkICM5OTZlZWU7CiAgICBwYWRkaW5nLWJvdHRvbTogMC41cmVtOwp9Ci5jaXJjbGUtc3R5bGUtY29udGVudCBoM3sKICAgIGNvbG9yOiAjMzMzOwogICAgbWFyZ2luOiAxcmVtIDA7Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0KA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/finance","sourcesContent":["<template>\r\n    <div style=\"background: #f0f0f0;padding-bottom:50px\">\r\n        <div class=\"banner\">\r\n            <img src=\"~@/assets/images/trq.jpg\" alt=\"\">\r\n        </div>\r\n        <div class=\"bread\">\r\n            <div>\r\n                <span>当前位置:首页-投融圈</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"smart-device\">\r\n            <div class=\"smart-title\">\r\n                <span><span>投融圈</span>INVESTMENT CIRCLE</span>\r\n            </div>\r\n            <div class=\"smart-device-content\">\r\n                <ul class=\"nav-list\">\r\n                    <li :class=\"active == 1 ? 'active':''\" @click=\"active=1\"><span>什么是投融圈</span></li>\r\n                    <li :class=\"active == 2 ? 'active':''\" @click=\"active=2\"><span>投融案例</span></li>\r\n                </ul>\r\n                <div class=\"list-content\">\r\n                    <div v-if=\"active==1\">\r\n                        <div class=\"circle-info\" v-html=\"investment.content\">\r\n<!--                            <div class=\"circle-info-text\">-->\r\n<!--                                <img src=\"~@/assets/images/wh1.jpg\" alt=\"\">-->\r\n<!--                                <p>企业融资是指企业从自身生产经营现状及资金运用情况出发，根据企业未来经营与发展策略的需要，通过一定的渠道和方式，利用内部积累或向企业的投资者及债权人筹集生产经营所需资金的一种经营活动。</p>-->\r\n<!--                                <p>资金是企业体内的血液，是企业进行生产经营活动的必要条件，没有足够的资金，企业的生存和发展就没有保障。因此，企业融资与资金供给制度、金融市场、金融体制和债信文化有着密切的关系。</p>-->\r\n<!--                            </div>-->\r\n<!--                            <div class=\"circle-style\">-->\r\n<!--                                <div class=\"circle-style-title\">-->\r\n<!--                                    <span>投资方式</span>-->\r\n<!--                                </div>-->\r\n<!--                                <div class=\"circle-style-content\">-->\r\n<!--                                    <p>企业投资是指企业以自有的资产投入，承担相应的风险，以期合法地取得资产或权益的一种经济活动。企业投资从投入到产出中间有个经营过程，稍有不慎投资将化为流水。因此企业投资需要注意客观评估自身条件量力而行，认真研究投资环境，投资项目，要作好市场调查，防止投资失败。 </p>-->\r\n<!--                                    <p>企业投资可分为直接投资和间接投资两种:</p>-->\r\n<!--                                    <p>直接投资一般是把资金投放于生产经营环节中，主要为企业设立、购置各种生产经营用资产的投资，以期通过对企业的投资获取投资收益。这种企业经营性直接投资，在总的投资中所占比重较大。</p>-->\r\n<!--                                    <p>间接投资又称金融投资或证券投资，是指把资金投放于证券等金融性资产，以期获愿股利或利息收入的投资。随着我国金融市场的完善和多渠道筹资的形成，企业的间接投资会越来越广泛。</p>-->\r\n<!--                                </div>-->\r\n<!--                            </div>-->\r\n<!--                            <div class=\"circle-style\">-->\r\n<!--                                <div class=\"circle-style-title\">-->\r\n<!--                                    <span>融资方式</span>-->\r\n<!--                                </div>-->\r\n<!--                                <div class=\"circle-style-content\">-->\r\n<!--                                    <h3>內源融资</h3>-->\r\n<!--                                    <p>内源融资是指公司经营活动结果产生的资金，即公司内部融通的资金，主要由留存收益和折旧构成。是指企业不断将自己的储蓄(主要包括留存盈利、折旧和定额负债)转化为投资的过程。 内源融资对企业的资本形成具有原始性、自主性、低成本和抗风险的特点，是企业生存与发展不可或缺的重要组成部分。 在发达的市场经济国家，内源融资是企业首选的融资方式，是企业资金的重要来源。</p>-->\r\n<!--                                    <h3>外源融资</h3>-->\r\n<!--                                    <p>外源融资是指企业通过一定方式向企业之外的其它经济主体筹集资金。外源融资分方式包括：银行贷款、发行股票、企业债券等，此外，企业之间的商业信用、融资租赁在一定意义上说也属于外源融资的范围。外源融资是吸收其他经济主体的储蓄，以转化为投资的过程。 随着技术的进步和生产规模的扩大，单纯依靠内源融资已很难满足企业的资金需求，外源融资已逐渐成为企业获得资金的重要方式。 企业投资是指企业以自有的资产投入，承担相应的风险，以期合法地取得资产或权益的一种经济活动。企业投资从投入到产出中间有个经营过程，稍有不慎投资将化为流水。因此企业投资需要注意客观评估自身条件量力而行，认真研究投资环境，投资项目，要作好市场调查，防止投资失败。 企业投资可分为直接投资和间接投资两种 直接投资一般是把资金投放于生产经营环节中，主要为企业设立、购置各种生产经营用资产的投资，以期通过对企业的投资获取投资收益。这种企业经营性直接投资，在总的投资中所占比重较大。 间接投资又称金融投资或证券投资，是指把资金投放于证券等金融性资产，以期获愿股利或利息收入的投资。随着我国金融市场的完善和多渠道筹资的形成，企业的间接投资会越来越广泛。</p>-->\r\n<!--                                </div>-->\r\n<!--                            </div>-->\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"case-list\" v-else>\r\n                        <ul>\r\n                            <li v-for=\"(item,index) in caseList\" :key=\"index\"    @click=\"detail(item)\">\r\n                                <div class=\"case-content\">\r\n                                    <img :src=\"item.img\" alt=\"\">\r\n                                    <div>\r\n                                        <h3>{{item.title}}</h3>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n                <div class=\"btn-list\" v-if=\"active==2\">\r\n                    <span @click=\"detail1()\">投资需求提交</span>\r\n                    <span @click=\"detail1()\">融资需求提交</span>\r\n                </div>\r\n            </div>\r\n        </div>\r\n      <Message :show-dialog=\"showInfo\" @closePop=\"closeMessage\"/>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport {getInvestment,getInvestmentCase} from \"@/service/api_service\";\r\nimport Message from '@/views/message/index'\r\nexport default {\r\n        components: {\r\n          Message\r\n        },\r\n        data () {\r\n            return {\r\n                active:1,\r\n                zsList:[\r\n                    {\r\n                        img:'zs1.png',\r\n                        name:'专项扶持政策',\r\n                        eventIndex:1,\r\n                        detail:''\r\n                    },\r\n                    {\r\n                        img:'zs2.png',\r\n                        name:'税收优惠',\r\n                        eventIndex:2,\r\n                        detail:''\r\n                    },\r\n                    {\r\n                        img:'zs3.png',\r\n                        name:'奖励措施',\r\n                        eventIndex:3,\r\n                        detail:''\r\n                    },\r\n                ],\r\n                caseList:[\r\n                    // {\r\n                    //     img:'ca1.png',\r\n                    //     title:'基金优秀教育平台',\r\n                    //     content:'你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试'\r\n                    // },\r\n                    // {\r\n                    //     img:'ca2.png',\r\n                    //     title:'基金优秀教育平台',\r\n                    //     content:'你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试'\r\n                    // },\r\n                    // {\r\n                    //     img:'ca3.png',\r\n                    //     title:'基金优秀教育平台基金优秀教育平台基金优秀教育平台',\r\n                    //     content:'你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试'\r\n                    // }\r\n\r\n                ],\r\n              investment:{},\r\n              investmentCase:[],\r\n              showInfo:false\r\n            }\r\n        },\r\n        mounted() {\r\n            document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n          this.getData()\r\n          this.getInvestmentCase()\r\n        },\r\n        methods: {\r\n          closeMessage(){\r\n            this.showInfo =false\r\n          },\r\n            getData(){\r\n              getInvestment({}).then((res)=>{\r\n                if(res){\r\n                  this.investment = res\r\n                }\r\n              })\r\n            },\r\n          getInvestmentCase(){\r\n            getInvestmentCase({status:'published'}).then((res)=>{\r\n                if(res){\r\n                  this.caseList =[]\r\n                  res.forEach(item=>{\r\n                    if(item.themeMap!=null&&item.themeMap.length>2){\r\n                      item.img = this.$common.castEval(item.themeMap)[0].url\r\n                    }else {\r\n                      item.img =''\r\n                    }\r\n\r\n                    this.caseList.push(item)\r\n                  })\r\n                }\r\n              })\r\n            },\r\n            detail(index){\r\n              this.$router.push({name:'financeDetail',params:index})\r\n            },\r\n          detail1(){\r\n            this.showInfo =true\r\n            }\r\n        },\r\n    };\r\n</script>\r\n\r\n<style scoped>\r\n    .banner img{\r\n        width: 100% !important;\r\n    }\r\n    @media screen and (min-width: 1000px){\r\n        .bread{\r\n            background: #fff;\r\n        }\r\n        .bread div{\r\n            width: 1200px;\r\n            margin: 0 auto;\r\n            text-align: left;\r\n            padding: 0.8rem 0;\r\n            font-size: 1rem;\r\n        }\r\n        .smart-title{\r\n            margin-top:3rem;\r\n        }\r\n        .smart-device{\r\n            width: 1200px;\r\n            margin: 0 auto;\r\n            text-align: left;\r\n            font-size: 1rem;\r\n            overflow: hidden;\r\n        }\r\n        .smart-device span span{\r\n            font-size: 2rem;\r\n            display: inline-block;\r\n            position: relative;\r\n            padding-right: 1rem;\r\n            margin-right: 1rem;\r\n            font-weight: 900;\r\n        }\r\n        .smart-device span span:after{\r\n            content: '';\r\n            width: 1px;\r\n            height: 15px;\r\n            background: #666;\r\n            position: absolute;\r\n            right: 0;\r\n            bottom: 7px;\r\n        }\r\n        .device-title img{\r\n            width: 80%;\r\n        }\r\n        .nav-list{\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: nowrap;\r\n            margin: 2rem auto;\r\n            width: 50%;\r\n        }\r\n        .nav-list li{\r\n            min-width: 33.33%;\r\n            max-width: 33.33%;\r\n            text-align: center;\r\n            color: #666;\r\n            font-size: 1.5rem;\r\n            cursor: pointer;\r\n        }\r\n        .nav-list li span{\r\n            border-bottom: 2px solid #f0f0f0;\r\n            padding-bottom: 0.8rem;\r\n        }\r\n        .active span{\r\n            display: inline-block;\r\n            border-bottom: 2px solid #FF6A00!important;\r\n            color: #333;\r\n        }\r\n        .case-list ul{\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: left;\r\n        }\r\n        .case-list ul li{\r\n            width: 50%;\r\n            margin-bottom: 2rem;\r\n        }\r\n        .case-list ul li>div{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n        }\r\n        .case-list ul li img{\r\n            width: 100%;\r\n            height: 20rem;\r\n        }\r\n        .btn-list{\r\n            width: 40%;\r\n        }\r\n    }\r\n    @media screen and (max-width: 1000px){\r\n        .banner{\r\n            display: none;\r\n        }\r\n        .bread{\r\n            display: none;\r\n        }\r\n        .smart-title{\r\n            margin-top:2rem;\r\n        }\r\n        .smart-device{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n            text-align: left;\r\n            font-size: 1rem;\r\n            overflow: hidden;\r\n        }\r\n        .smart-device span span{\r\n            font-size: 1.5rem;\r\n            display: inline-block;\r\n            position: relative;\r\n            padding-right: 1rem;\r\n            margin-right: 1rem;\r\n            font-weight: 900;\r\n        }\r\n        .smart-device span span:after{\r\n            content: '';\r\n            width: 1px;\r\n            height: 15px;\r\n            background: #666;\r\n            position: absolute;\r\n            right: 0;\r\n            bottom: 7px;\r\n        }\r\n        .device-title img{\r\n            width: 100%;\r\n        }\r\n        .nav-list{\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: nowrap;\r\n            margin: 2rem;\r\n        }\r\n        .nav-list li{\r\n            min-width: 33.33%;\r\n            max-width: 33.33%;\r\n            text-align: center;\r\n            color: #666;\r\n            font-size: 0.8rem;\r\n            cursor: pointer;\r\n        }\r\n        .nav-list li span{\r\n            border-bottom: 2px solid #f0f0f0;\r\n            padding-bottom: 0.8rem;\r\n        }\r\n        .active span{\r\n            display: inline-block;\r\n            border-bottom: 2px solid #FF6A00!important;\r\n            color: #333;\r\n            font-weight:800!important;\r\n        }\r\n        .case-list ul li{\r\n            margin-bottom: 2rem;\r\n        }\r\n        .case-list ul li>div{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n        }\r\n        .case-list ul li img{\r\n            width: 100%;\r\n        }\r\n        .btn-list{\r\n            width: 90%;\r\n        }\r\n        .btn-list span{\r\n            border: 1px solid #996FEC!important;\r\n            border-radius: 0!important;\r\n            color: #996FEC;\r\n        }\r\n    }\r\n    .list-content{\r\n        min-height: 10rem;\r\n    }\r\n    .case-content{\r\n        position: relative;\r\n    }\r\n    .case-content div{\r\n        position: absolute;\r\n        bottom: 0;\r\n        background: #7755a780;\r\n        color: #fff;\r\n        width: 100%;\r\n        /*margin: 0 auto;*/\r\n        /*left: 0;*/\r\n        /*right: 0;*/\r\n    }\r\n    .case-content img{\r\n        display: block;\r\n    }\r\n    .case-content div h3{\r\n        width: 90%;\r\n        margin: 1rem auto;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n    }\r\n    .btn-list{\r\n        margin: 0 auto;\r\n        display: flex;\r\n    }\r\n    .btn-list span{\r\n        display: inline-block;\r\n        width: 40%;\r\n        border: 1px solid #333;\r\n        border-radius: 10px;\r\n        padding: 0.5rem;\r\n        text-align: center;\r\n    }\r\n    .btn-list span:first-child{\r\n        margin-right: 5%;\r\n    }\r\n    /*什么是投融圈*/\r\n    .circle-info img{\r\n        width: 100%;\r\n    }\r\n    .circle-info p,.circle-style-content p{\r\n        line-height: 1.5rem;\r\n        font-size: 1rem;\r\n        color: #333;\r\n    }\r\n    .circle-style-title{\r\n        text-align: center;\r\n        margin: 2rem 0;\r\n    }\r\n    .circle-style-title span{\r\n        display: inline-block;\r\n        color: #333;\r\n        font-size: 1.1rem;\r\n        border-bottom: 4px solid #996eee;\r\n        padding-bottom: 0.5rem;\r\n    }\r\n    .circle-style-content h3{\r\n        color: #333;\r\n        margin: 1rem 0;\r\n    }\r\n</style>\r\n"]}]}