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: 3,
    currentPageNum: 1,
    totalPageNum: 1,
    totalPageSzie: 4,
    loading: true,

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


    // 产品服务旧
    viweState: false,

    getProductType: [],
    getProductList: [],
    details: {},

    tabs: 0,
    tabsId: '',
    banner: undefined,
    item: undefined


    
    



  },
  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()

    this.getProductTypeAjax()
    if (JSON.stringify(JSON.parse(localStorage.getItem("item")).children) != "[]") {
        this.banner = JSON.parse(localStorage.getItem("item")).imagePath
        console.log('this.banner')
        console.log(this.banner)
        if (window.location.search) {
            if (window.location.search.indexOf("detailId") > -1) {
                this.detailsData(this.getString('detailId')[2])
            }
            if (window.location.search.indexOf("id") > -1) {
                this.getList(this.getString('id')[2])
            }
        } else {
            this.getList()
                                  }
                        }



  },
  methods: {

    //获取栏目
    getColumnData() {
      $.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=='/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) {
            //关于永天旧
              $.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.getQuery('id') ? _this.getQuery('id') : _this.columnTypes[0].id;
              _this.getArticalData(_this.id ? _this.id : _this.columnTypes[0].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.getQuery('id') ? _this.getQuery('id') : _this.columnTypes[0].id;
              _this.getArticalData(_this.id ? _this.id : _this.columnTypes[0].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)
    },


    // 产品服务旧
    getString(key) {
          //  获取地址栏的参数
          var url = window.location.search;
          //正则表达式筛选
          var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
          //匹配参数
          var result = url.substr(1).match(reg);
          return result
      },
      /** 获取分类 */
      getList(id) {
          let _this = this
          _this.tabs = id
          _this.tabsId = id
          let path = JSON.parse(localStorage.getItem("item")).sname
          let data = JSON.parse(localStorage.getItem("item")).children

          for (let i = 0; i < data.length; i++) {
              if (id == data[i].id) {
                  var li = $(`
                          <a class="active" href=?id=${data[i].id}>
                              ${data[i].categoryName}
                          </a>
                      
                  `)
                  $('.tabs_selected a').siblings().removeClass('active')
                  $('#' + id).addClass('active')
              } else {
                  var li = $(`
                      <a href=?id=${data[i].id}>${data[i].categoryName}</a>
                  `)
              }
              // $(".grid-filter>ul").append(li)
          }
          if (!id) {
              let li = $(`<a class="active" href="index.html">全部</a>`)
              $(".grid-filter>ul").prepend(li)
              _this.getListData(_this.tabsId, 1, _this.one_page_size)
          } else {
              let li = $(`<a href="index.html">全部</a>`)
              _this.getListData(id, 1, _this.one_page_size)
              $(".grid-filter>ul").prepend(li)
          }
      },
      /** 获取分类下数据 */
      getListData(id = undefined, page, size) {
          let _this = this
          jQuery.ajax({
              type: 'get',
              dataType: 'json',
              url: window.FQDN2 + 'siteArticle/siteArticleList',
              data: {
                  categoryid: id,
                  pageNum: page,
                  pageSize: size,

              }
          }).done(function(res) {
              _this.getProductList = res.data.records
              _this.totalPageNum = Math.ceil((res.data.total / res.data.size))
              _this.totalPageSzie = res.data.total
              _this.currentPageNum = res.data.current
              if (res.data.records.length > 0) {
                  _this.loading = false
              } else {
                  _this.loading = true
              }

          }).fail(function(err) {});
      },
      /** 获取数据详情 */
      productDetails(data) {
          if (data) {
              localStorage.setItem("productDetail", JSON.stringify(data))
              window.location = `?detailId=${data.id}`
          } else {
              window.history.go(-1)
              setTimeout(() => {
                  localStorage.removeItem("productDetail")
              }, 1000)
          }

      },
      detailsData(id) {
          let data = JSON.parse(localStorage.getItem("productDetail"))
          if (data.id == id) {
              this.details = data
              this.viweState = true
          }

      },
      CloseDetail(){
          this.viweState=false;
          window.history.replace(-1)
          location.replace(location.href);
      },
      getProductTypeAjax() {
          var _this = this;
          jQuery.ajax({
              type: 'POST',
              dataType: 'json',
              url: window.FQDN2 + 'Product/getProductType',
          }).done(function(res) {
                                          _this.getProductType = res

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

    //end


  //  分页
    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 ? this.id : this.columnTypes[0].id)
        } else {
            this.goPage = 1
            alert('输入页数有误！')
        }
    },
    currentChange: function(res) {
        this.currentPageNum = res
        this.getArticalData(this.id ? this.id : this.columnTypes[0].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);
  }



  }
});