# main

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

{
    type:"message",
    payload:{
    appId:"app_1",
    data:{},
    description:"",
    level:"",
    title:""
    }
}

### 如何根据配置文件配置主界面
manifest.json文件中配置当前界面方案schema字段,如果是空突就填 "KT",如果是轻步就 "QB"
```json
{
  "wsUrl": "",
  "whitelist": [],
  "appIds": {
    "ZXZH": "HCZXZH"
  },
  "schema": "QB"
}
```
tis/schema 新建界面方案 eg:kt_layouts
```javascript
export default {
  "Login": () => import(/* webpackChunkName: "LoginKT" */"../../components/LoginKT"),
  "StatusBar": () => import(/* webpackChunkName: "StatusBar" */"../../components/StatusBar"),
  "SiderMenu": () => import(/* webpackChunkName: "SiderMenu" */"../../components/SiderMenu"),
  "Footer": () => import(/* webpackChunkName: "Footer" */"../../components/Footer"),
  "NavBar": () => import(/* webpackChunkName: "NavBar" */"../../components/NavBar"),
  "AppBar": () => import(/* webpackChunkName: "AppBar" */"../../components/AppBar"),
  "WidgetsPanel": () => import(/* webpackChunkName: "WidgetsPanel" */"../../components/WidgetsPanel"),
  "WidgetsView": () => import(/* webpackChunkName: "WidgetsView" */"../../components/WidgetsView"),
  "Widget": () => import(/* webpackChunkName: "Widget" */"../../components/Widget"),
  "WidgetDR": () => import(/* webpackChunkName: "WidgetDR" */"../../components/WidgetDR"),
  "AppView": () => import(/* webpackChunkName: "AppView" */"../../components/AppView"),
  "AppsPanel": () => import(/* webpackChunkName: "AppsPanel" */"../../components/AppsPanel"),
  "TaskKanban": () => import(/* webpackChunkName: "TaskKanban" */"../../components/TaskKanban"),
  "SettingSys": () => import(/* webpackChunkName: "SettingSys" */"../../components/SettingSys"),
  "NotificationWhole": () => import(/* webpackChunkName: "NotificationWhole" */"../../components/NotificationWhole"),
  "HistoricalNews": () => import(/* webpackChunkName: "HistoricalNews" */"../../components/HistoricalNews"),
  "SearchBox": () => import(/* webpackChunkName: "SearchBox" */"../../components/SearchBox"),
  "locationArtificial": () => import(/* webpackChunkName: "locationArtificial" */"../../components/locationArtificial"),
  "MessageBox": () => import(/* webpackChunkName: "MessageBox" */"../../components/MessageBox"),
  "ToListMail": () => import(/* webpackChunkName: "ToListMail" */"../../components/ToListMail")
};
```
main.js进行界面方案引入，组件均为异步组件，所以不必担心资源加载多或重复的问题
```javascript
import KT_layouts from "./tis/schema/kt_layouts";
import QB_layouts from "./tis/schema/qb_layouts";
```
将界面方案配置到schema对象中
```javascript
const schema = {
  "KT": KT_layouts,
  "QB": QB_layouts
};
```
config配置中配置对应的界面方案
```javascript
config.schema = manifest.schema || "QB"; //默认轻步方案
config.layouts = schema[`${manifest.schema}`];
```
#### notice
注意界面方案的key值几处出现的地方必须保持一致。 "KT"、"QB"


#增加主题
xx即为主题变量，eg:空突主题xx为kt，蓝色主题xx为blue
## 框架主题
theme-chalk文件夹中增加 index-xx.css
## 应用主题
tis-ui文件夹下新建theme-xx文件夹，theme-xx文件夹下新建index.css，index.css即为index-xx.css