uskyq/assets/js/commonVue.js

// 定义一个名为 button-counter 的新组件
Vue.component('button-counter', {
  props: ['title'],
  data () {
    return {
      count: 0
    }
  },
  methods: {
    addCount() {
     this.count++
    }
  },
  template: '<button @click="addCount">{{ title }} : You clicked me {{ count }} times.</button>'
})







var app = new Vue({
  el: '#app',
  data: {
    //公共
    id: null,
    columnList:[],
    currentPath:'',
    articalArray: [], //详情数组
    columnTypes: [], //栏目类型

    //首页
    homeList: [],
    status: false,

    //解决方案旧
    array: [], 


    // 新闻
    news: [],
    goPage: 1,
    one_page_size: 9,
    currentPageNum: 1,
    totalPageNum: 1,
    totalPageSzie: 4,
    loading: true,

    //新闻详情旧
    articleInfo: {},
    previousInfo: {},
    nextInfo: {},
    relativeArr: [],
    ariticle_id: 0,



  },
  computed: {
    // 新闻详情旧
    isNews: function() {
      return (this.articleInfo.type == 1);
    },
    hasPrevious: function() {
        return Object.keys(this.previousInfo).length > 0;
    },
    hasNext: function() {
        return Object.keys(this.nextInfo).length > 0;
    }


  },
  created: function () {
    this.ariticle_id = this.getQuery('id')
    // this.title = this.getQuery('title')?this.getQuery('title'):''
    this.title = this.getQuery('title')?this.getQuery('title'):''

  },
  mounted: function () {
    _this = this

    this.getColumnData()



  },
  methods: {

    //获取栏目
    getColumnData() {
      this.columnTypes= []
      $.ajax({
        type: 'get',
        dataType: 'json',
        url: window.FQDN2 + 'siteCategory/siteCategoryList',
      }).done(function (res) {

        _this.columnList=res.data;
        _this.currentPath=window.location.pathname

        for (let i = 0; i < res.data.length; i++) {
          // console.log(res.data[i].sname)
          // console.log(window.location.pathname)

          if (res.data[i].categoryName == '首页'&& window.location.pathname=='/index.html') {
               //首页旧
                jQuery.ajax({
                  type: 'POST',
                    dataType: 'json',
                    url: window.FQDN + 'Index/index',
                }).done(function (res) {
                    _this.homeList = res
                    _this.status = true


                }).fail(function (err) {});
          }
          if (res.data[i].categoryName == '产品服务'&& window.location.pathname=='/product/read.html') {

            _this.currentPath='/product/index.html'  //新闻详情时栏目高亮
          }

          if (res.data[i].categoryName == '新闻动态'&& window.location.pathname=='/news/read.html') {

            _this.currentPath='/news/index.html'  //新闻详情时栏目高亮

            console.log(res.data[i].categoryName)

            //新闻详情旧
              jQuery.ajax({
                type: 'POST',
                dataType: 'json',
                url: window.FQDN + 'agw/journalism_details',
                data: {
                    id: 154
                }
              }).done(function(res) {
                  if (!res.msg) {
                      return;
                  }
                  _this.loading = false;
                  _this.articleInfo = res;
                  _this.relativeArr = res.related;
                  console.log(_this.relativeArr)

                  if (res.previous != null) {
                      _this.previousInfo = res.previous;
                  }
                  if (res.next != null) {
                      _this.nextInfo = res.next;
                  }

              }).fail(function(err) {});
          }
          if (res.data[i].categoryName == '关于永天'&& window.location.pathname.indexOf('about')>-1) {

            _this.columnTypes = res.data[i].children
            // _this.id =  _this.columnTypes[0].id;
            _this.getArticalData( _this.getQuery('id'))


            //关于永天旧
              $.ajax({
                type: 'POST',
                dataType: 'json',
                url: window.FQDN + 'Aboutus/index',
            }).done(function(arr) {
                // console.log(arr)
                _this.array = arr;
            }).fail(function(err) {});

          }


          if (res.data[i].children.length > 0) {
            if (res.data[i].categoryName == '解决方案'&& window.location.pathname.indexOf('solution')>-1) {
              _this.columnTypes = res.data[i].children
              _this.id =  _this.columnTypes[0].id;
              _this.getArticalData(_this.id)

              //解决方案旧
              $.ajax({
                type: 'POST',
                dataType: 'json',
                url: window.FQDN + 'Solution/index',
                data: {
                  id: '1'
                }
              }).done(function (arr) {
                _this.array = arr;
                console.log(_this.array)
              }).fail(function (err) {});
            }
            if (res.data[i].categoryName == '新闻动态'&& window.location.pathname.indexOf('news')>-1) {
              _this.columnTypes = res.data[i].children
              _this.id = _this.columnTypes[0].id;
              _this.getArticalData(_this.id)
            }
            if (res.data[i].categoryName == '产品服务'&& window.location.pathname.indexOf('product')>-1) {
              _this.columnTypes = res.data[i].children
              _this.id = _this.columnTypes[0].id;
              _this.getArticalData(_this.id)
            }
          }
        }
      })
    },

    //获取内容
    getArticalData(param) {
      $.ajax({
        type: 'GET',
        dataType: 'json',
        url: window.FQDN2 + 'siteArticle/siteArticleList',
        data: {
          categoryid: param,
          pageNum:_this.currentPageNum,
          pageSize:_this.one_page_size,
          title:_this.title
        }
      }).done(function (res) {
        var aa = res.data.records;
        
        aa.sort(_this.compare("lmtitle"))
        _this.loading = false;
        _this.articalArray = aa;
        _this.totalPageSzie = res.data.total
        _this.totalPageNum = Math.ceil(res.data.total / res.data.size);
        console.log(aa)

      }).fail(function (err) {});

    },

    //类型点击
    facilityClick(e, item) {
      this.id = item.id
      this.getArticalData(item.id)
      this.currentPageNum=1
      // console.log(item.id)
    },


  //  分页
    oneInnerBox: function(param) {
        window.location = "./read.html?id=" + param.categoryid+'&title='+param.title;
        // window.location = "./read.html?id=154"

    },
    enterPage: function(res) {
        if (this.goPage >= 1 && this.goPage <= this.totalPageNum) {
            this.currentPageNum = this.goPage
            this.getArticalData(this.id )
        } else {
            this.goPage = 1
            alert('输入页数有误！')
        }
    },
    currentChange: function(res) {
        this.currentPageNum = res
        this.getArticalData(this.id)
    },


    // 排序
    compare(property) {
      return function (a, b) {
        var value1 = a[property];
        var value2 = b[property];
        return value1 - value2;
      }
    },

    
    // 获取路由参数
     getQuery(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return decodeURI(r[2]); return null;
     },

     //获得年月日时分秒
        //传入日期//例：2020-10-27T14:36:23
      timeFormatSeconds(time) {
          var d = time ? new Date(time) : new Date();
          var year = d.getFullYear();
          var month = d.getMonth() + 1;
          var day = d.getDate();
          var hours = d.getHours();
          var min = d.getMinutes();
          var seconds = d.getSeconds();

          if (month < 10) month = '0' + month;
          if (day < 10) day = '0' + day;
          if (hours < 0) hours = '0' + hours;
          if (min < 10) min = '0' + min;
          if (seconds < 10) seconds = '0' + seconds;

          return (year + '-' + month + '-' + day + ' ' + hours + ':' + min + ':' + seconds);
      }



  }
});