import Vue from "vue";
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import '@/assets/font/font.css'
import App from "./App.vue";
import router from "./router";
import store from './store'
import Table from '@/components/Table/index.vue'
import TableCustom from '@/components/TableSlot/index.vue'
import Card from '@/components/Card/index.vue'
import ShowDelConfirm from '@/components/showDelConfirm/index.vue'
import SelectMember from '@/components/SelectMember/index.vue'
import "aieditor/dist/style.css"
import './assets/tailwind.css'
import './styles/element-variables.less'

Vue.config.productionTip = false;
Vue.use(ElementUI, { size: 'small' })
Vue.component('Table', Table)
Vue.component('TableCustom', TableCustom)
Vue.component('Card', Card)
Vue.component('ShowDelConfirm', ShowDelConfirm)
Vue.component('SelectMember', SelectMember)

Vue.prototype.msgsuccess = function (msg) {
  this.$message({
    message: msg,
    type: "success"
  });
}

Vue.prototype.msgerror = function (msg) {
  this.$message({
    message: msg,
    type: "error"
  });
}

Vue.prototype.msgwarning = function (msg) {
  this.$message({
    message: msg,
    type: "warning"
  });
}

Vue.prototype.msginfo = function (msg) {
  this.$message.info(msg);
}

Vue.prototype.$baseTableHeight = (formType) => {
  let height = window.innerHeight
  let paddingHeight = 400
  const formHeight = 50

  if ('number' == typeof formType) {
    height = height - paddingHeight - formHeight * formType
  } else {
    height = height - paddingHeight
  }
  return height
}

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