<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
  <link rel="stylesheet" href="js/swiper4.5.0/swiper.min.css" />
  <link href="style/main.css" rel="stylesheet" type="text/css" />
  <link href="js/layui/css/layui.css" rel="stylesheet" type="text/css" media="all" />
  <title>云晨期货有限责任公司</title>
  <style>
    .swiper-pagination-bullet {
      width: 13px !important;
      height: 13px !important;
      background: #fff !important;
      opacity: 1 !important;
    }

    .swiper-pagination-bullet-active {
      background: #025196 !important;
    }

    .bannerBox .swiper-button-prev,
    .bannerBox .swiper-container-rtl .swiper-button-next {
      background-image: url(image/icon/arrow_left.png);
      left: 30px !important;
      right: auto;
    }

    .bannerBox .swiper-button-next,
    .bannerBox .swiper-container-rtl .swiper-button-prev {
      background-image: url(image/icon/arrow_right.png);
      right: 30px !important;
      left: auto;
    }

    .bannerBox .swiper-button-next,
    .bannerBox .swiper-button-prev {
      position: absolute;
      top: 50%;
      width: 60px;
      height: 90px;
      margin-top: -30px;
      z-index: 10;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.3);
      border-radius: 0;
      background-size: 14px 25px;
      background-repeat: no-repeat;
    }

    .swiper-container_news .swiper-button-next,
    .swiper-container_news .swiper-button-prev {
      position: absolute;
      top: auto !important;
      bottom: 16px;
      width: 9px;
      height: 14px;
      z-index: 10;
      cursor: pointer;
      border-radius: 0;
      background-size: 9px 14px;
      background-repeat: no-repeat;
    }

    .swiper-container_news .swiper-button-prev,
    .swiper-container_news .swiper-container-rtl .swiper-button-next {
      background-image: url(image/icon/arrowLeft.png);
      left: auto !important;
      right: 50px !important;
    }

    .swiper-container_news .swiper-button-next,
    swiper-container_news .swiper-container-rtl .swiper-button-prev {
      background-image: url(image/icon/arrowRight.png);
      top: auto !important;
      right: 30px !important;
      left: auto;
    }

    swiper-container_news .swiper-wrapper .swiper-slide {
      height: 385px !important;
    }

    swiper-container_news .swiper-wrapper .swiper-slide img {
      width: 585px !important;
      height: 385px !important;
      object-fit: cover;
    }

    .layui-carouse {
      width: 100%;
      height: 580px;
    }
  </style>
  <style>
    [v-cloak] {
      display: none;
    }
  </style>
</head>

<body class="" id="index">
  <!--公共头部-->
  
    <!--header-->
    <noscript>
        您的浏览器不支持javascript，本系统的运行需要javascript的支持，请选择支持javascript的浏览器打开本系统。
    </noscript>
    <div class="header" id="header" v-cloak>
        <div class="topBox">
            <div class="wrap">
                <a href="index.html" class="logoBox">
                    <img src="image/logo.png" alt=""> 云晨期货有限责任公司
                </a>
                <div class="rBox">
                    <div class="searchBox">
                        <input type="text" id="words" placeholder="请输入搜索关键词">
                        <button class="searchBtn" onclick="search()">
                            <img src="image/icon/search.png" alt="">
                        </button>
                    </div>
                    <div class="service">
                        <img src="image/icon/phone.png" alt="">
                        <div class="telBox">
                            <p class="txt">客服电话</p>
                            <p class="tel">{{companyHeaderData.serviceNumber}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="navBox">
            <ul class="topNav" style="display: block">
                <li v-for="item in columnData" :class="{nav:item.child.length>0}">
                    <a href="javascript:void(0)" @click="pageskippingLV1(item)">{{item.columnName}}</a><!--"-->
                    <div class="headerWrapBox">
                         <ul v-if="item.child.length > 0" class="secondNav">
                            <li v-for=" (n,index) in item.child" :class="{subNav:n.child.length>0}">
                                 <a href="javascript:void(0)" @click="pageskippingLV2(n,index)">{{n.columnName}}</a>
                                 <div class="headerWrapBox">
                                 <ul class="thirdNav" :class="{on:n.child.length==1}">
                                    <li v-for="k in n.child">
                                        <a href="javascript:void(0)" @click="pageskippingLV2(k)">{{k.columnName}}</a>
                                    </li>
                                </ul>
                            </div>
                            </li>
                        </ul>
                    </div>
                </li>
                <div class="clearfix"></div>
            </ul>
        </div>
    </div>



  <div class="bannerBox" id="bannerBox" v-cloak>
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide" v-for="item in filterBnnerItem">
          <a :href="item.bannerLink" target="_blank"><img :src="item.bannerTheme" alt="" /></a>
        </div>
      </div>
      <!--分页器-->
      <div class="swiper-pagination"></div>
      <!-- Add Arrows -->
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
    </div>
  </div>

  <!--content 开始-->
  <div class="content" id="content" v-cloak>
    <div class="f1">
      <div class="wrap">
        <div class="pubTitleLine">
          <span class="title">常用工具</span>
          <span class="en">TOOLS</span>
        </div>
        <ul class="ulMenu oh">
          <li>
            <a href="https://ycqh.cfmmc.com" target="_blank">
              <img src="image/nav1.png" alt="" />
              网上开户
            </a>
          </li>
          <li>
            <a :href="softwareDownloadUrl">
              <img src="image/nav2.png" alt="" />
              软件下载
            </a>
          </li>
          <li>
            <a :href="searchReportUrl">
              <img src="image/nav3.png" alt="" />
              研发报告
            </a>
          </li>
          <li>
            <a href="https://investorservice.cfmmc.com/index.jsp" target="_blank">
              <img src="image/nav4.png" alt="" />
              账单查询
            </a>
          </li>
          <li>
            <a :href="transactionCalendarUrl">
              <img src="image/nav5.png" alt="" />
              交易日历
            </a>
          </li>
          <li>
            <a :href="businessUrl">
              <img src="image/nav6.png" alt="" />
              业务办理
            </a>
          </li>
          <div class="clearfix"></div>
        </ul>
      </div>
    </div>
    <div class="f2">
      <div class="wrap">
        <div class="pubTitleLine">
          <span class="title">新闻中心</span>
          <span class="en">NEWS</span>
        </div>
        <div class="newsFocus">
          <div class="focusPic">
            <div class="swiper-container_news">
              <div class="swiper-wrapper">
                <div class="swiper-slide" v-if="item.newsTheme != null" v-for="item in filterNewsSwiper"
                  @click="skipNewsDetail(item)">
                  <img :src="newHtml(item.newsTheme)" alt="" style="width: 585px; height: 385px;" />
                  <div class="title">{{item.newsTitle}}</div>
                </div>
              </div>
              <!-- Add Arrows -->
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <div class="rNewsBox">
            <ul class="menu oh">
              <li :class="{on:ggIndex == 1}" @click="searchGGNews('yun_chen_customerService_ywbl')">
                <a href="javascript:void(0)">公司公告</a>
              </li>
              <li :class="{on:gxIndex == 1}" @click="searchGXNews('yun_chen_news_center_gsxw')">
                <a href="javascript:void(0)">公司新闻</a>
              </li>
            </ul>
            <ul class="newsList" v-if="companyNews.length > 0">
              <li v-if="filteritem1.length > 0 " v-for="item in filteritem1">
                <a href="#" @click="skipNewsDetail(item)">
                  <p class="date">{{item.releaseTime | formatDate}}</p>
                  <div class="title" :title="item.newsTitle">
                    {{item.newsTitle}}
                  </div>
                  <div class="prolfile" :title="item.newsSummary">
                    {{item.newsSummary }}
                  </div>
                </a>
              </li>

              <li v-if="filteritem2.length > 0" v-for="item2 in filteritem2">
                <a href="#" @click="skipNewsDetail(item2)">
                  <div class="title" :title="item2.newsTitle">
                    {{item2.newsTitle}}
                  </div>
                  <p class="date">{{item2.releaseTime | formatDate}}</p>
                </a>
              </li>
            </ul>
            <ul class="newsList" v-if="companyNews.length ==0">
              <li>
                <span style="width: 100%; text-align: center; margin-left: 40%;">暂无数据</span>
              </li>
            </ul>
          </div>
          <div class="clearfix"></div>
        </div>
      </div>
    </div>
    <div class="f3">
      <div class="wrap">
        <div class="pubTitleLine">
          <span class="title">研究中心</span>
          <span class="en">RESEARCH</span>
        </div>
        <div class="researchBox">
          <div class="msgBox">
            <div class="picTitle">
              <div class="mainImg">
                <img src="image/img1.jpg" alt="" />
              </div>
              <div class="title">信息资讯</div>
            </div>
            <ul class="msgList">
              <li v-if="xxzxDataItem.length > 0" v-for="item in xxzxDataItem">
                <a href="javascript:void(0)" @click="skipNewsDetail(item)">
                  <div class="title">{{item.newsTitle}}</div>
                </a>
              </li>
              <li v-if="xxzxDataItem.length == 0">
                <span style="text-align: center;font-size: 20px;width: 100%;display: block;">暂无数据</span>
              </li>
            </ul>
          </div>
          <div class="msgBox">
            <div class="picTitle">
              <div class="mainImg">
                <img src="image/img2.jpg" alt="" />
              </div>
              <div class="title">研发报告</div>
            </div>
            <ul class="msgList">
              <li v-if="yfbgDataItem.length > 0" v-for="item in yfbgDataItem">
                <a href="javascript:void(0)" @click="skipNewsDetail(item)">
                  <div class="title">{{item.newsTitle}}</div>
                </a>
              </li>
              <li v-if="yfbgDataItem.length == 0">
                <span style="text-align: center;font-size: 20px;width: 100%;display: block;">暂无数据</span>
              </li>
            </ul>
          </div>
          <div class="msgBox">
            <div class="picTitle">
              <div class="mainImg">
                <img src="image/img3.jpg" alt="" />
              </div>
              <div class="title">投资策略</div>
            </div>
            <ul class="msgList">
              <li v-if="tzclDataItem.length > 0" v-for="item in tzclDataItem">
                <a href="javascript:void(0)" @click="skipNewsDetail(item)">
                  <div class="title">{{item.newsTitle}}</div>
                </a>
              </li>
              <li v-if="tzclDataItem.length == 0">
                <span style="text-align: center;font-size: 20px;width: 100%;display: block;">暂无数据</span>
              </li>
            </ul>
          </div>
          <div class="clearfix"></div>
        </div>
      </div>
    </div>
    <div class="f4">
      <div class="wrap">
        <div class="pubTitleLine">
          <span class="title">友情链接</span>
          <span class="en">LINK</span>
        </div>
        <ul class="ulLink oh">
          <li v-for="item in friendlyLinkData">
            <a :href="item.linkSite" :target="item.linkJumpMode">{{item.linkName}}</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!--content 结束-->
  <!--公共footer-->
  
    <div class="footer" id="footer" v-cloak>
        <div class="topBox">
            <div class="wrap">
                <div class="lBox">
                    <ul class="oh">
                        <li><a href="javascript:void(0)" @click="footerSkip('从业人员信息')">人员信息公示</a><em>|</em></li>
                        <li><a href="javascript:void(0)" @click="footerSkip('投资者教育')">投资者教育</a><em>|</em></li>
                        <li><a href="javascript:void(0)" @click="footerSkip('上海滇晨')">风险管理</a><em>|</em></li>
                    </ul>
                    <p class="advise">投诉及建议：{{companyFooterData.companyEmail}}</p>
                </div>
                <div class="cBox">
                    <div class="box">
                        <img src="image/address.png" alt="">
                        <p class="txt">地址</p>
                        <p class="addtess">{{companyFooterData.companyAddress}}</p>
                    </div>
                    <div class="box">
                        <img src="image/phone.png" alt="">
                        <p class="txt">投诉电话</p>
                        <p class="tel">{{companyFooterData.complaintCall}}</p>
                    </div>
                </div>
                <div class="rBox">
                    <div class="code">
                        <img src="image/mock/code.png" alt="">
                    </div>
                    <p class="tip">扫一扫，手机访问</p>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="botInfo">
            <div class="copyRight">
                COPYRIGHT © 2019 &emsp;&emsp; {{companyFooterData.companyName}} All rights reserved. &emsp;&emsp;
                <a class="recordLink" href="https://beian.miit.gov.cn" target="_blank">
                    滇ICP备05004789号-2
                </a>
                <span class="num">IPv6</span>
            </div>
            <div class="recordBox">
                <!-- <a href="http://beian.miit.gov.cn/publish/query/indexFirst.action" target="_blank" >
                    <img class="recordImg" src="image/footer1.png" alt="">
                </a> -->
                <a href="https://beian.miit.gov.cn" target="_blank">
                    <img class="recordImg" src="image/footer1.png" alt="">
                </a>
                <a href="http://www.cyberpolice.cn" target="_blank">
                    <img class="recordImg lImg" src="image/footer2_left.png" alt="">
                    <img class="recordImg rImg" src="image/footer2_right.png" alt="">
                </a>
            </div>
        </div>

    </div>

  <!--侧边栏 开始-->
  <div class="pubSideBox">
    <a id="backTop">
      <img src="image/icon/back_top.png" alt="" />
    </a>
  </div>
  <!--侧边栏 结束-->
</body>

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/swiper4.5.0/swiper.min.js"></script>
<script type="text/javascript" src="js/api.js"></script>
<script type="text/javascript" src="js/vue-2.2.2.min.js"></script>
<script type="text/javascript" src="js/header.js"></script>
<script type="text/javascript" src="js/layui//layui.js"></script>
<script>
  var _hmt = _hmt || [];
  (function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?738ba354e8a6e4eba67a0fcf0a5f1b1b";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>
<script>
  var bannerBoxVue = new Vue({
    el: "#bannerBox",
    data: {
      bannerData: [],
    },
    computed: {
      filterBnnerItem: function () {
        return this.bannerData.slice(0, 10);
      },
    },
    methods: {
      initBannerData: function () {
        var _this = this;
        $.ajax({
          type: "Post",
          url: BANNER.BANNER_LIST_URL,
          data: {
            bannerRelease: "1",
          },
          success: function success(res) {
            if (res.code == 0) {
              _this.bannerData = res.rows;
              _this.$nextTick(function () {
                initBnner();
              });
            }
          },
        });
      },
      pageskip: function (item) {
        var parameter = "?newsColumnCode=" + item.columnCode;
        var pageUrl = item.htmlPage;
        if (pageUrl === "index.html") {
          window.location.href = pageUrl;
        } else {
          window.location.href = pageUrl + parameter;
        }
      },
    },
    mounted: function () {
      this.initBannerData();
    },
  });

  var contentVue = new Vue({
    el: "#content",
    data: {
      column: [],
      newSwiperData: [],
      companyNews: [],
      xxzxData: [],
      yfbgData: [],
      tzclData: [],
      friendlyLinkData: [],
      ortherLinkData: [],
      ggIndex: 1,
      gxIndex: 0,

      softwareDownloadUrl: "",
      searchReportUrl: "",
      transactionCalendarUrl: "",
      businessUrl: "",
    },
    computed: {
      filterNewsSwiper: function () {
        return this.newSwiperData.slice(0, 4);
      },
      //新闻中心显示一条是调用
      filteritem1: function () {
        return this.companyNews.slice(0, 1);
      },
      //新闻中心显示5条是调用
      filteritem2: function () {
        return this.companyNews.slice(1, 5);
      },
      //研究中心 ————————>信息资讯
      xxzxDataItem: function () {
        return this.xxzxData.slice(0, 4);
      },
      //研究中心 ————————>研发报告
      yfbgDataItem: function () {
        return this.yfbgData.slice(0, 4);
      },
      //研究中心 ————————>投资策率
      tzclDataItem: function () {
        return this.tzclData.slice(0, 4);
      },
    },
    methods: {
      newHtml:function(url){
        return url.split('http://112.74.48.127:8011/').join('/');
      },
      initColumnData: function () {
        var _this = this;
        $.ajax({
          type: "Post",
          url: COLUMN.COLUMN_LIST_URL,
          data: {
            parentId: "116",
            columnStatus: "0",
          },
          success: function (msg) {
            if (msg.code === 0) {
              _this.column = msg.data;
            }
          },
        });
      },
      initTools: function () {
        var _this = this;
        $.ajax({
          type: "Post",
          url: COLUMN.COLUMN_LIST_URL,
          data: {
            columnStatus: "0",
          },
          success: function (msg) {
            if (msg.code === 0) {
              var columArray = msg.data;
              /*_this.column = msg.data;*/
            }
            columArray.forEach(function (item) {
              if (item.columnName == "软件下载") {
                if (isIE()) item.columnName = encodeURI(item.columnName)
                _this.softwareDownloadUrl =
                  item.htmlPage +
                  "?newsColumnCode=" +
                  item.columnCode +
                  "&columnName=" +
                  item.columnName +
                  "&parentId=" +
                  item.parentId;
              }
              if (item.columnName == "研发报告") {
                if (isIE()) item.columnName = encodeURI(item.columnName)
                _this.searchReportUrl =
                  item.htmlPage +
                  "?newsColumnCode=" +
                  item.columnCode +
                  "&columnName=" +
                  item.columnName +
                  "&parentId=" +
                  item.parentId;
              }
              if (item.columnName == "交易日历") {
                if (isIE()) item.columnName = encodeURI(item.columnName)
                _this.transactionCalendarUrl =
                  item.htmlPage +
                  "?newsColumnCode=" +
                  item.columnCode +
                  "&columnName=" +
                  item.columnName +
                  "&parentId=" +
                  item.parentId;
              }
              if (item.columnName == "业务办理") {
                if (isIE()) item.columnName = encodeURI(item.columnName)
                _this.businessUrl =
                  item.htmlPage +
                  "?newsColumnCode=" +
                  item.columnCode +
                  "&columnName=" +
                  item.columnName +
                  "&parentId=" +
                  item.parentId;
              }
            });
          },
        });
      },
      //首页新闻中心公司新闻
      initNewsCenterData: function (code) {
        var _this = this;
        $.ajax({
          type: "Post",
          url: NEWS.NEWS_LIST_URL,
          data: {
            newsRelease: "1",
            newsColumnCode: code,
          },
          success: function (res) {
            if (res.code === 0) {
              _this.companyNews = res.rows;
            }
          },
        });
      },
      //首页新闻中心公司公告
      initNewsCenterCompanyGGData: function (code) {
        var _this = this;
        $.ajax({
          type: "Post",
          url: NEWS.NEWS_LIST_URL,
          data: {
            newsRelease: "1",
            newsColumnCode: code,
          },
          success: function (res) {
            if (res.code === 0) {
              _this.companyNews = res.rows;
            }
          },
        });
      },
      //首页新闻中心轮播图
      initNewsCenterBannerData: function (code) {
        var _this = this;
        $.ajax({
          type: "Post",
          url: NEWS.NEWS_LIST_URL,
          data: {
            newsRelease: "1",
            newsColumnCode: code,
          },
          success: function success(res) {
            if (res.code == 0) {
              _this.newSwiperData = res.rows;
              _this.$nextTick(function () {
                initNewsSwiper();
              });
            }
          },
        });
      },

      /** 新闻中心公告切换 */
      searchGGNews: function (code) {
        var _this = this;
        _this.companyNews = [];
        _this.initNewsCenterCompanyGGData(code);
        _this.ggIndex = 1;
        _this.gxIndex = 0;
      },
      /** 新闻中心新闻切换 */
      searchGXNews: function (code) {
        var _this = this;
        _this.companyNews = [];
        _this.initNewsCenterData(code);
        _this.ggIndex = 0;
        _this.gxIndex = 1;
      },
      /** 研究中心————>信息资讯*/
      initXXZXData: function (code) {
        var _this = this;
        $.ajax({
          type: "Post",
          url: NEWS.NEWS_LIST_URL,
          data: {
            newsRelease: "1",
            newsColumnCode: code,
          },
          success: function (res) {
            if (res.code === 0) {
              _this.xxzxData = res.rows;
            }
          },
        });
      },
      //研究中心————>研发报告
      initYFBGData: function (code) {
        var _this = this;
        $.ajax({
          type: "Post",
          url: NEWS.NEWS_LIST_URL,
          data: {
            newsRelease: "1",
            newsColumnCode: code,
          },
          success: function (res) {
            if (res.code === 0) {
              _this.yfbgData = res.rows;
            }
          },
        });
      },
      //研究中心————>投资策略
      initTZCLData: function (code) {
        var _this = this;
        $.ajax({
          type: "Post",
          url: NEWS.NEWS_LIST_URL,
          data: {
            newsRelease: "1",
            newsColumnCode: code,
          },
          success: function (res) {
            if (res.code === 0) {
              _this.tzclData = res.rows;
            }
          },
        });
      },
      /**友情链接*/
      initLinkData: function () {
        var _this = this;
        $.ajax({
          type: "Post",
          url: LINK.LINK_LIST_URL,
          data: {},
          success: function (res) {
            if (res.code === 0) {
              var obj = res.rows;
              $.each(obj, function (i, n) {
                if (n.linkType == "1") {
                  _this.friendlyLinkData.push(n);
                } else {
                  _this.ortherLinkData.push(n);
                }
              });
            }
          },
        });
      },
      // 跳转新闻详情
      skipNewsDetail: function (item) {
        if (isIE()) item.columnInformation.columnName = encodeURI(item.columnInformation.columnName)
        window.location.href =
          "news_center_details.html?newsId=" +
          item.newsId +
          "&newsColumnName=" +
          item.columnInformation.columnName +
          "&newsColumnCode=" +
          item.columnInformation.columnCode +
          "&htmlPage=" +
          item.columnInformation.htmlPage;
      },
    },
    filters: {
      formatDate: function (time) {
        if (time) {
          return time.split(" ")[0];
        }
        return "";
      },
      formatString: function (world) {
        return world.substr(0, 30) + "...";
      },
    },
    mounted: function () {
      this.initColumnData();
      //新闻中心
      this.initNewsCenterBannerData("yun_chen_news_center");
      this.initNewsCenterCompanyGGData("yun_chen_customerService_ywbl")
      // this.initNewsCenterData("yun_chen_news_center_gsxw");
      //研究中心
      this.initXXZXData("yun_chen_researchCenter_information");
      this.initYFBGData("yun_chen_researchCenter_report");
      this.initTZCLData("yun_chen_researchCenter_investmentStrategy");
      //友情链接
      this.initLinkData();
      //工具栏
      this.initTools();
      setTimeout(function () {
          setNav()
      },timeStamps)
    },
  });

  function initBnner() {
    /*页面banner*/
    var swiper = new Swiper(".swiper-container", {
      autoplay: true,
      pagination: {
        el: ".swiper-pagination",
      },
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });
  }

  function initNewsSwiper() {
    /*新闻焦点图*/
    var swiper_news = new Swiper(".swiper-container_news", {
      autoplay: true,
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });
  }
</script>

</html>