import Vue from 'vue'
import App from './App.vue'

import './assets/common.less'
import './assets/tailwind.css'
import dataV from '@jiaminghi/data-view'
import router from './router'
import store from './store'
import moment from 'moment'
import animated from 'animate.css'
import 'vue2-animate/dist/vue2-animate.min.css'
import axios from './utils/request'
import 'echarts-gl'
import * as echarts from 'echarts'
import TitleBox from './components/titleBox.vue'
import CustomTable from './components/customTable.vue'
import CustomPagination from './components/customPagination.vue'
import CustomDialog from './components/customDialog.vue'
import CustomPreview from './components/customPreview.vue'

import ElementUI from 'element-ui'

import './assets/font/font.css'

Vue.component('TitleBox', TitleBox)
Vue.component('CustomTable', CustomTable)
Vue.component('CustomPagination', CustomPagination)
Vue.component('CustomDialog', CustomDialog)
Vue.component('CustomPreview', CustomPreview)

Vue.prototype.$axios = axios
Vue.prototype.$echarts = echarts
Vue.prototype.$store = store

Vue.filter('formatNumber', (num) => {
  if (num && num >= 1000) {
    return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
  } else {
    return num || 0
  }
})

// 这是年月日时分秒的格式 dateTime这个是自己定义的
Vue.filter('dateTime', function (dataStr, pattern = 'YYYY.MM.DD HH:mm:ss') {
  return moment(dataStr).format(pattern)
})

Object.keys(ElementUI).forEach((key) => {
  const comp = ElementUI[key]
  if (comp && comp.props) {
    if (comp.props.popperAppendToBody) {
      comp.props.popperAppendToBody.default = false
    }
    if (comp.props.appendToBody) {
      comp.props.appendToBody.default = false
    }
  }
})

Vue.use(ElementUI)
Vue.use(animated)

Vue.config.productionTip = false

Vue.use(dataV)
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')